/*! © 2026 Huascar Trinidad · TrinaxCode. Todos los derechos reservados / All rights reserved. Uso: https://trinaxcode.com/terminos/ */
.faq{--faq-pad: clamp(18px, 2vw, 26px);--faq-n: 28px;--faq-gap: clamp(14px, 1.6vw, 20px)}.faq__grid{display:grid;gap:var(--s-7)}@media(min-width:960px){.faq__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-9);align-items:start}.faq__head{position:sticky;top:calc(var(--nav-h, 72px) + var(--s-6))}}.faq__lead{margin-top:var(--s-5);color:var(--ink-2);font-size:var(--t-lead);line-height:1.55;max-width:34ch}.faq__cta{position:relative;overflow:hidden;display:grid;justify-items:start;gap:var(--s-3);margin-top:var(--s-7);max-width:400px;padding:var(--s-5) var(--s-5) var(--s-5);border:1px solid var(--line);border-radius:20px;background:radial-gradient(420px 220px at 100% 0%,rgba(0,116,182,.2),transparent 70%),var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.faq__cta-k{color:var(--blue-hi);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.faq__cta-t{font-family:var(--f-display);font-weight:600;font-size:clamp(18px,1.5vw,21px);line-height:1.3;letter-spacing:-.01em;color:var(--ink);max-width:28ch;margin-bottom:var(--s-2)}.faq__avail{font-size:14px;margin-top:var(--s-1)}.faq__list{display:grid;gap:12px;counter-reset:faq}.faq__item{position:relative;overflow:hidden;interpolate-size:allow-keywords;border:1px solid var(--line);border-radius:18px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--d-med) var(--ease-out),background-color var(--d-med) var(--ease-out),box-shadow .5s var(--ease-out)}.faq__item:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--blue-hi),var(--blue));transform:scaleY(0);transition:transform .5s var(--ease-out)}.faq__item:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out);background:radial-gradient(560px 220px at 0% 0%,rgba(0,116,182,.18),transparent 70%)}.faq__item[open]{border-color:#4aa8f061;box-shadow:0 30px 60px -40px #0074b68c}.faq__item[open]:before{transform:scaleY(1)}.faq__item[open]:after{opacity:1}.faq__q{position:relative;z-index:1;display:grid;grid-template-columns:var(--faq-n) minmax(0,1fr) auto;align-items:center;gap:var(--faq-gap);min-height:64px;padding:var(--faq-pad);cursor:pointer;list-style:none;border-radius:inherit}.faq__q::-webkit-details-marker{display:none}.faq__q:focus-visible{outline:2px solid var(--blue-hi);outline-offset:-2px}.faq__n{font-size:13px;letter-spacing:.06em;color:var(--ink-3);transition:color var(--d-med) var(--ease-out)}.faq__qbody{display:grid;gap:6px}.faq__tag{color:var(--ink-3);text-transform:uppercase;letter-spacing:.14em;font-size:11px;transition:color var(--d-med) var(--ease-out)}.faq__qt{font-family:var(--f-display);font-weight:600;font-size:clamp(18px,1.55vw,23px);line-height:1.22;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;transition:color var(--d-fast) var(--ease-out)}.faq__item[open] .faq__n,.faq__item[open] .faq__tag{color:var(--blue-hi)}.faq__icon{position:relative;flex:none;width:36px;height:36px;border:1px solid var(--line-2);border-radius:999px;transition:border-color var(--d-fast) var(--ease-out),background-color var(--d-med) var(--ease-out),transform .5s var(--ease-out)}.faq__icon:before,.faq__icon:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--ink-2);border-radius:2px;transition:transform .32s var(--ease-out),background-color .18s}.faq__icon:after{transform:rotate(90deg)}.faq__item[open] .faq__icon{border-color:var(--blue);background:var(--blue);transform:rotate(180deg)}.faq__item[open] .faq__icon:before,.faq__item[open] .faq__icon:after{background:var(--on-blue)}.faq__item[open] .faq__icon:after{transform:rotate(0)}@media(hover:hover){.faq__item:not([open]):hover{border-color:var(--line-2);background-color:#222a3873}.faq__q:hover .faq__qt{color:var(--blue-hi)}.faq__item:not([open]) .faq__q:hover .faq__icon{border-color:var(--blue-hi)}}.faq__a{position:relative;z-index:1;padding:0 calc(var(--faq-pad) + 36px + var(--faq-gap)) var(--faq-pad) calc(var(--faq-pad) + var(--faq-n) + var(--faq-gap))}.faq__a>p:first-child{color:var(--ink-2);line-height:1.68;max-width:62ch;padding-top:var(--s-4);border-top:1px solid var(--line)}.faq__a strong{color:var(--ink);font-weight:600}.faq__links{display:flex;flex-wrap:wrap;gap:0 var(--s-5);margin-top:var(--s-2)}.faq__more{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;font-size:15px;color:var(--blue-hi);--od-icon-size: 16px}.faq__more span{border-bottom:1px solid rgba(74,168,240,.35);transition:border-color var(--d-fast) var(--ease-out)}.faq__more .od-icon{transition:transform var(--d-fast) var(--ease-out)}@media(hover:hover){.faq__more:hover span{border-color:var(--blue-hi)}.faq__more:hover .od-icon{transform:translate(3px)}.faq__more[target=_blank]:hover .od-icon{transform:translate(2px,-2px)}}.faq__item[open] .faq__a{animation:faq-in .42s var(--ease-out)}@keyframes faq-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@supports selector(::details-content){.faq__item::details-content{block-size:0;overflow:hidden;transition:block-size .46s var(--ease-out),content-visibility .46s allow-discrete}.faq__item[open]::details-content{block-size:auto}}@media(max-width:599px){.faq{--faq-pad: 16px;--faq-n: 22px;--faq-gap: 12px}.faq__q{align-items:start}.faq__n{padding-top:2px}.faq__icon{width:32px;height:32px}.faq__a{padding:0 var(--faq-pad) var(--faq-pad)}.faq__cta{max-width:none}}@media(prefers-reduced-motion:reduce){.faq__item[open] .faq__a{animation:none}.faq__item::details-content{transition:none}.faq__item,.faq__item:before,.faq__item:after,.faq__icon,.faq__icon:before,.faq__icon:after{transition:none}}
