/* qué trae */
.xqt{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:center;max-width:1100px;margin:0 auto}
.xqt__stage{aspect-ratio:1/1}
.xqt__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4%;transition:transform 1.2s var(--ease)}
.xqt.is-completo .xqt__img{transform:scale(1.03)}
.xqt__det{position:absolute;right:16px;bottom:16px;width:38%;aspect-ratio:1;border-radius:var(--r-lg);background:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.4);opacity:0;transform:scale(.9);transition:all .4s var(--ease);overflow:hidden}
.xqt__det.on{opacity:1;transform:none}
.xqt__det img{width:100%;height:100%;object-fit:contain;padding:8%}
.xqt__k{font:500 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.xqt__k span{font:italic 400 22px/1 var(--f-serif);letter-spacing:0;color:var(--sage-ink);margin-right:2px}
.xqt__bar{height:4px;border-radius:4px;background:color-mix(in srgb,var(--ink) 10%,transparent);margin:14px 0 18px;overflow:hidden}
.xqt__bar i{display:block;height:100%;background:var(--accent2);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.xqt__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.xqt__list button{display:flex;align-items:center;gap:16px;width:100%;min-height:62px;padding:12px 16px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;color:var(--ink);
  text-align:left;cursor:pointer;transition:background .3s,border-color .3s,transform .3s var(--ease)}
.xqt__list button:hover{transform:translateX(3px)}
.xqt__n{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--card);font:italic 400 17px/1 var(--f-serif);transition:all .3s}
.xqt__list b{flex:1;font:500 16px/1.35 var(--f-head);letter-spacing:-.01em}
.xqt__ok{opacity:0;transform:scale(.4);color:var(--ok);transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.xqt__list button[aria-pressed="true"]{background:color-mix(in srgb,var(--ok) 7%,#fff);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.xqt__list button[aria-pressed="true"] .xqt__n{background:var(--ok);color:#fff}
.xqt__list button[aria-pressed="true"] .xqt__ok{opacity:1;transform:none}
.xqt__fin{min-height:24px;margin:16px 0 0;font:italic 400 20px/1.3 var(--f-serif);color:var(--ink)}
.xqt__hint{margin:6px 0 0;font-size:13px;color:var(--muted)}
.xqt.is-completo .xqt__hint{display:none}
@media(max-width:860px){.xqt{grid-template-columns:minmax(0,1fr);gap:20px}.xqt__stage{aspect-ratio:5/4}}