.faq{
  max-width: 820px;
}

.faq__item{
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.faq__q{
  width:100%;
  padding:14px 0;
  background:none;
  border:0;
  text-align:left;
  font:inherit;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  outline: none;
}

.faq__q:focus{
  outline:2px solid rgba(0,0,0,.25);
  outline-offset:4px;
}

.faq__icon::before{
  content:"+";
  font-weight:700;
  opacity:.7;
}

.faq__q[aria-expanded="true"] .faq__icon::before{
  content:"–";
}

.faq__a{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:max-height .25s ease, opacity .2s ease;
}

.faq__a.is-open{
  max-height:600px; /* ajustable */
  opacity:1;
  padding-bottom:14px;
}

.faq__a > :first-child{ margin-top:0; }
.faq__a > :last-child{ margin-bottom:0; }
/* Quita cualquier borde/ring/focus del navegador en el FAQ */
#faq-freeaqua .faq__q,
#faq-freeaqua .faq__q:focus,
#faq-freeaqua .faq__q:focus-visible,
#faq-freeaqua .faq__q:active{
  outline: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* (Opcional) por si algún estilo global mete un "ring" con filter */
#faq-freeaqua .faq__q{
  appearance: none;
  -webkit-appearance: none;
}