/* Asegura espacio debajo del navbar fijo */
body {
  scroll-behavior: smooth;
  padding-top: 70px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Ajustes del carrusel */
.carousel-item {
  height: 60vh; /* o lo que prefieras */
}
.carousel-item {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  padding: 1.5rem;
  border-radius: 10px;
}

/* Botón de pago */
#pago .btn {
  font-size: 1.25rem;
  padding: 0.75rem 2rem;
  transition: background-color 0.3s ease;
}

#pago .btn:hover {
  background-color: #198754cc; /* Verde Bootstrap con transparencia */
}

/* Secciones */
section {
  scroll-margin-top: 80px;
}

section h2 {
  font-weight: bold;
  margin-bottom: 1rem;
}

/* Footer */
footer h5 {
  font-weight: bold;
  margin-bottom: 1rem;
}

footer a:hover {
  text-decoration: underline;
}

footer ul li {
  margin-bottom: 0.5rem;
}

/* Íconos del footer */
footer i {
  margin-right: 0.5rem;
}

/* Responsivo para dispositivos pequeños */
@media (max-width: 768px) {
  .carousel-caption {
    font-size: 0.9rem;
    padding: 1rem;
  }

  footer .fa-2x {
    font-size: 1.5rem;
  }
}

.logo_footer {
  max-width: 100%;        /* Que nunca se pase del ancho de su contenedor */
  height: auto;           /* Mantener proporción */
  max-height: 100px;      /* Tamaño máximo relativo al footer */
  display: block;
  margin: 0 auto;         /* Centrado horizontal */
}

.logo_header {
  max-width: 100%;        /* Que nunca se pase del ancho de su contenedor */
  height: auto;           /* Mantener proporción */
  max-height: 100px;      /* Tamaño máximo relativo al footer */
  display: block;
  margin: 0 auto;         /* Centrado horizontal */
}

#pago .btn {
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
  .logo_footer, .logo_header {
    max-height: 70px;
  }
}