.guia{--g-fundo:#fff;--g-tinta:#0c0d10;--g-suave:#4a5260;--g-linha:#d5dbe3;--g-chip:#f3f5f8;background:var(--g-fundo);color:var(--g-tinta);border:1px solid var(--g-linha);border-radius:28px;gap:20px;padding:30px;display:grid;box-shadow:0 30px 60px -44px #0a6fa88c}.guia-escuro{--g-fundo:#0c0d10;--g-tinta:#eef2f6;--g-suave:#aeb6c2;--g-linha:#ffffff1a;--g-chip:#16181d;box-shadow:0 30px 80px -40px #45c8ff73}.guia-cab{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.guia-cab h2{font:700 clamp(26px,3.2vw,36px)/1.05 var(--texto,system-ui);letter-spacing:-.035em}.guia-cab p{color:var(--g-suave);max-width:52ch;margin-top:6px;font-size:15px}.guia-lados{background:var(--g-chip);border:1px solid var(--g-linha);border-radius:999px;gap:4px;padding:5px;display:inline-flex}.guia-lados button{font:600 14.5px/1 var(--texto,system-ui);color:var(--g-suave);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;transition:background-color .15s,color .15s;display:inline-flex}.guia-lados button[aria-selected=true]{background:var(--g-tinta);color:var(--g-fundo)}.guia-escuro .guia-lados button[aria-selected=true]{color:#06121a;background:#45c8ff}.guia-nomes{flex-wrap:wrap;gap:8px;display:flex}.guia-nomes button{border:1px solid var(--g-linha);background:var(--g-chip);color:var(--g-tinta);font:600 14.5px/1 var(--texto,system-ui);cursor:pointer;border-radius:999px;padding:10px 16px;transition:border-color .15s,background-color .15s,box-shadow .2s,transform .15s}.guia-nomes button:hover{border-color:#45c8ff}.guia-nomes button:active{transform:scale(.97)}.guia-nomes button[aria-checked=true]{color:#06121a;background:#45c8ff;border-color:#45c8ff;box-shadow:0 8px 24px -6px #45c8ffbf}.guia-lados button:focus-visible,.guia-nomes button:focus-visible{outline-offset:2px;outline:2px solid #45c8ff}.guia-painel{color:#eef2f6;background:#0c0d10;border-radius:22px;gap:16px;padding:22px;display:grid;position:relative;overflow:hidden}.guia-painel:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#45c8ff38,#0000 65%);border-radius:50%;width:60%;position:absolute;inset:-40% -10% auto auto}.guia-escuro .guia-painel{background:#14171c}.guia-onde{gap:4px;display:grid;position:relative}.guia-onde b{font:700 24px/1.1 var(--texto,system-ui);letter-spacing:-.03em}.guia-onde span{color:#aeb6c2;font-size:14.5px}.guia-onde strong{color:#45c8ff}.guia-trilha{grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.guia-trilha li{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-content:start;gap:10px;padding:16px;display:grid;position:relative}@media (prefers-reduced-motion:no-preference){.guia-trilha li{animation:.4s cubic-bezier(.2,.8,.2,1) backwards guia-entra;animation-delay:calc(var(--i) * 70ms)}}@keyframes guia-entra{0%{opacity:0;transform:translateY(10px)}}.guia-num{width:34px;height:34px;font:700 16px/1 var(--texto,system-ui);color:#06121a;background:#45c8ff;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 22px -2px #45c8ffd9}.guia-passo{font-size:15px;font-weight:500;line-height:1.4}.guia-seta{color:#45c8ff;z-index:1;position:absolute;top:24px;right:-15px}.guia-dica{color:#dfe6ee;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;display:flex;position:relative}.guia-dica svg{color:#ffd166;flex:none;margin-top:1px}.guia-aviso{color:#8a93a1;font-size:12.5px;position:relative}@media (max-width:820px){.guia{border-radius:22px;padding:20px}.guia-trilha{grid-template-columns:1fr}.guia-trilha li{grid-template-columns:auto 1fr;align-items:center}.guia-seta{display:none}.guia-lados{width:100%}.guia-lados button{flex:1;justify-content:center;padding:10px 8px;font-size:13.5px}}