/* ====== Estilos Globales ====== */
body {
  font-family: Arial, sans-serif;
  background-color: #f5f7fa;
  color: #142366;
  line-height: 1.6;
}

/* Carrusel: imagen completa y responsive */
.carousel-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Hover */
.hover-scale {
  transition: transform 0.3s ease;
}

.hover-scale:hover {
  transform: scale(1.05);
}

/* Botones */
.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
}

/* ====== Estilos FAQ ====== */
#faq {
  background-color: #ffffff; /* Fondo blanco para destacar */
  padding: 3rem 1rem;
}

#faq h2 {
  color: #0dcaf0; /* Coincide con text-info */
  text-align: center;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.accordion-button {
  background-color: #f5f7fa;
  color: #142366;
  font-weight: 600;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: #e1e6f0;
  color: #142366;
}

.accordion-body {
  background-color: #fdfdfd;
  color: #142366;
  font-size: 1rem;
  line-height: 1.6;
}

.accordion-button::after {
  filter: invert(0.5); /* Ajusta el ícono de acordeón para que contraste */
}

@media (max-width: 600px) {
  #faq h2 {
    font-size: 1.5rem;
  }
  .accordion-body {
    font-size: 0.95rem;
  }
}