/* ELOGIE A MAKE — v2 clara. Gramática de plataforma de reputação, identidade Make.
   Os tokens da base são remapeados para claro; rodapé e banda continuam escuros/dourados. */

body.lt{
  --ink:#f5f3ee; --ink-2:#ffffff; --ink-3:#efece5;
  --paper:#0b1418; --mute:#5b6670; --mute-2:#8a939b;
  --line:#e6e2d9; --line-2:#d9d4c8;
  --gold-ink:#8f5a00;          /* ouro legível sobre claro (AA) */
  --card:#ffffff; --shadow:0 1px 2px rgba(11,20,24,.04),0 10px 30px -18px rgba(11,20,24,.18);
  --r:16px;
  color-scheme:light;
  background:var(--ink);color:var(--paper);
}
body.lt::after{opacity:.025;mix-blend-mode:multiply}
body.lt ::selection{background:var(--gold);color:#00070b}

/* correções de textos que a base pinta em creme */
body.lt .lede{color:#33404a}
body.lt .faq__a p{color:#33404a}
body.lt .field label,body.lt .field .lbl{color:#4a5660}
body.lt .check{color:#33404a}
body.lt .inp{background:#fff;border-color:var(--line-2)}
body.lt .inp:hover{border-color:#bdb6a8}
body.lt .inp:focus{border-color:var(--gold);background:#fffaf0;box-shadow:0 0 0 4px rgba(254,162,2,.15)}
body.lt select.inp option{background:#fff}
body.lt .eyebrow{color:var(--gold-ink)}
body.lt .btn--ghost{--fg:var(--paper);border-color:var(--line-2);background:#fff}
body.lt .btn--ghost::after{background:var(--paper)}
body.lt .btn--ghost:hover{color:#fff}
body.lt .ln{color:var(--gold-ink)}
body.lt .faq__ic{border-color:var(--line-2)}
body.lt .faq__q:hover .faq__t{color:var(--gold-ink)}
body.lt .faq__item.is-open .faq__ic{color:#00070b}

/* rodapé continua na noite da marca */
body.lt .foot{--paper:#fffdf8;--mute:#8a94a0;--mute-2:#5d6b78;--line:rgba(255,253,248,.10);--line-2:rgba(255,253,248,.18);color:#fffdf8;background:#00070b}
body.lt .foot .seal{color:rgba(255,253,248,.78)}

/* barra superior ------------------------------------------------------- */
.top{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--line)}
.top .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(14px,2.4vw,36px);align-items:center;min-height:72px}
.marca{display:flex;align-items:center;gap:12px;color:var(--paper)}
.marca__ic{height:38px;padding:0 12px;border-radius:10px;background:#00070b;display:grid;place-items:center}
.marca__ic img{height:22px;width:auto}
.marca__t{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.035em;line-height:1}
.marca__t b{color:var(--gold-ink);font-weight:800}
.busca{position:relative;max-width:560px;width:100%;justify-self:center}
.busca input{width:100%;height:46px;border-radius:999px;border:1px solid var(--line-2);background:#fff;padding:0 48px 0 20px;font-size:15px;color:var(--paper);transition:border-color .25s,box-shadow .25s}
.busca input::placeholder{color:var(--mute-2)}
.busca input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(254,162,2,.15)}
.busca button{position:absolute;right:6px;top:6px;width:34px;height:34px;border-radius:50%;border:0;background:#00070b;color:#fff;display:grid;place-items:center;cursor:pointer}
.busca button svg{width:16px;height:16px}
.top__acts{display:flex;gap:8px}
@media (max-width:900px){.top .wrap{grid-template-columns:auto auto;padding-block:10px}.busca{grid-column:1/-1;grid-row:2;max-width:none}.top__acts .btn--ghost{display:none}}
@media (max-width:420px){.marca__t{font-size:19px}.top__acts .btn{padding:10px 14px;font-size:13px}}

/* faixa + cartão de perfil ---------------------------------------------- */
.faixa{height:clamp(120px,15vw,190px);background:#00070b;position:relative;overflow:hidden}
.faixa::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(40% 120% at 85% 0%,rgba(254,162,2,.35),transparent 70%),
    radial-gradient(30% 90% at 10% 100%,rgba(254,162,2,.16),transparent 70%)}
.faixa::after{content:"";position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(115deg,transparent 0 120px,rgba(255,253,248,.05) 120px 121px)}
.faixa__txt{position:absolute;right:var(--gut);bottom:16px;color:rgba(255,253,248,.55);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}

.pf{position:relative;margin-top:calc(clamp(120px,15vw,190px) * -.55)}
.pf__card{background:var(--card);border-radius:22px;box-shadow:0 1px 0 rgba(11,20,24,.04),0 30px 60px -30px rgba(11,20,24,.28);border:1px solid var(--line);
  padding:clamp(20px,2.6vw,34px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,2.4vw,34px);align-items:center}
.logo-c{width:clamp(96px,10vw,132px);aspect-ratio:1;border-radius:24px;background:#00070b;display:grid;place-items:center;position:relative;box-shadow:0 18px 40px -18px rgba(0,7,11,.6)}
.logo-c img{width:74%;height:auto}
.logo-c::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.pf h1{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.04em;line-height:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf h1 small{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);background:#fff4dd;border:1px solid #f6d998;padding:5px 9px;border-radius:999px}
.pf__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;color:var(--mute);font-size:14px}
.pf__meta span{display:inline-flex;align-items:center;gap:7px}
.pf__meta svg{width:15px;height:15px;color:var(--mute-2)}
.pf__st{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.st{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:14px;background:#faf8f3;border:1px solid var(--line)}
.st__ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff4dd;color:var(--gold-ink)}
.st__ic svg{width:19px;height:19px}
.st small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.st b{display:block;font-size:16px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pf__acts{display:flex;flex-direction:column;gap:10px;align-self:start}
.pf__acts .btn{min-width:200px}
@media (max-width:1060px){.pf__card{grid-template-columns:auto minmax(0,1fr)}.pf__acts{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.pf__acts .btn{min-width:0;flex:1 1 200px}}
@media (max-width:560px){.pf__card{grid-template-columns:minmax(0,1fr)}.logo-c{width:84px;border-radius:18px}}

/* abas ------------------------------------------------------------------ */
.tabs{margin-top:22px;border-bottom:1px solid var(--line)}
.tabs nav{display:flex;gap:clamp(18px,3vw,36px);overflow-x:auto;scrollbar-width:none}
.tabs a{display:inline-flex;align-items:center;gap:9px;padding:14px 2px;color:var(--mute);font-weight:600;font-size:15px;border-bottom:2.5px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .25s,border-color .25s}
.tabs a svg{width:19px;height:19px}
.tabs a:hover{color:var(--paper)}
.tabs a.on{color:var(--paper);border-color:var(--gold)}
.tabs a.on svg{color:var(--gold-ink)}

/* 3 colunas ---------------------------------------------------------------- */
.cols{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,300px);gap:clamp(18px,2.2vw,32px);align-items:start;padding-block:clamp(30px,4vw,48px) clamp(60px,8vw,110px)}
.cols > *{min-width:0}
.ct{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}
.cd{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);margin-bottom:16px}
.cd h3{font-size:16.5px;letter-spacing:-.015em;line-height:1.25;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.cd p{font-size:14.5px;color:#3b4852;margin:0}
.cd--tint{background:linear-gradient(160deg,#fff8e8,#fff 70%);border-color:#f3dcaa}
.cd__ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#00070b;color:var(--gold);flex:none}
.cd__ic svg{width:18px;height:18px}
.cd__link{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;font-weight:700;font-size:14px;color:var(--paper)}
.cd__link svg{width:16px;height:16px;color:var(--gold-ink);transition:transform .3s var(--e-out)}
.cd__link:hover svg{transform:translateX(3px)}
@media (max-width:1180px){.cols{grid-template-columns:minmax(0,270px) minmax(0,1fr)}.cols > aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.cols > aside:last-child .ct{grid-column:1/-1;margin:0}.cols > aside:last-child .cd{margin:0}}
@media (max-width:860px){.cols{grid-template-columns:minmax(0,1fr)}.cols > aside:first-child{order:2}}

/* desempenho */
.perf__rows{display:grid;gap:8px;margin-top:6px}
.prow{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:11px 12px;border-radius:12px;background:#f7f5f0}
.prow svg{width:20px;height:20px;color:#5b6670;justify-self:center}
.prow b{display:block;font-size:17px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}
.prow span{display:block;font-size:12.5px;color:var(--mute)}
.dist{display:grid;gap:9px;margin-top:14px}
.dist a{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;align-items:center;font-size:13px;color:#33404a}
.dist a:hover{color:var(--gold-ink)}
.dist i{display:block;height:8px;border-radius:9px;background:#ece8df;overflow:hidden;position:relative}
.dist i::after{content:"";position:absolute;inset:0;width:var(--p);background:linear-gradient(90deg,var(--gold-deep),var(--gold));border-radius:9px}
.dist em{font-style:normal;text-align:right;color:var(--mute);font-variant-numeric:tabular-nums}
.cd .perf__note{font-size:12px;color:var(--mute-2);margin-top:12px}

/* feed ------------------------------------------------------------------ */
.feed{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(18px,2vw,26px)}
.feed__h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.feed__h h3{font-size:18px;letter-spacing:-.02em}
.feed__count{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.sub{display:flex;gap:4px 22px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line);margin-bottom:18px}
.sub a{padding:12px 0 11px;font-size:14px;color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.sub a:hover{color:var(--paper)}
.sub a.on{color:var(--paper);font-weight:700;border-color:var(--gold)}
.sub form{margin-left:auto;padding-block:6px}
.sub select.inp{width:auto;padding:8px 36px 8px 14px;border-radius:999px;font-size:13.5px}
.aviso-busca{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff8e8;border:1px solid #f3dcaa;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px}

.rl{border:1px solid var(--line);border-radius:14px;padding:clamp(16px,1.8vw,22px);margin-bottom:12px;background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s var(--e-out)}
.rl:hover{border-color:#e2cfa2;box-shadow:0 14px 34px -22px rgba(143,90,0,.45);transform:translateY(-1px)}
.rl--top{border-color:#f0d08a;background:linear-gradient(180deg,#fffaf0,#fff 40%)}
.rl__h{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center}
.av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:14.5px;color:#00070b;background:var(--av,#fea202)}
.rl__who b{display:flex;align-items:center;gap:6px;font-size:15px;line-height:1.2}
.rl__who b svg{width:15px;height:15px;color:#1f9d55}
.rl__who span{display:block;font-size:12.5px;color:var(--mute);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.estrelas{color:var(--gold);letter-spacing:1px;font-size:16px;white-space:nowrap}
.estrelas .off{color:#e2ddd2}
.rl__t{font-size:17px;letter-spacing:-.015em;line-height:1.3;margin:14px 0 6px}
.rl__x{font-size:14.8px;color:#3b4852;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;margin:0}
.rl__x.is-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rl__f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:#f3f1ec;color:#3b4852}
.chip svg{width:13px;height:13px}
.chip--ok{background:#e8f6ee;color:#167a43}
.chip--gold{background:#fff1d6;color:var(--gold-ink)}
.rl time{font-size:12.5px;color:var(--mute)}
.rl__more{display:none;margin:10px auto 0;background:none;border:0;cursor:pointer;font-weight:700;font-size:14px;color:var(--paper);align-items:center;gap:8px}
.rl__more svg{width:16px;height:16px;color:var(--gold-ink)}
.rl__more.on{display:flex}
.resp{margin-top:14px;padding:14px 16px;border-radius:12px;background:#0b1418;color:#fffdf8}
.resp .resp__h{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.resp__h img{height:14px;width:auto}
.resp p{font-size:14.5px;color:rgba(255,253,248,.88);white-space:pre-line;margin:0}

.vazio{border:1.5px dashed #ead3a0;border-radius:14px;padding:clamp(24px,3.4vw,40px);background:linear-gradient(180deg,#fffaf0,#fff)}
.vazio h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;margin-bottom:10px}
.vazio p{color:#3b4852;max-width:52ch;margin-bottom:18px}
.vazio .mono{color:var(--gold-ink);margin-bottom:10px;display:block}

.pag{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.pag a,.pag span{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line-2);font-size:14px;padding:0 12px;background:#fff}
.pag .on{background:#00070b;color:#fff;border-color:#00070b;font-weight:700}
.pag a:hover{border-color:var(--gold)}

.chamada{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-radius:14px;background:#00070b;color:#fffdf8;font-family:var(--display);font-weight:700;font-size:16.5px;margin:18px 0;transition:transform .35s var(--e-out)}
.chamada:hover{transform:translateY(-2px)}
.chamada__go{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#00070b;padding:9px 14px;border-radius:999px;font-size:13.5px;white-space:nowrap}
.chamada__go svg{width:15px;height:15px}

/* lateral direita */
.copia{display:flex;align-items:center;gap:10px;background:#f7f5f0;border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:600;margin-top:8px}
.copia svg{width:17px;height:17px;color:var(--mute);flex:none}
.copia span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.copia button{background:none;border:0;cursor:pointer;color:var(--mute);padding:2px;display:grid;place-items:center}
.copia button:hover{color:var(--gold-ink)}
.cd small.lbl{display:block;font-size:13px;color:var(--mute);margin-top:14px}
.prods{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:4px}
.prods a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px;border:1px solid var(--line);font-size:13.5px;font-weight:600;transition:border-color .25s,background .25s;min-width:0}
.prods a:hover{border-color:var(--gold);background:#fffaf0}
.prods i{min-width:30px;padding:0 4px;height:24px;border-radius:7px;flex:none;display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.04em;color:#fff;background:var(--c)}
.prods span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prods b{margin-left:auto;font-weight:500;color:var(--mute);font-size:12px}

/* seções abaixo do mural ---------------------------------------------------- */
.lt .eco{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.lt .eco__item{border-color:var(--line)}
.lt .eco__item p{color:#3b4852}
.lt .eco__logo{background:#00070b;border-radius:10px;padding:8px 12px;width:max-content;max-width:100%;height:46px}
.lt .eco__role{color:var(--gold-ink)}
.lt .tape{border-color:#f5f3ee}

.deixar{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,88px);align-items:start}
.deixar h2{font-size:var(--d1);margin-bottom:22px}
.como{list-style:none;margin:28px 0 0;padding:0;counter-reset:c;border-top:1px solid var(--line)}
.como li{counter-increment:c;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line);color:#33404a;font-size:15px}
.como li::before{content:counter(c,decimal-leading-zero);font-family:var(--mono);color:var(--gold-ink);font-size:13px;padding-top:2px}
.form{border:1px solid var(--line);border-radius:22px;padding:clamp(22px,3vw,40px);background:#fff;box-shadow:var(--shadow);display:grid;gap:18px}
.form__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media (max-width:620px){.form__row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:960px){.deixar{grid-template-columns:minmax(0,1fr)}}
.stars-in{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
.stars-in input{position:absolute;opacity:0;width:1px;height:1px}
.stars-in label{cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:#d8d2c5;font-size:22px;transition:color .2s,border-color .2s,transform .2s,background .2s;font-family:var(--sans);letter-spacing:0;text-transform:none}
.stars-in label:hover,.stars-in label:hover ~ label,.stars-in input:checked ~ label{color:var(--gold);border-color:#f0d08a;background:#fffaf0}
.stars-in input:focus-visible + label{outline:2px solid var(--gold);outline-offset:2px}
.stars-in label:active{transform:scale(.92)}
.contador{font-family:var(--mono);font-size:11px;color:var(--mute-2);text-align:right}
.ok-box{border:1px solid #bfe6cf;background:#f0faf4;border-radius:18px;padding:26px}
.ok-box h3{font-size:var(--d3);margin-bottom:8px}
.ok-box p{color:#33404a}
.ok-box .btn{margin-top:16px}
.lt .alert--err{background:#fff1ef;border-color:#f3b9b0;color:#8a2a1d}
@media (max-width:700px){.faixa__txt{display:none}}