[hidden]{display:none!important}
@font-face{font-family:"Anton";src:url("anton.ttf") format("truetype");font-display:swap}
/* Link da bio: uma coluna de celular. Topo com os três mentores e o nome do programa na vertical;
   abaixo, cartões-banner com foto, um por destino, cada um com peso diferente. */
:root{
  --page:#f4f1ec; --card:#ffffff; --ink:#0d1b2a; --ink-2:#3d4a5a; --mute:#6f7885;
  --navy:#0a1626; --navy-2:#13253a; --gold:#b98232; --gold-hi:#d8aa62; --champ:#e6d9c5; --line:#e2dcd2;
  --display:"Anton",Impact,"Arial Narrow Bold",sans-serif; --sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--page);color:var(--ink);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;min-height:100%}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:9;background:var(--page)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px}

.col{max-width:460px;margin:0 auto;padding:18px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}

/* ---------- topo: os três mentores ---------- */
.hero{position:relative;height:340px;border-radius:22px;overflow:hidden;background:var(--navy)}
.hero .ph{position:absolute;top:0;bottom:0;overflow:hidden}
.hero .ph img{width:100%;height:100%;object-fit:cover}
.hero .l{left:0;width:38%}
.hero .r{right:0;width:38%}
.hero .c{left:27%;width:46%;z-index:2;box-shadow:0 0 40px 10px rgba(10,22,38,.55)}
.hero .l img,.hero .r img{filter:brightness(.82)}
.hero .bw img{filter:grayscale(1)}
.hero .l.bw img,.hero .r.bw img{filter:grayscale(1) brightness(.7)}
@media (max-width:380px){.card .txt{width:60%;padding-left:16px}.card .pic{width:42%}}
.hero::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,var(--navy) 0%,rgba(10,22,38,.4) 28%,rgba(10,22,38,0) 55%)}
.vert{position:absolute;top:18px;bottom:96px;z-index:4;display:flex;align-items:center;justify-content:center;width:34px}
.vert span{writing-mode:vertical-rl;font-family:var(--display);font-size:22px;letter-spacing:.32em;text-transform:uppercase;color:var(--champ);white-space:nowrap}
.vert.left{left:6px}.vert.left span{transform:rotate(180deg)}
.vert.right{right:6px}.vert.right span{color:var(--gold-hi)}
.hero .names{position:absolute;left:0;right:0;bottom:16px;z-index:4;display:grid;grid-template-columns:27% 46% 27%;align-items:end;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em}
.hero .names b{font-weight:700}
.hero .names span{opacity:.75;min-width:0;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero .names span:first-child{padding-left:18px}.hero .names span:nth-child(2){text-align:center}.hero .names span:last-child{text-align:right;padding-right:18px}
.f input[type=range]{padding:0;border:0;accent-color:#b98232}

.id{display:flex;align-items:center;gap:12px;margin:18px 4px 0}
.id .m{width:44px;height:44px;border-radius:12px;flex:none}
.id strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}
.id small{color:var(--mute);font-size:13px;font-weight:600}
.tagline{margin:14px 4px 22px;font-family:var(--display);text-transform:uppercase;font-size:27px;line-height:1.04;letter-spacing:.005em}
.tagline span{color:var(--gold);display:block}

/* ---------- cartões ---------- */
.links{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.card{position:relative;display:flex;align-items:center;min-height:108px;border-radius:16px;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -16px rgba(13,27,42,.55)}
.card:active{transform:scale(.985)}
.card .pic{position:absolute;top:0;right:0;bottom:0;width:46%;z-index:-1;overflow:hidden}
.card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card:hover .pic img{transform:scale(1.06)}
.card .pic::before{content:"";position:absolute;top:0;bottom:0;left:-2px;right:0;z-index:1}
.card .txt{position:relative;z-index:1;width:56%;padding:14px 4px 14px 18px;display:flex;flex-direction:column;justify-content:center;gap:3px}
.card .k{font-size:11px;font-weight:700;letter-spacing:.06em}
.card .t{font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,6.4vw,26px);line-height:1;overflow-wrap:anywhere}
.card .s{font-size:12.5px;font-weight:600}
.card .go{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;z-index:2}
.card .go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* aula: o destaque, em dourado */
.c-aula{background:linear-gradient(110deg,#c99442 0%,var(--gold) 45%,#9d6c26 100%);color:var(--navy);min-height:132px}
.c-aula .pic::before{background:linear-gradient(90deg,#b98232 0%,rgba(185,130,50,.15) 45%,rgba(185,130,50,0) 70%)}
.c-aula .pic img{filter:grayscale(.2) contrast(1.05)}
.c-aula .t{font-size:clamp(23px,7.4vw,30px)}
.c-aula .k{display:flex;align-items:center;gap:6px}
.c-aula .k i{width:7px;height:7px;border-radius:50%;background:#b3261e;box-shadow:0 0 0 0 rgba(179,38,30,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(179,38,30,0)}100%{box-shadow:0 0 0 0 rgba(179,38,30,0)}}
.c-aula .count{display:flex;gap:6px;margin-top:6px}
.c-aula .count span{background:rgba(10,22,38,.88);color:#fff;border-radius:6px;padding:3px 6px;font:700 11px/1.2 var(--sans);font-variant-numeric:tabular-nums;text-align:center;min-width:34px}
.c-aula .count small{display:block;font-size:8.5px;font-weight:600;opacity:.7;letter-spacing:.04em}
.c-aula .go{background:var(--navy);color:var(--gold-hi)}

/* mentoria: azul-marinho */
.c-ment{background:var(--navy);color:#fff}
.c-ment .pic::before{background:linear-gradient(90deg,var(--navy) 0%,rgba(10,22,38,.2) 50%,rgba(10,22,38,0) 75%)}
.c-ment .k{color:var(--gold-hi)}
.c-ment .s{color:var(--champ)}
.c-ment .go{background:var(--gold);color:var(--navy)}

/* consultoria: grafite com contorno dourado */
.c-cons{background:#17191c;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(216,170,98,.55)}
.c-cons .pic::before{background:linear-gradient(90deg,#17191c 0%,rgba(23,25,28,.2) 50%,rgba(23,25,28,0) 75%)}
.c-cons .pic img{filter:grayscale(1) contrast(1.1)}
.c-cons .k{color:var(--gold-hi)}
.c-cons .s{color:#c9ccd1}
.c-cons .go{background:transparent;color:var(--gold-hi);box-shadow:inset 0 0 0 1.5px var(--gold-hi)}

/* youtube: branco com foto */
.c-yt{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.c-yt .pic::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.1) 45%,rgba(255,255,255,0) 70%)}
.c-yt .k{color:#c4302b;display:flex;align-items:center;gap:6px}
.c-yt .k svg{width:16px;height:12px}
.c-yt .s{color:var(--ink-2)}
.c-yt .go{background:var(--ink);color:#fff}

/* whatsapp: simples */
.c-wa{min-height:72px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
.c-wa .txt{width:100%;padding-right:62px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.c-wa .txt svg{width:26px;height:26px;fill:var(--ink);flex:none}
.c-wa .t{font-size:clamp(18px,5.4vw,21px)}
.c-wa .s{color:var(--ink-2);display:block}
.c-wa .go{top:50%;bottom:auto;transform:translateY(-50%);background:var(--ink);color:#fff}

.foot{margin-top:28px;text-align:center;color:var(--mute);font-size:12px}
.foot b{color:var(--ink)}

/* entrada: topo abre, cartões sobem em sequência */
@keyframes up{from{opacity:.001;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes open{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}
@keyframes sideIn{from{transform:translateX(var(--dx));opacity:.001}to{transform:none;opacity:1}}
.hero .c{animation:open 1s cubic-bezier(.7,0,.2,1) both}
.hero .l{--dx:-30px;animation:sideIn 1s .35s cubic-bezier(.2,.8,.2,1) both}
.hero .r{--dx:30px;animation:sideIn 1s .35s cubic-bezier(.2,.8,.2,1) both}
.vert,.hero .names{animation:up .8s .8s both}
.id,.tagline{animation:up .7s .9s both}
.links li{animation:up .6s cubic-bezier(.2,.8,.2,1) both}
.links li{animation-delay:calc(1.05s + var(--i,0)*.1s)}
.c-aula::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:shine 4.5s 2.4s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media (min-width:700px){body{background:radial-gradient(1200px 700px at 50% -10%,#fff 0%,var(--page) 60%)}.col{padding-top:36px}}

/* ---------- edição (só para quem pode editar) ---------- */
.edit-fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;font:700 14px/1 var(--sans);background:var(--ink);color:#fff;border:0;border-radius:999px;padding:14px 18px;cursor:pointer;box-shadow:0 10px 24px -8px rgba(13,27,42,.5);display:flex;align-items:center;gap:8px}
.edit-fab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.editing .col{padding-bottom:120px}
@media (min-width:900px){body.editing .col{margin-left:max(24px,calc(50% - 560px))}}
.ed{position:fixed;z-index:30;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;box-shadow:-20px 0 50px -20px rgba(13,27,42,.35);display:flex;flex-direction:column;font-size:14px}
@media (max-width:899px){.ed{top:auto;height:62vh;width:100%;border-radius:18px 18px 0 0;box-shadow:0 -20px 50px -20px rgba(13,27,42,.4)}body.editing .col{padding-bottom:64vh}}
.ed-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.ed-head strong{font-size:16px;flex:1}
.ed-body{flex:1;overflow:auto;padding:6px 18px 24px}
.ed-foot{display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);align-items:center}
.ed-foot .msg{flex:1;font-size:13px;color:var(--ink-2)}
.ed-foot .msg.err{color:#a3361f}
.ed-foot .msg.ok{color:#2f6b4a}
.ed h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:20px 0 10px}
.f{display:grid;gap:5px;margin-bottom:10px}
.f label{font-size:12.5px;font-weight:700;color:var(--ink)}
.f input,.f select{font:400 14px/1.3 var(--sans);color:var(--ink);border:1.5px solid #d6cfc3;border-radius:8px;padding:10px;width:100%;background:#fff}
.f input:focus,.f select:focus{outline:none;border-color:var(--gold)}
.f .hint{font-size:12px;color:var(--mute)}
.f input.bad{border-color:#a3361f}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.item{border:1.5px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.item.off{opacity:.55}
.item-h{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 12px;background:#faf8f4}
.item-h .sw{width:12px;height:12px;border-radius:3px;flex:none}
.item-h button.open{flex:1;text-align:left;font:700 14px/1.2 var(--sans);background:none;border:0;padding:4px 0;cursor:pointer;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink);flex:none;font:700 14px var(--sans)}
.ib:disabled{opacity:.35;cursor:default}
.ib svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.item-b{padding:12px}
.chk{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px}
.chk input{width:18px;height:18px;accent-color:#b98232}
.pick{display:flex;gap:10px;align-items:center}
.pick img{width:54px;height:54px;border-radius:8px;object-fit:cover;flex:none;background:var(--page)}
.pick select{flex:1}
.up{font:600 13px var(--sans);color:var(--ink);background:#fff;border:1.5px dashed #c3b9a8;border-radius:8px;padding:9px 10px;cursor:pointer;width:100%;margin-top:6px}
.btn-ed{font:700 14px/1 var(--sans);border:0;border-radius:10px;padding:13px 16px;cursor:pointer}
.btn-ed.pri{background:var(--gold);color:var(--navy)}
.btn-ed.pri:disabled{opacity:.5;cursor:default}
.btn-ed.sec{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.add{width:100%;font:700 14px var(--sans);border:1.5px dashed #c3b9a8;background:#fff;border-radius:12px;padding:12px;cursor:pointer;color:var(--ink)}
body.editing .link-empty{opacity:.55}

.noanim .hero .c,.noanim .hero .l,.noanim .hero .r,.noanim .vert,.noanim .names,.noanim .id,.noanim .tagline,.noanim .links li{animation:none!important}

/* ---------- admin ---------- */
.ed-head strong small{display:block;font-size:12px;font-weight:600;color:var(--mute)}
.ib.wide{width:auto;padding:0 12px;font-size:13px;text-decoration:none}
.gate{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgba(244,241,236,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gate .box{width:min(380px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 60px -30px rgba(13,27,42,.4);display:grid;gap:14px}
.gate .box img{width:46px;height:46px;border-radius:12px}
.gate h1{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em}
.gate p{margin:0;color:var(--ink-2);font-size:14px}
.gate .msg{min-height:1.4em;font-size:13px;color:var(--ink-2)}
.gate .msg.err{color:#a3361f}
.gate button{font:700 15px/1 var(--sans);border:0;border-radius:10px;padding:15px;background:var(--ink);color:#fff;cursor:pointer}
.gate button:disabled{opacity:.6}