/* DroneDocs · guias gratuitos (materiais do "comenta a palavra" no Instagram). Mesmo visual do guia.html */
:root{--ink:#0a0a0b;--panel:#151517;--line:#26262c;--gold:#D4AF37;--gold-soft:#e7cd76;--txt:#f3efe6;--mut:#a7a29a;--ok:#41c98a;--warn:#e9b44c;}
*{box-sizing:border-box;}
body{margin:0;background:var(--ink);color:var(--txt);font-family:'Inter Tight',system-ui,sans-serif;line-height:1.65;}
a{color:var(--gold-soft);}
.wrap{max-width:860px;margin:0 auto;padding:30px 20px 90px;}
.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:14px;}
.top .b{height:24px;display:block;}
.top a.back{color:var(--mut);font-size:.9rem;text-decoration:none;}
.eyebrow{display:inline-block;font:700 .72rem/1 'Inter Tight',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1a1400;background:var(--gold-soft);padding:7px 11px;border-radius:999px;}
h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(1.9rem,6.4vw,2.9rem);line-height:1.04;letter-spacing:-.025em;margin:14px 0 12px;text-wrap:balance;}
h1 em,h2 em{font-style:normal;color:var(--gold-soft);}
.lead{color:#d8d3ca;font-size:1.06rem;max-width:68ch;margin:0 0 8px;}
h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.35rem;margin:36px 0 12px;line-height:1.2;}
.item{display:flex;gap:14px;padding:16px 18px;background:linear-gradient(160deg,var(--panel),#111013);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;}
.item .ck{flex:0 0 30px;height:30px;border-radius:9px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.35);color:var(--gold);display:grid;place-items:center;font-weight:800;}
.item h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.05rem;margin:0 0 4px;line-height:1.3;}
.item p{margin:0 0 6px;color:#d8d3ca;font-size:.95rem;}
.item .ref{font-size:.78rem;color:var(--mut);}
.item a.lk{display:inline-block;font-size:.84rem;font-weight:600;text-decoration:none;border:1px solid rgba(212,175,55,.4);border-radius:8px;padding:5px 10px;margin:4px 6px 0 0;}
.pill{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;margin-left:6px;vertical-align:2px;background:rgba(255,255,255,.07);color:var(--mut);}
.pill.todos{background:rgba(65,201,138,.14);color:var(--ok);}
.aviso{background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.24);border-radius:12px;padding:12px 15px;font-size:.88rem;color:var(--gold-soft);margin:16px 0 8px;line-height:1.5;}
.contagem{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;background:linear-gradient(160deg,#1b191e,#100f13);border:1px solid rgba(212,175,55,.35);border-radius:18px;padding:20px 22px;margin:20px 0;}
.contagem b{font-family:'Bricolage Grotesque',sans-serif;font-size:3.4rem;line-height:1;color:var(--gold-soft);}
.contagem span{color:#d8d3ca;}
.calc{background:linear-gradient(160deg,var(--panel),#111013);border:1px solid var(--line);border-radius:18px;padding:18px;}
.calc label{display:block;margin:0 0 12px;font-size:.9rem;color:#d8d3ca;}
.calc label small{display:block;color:var(--mut);font-size:.78rem;}
.calc input{width:100%;margin-top:5px;background:#0d0d0f;border:1px solid var(--line);border-radius:10px;color:var(--txt);font:600 1.05rem 'Inter Tight',sans-serif;padding:11px 12px;}
.calc input:focus{outline:2px solid var(--gold);outline-offset:1px;}
.calc .g{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
.res{margin-top:6px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px;}
.res div{display:flex;justify-content:space-between;gap:10px;color:#d8d3ca;}
.res div b{color:var(--txt);}
.res .final{font-family:'Bricolage Grotesque',sans-serif;font-size:1.5rem;color:var(--gold-soft);}
.res .final b{color:var(--gold-soft);}
.cta{margin:38px 0 10px;text-align:center;background:linear-gradient(160deg,#1b191e,#100f13);border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:28px 22px;}
.cta h2{margin:0 0 8px;}
.cta p{color:#d8d3ca;margin:0 auto 18px;max-width:52ch;}
.btn{display:inline-block;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#1a1400;font-weight:800;text-decoration:none;padding:15px 30px;border-radius:12px;font-size:1.02rem;}
.cta small{display:block;color:var(--mut);margin-top:10px;font-size:.8rem;}
.fontes{font-size:.82rem;color:var(--mut);margin-top:30px;}
.fontes a{color:var(--mut);}
.foot{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:var(--mut);font-size:.8rem;line-height:1.6;}
@media (max-width:520px){ .calc .g{grid-template-columns:1fr;} .contagem b{font-size:2.8rem;} }

/* CTAs de compra espalhados pela página (topo, meio e barra fixa). Set/2026. */
.ctatopo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;
  background:linear-gradient(160deg,#1b191e,#100f13);border:1px solid rgba(212,175,55,.32);
  border-radius:16px;padding:14px 16px;margin:18px 0 26px;}
.ctatopo p{margin:0;font-size:.95rem;color:#d8d3ca;max-width:46ch;}
.ctatopo p b{color:var(--gold-soft);}
.btn.mini{padding:11px 20px;font-size:.92rem;border-radius:10px;white-space:nowrap;}
.ctameio{background:linear-gradient(160deg,#1b191e,#100f13);border:1px solid rgba(212,175,55,.3);
  border-radius:18px;padding:22px;margin:30px 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.ctameio div{flex:1 1 300px;}
.ctameio h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.25rem;margin:0 0 6px;line-height:1.25;}
.ctameio h3 em{font-style:normal;color:var(--gold-soft);}
.ctameio p{margin:0;color:#d8d3ca;font-size:.94rem;}
.barra{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:12px;
  justify-content:space-between;background:rgba(12,12,14,.96);border-top:1px solid rgba(212,175,55,.3);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(8px);}
.barra span{font-size:.86rem;color:#d8d3ca;line-height:1.3;}
.barra span b{color:var(--gold-soft);display:block;font-size:.95rem;}
body{padding-bottom:78px;}
@media (min-width:760px){.barra{justify-content:center;gap:22px;} .barra span{font-size:.95rem;}}
@media (prefers-reduced-motion:reduce){.barra{backdrop-filter:none;}}