.info {
    padding-top: 50px; /* Para que no se esconda detrás del navbar si es fijo */
}

.social {
    display: flex;
    gap: 25px; /* Espacio entre los iconos */
}

.titulos {
  text-align: center;
  margin: 35px 0 20px 0 !important;
}

.bienvenida {
    height: 100vh; /* Ocupa toda la altura de la pantalla */
    background-color: #f8f9fa; /* Color de fondo suave */
    padding-top: 80px; /* Para que no se esconda detrás del navbar si es fijo */
}

.btn-custom-color {
  background-color: #00AFA7;
  color: white; /* Color del texto */
  border: none; /* Para quitar el borde por defecto */
}

.card-img-top {
  max-height: 200px;
  object-fit: cover;
}

.card-title {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}

.card-subtitle {
  font-size: 0.875rem; /* Tamaño más pequeño */
  color: #6c757d; /* Color gris similar al text-muted */
  margin-bottom: 0.25rem;
}

.card-text {
  font-size: 0.95rem;
  color: #555;
}

article p {
  line-height: 1.7;
  font-size: 1.05rem;
}

article h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

article ul {
  margin-bottom: 1.5rem;
}


#logo-boton {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 100; /*orden de apilamiento sobre el resto del contenido*/
  display: block;
  width: 60px;
  height: 75px;
}

#logo-boton img {
  width: 100%;
  height: auto;
  border-radius: 50%; /* opcional: redondea la imagen */
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  /* transition: cambios de estilo ((transform, color, background, etc)*/
  transition: transform 0.2s ease; /* anima el cambio suavemente*/
}

#logo-boton img:hover {
  transform: scale(1.1); /* agranda la imagen*/
}