/* Contenedor general del acordeón */
#faqAccordion .accordion-item{
  border: 1px solid rgba(2,85,139,.20);
  border-radius: .6rem;
  overflow: hidden;                        /* redondeado limpio */
  background: #fff;
}

/* HEADER: estado abierto */
#faqAccordion .accordion-button{
  background: var(--brand);
  color: #fff;
  font-weight: 600;
  box-shadow: none;                        /* sin glow azul */
  border: none;
  padding: .9rem 1.1rem;
}

/* HEADER: estado colapsado */
#faqAccordion .accordion-button.collapsed{
  background: #fff;
  color: var(--brand);
  border: none;
}

/* Hover/focus */
#faqAccordion .accordion-button:hover{
  background: var(--brand-700);
  color: #fff;
}
#faqAccordion .accordion-button.collapsed:hover{
  background: var(--brand-50);
  color: var(--brand);
}
#faqAccordion .accordion-button:focus{
  box-shadow: 0 0 0 .15rem rgba(2,85,139,.25);
}

/* Chevron (icono a la derecha) */
#faqAccordion .accordion-button::after{
  /* por defecto (colapsado) color brand */
  filter: hue-rotate(180deg) saturate(0) brightness(0) invert(25%)
          drop-shadow(0 0 transparent);
}
/* cuando está abierto lo hago blanco */
#faqAccordion .accordion-button:not(.collapsed)::after{
  filter: invert(1);
}

/* CUERPO */
#faqAccordion .accordion-body{
  background: #fff;                        /* cuerpo blanco legible */
  color: var(--ink);
  border-top: 1px solid rgba(2,85,139,.12);
  padding: 1rem 1.1rem;
}

/* Quitar bordes internos extra de Bootstrap */
#faqAccordion .accordion-collapse{ border: 0; }

/* Opcional: sombra suave del bloque completo al abrir */
#faqAccordion .accordion-item:has(.accordion-collapse.show){
  box-shadow: 0 12px 24px rgba(2,85,139,.08);
}


.accordion-button
{
  font-family: "Archivo", Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  font-size: 1.3rem;
  margin-bottom: .3rem;
}