.faq-archive {
    width: 900px;
    max-width: 100%;
}
/* Filtros */
.faq-filters { 
    display:flex; 
    gap:.5rem; 
    flex-wrap:wrap;
    margin:1rem 0 2rem 
}
.faq-filter { 
    border:1px solid var(--ast-border-color, #dcdcdc); 
    padding:.1rem .9rem; 
    border-radius:999px; 
    cursor:pointer; 
    font:inherit ;
    font-size: 14px;
}
.faq-filter.is-active { 
    border-color:#111; 
    box-shadow:0 0 0 2px rgba(0,0,0,.06) 
}

/* Grupos */
.faq-group { 
    margin-bottom:2rem 
}
.faq-group__title { 
    margin:.5rem 0 1rem; 
    font-size:clamp(1.1rem, 1.2vw + 1rem, 1.4rem); 
    font-weight:700 
}

/* Acordeón */
.faq-item { 
    border-bottom:1px solid var(--ast-border-color, #e7e7e7); 
    padding:.6rem 0 
}
.faq-item__question {
    color: #212121;
}

.faq-item__answer[hidden]{ 
    display:none 
}
.faq-item__answer { 
    padding:.5rem 0 1rem; 
}

/* Botón + ícono */
.faq-toggle{
  all:unset;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  width:100%;
  font-weight:600;
  line-height:1.35;
}
.faq-toggle:hover{
    background: transparent;
    color: #999;
}
.faq-toggle:focus{
  outline:none;
  outline-offset:2px;
  background: transparent;
    color: #212121;
}
.faq-toggle__icon{
  width:1.1em;
  height:1.1em;
  flex:0 0 auto;
  transition:transform .25s ease;
  opacity:.9;
}
.faq-toggle[aria-expanded="true"] .faq-toggle__icon{
  transform:rotate(180deg);
}

/* Panel con animación */
.faq-item__answer{
  overflow:hidden;
  /* estado visible por JS: height:auto (removido), sin transición */
}
.faq-item__answer[hidden]{ display:none; }

/* Clase temporal durante animación */
.faq-item__answer--animating{
  transition: height .28s ease, opacity .28s ease;
}

/* Animación de grupos al filtrar */
.faq-group {
  overflow: hidden;              /* necesario para animar altura */
}
.faq-group--animating {
  transition: height .28s ease, opacity .28s ease;
}
.faq-group--hidden {
  display: none;                 /* estado final cuando queda oculto */
}


/* Preferencia de usuario: sin animaciones */
@media (prefers-reduced-motion: reduce){
  .faq-toggle__icon{ transition:none; }
  .faq-item__answer--animating{ transition:none; }
}