/* Teste do quadrante */
.qd{margin-bottom:24px}
.qd-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;padding:24px}
.qd-intro-txt p{line-height:1.65;margin:0 0 12px}
.qd-intro .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.btn.big{font-size:1.1rem;padding:14px 22px}
.qd-plot{width:100%;max-width:360px;justify-self:center;box-shadow:0 0 0 4px #000,6px 6px 0 4px rgba(0,0,0,.6);background:#1b1416}
.qd-plot .ax{font:700 11px var(--f-body);fill:#1b1416}
.qd-dot.hide{display:none}
@media (prefers-reduced-motion:no-preference){.qd-dot.anim{animation:qddot .9s cubic-bezier(.2,.9,.3,1.2) both}}
@keyframes qddot{from{transform:translate(calc(var(--dx) * -1),calc(var(--dy) * -1));opacity:.2}}
.qd-q{display:grid;gap:16px;padding:24px;max-width:860px;margin-inline:auto}
.qd-prog{height:10px;background:var(--bark-2);box-shadow:inset 0 0 0 2px #000}
.qd-prog span{display:block;height:100%;background:var(--xp,#80ff20);transition:width .25s}
.qd-num{margin:0;color:var(--ash)}
.qd-frase{font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.3;margin:0;min-height:3.2em}
.qd-opts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.qd-o{display:grid;justify-items:center;gap:6px;padding:14px 8px;border:0;cursor:pointer;font:700 .95rem var(--f-body);color:#1b1416;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),0 0 0 2px #000;transition:transform .1s}
.qd-o:hover{transform:translateY(-2px)}
.qd-o.sel{outline:4px solid #fff;outline-offset:2px}
.qd-key{font:400 18px var(--f-pixel);opacity:.7}
.qd-o0{background:#ff8f8f}.qd-o1{background:#ffc39a}.qd-o2{background:#e9e1d6}.qd-o3{background:#b5e8a4}.qd-o4{background:#7fd88a}
.qd-nav{display:flex;gap:12px;align-items:center;justify-content:space-between}
.qd-res{display:grid;gap:14px;padding:24px;box-shadow:inset 0 0 0 3px var(--c)}
.qd-res-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:center}
.qd-label{display:inline-block;padding:4px 10px;background:var(--c);color:#1b1416;font-weight:700}
.qd-nome{font-size:clamp(1.8rem,4.5vw,3rem);margin:10px 0 6px;color:var(--c);text-shadow:3px 3px 0 #000}
.qd-pts{margin:0;color:var(--ash)}
.qd-quote{margin:14px 0 0;padding-left:14px;border-left:4px solid var(--c);font-size:1.25rem;font-style:italic}
.qd-img{width:100%;max-width:640px;justify-self:center;box-shadow:0 0 0 3px #000}
.qd-res>p{margin:0;line-height:1.7}
.qd-resumo{padding:12px 14px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.qd-acts{display:flex;flex-wrap:wrap;gap:10px}
.qd-bars{display:grid;gap:6px;margin-top:8px}
.qd-bar{display:grid;grid-template-columns:minmax(120px,240px) minmax(0,1fr) 48px;gap:10px;align-items:center}
.qd-bar i{height:16px;background:linear-gradient(90deg,var(--c) var(--p),var(--bark-2) var(--p));box-shadow:inset 0 0 0 2px #000}
.qd-bar.eu span{font-weight:700;color:var(--snow)}
.qd-bar b{text-align:right}
@media (max-width:760px){
  .qd-intro,.qd-res-top{grid-template-columns:1fr}
  .qd-opts{grid-template-columns:1fr}
  .qd-o{grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:14px}
  .qd-bar{grid-template-columns:1fr 48px}.qd-bar i{grid-column:1/-1;grid-row:2}
}
.qd{scroll-margin-top:90px}
/* seções novas: mapa astral, horóscopo, jeito de responder, comunidade, os 5 resultados */
.qd-sec{display:grid;gap:14px;padding:24px;margin-top:16px;scroll-margin-top:90px}
.qd-sec>h2{margin:0;font-size:clamp(1.3rem,3vw,1.7rem)}
.qd-sec[style*="--c"]>h2{color:var(--c)}
.qd-sec .h3{margin:6px 0 0}
.qd-sec p{margin:0;line-height:1.6}
.qd-atalhos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.qd-atalhos a{padding:6px 12px;background:var(--bark-2);box-shadow:inset 0 0 0 2px var(--line);color:var(--snow);text-decoration:none;font-weight:700;font-size:.88rem}
.qd-atalhos a:hover,.qd-atalhos a:focus-visible{background:var(--bark-3)}
.qd-res{scroll-margin-top:90px}
.qd-como{display:grid;gap:8px;padding:12px 14px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.qd-cinco{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:start}
.qd-card{display:grid;gap:8px;align-content:start;padding:14px;background:var(--bark-2);box-shadow:inset 0 4px 0 var(--c),inset 0 0 0 2px var(--line)}
.qd-card.eu{box-shadow:inset 0 4px 0 var(--c),inset 0 0 0 3px var(--c)}
.qd-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.qd-card-lado{line-height:1.3}
.qd-card h3{margin:2px 0 0;font:800 1.08rem/1.25 var(--f-body);color:var(--c)}
.qd-card-lado{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ash)}
.qd-mini{width:40px;height:40px;background:#000;box-shadow:0 0 0 2px #000}
.qd-voce{padding:3px 8px;background:var(--c);color:#1b1416;font-weight:800;font-size:.78rem}
.qd-card-frase{font-style:italic}
.qd-card-resumo{color:var(--ash);font-size:.92rem}
.qd-card details summary{cursor:pointer;font-weight:700;color:var(--fox-hi);font-size:.9rem}
.qd-card details p{margin-top:8px;font-size:.92rem}
.qd-2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.qd-2c>div{display:grid;gap:12px;min-width:0}
.qd-mix{display:grid;gap:6px}
.qd-mix-l{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:.92rem}
.qd-mix-l i{height:16px;background:linear-gradient(90deg,var(--c) var(--p),var(--bark-2) var(--p));box-shadow:inset 0 0 0 2px #000}
.qd-mix-l b{text-align:right;font-variant-numeric:tabular-nums}
.qd-mix-l.eu span{font-weight:800;color:var(--snow)}
.qd-tag{display:inline-block;justify-self:start;padding:2px 8px;background:var(--bark-3);color:var(--ash);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.qd-asc{display:grid;gap:4px;padding:12px 14px;background:var(--soil);box-shadow:inset 4px 0 0 var(--c2)}
.qd-asc b{color:var(--c2)}
.qd-med{display:grid;gap:6px}
.qd-med-top{display:flex;justify-content:space-between;font-weight:700}
.qd-med-bar{height:12px;background:var(--bark-2);box-shadow:inset 0 0 0 2px #000}
.qd-med-bar i{display:block;height:100%}
.qd-med p{font-size:.92rem;color:var(--ash)}
.qd-meds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.qd-radar{width:100%;max-width:400px;justify-self:center}
.qd-radar .rd-g{fill:none;stroke:var(--line-2);stroke-width:1}
.qd-radar .rd-com{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:5 4;opacity:.85}
.qd-radar .rd-t{font:700 15px var(--f-body);fill:var(--snow)}
.qd-radar .rd-n{font:700 14px var(--f-body);fill:var(--ash)}
.qd-tracos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qd-tracos>div,.qd-box,.qd-rel{display:grid;gap:4px;align-content:start;padding:12px 14px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.qd-tracos b{font-size:1.05rem}
.qd-tracos p,.qd-box p,.qd-rel p{font-size:.93rem}
.qd-eixo{display:grid;gap:4px;margin-bottom:10px}
.qd-eixo-rot{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--ash)}
.qd-eixo-bar{position:relative;height:18px;background:linear-gradient(90deg,var(--bark-2) 49.6%,var(--line-2) 49.6% 50.4%,var(--bark-2) 50.4%);box-shadow:inset 0 0 0 2px #000}
.qd-eixo-bar i{position:absolute;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #000,0 0 0 4px #fff}
.qd-eixo-bar em{position:absolute;top:-5px;bottom:-5px;width:4px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px #000}
.qd-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qd-tile img.cab{transform:scale(1.7)}
@media (max-width:1000px){.qd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.qd-tiles{grid-template-columns:minmax(0,1fr)}}
.qd-tile{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;padding:12px;background:var(--bark-2);box-shadow:inset 0 0 0 2px var(--line)}
.qd-tile img{width:40px;height:40px;image-rendering:pixelated;margin:4px}
.qd-tile span{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ash)}
.qd-tile b{display:block;font-size:1.02rem;color:var(--c)}
.qd-tile p{font-size:.88rem;color:var(--snow-2);margin-top:2px}
.qd-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qd-rel b{font-size:1.05rem}
.qd-rel[style*="--c2"] b{color:var(--c2)}
.qd-rel.bom{box-shadow:inset 4px 0 0 var(--moss),inset 0 0 0 2px var(--bark-3)}
.qd-rel.mau{box-shadow:inset 4px 0 0 var(--berry),inset 0 0 0 2px var(--bark-3)}
.qd-lst{margin:0;padding-left:0;list-style:none;display:grid;gap:6px}
.qd-lst li{position:relative;padding-left:22px;line-height:1.5}
.qd-lst li::before{content:"";position:absolute;left:4px;top:.5em;width:8px;height:8px;background:var(--fox)}
.qd-lst.ok li::before{background:var(--moss)}
.qd-lst.no li::before{background:var(--berry)}
.qd-marc{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.qd-marc li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:center;padding:8px 10px;background:var(--soil)}
.qd-marc span{padding:4px 8px;color:#1b1416;font-weight:800;font-size:.82rem;text-align:center}
.qd-perg summary{cursor:pointer;font-weight:700;color:var(--fox-hi)}
.qd-perg ol{margin:10px 0 0;padding-left:22px;display:grid;gap:14px}
.qd-perg li p{margin-bottom:4px}
.qd-perg small{color:var(--ash)}
.qd-stack{display:flex;height:22px;box-shadow:0 0 0 2px #000;overflow:hidden}
.qd-stack i{display:grid;place-items:center;font:700 .72rem var(--f-body);font-style:normal;color:#1b1416;min-width:0;overflow:hidden;white-space:nowrap}
.qd-stack i.eu{box-shadow:inset 0 0 0 3px #fff}
@media (max-width:760px){
  .qd-2c,.qd-par,.qd-tracos,.qd-meds{grid-template-columns:minmax(0,1fr)}
  .qd-sec{padding:18px}
  .qd-marc li{grid-template-columns:1fr;gap:6px}.qd-marc span{justify-self:start}
  .qd-mix-l{grid-template-columns:minmax(0,1fr) 44px}.qd-mix-l i{grid-column:1/-1;grid-row:2}
}
#qd-stats{display:grid;gap:14px}