:root{
  --g-cyan:#00C2FF; --g-cyan-2:#0aa0d8;
  --g-bg:#0A0A0B; --g-bg2:#0e1014; --g-card:#121419; --g-card2:#16191f;
  --g-border:#242832; --g-text:#ffffff; --g-muted:#aeb6c6; --g-muted2:#7d879a;
  --g-ok:#22c55e; --g-warn:#f59e0b; --g-danger:#ef4444;
}

.guia{ background:radial-gradient(1200px 600px at 80% -10%, rgba(0,194,255,.10), transparent 60%),
       radial-gradient(900px 500px at -10% 20%, rgba(0,194,255,.06), transparent 55%), var(--g-bg);
  color:var(--g-text); }


.gh{ position:relative; padding:120px 20px 46px; text-align:center; overflow:hidden; }
.gh-kicker{ display:inline-flex; align-items:center; gap:8px; font-size:.8rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--g-cyan);
  background:rgba(0,194,255,.10); border:1px solid rgba(0,194,255,.28); padding:7px 15px; border-radius:999px; }
.gh h1{ font-size:clamp(2rem,5vw,3.3rem); font-weight:800; line-height:1.08; margin:20px auto 14px; max-width:16ch;
  background:linear-gradient(180deg,#fff,#b9c2d4); -webkit-background-clip:text; background-clip:text; color:transparent; }
.gh p{ color:var(--g-muted); font-size:clamp(1rem,2.2vw,1.18rem); max-width:60ch; margin:0 auto 26px; }
.gh-cta{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }


.g-wrap{ max-width:1180px; margin:0 auto; padding:10px 20px 90px;
  display:grid; grid-template-columns:260px 1fr; gap:40px; align-items:start; }
.g-toc{ position:sticky; top:88px; }
.g-toc-title{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--g-muted2); font-weight:700; margin:0 0 12px 12px; }
.g-toc a{ display:flex; gap:10px; align-items:center; padding:9px 12px; border-radius:10px; color:var(--g-muted);
  text-decoration:none; font-size:.93rem; font-weight:500; transition:.15s; border-left:2px solid transparent; }
.g-toc a:hover{ color:#fff; background:var(--g-card); }
.g-toc a.active{ color:var(--g-cyan); background:rgba(0,194,255,.08); border-left-color:var(--g-cyan); }
.g-toc a .n{ font-size:.72rem; font-weight:800; color:var(--g-muted2); width:20px; }
.g-toc a.active .n{ color:var(--g-cyan); }


.g-sec{ scroll-margin-top:92px; padding:26px 0 10px; border-top:1px solid var(--g-border); }
.g-sec:first-of-type{ border-top:0; }
.g-sec-h{ display:flex; align-items:center; gap:14px; margin-bottom:8px; }
.g-num{ flex:0 0 auto; width:44px; height:44px; border-radius:12px; display:grid; place-items:center;
  font-weight:800; font-size:1.05rem; color:#04121a;
  background:linear-gradient(135deg,var(--g-cyan),#57d6ff); box-shadow:0 6px 20px rgba(0,194,255,.28); }
.g-sec-h h2{ font-size:clamp(1.35rem,3vw,1.9rem); font-weight:800; margin:0; }
.g-sec > p{ color:var(--g-muted); font-size:1.02rem; margin:6px 0 16px; max-width:70ch; }
.g-sec strong{ color:#fff; }


.g-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:8px 0 6px; }
.g-card{ background:var(--g-card); border:1px solid var(--g-border); border-radius:16px; padding:18px 18px 16px;
  transition:.18s; }
.g-card:hover{ border-color:rgba(0,194,255,.45); transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.35); }
.g-card i{ font-size:1.5rem; color:var(--g-cyan); }
.g-card h3{ font-size:1.02rem; font-weight:700; margin:10px 0 5px; }
.g-card p{ color:var(--g-muted); font-size:.92rem; margin:0; line-height:1.5; }


.g-steps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.g-subt{ margin:30px 0 24px; }
.g-subt + .g-steps + p{ margin-top:16px; }
.g-step{ position:relative; background:var(--g-card); border:1px solid var(--g-border); border-radius:16px; padding:20px; }
.g-step .b{ position:absolute; top:-12px; left:18px; width:30px; height:30px; border-radius:9px; display:grid; place-items:center;
  font-weight:800; color:#04121a; background:linear-gradient(135deg,var(--g-cyan),#57d6ff); }
.g-step h3{ margin:12px 0 6px; font-size:1.05rem; }
.g-step p{ color:var(--g-muted); font-size:.93rem; margin:0; }


.g-table-wrap{ overflow-x:auto; border:1px solid var(--g-border); border-radius:14px; }
.g-table{ width:100%; border-collapse:collapse; min-width:520px; }
.g-table th,.g-table td{ text-align:left; padding:12px 16px; font-size:.93rem; border-bottom:1px solid var(--g-border); }
.g-table th{ background:var(--g-card2); color:var(--g-muted2); text-transform:uppercase; letter-spacing:.06em; font-size:.74rem; }
.g-table tr:last-child td{ border-bottom:0; }
.g-table td b{ color:#fff; }
.g-badge{ display:inline-block; padding:2px 9px; border-radius:6px; font-size:.75rem; font-weight:700;
  background:rgba(0,194,255,.12); color:var(--g-cyan); border:1px solid rgba(0,194,255,.3); }


.g-note{ display:flex; gap:12px; background:var(--g-card2); border:1px solid var(--g-border); border-left:3px solid var(--g-cyan);
  border-radius:12px; padding:14px 16px; margin:16px 0; }
.g-note i{ color:var(--g-cyan); font-size:1.15rem; flex:0 0 auto; margin-top:1px; }
.g-note p{ margin:0; color:var(--g-muted); font-size:.94rem; }
.g-note.ok{ border-left-color:var(--g-ok); } .g-note.ok i{ color:var(--g-ok); }
.g-note.warn{ border-left-color:var(--g-warn); } .g-note.warn i{ color:var(--g-warn); }


.g-list{ list-style:none; padding:0; margin:6px 0; display:grid; gap:9px; }
.g-list li{ display:flex; gap:10px; color:var(--g-muted); font-size:.98rem; }
.g-list li i{ color:var(--g-cyan); margin-top:3px; }


.g-faq details{ background:var(--g-card); border:1px solid var(--g-border); border-radius:12px; margin-bottom:10px; overflow:hidden; }
.g-faq summary{ cursor:pointer; list-style:none; padding:16px 18px; font-weight:600; display:flex; justify-content:space-between; gap:12px; align-items:center; }
.g-faq summary::-webkit-details-marker{ display:none; }
.g-faq summary::after{ content:"\F282"; font-family:"bootstrap-icons"; color:var(--g-cyan); transition:.2s; font-size:.9rem; }
.g-faq details[open] summary::after{ transform:rotate(180deg); }
.g-faq details[open] summary{ border-bottom:1px solid var(--g-border); }
.g-faq .a{ padding:14px 18px 18px; color:var(--g-muted); font-size:.96rem; line-height:1.6; }


.g-cta{ max-width:1180px; margin:0 auto 70px; padding:0 20px; }
.g-cta-box{ background:linear-gradient(135deg,rgba(0,194,255,.14),rgba(0,194,255,.04)); border:1px solid rgba(0,194,255,.3);
  border-radius:22px; padding:44px 30px; text-align:center; }
.g-cta-box h2{ font-size:clamp(1.5rem,3.5vw,2.2rem); font-weight:800; margin:0 0 8px; }
.g-cta-box p{ color:var(--g-muted); margin:0 0 22px; }

@media (max-width:900px){
  .g-wrap{ grid-template-columns:1fr; gap:8px; min-width:0; }
  .g-wrap > *{ min-width:0; max-width:100%; }
  .g-toc{ position:static; display:flex; gap:8px; overflow-x:auto; padding:6px 0 12px; max-width:100%; }
  .g-toc-title{ display:none; }
  .g-toc a{ white-space:nowrap; flex:0 0 auto; border-left:0; border-bottom:2px solid transparent; }
  .g-toc a.active{ border-left:0; border-bottom-color:var(--g-cyan); }
  .gh{ padding-top:96px; }
}


@media (max-width:600px){
  .g-cards{ grid-template-columns:1fr !important; }
  .g-steps{ grid-template-columns:1fr !important; }
  .g-wrap{ padding:6px 14px 70px; }
  .gh{ padding:108px 16px 38px; }
  .gh-cta{ flex-direction:column; align-items:stretch; }
  .gh-cta .ld-btn{ justify-content:center; }
  .g-sec{ padding:22px 0 6px; }
  .g-sec-h{ align-items:flex-start; }
  .g-num{ width:38px; height:38px; font-size:.95rem; }
  .g-table{ min-width:440px; }
  .g-cta{ padding:0 14px; }
  .g-cta-box{ padding:32px 20px; }
}