/* AI Popular — Preguntas frecuentes. */
/* Preguntas frecuentes: acordeón accesible */
.faq { display: grid; gap: 10px; max-width: 820px; }
.pregunta-caja { padding: 0; overflow: hidden; }
.pregunta {
  width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 14px;
  padding: 18px 22px; background: none; border: 0; color: var(--texto); cursor: pointer;
  font: 700 1.04rem/1.35 var(--texto-fuente); text-align: left;
}
.pregunta-signo { font-size: 1.5rem; line-height: 1; color: var(--cian); transition: transform var(--dur-media) var(--ease-gelatina); flex: none; }
.pregunta[aria-expanded="true"] .pregunta-signo { transform: rotate(45deg); }
.respuesta { padding: 0 22px 20px; color: var(--texto-2); }
.respuesta[hidden] { display: none; }
.respuesta ol { margin: 8px 0 0; padding-left: 22px; }
.respuesta li { margin-bottom: 6px; }

.respuesta { position: relative; }
.teo-asoma { position: absolute; right: 18px; top: -34px; --teo-w: 52px; transform: translateY(60%) scale(.6); opacity: 0; }
.teo-asoma.asomando { animation: asomar-faq var(--dur-media) var(--ease-gelatina) both; }
@keyframes asomar-faq { from { transform: translateY(60%) scale(.6); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }

/* Celular: preguntas más compactas */
@media (max-width: 560px) { .pregunta { font-size: 1rem; padding: 16px 18px; } .respuesta { padding: 0 18px 18px; } }