/* preguntas frecuentes: tarjetas con ícono; una abierta a la vez, el resto atenuado */
.sec.faq{display:block;overflow:auto;background:var(--sand)}
.faq-in{max-width:1060px;margin:0 auto;padding:34px 30px 60px}
.faq-head .kicker{font:700 13px Outfit;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d)}
.faq-head h2{margin:6px 0 6px}
.faq-busca input{width:100%;border:2px solid var(--navy);border-radius:999px;padding:13px 20px 13px 46px;font:17px 'Barlow Semi Condensed',sans-serif;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23190a4a' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 16px center}
.faq-busca input:focus{outline:3px solid rgba(37,176,171,.4)}
.faq-temas{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}
.faq-temas button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--navy);font:700 13.5px Outfit;padding:6px 13px;border-radius:999px;cursor:pointer}
.faq-temas button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.faq-ti svg{width:16px;height:16px;display:block}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.faq-it{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 8px rgba(25,10,74,.04);transition:opacity .25s,box-shadow .25s,border-color .25s}
.faq-list.foco .faq-it:not(.on){opacity:.42}
.faq-list.foco .faq-it:not(.on):hover{opacity:.8}
.faq-it.on{grid-column:1/-1;border-color:var(--teal);box-shadow:0 10px 28px rgba(37,176,171,.2)}
.faq-q{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;text-align:left;padding:14px 16px;cursor:pointer;color:inherit;font:inherit}
.faq-ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e6f7f6;color:var(--teal-d)}
.faq-ic svg{width:26px;height:26px}
.faq-qt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.faq-qt b{font:700 17px Outfit;color:var(--navy);line-height:1.2}
.faq-qt small{font:600 12px Outfit;color:var(--muted)}
.faq-mas{flex:none;width:28px;height:28px;border-radius:50%;background:var(--sand);position:relative}
.faq-mas::before,.faq-mas::after{content:'';position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--navy);transition:transform .25s}
.faq-mas::after{transform:rotate(90deg)}
.faq-it.on .faq-mas{background:var(--teal)} .faq-it.on .faq-mas::before,.faq-it.on .faq-mas::after{background:#fff}
.faq-it.on .faq-mas::after{transform:rotate(0)}
.faq-mito{align-self:flex-start;display:inline-block;font:800 10.5px Outfit;letter-spacing:.08em;text-transform:uppercase;background:var(--coral);color:#fff;padding:2px 7px;border-radius:5px}
.faq-it.t-prop .faq-ic,.faq-it.t-part .faq-ic{background:#fff1ec;color:#d9583a}
.faq-it.t-pat .faq-ic,.faq-it.t-alt .faq-ic{background:#f1eefb;color:var(--navy)}
.faq-r{padding:2px 22px 20px 76px}
.faq-dice{margin:0 0 10px;font-size:15.5px;color:var(--ink-2);font-style:italic}
.faq-dice span{display:inline-block;font:800 10.5px Outfit;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#d9583a;margin-right:8px}
.faq-corta{font:600 19px 'Barlow Semi Condensed';color:var(--ink);margin:0 0 8px;line-height:1.3}
.faq-real{display:inline-block;font:800 10.5px Outfit;letter-spacing:.08em;text-transform:uppercase;background:var(--teal);color:#fff;padding:2px 8px;border-radius:5px;margin-right:8px;vertical-align:2px}
.faq-d{margin:0 0 12px;color:var(--ink-2);font-size:16px;max-width:760px}
.faq-ir{display:inline-block;font:700 14px Outfit;color:#fff;background:var(--teal);text-decoration:none;padding:7px 16px;border-radius:999px}
.faq-nada{grid-column:1/-1;background:#fff;border-radius:12px;padding:16px;color:var(--ink-2)}
.faq-fin{margin-top:22px;background:var(--navy);color:#fff;border-radius:14px;padding:16px 20px;font-size:16.5px}
.faq-fin a{color:#8ff0ea;font-weight:700}
@media (max-width:900px){.faq-in{padding:22px 16px 50px}.faq-list{grid-template-columns:1fr}.faq-r{padding:2px 16px 18px}}
@media (prefers-reduced-motion:reduce){.faq-it,.faq-mas::after{transition:none}}
