/* ===== Redação SD Notícias — aparência (Claude, do zero) ===== */
:root{
  --fundo:#000; --menu:#04060c; --cartao:#0a0e18; --cartao2:#0f1424; --linha:rgba(255,255,255,.07); --linha2:rgba(255,255,255,.13);
  --tx:#f3f5fa; --mu:#8d95a8; --mu2:#5c6479;
  --az:#2f6bff; --az2:#1d4fd6; --azb:rgba(47,107,255,.28); --vm:#e11d48; --vd:#22c55e; --am:#f59e0b; --rx:#a855f7;
  --r:22px; --r2:14px; --f:'Inter',system-ui,sans-serif; --ft:'Inter Tight','Inter',sans-serif; --fm:'Archivo',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:var(--fundo);color:var(--tx);font-family:var(--f);-webkit-font-smoothing:antialiased}
body{min-height:100dvh;overflow-x:hidden}
body::before{content:"";position:fixed;top:-25vh;left:-20vw;width:80vw;height:70vh;background:radial-gradient(closest-side,rgba(47,107,255,.16),transparent);pointer-events:none;z-index:0}
body::after{content:"";position:fixed;bottom:-30vh;right:-25vw;width:70vw;height:60vh;background:radial-gradient(closest-side,rgba(225,29,72,.07),transparent);pointer-events:none;z-index:0}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit;color:inherit}
.ph,.ph-duotone,.ph-bold,.ph-fill{line-height:1}

/* ===== botões e campos ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid var(--linha2);background:#0c111d;font-weight:600;font-size:15px;cursor:pointer;transition:transform .15s,background .2s,border-color .2s;white-space:nowrap;user-select:none}
.btn:hover{border-color:rgba(255,255,255,.22)} .btn:active{transform:scale(.97)} .btn:disabled{opacity:.5;pointer-events:none}
.btn i{font-size:19px}
.btn.pri{background:linear-gradient(180deg,#3b78ff,#2357e8);border-color:#4f86ff;color:#fff;box-shadow:0 10px 28px -8px var(--azb),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.verm{background:linear-gradient(180deg,#f43f5e,#c8102e);border-color:#ff5c7a;color:#fff}
.btn.verde{background:linear-gradient(180deg,#25d366,#16a34a);border-color:#4ade80;color:#04140a}
.btn.grande{width:100%;min-height:58px;font-size:17px;border-radius:16px}
.btn.fino{min-height:40px;padding:0 14px;font-size:14px;border-radius:11px}
.campo{width:100%;background:#060911;border:1px solid var(--linha2);border-radius:14px;padding:14px 16px;font-size:16px;outline:0;transition:border-color .15s,box-shadow .15s}
.campo:focus{border-color:var(--az);box-shadow:0 0 0 4px rgba(47,107,255,.18)}
textarea.campo{resize:vertical;line-height:1.6}
.rot{display:block;font-size:13px;font-weight:600;color:var(--mu);margin:16px 0 7px 2px;letter-spacing:.01em}
.erro{color:#ff8ea3;font-size:14px;min-height:20px;text-align:center}

/* ===== entrar ===== */
.entrar{min-height:100dvh;display:grid;place-items:center;padding:20px;position:relative;z-index:1}
.entrar-caixa{width:min(400px,100%);display:flex;flex-direction:column;gap:12px;padding:34px 24px;border-radius:28px;background:linear-gradient(180deg,rgba(18,24,42,.9),rgba(8,11,20,.95));border:1px solid var(--linha2);box-shadow:0 40px 80px -30px #000,0 0 0 1px rgba(47,107,255,.08)}
.entrar-logo{width:82%;margin:0 auto 10px;filter:drop-shadow(0 0 26px rgba(47,107,255,.45));animation:surge .6s ease both}
.entrar h1{font-family:var(--ft);font-size:26px;text-align:center}
.entrar p{color:var(--mu);text-align:center;font-size:15px}
.senha-caixa{position:relative}.senha-caixa .campo{padding-right:54px;font-size:18px}
.olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;color:var(--mu);font-size:22px;cursor:pointer}

/* ===== estrutura ===== */
.app{position:relative;z-index:1;display:grid;grid-template-columns:260px 1fr;min-height:100dvh}
.menu{position:sticky;top:0;height:100dvh;padding:26px 16px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#060912,#020307);border-right:1px solid var(--linha)}
.menu-logo{width:200px;margin:0 auto 14px;filter:drop-shadow(0 0 18px rgba(47,107,255,.4))}
.ola{display:flex;flex-direction:column;gap:3px;padding:10px 12px 18px}
.ola b{font-family:var(--ft);font-size:22px}.ola span{color:var(--mu);font-size:13px;text-transform:capitalize}
.menu nav{display:flex;flex-direction:column;gap:4px}
.menu nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;color:#c5cbd8;font-weight:600;font-size:15px;border:1px solid transparent;transition:.2s}
.menu nav a i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}
.menu nav a:hover{background:rgba(255,255,255,.03)}
.menu nav a.ativo{background:linear-gradient(180deg,#121a2e,#0b101d);border-color:var(--linha2);color:#fff}
.menu nav a.ativo i{background:var(--c);color:#fff;box-shadow:0 8px 20px -6px var(--c)}
.menu-rodape{margin-top:auto;color:var(--mu2);font-size:12px;text-align:center}
.palco{min-width:0;display:flex;flex-direction:column}
.topo{display:flex;align-items:center;gap:14px;padding:22px 34px 8px}
.topo h2{font-family:var(--ft);font-weight:700;font-size:30px;letter-spacing:-.02em}
.topo-logo{display:none}.topo-nova{margin-left:auto}
#tela{padding:18px 34px 120px;display:flex;flex-direction:column;gap:24px;animation:surge .35s ease both}
.barra{display:none}
@keyframes surge{from{opacity:0;transform:translateY(10px)}}
.entra{animation:surge .45s cubic-bezier(.2,.8,.2,1) both}

/* ===== peças comuns ===== */
.cartao{background:linear-gradient(180deg,var(--cartao2),var(--cartao));border:1px solid var(--linha);border-radius:var(--r);padding:20px;box-shadow:0 30px 60px -34px #000,inset 0 1px 0 rgba(255,255,255,.04)}
.cab{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cab h3{font-family:var(--ft);font-size:21px;font-weight:700}.cab p{color:var(--mu);font-size:14px;margin-top:4px}
.pilulas{display:flex;gap:6px;flex-wrap:wrap}
.pilula{min-height:42px;padding:0 15px;border-radius:12px;border:1px solid var(--linha2);background:#090d17;color:#bfc6d4;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.pilula.on{background:rgba(47,107,255,.18);border-color:rgba(47,107,255,.65);color:#fff}
.selo{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.02em}
.selo.ar{background:rgba(34,197,94,.13);color:#5ee08f}.selo.rasc{background:rgba(255,255,255,.07);color:#c3c9d6}.selo.ag{background:rgba(245,158,11,.14);color:#fbbf4a}.selo.pausa{background:rgba(225,29,72,.14);color:#ff8ea3}
.vazio{padding:46px 20px;text-align:center;color:var(--mu);display:flex;flex-direction:column;align-items:center;gap:12px}
.vazio i{font-size:44px;color:var(--mu2)}
.esqueleto{background:linear-gradient(90deg,#0c111c 0%,#141b2b 50%,#0c111c 100%);background-size:200% 100%;animation:brilho 1.2s infinite;border-radius:16px}
@keyframes brilho{to{background-position:-200% 0}}

/* ===== início ===== */
.saudacao h1{font-family:var(--ft);font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;line-height:1.05}
.saudacao h1 span{color:var(--az);text-shadow:0 0 30px var(--azb)}
.saudacao p{color:var(--mu);margin-top:8px}
.atalhos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.atalho{position:relative;overflow:hidden;border-radius:24px;padding:20px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,var(--a),var(--b));box-shadow:0 22px 44px -22px var(--a),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .25s}
.atalho:hover{transform:translateY(-3px)} .atalho:active{transform:scale(.98)}
.atalho::after{content:"";position:absolute;right:-34px;bottom:-34px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.13)}
.atalho i{font-size:32px}.atalho b{font-family:var(--ft);font-size:20px;display:block}.atalho small{opacity:.88;font-size:13px}
.destaques{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.destaques::-webkit-scrollbar{display:none}
.dest{position:relative;min-height:290px;border-radius:24px;overflow:hidden;scroll-snap-align:start;display:flex;align-items:flex-end;border:1px solid var(--linha);cursor:pointer;background:#0a0e18}
.dest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dest:hover img{transform:scale(1.05)}
.dest::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.93))}
.dest div{position:relative;z-index:1;padding:20px}
.dest h4{font-family:var(--ft);font-size:20px;line-height:1.2;margin-top:10px}
.dest small{color:#b5bccb;display:block;margin-top:8px}
.ligar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-color:rgba(245,158,11,.35);background:linear-gradient(90deg,rgba(245,158,11,.1),transparent)}
.ligar i{font-size:34px;color:var(--am)}.ligar div{flex:1;min-width:200px}.ligar b{display:block;font-size:17px}.ligar p{color:var(--mu);font-size:14px;margin-top:3px}

/* ===== matérias ===== */
.lista{display:flex;flex-direction:column;gap:10px}
.item{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;padding:12px;border-radius:18px;background:var(--cartao);border:1px solid var(--linha);cursor:pointer;transition:.2s}
.item:hover{border-color:var(--linha2);background:#0d1220}
.item img,.item .semfoto{width:96px;height:68px;border-radius:12px;object-fit:cover;background:#111827;display:grid;place-items:center;color:var(--mu2);font-size:24px}
.item b{font-weight:600;font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item small{color:var(--mu);font-size:13px;display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}
.item .lixo{width:44px;height:44px;border-radius:12px;border:1px solid transparent;background:none;color:var(--mu2);font-size:20px;cursor:pointer}
.item .lixo:hover{color:#ff8ea3;border-color:rgba(225,29,72,.35)}
.busca{display:flex;gap:10px}.busca .campo{flex:1}

/* ===== escrever ===== */
.escrever{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start}
.folha{display:flex;flex-direction:column}
.passo{display:flex;align-items:center;gap:12px;margin:26px 0 12px;font-family:var(--ft);font-weight:700;font-size:18px}
.passo:first-child{margin-top:0}
.passo span{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--az);font-size:15px;box-shadow:0 0 18px var(--azb)}
.passo em{font-style:normal;font-weight:500;color:var(--mu);font-size:14px}
.tit{font-family:var(--ft);font-size:26px;font-weight:700;line-height:1.25;min-height:80px}
.ferramentas-ia{display:flex;flex-direction:column;gap:10px}
.ia-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ia-check{display:flex;align-items:center;gap:8px;font-size:14px;color:#cdb8f5;font-weight:600;cursor:pointer}.ia-check input{width:20px;height:20px;accent-color:#a855f7}
.btn.ia{border-color:rgba(168,85,247,.5);background:linear-gradient(180deg,rgba(168,85,247,.25),rgba(168,85,247,.08));color:#f3e8ff}
.importar{display:flex;gap:10px;align-items:center;padding:12px 12px 12px 18px;border-radius:18px;background:linear-gradient(90deg,rgba(168,85,247,.14),rgba(168,85,247,.03));border:1px solid rgba(168,85,247,.35)}
.importar i{font-size:24px;color:#c084fc}.importar input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:15px}
.blocos{display:flex;flex-direction:column;gap:12px}
.bloco{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:stretch;padding:10px;border-radius:18px;background:var(--cartao);border:1px solid var(--linha);transition:box-shadow .2s,opacity .2s}
.bloco.arrastando{opacity:.85;box-shadow:0 0 0 2px var(--az),0 20px 40px -10px #000;position:relative;z-index:5}
.alca{border-radius:12px;background:#0c111d;border:1px solid var(--linha);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mu);cursor:grab;touch-action:none}
.alca i{font-size:20px}
.bloco-corpo{display:flex;flex-direction:column;gap:8px;min-width:0}
.bloco-topo{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mu2)}
.bloco-topo i{font-size:16px;color:var(--cor,var(--az))}
.bloco-topo .acoes{margin-left:auto;display:flex;gap:4px}
.bloco-topo button{width:34px;height:34px;border-radius:10px;border:1px solid var(--linha);background:#0b0f1a;color:var(--mu);cursor:pointer;font-size:16px}
.bloco-topo button:hover{color:#fff;border-color:var(--linha2)}
.bloco textarea.campo{min-height:140px;font-size:17px;line-height:1.7;border-radius:12px}
.bloco .campo.sub{font-family:var(--ft);font-weight:700;font-size:20px}
.bloco .campo.cita{border-left:4px solid var(--am);font-style:italic;min-height:80px}
.bloco figure{border-radius:14px;overflow:hidden;background:#05070d;position:relative}
.bloco figure img,.bloco figure video{width:100%;display:block}
.bloco figure .carregando{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.65);font-weight:600}
.bloco .legenda{font-size:14px;padding:10px 12px}
.inserir{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.inserir button{min-height:58px;border-radius:16px;border:1px dashed var(--linha2);background:#070a12;color:#d6dbe6;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.15s}
.inserir button:hover{border-color:var(--az);background:#0b1020}
.inserir button i{font-size:22px}
.lado{display:flex;flex-direction:column;gap:16px;position:sticky;top:18px}
.lado h4{font-size:13px;color:var(--mu);font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}
.capa{aspect-ratio:16/9;border-radius:14px;border:1px dashed var(--linha2);display:grid;place-items:center;color:var(--mu);background:#05070d;overflow:hidden;cursor:pointer;text-align:center;font-size:14px}
.capa img{width:100%;height:100%;object-fit:cover}
.capa i{font-size:30px;display:block;margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:38px;padding:0 13px;border-radius:10px;border:1px solid var(--linha2);background:#0a0f1b;font-size:14px;font-weight:600;color:#c3c9d6;cursor:pointer;display:inline-flex;align-items:center}
.chip.on{background:rgba(47,107,255,.2);border-color:rgba(47,107,255,.6);color:#fff}
.publicar{display:flex;flex-direction:column;gap:10px}
.agenda{display:none;gap:8px}.agenda.on{display:flex}

/* ===== anúncios ===== */
.ads{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.ad{border-radius:20px;overflow:hidden;background:var(--cartao);border:1px solid var(--linha);display:flex;flex-direction:column}
.ad-midia{aspect-ratio:16/9;background:#05070d;display:grid;place-items:center;overflow:hidden}
.ad-midia img,.ad-midia video{width:100%;height:100%;object-fit:contain}
.ad-info{padding:14px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.ad-info b{font-size:16px}.ad-info .linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ad-acoes{display:flex;gap:8px;margin-top:auto}.ad-acoes .btn{flex:1}

/* ===== vídeo e post ===== */
.estudio{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:26px;align-items:start}
.previa{position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}
.previa .tela{width:100%;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--linha2),0 40px 80px -24px rgba(47,107,255,.35),0 30px 60px #000}
.previa canvas{width:100%;display:block}
.previa small{color:var(--mu);font-size:13px;text-align:center}
.etapas{display:flex;flex-direction:column;gap:16px}
.escolher{border:2px dashed var(--linha2);border-radius:18px;padding:22px;text-align:center;cursor:pointer;color:var(--mu);display:block;transition:.2s}
.escolher:hover{border-color:var(--az);background:rgba(47,107,255,.05)}
.escolher i{font-size:40px;color:var(--az);display:block;margin-bottom:6px}
.escolher b{display:block;color:var(--tx);font-size:16px;margin-bottom:2px;word-break:break-all}
.vagas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.vaga{aspect-ratio:1;border-radius:14px;border:1px dashed var(--linha2);background:#05070d;display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;color:var(--mu);font-size:12px;text-align:center}
.vaga img{width:100%;height:100%;object-fit:cover}
.vaga .x{position:absolute;top:5px;right:5px;width:28px;height:28px;border-radius:9px;border:0;background:rgba(0,0,0,.75);color:#fff;cursor:pointer;font-size:15px}
.barra-prog{height:12px;border-radius:12px;background:#0f1424;overflow:hidden;margin-top:14px;display:none}
.barra-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--az),var(--vm));transition:width .25s;border-radius:12px}
.status{color:var(--mu);font-size:14px;margin-top:10px;min-height:20px}
.resultado{display:none;flex-direction:column;gap:10px;margin-top:14px}

/* ===== modal e aviso ===== */
.modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);display:none;align-items:flex-end;justify-content:center}
.modal.on{display:flex}
.modal-caixa{width:min(620px,100%);max-height:92dvh;overflow:auto;background:#070a12;border:1px solid var(--linha2);border-radius:26px 26px 0 0;padding:22px;animation:surge .3s ease both}
.modal-caixa h3{font-family:var(--ft);font-size:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.fechar{width:44px;height:44px;border-radius:12px;border:1px solid var(--linha2);background:#0b0f1a;color:var(--mu);font-size:20px;cursor:pointer}
.aviso{position:fixed;left:50%;bottom:104px;transform:translate(-50%,20px);opacity:0;z-index:99;background:#101727;border:1px solid var(--linha2);padding:14px 20px;border-radius:16px;font-weight:600;transition:.25s;max-width:90vw;text-align:center;pointer-events:none;box-shadow:0 20px 40px -10px #000}
.aviso.on{opacity:1;transform:translate(-50%,0)}.aviso.ok{border-color:rgba(34,197,94,.55)}.aviso.mal{border-color:rgba(225,29,72,.65)}
.grade2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ===== celular ===== */
@media (max-width:1100px){.atalhos{grid-template-columns:1fr 1fr}.escrever{grid-template-columns:1fr}.lado{position:static}}
@media (max-width:900px){
  .app{grid-template-columns:1fr}.menu{display:none}
  .topo{position:sticky;top:0;z-index:20;padding:12px 16px;background:rgba(0,0,0,.92);border-bottom:1px solid var(--linha)}
  .topo-logo{display:block;height:38px}.topo h2{display:none}.topo-nova span{display:none}.topo-nova{width:48px;padding:0}
  #tela{padding:16px 16px 120px;gap:20px}
  .estudio{grid-template-columns:1fr}.previa{position:static}.previa .tela{max-width:330px}
  .barra{display:flex;position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;height:72px;border-radius:24px;background:#080b14;border:1px solid var(--linha2);align-items:center;justify-content:space-around;box-shadow:0 20px 50px rgba(0,0,0,.8)}
  .barra a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--mu);min-width:56px}
  .barra a i{font-size:24px}.barra a.ativo{color:#fff}.barra a.ativo i{color:var(--az)}
  .barra .mais{width:60px;height:60px;margin-top:-34px;border-radius:20px;background:linear-gradient(180deg,#3b78ff,#2357e8);display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px var(--azb),0 0 0 6px #000}
  .barra .mais i{font-size:28px;color:#fff}
  .item{grid-template-columns:76px 1fr auto}.item img,.item .semfoto{width:76px;height:76px}
  .inserir{grid-template-columns:1fr 1fr}.vagas{grid-template-columns:repeat(3,1fr)}.grade2{grid-template-columns:1fr}
  .modal-caixa{padding:20px 16px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ================= VISUAL v2 (mais impacto) ================= */
/* abertura */
.abertura{position:fixed;inset:0;z-index:1000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;transition:opacity .5s ease,visibility .5s}
.abertura.fim{opacity:0;visibility:hidden}
.ab-luz{position:absolute;width:140vmax;height:140vmax;background:conic-gradient(from 0deg,transparent,rgba(47,107,255,.25),transparent 30%,rgba(225,29,72,.18),transparent 60%);animation:gira 6s linear infinite;filter:blur(40px);opacity:0;animation:gira 6s linear infinite,aparece 1s .8s forwards}
.ab-almejo{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;letter-spacing:.42em;font-size:13px;color:#cbd5e1;animation:almejo 1.5s ease forwards}
.ab-almejo b{font-family:var(--ft);font-weight:700;font-size:18px;color:#fff}
.ab-almejo span{font-size:11px;letter-spacing:.5em;color:var(--mu);text-transform:uppercase}
.ab-icone{position:relative;width:min(46vw,210px);aspect-ratio:1;opacity:0;transform:scale(.6);animation:icone .9s 1.25s cubic-bezier(.2,1.4,.4,1) forwards}
.ab-icone img{width:100%;border-radius:50%;filter:drop-shadow(0 0 40px rgba(47,107,255,.6))}
.ab-anel{position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(47,107,255,.6);animation:onda 1.6s 1.6s ease-out infinite;opacity:0}
.ab-logo{width:min(70vw,340px);opacity:0;transform:translateY(16px);animation:sobe .7s 1.9s ease forwards;filter:drop-shadow(0 0 24px rgba(47,107,255,.45))}
.ab-sub{font-family:var(--ft);letter-spacing:.5em;text-transform:uppercase;color:var(--mu);font-size:12px;opacity:0;animation:sobe .6s 2.2s ease forwards}
@keyframes almejo{0%{opacity:0;transform:translateY(8px)}25%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
@keyframes icone{to{opacity:1;transform:scale(1)}}
@keyframes sobe{to{opacity:1;transform:none}}
@keyframes aparece{to{opacity:1}}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes onda{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}

/* entrada com "tchan" */
.entrar{overflow:hidden}
.orbe{position:fixed;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0;animation:flutua 14s ease-in-out infinite alternate}
.o1{width:60vmax;height:60vmax;background:#1d4fd6;top:-25vmax;left:-20vmax}
.o2{width:45vmax;height:45vmax;background:#9f1239;bottom:-20vmax;right:-15vmax;animation-delay:-5s}
.o3{width:30vmax;height:30vmax;background:#0ea5e9;top:40%;left:60%;opacity:.25;animation-delay:-9s}
@keyframes flutua{to{transform:translate(6vmax,4vmax) scale(1.1)}}
.entrar-caixa{position:relative;z-index:2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(14,20,38,.78),rgba(6,9,18,.86)) padding-box,linear-gradient(140deg,rgba(91,140,255,.55),rgba(255,255,255,.06),rgba(225,29,72,.45)) border-box;border:1px solid transparent}
.entrar-icone{position:relative;width:96px;height:96px;margin:0 auto -4px;animation:surge .6s ease both}
.entrar-icone img{width:100%;border-radius:50%;filter:drop-shadow(0 0 24px rgba(47,107,255,.55))}
.entrar-icone span{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(47,107,255,.5);animation:onda 2.4s ease-out infinite}
.entrar-logo{width:74%;margin:6px auto 6px}
.assinatura{font-size:12px!important;color:var(--mu2)!important;margin-top:4px}.assinatura b{color:#aab4c8}

/* fundo do painel vivo */
.app::before,.app::after{content:"";position:fixed;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none;animation:flutua 18s ease-in-out infinite alternate}
.app::before{width:50vmax;height:50vmax;background:rgba(29,79,214,.22);top:-20vmax;right:-15vmax}
.app::after{width:40vmax;height:40vmax;background:rgba(159,18,57,.14);bottom:-18vmax;left:-12vmax;animation-delay:-7s}
.menu,.palco{position:relative;z-index:1}

/* cartões com borda luminosa */
.cartao,.item,.ad,.bloco{background:linear-gradient(180deg,#0f1528,#090d18) padding-box,linear-gradient(140deg,rgba(91,140,255,.32),rgba(255,255,255,.05) 40%,rgba(225,29,72,.22)) border-box;border:1px solid transparent}
.item:hover,.ad:hover{transform:translateY(-2px);box-shadow:0 18px 40px -20px rgba(47,107,255,.45)}
.item,.ad{transition:transform .2s,box-shadow .2s}

/* títulos com degradê */
.saudacao h1{background:linear-gradient(90deg,#fff 30%,#9db8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.saudacao h1 span{color:#5b8cff;-webkit-text-fill-color:#5b8cff}
.topo h2{background:linear-gradient(90deg,#fff,#a9c1ff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* atalhos com brilho passando */
.atalho::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);animation:reflexo 5s ease-in-out infinite}
.atalho:nth-child(2)::before{animation-delay:1.2s}.atalho:nth-child(3)::before{animation-delay:2.4s}.atalho:nth-child(4)::before{animation-delay:3.6s}
@keyframes reflexo{0%,70%{left:-60%}100%{left:130%}}
.atalho i{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);font-size:30px}

/* barra de baixo mais bonita */
@media (max-width:900px){
  .topo{background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .topo::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(91,140,255,.6),rgba(225,29,72,.5),transparent)}
  .barra{background:linear-gradient(180deg,rgba(16,22,40,.96),rgba(6,9,18,.98)) padding-box,linear-gradient(140deg,rgba(91,140,255,.45),rgba(255,255,255,.06),rgba(225,29,72,.35)) border-box;border:1px solid transparent}
  .barra a.ativo{color:#fff}.barra a.ativo i{color:#7aa2ff;filter:drop-shadow(0 0 10px rgba(91,140,255,.7))}
  .barra .mais::after{content:"";position:absolute;inset:-4px;border-radius:24px;border:2px solid rgba(91,140,255,.5);animation:onda 2.6s ease-out infinite}
  .barra .mais{position:relative}
}

/* editor: botões grandes e "adicionar aqui" entre os itens */
.bloco-topo button{width:42px;height:42px;font-size:19px;color:#cbd5e1}
.bloco-topo button[data-rm]{color:#ff8ea3}
.aqui{display:flex;align-items:center;gap:10px;margin:-4px 0;color:var(--mu);font-size:13px;font-weight:600;cursor:pointer;background:none;border:0;width:100%;padding:6px 0}
.aqui::before,.aqui::after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 6px,transparent 6px 12px)}
.aqui span{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:1px solid var(--linha2);background:#0b1020}
.aqui:hover span{border-color:var(--az);color:#fff}
.menu-inserir{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.menu-inserir button{min-height:84px;border-radius:18px;border:1px solid var(--linha2);background:#0a0f1c;color:#e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer}
.menu-inserir button i{font-size:28px}

/* importar e criar com IA: grandes e explicados */
.atalhos-escrever{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}
.card-imp{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(31,41,82,.75),rgba(10,14,28,.9)) padding-box,linear-gradient(140deg,rgba(91,140,255,.6),rgba(255,255,255,.06),rgba(168,85,247,.45)) border-box;border:1px solid transparent}
.card-imp-cab{display:flex;gap:14px;align-items:flex-start}
.card-imp-cab h3{font-family:var(--ft);font-size:20px;margin-bottom:6px}
.card-imp-cab p{color:#aeb7cb;font-size:14.5px;line-height:1.55}.card-imp-cab p b{color:#fff}
.card-imp-ic{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#2f6bff,#1b3fb0);box-shadow:0 10px 24px -8px rgba(47,107,255,.7)}
.card-imp-ic.ia{background:linear-gradient(145deg,#a855f7,#6d28d9);box-shadow:0 10px 24px -8px rgba(168,85,247,.7)}
.cola{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 8px 8px 16px;border-radius:18px;background:#05070f;border:2px dashed rgba(91,140,255,.5)}
.cola:focus-within{border-style:solid;border-color:var(--az);box-shadow:0 0 0 4px rgba(47,107,255,.18)}
.cola i{font-size:24px;color:#7aa2ff}.cola input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:17px}
.ia-card{justify-content:space-between;background:linear-gradient(180deg,rgba(59,26,92,.7),rgba(12,10,26,.9)) padding-box,linear-gradient(140deg,rgba(168,85,247,.6),rgba(255,255,255,.06)) border-box}
.ou{display:flex;align-items:center;gap:12px;color:var(--mu);font-size:13px;grid-column:1/-1}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--linha2)}
@media(max-width:900px){.atalhos-escrever{grid-template-columns:1fr}}

/* ===== alinhamento e tamanhos (ajuste pedido pelo Ítalo) ===== */
.tit{font-size:21px!important;line-height:1.3!important;min-height:64px}
.bloco textarea.campo{font-size:16px}
.passo{flex-wrap:wrap;row-gap:2px}
.passo em{flex-basis:100%;padding-left:44px;font-size:13px;margin-top:-2px}
.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chip{justify-content:center;text-align:center;min-height:44px;padding:0 8px;font-size:14px}
.bloco{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:10px;align-items:stretch}
.bloco-topo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:40px}
.bloco-topo .acoes{margin-left:0;display:flex;gap:6px}
.bloco-topo button{width:40px;height:40px;display:grid;place-items:center;padding:0}
.aqui{margin:2px 0 0}
.inserir{gap:8px}.inserir button{min-height:54px;font-size:14px}
.publicar .btn{width:100%}
.agenda{gap:8px}.agenda .campo{min-width:0}
.lado .cartao h4{margin-bottom:10px}
@media(max-width:900px){
  .bloco{grid-template-columns:30px minmax(0,1fr);padding:8px;gap:8px}
  .alca{border-radius:10px}
  .bloco-topo{font-size:11px}
  .bloco-topo button{width:38px;height:38px;font-size:17px}
  .card-imp{padding:16px}.card-imp-cab h3{font-size:18px}
}

.fotos-ia{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mini-ia{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#05070d}
.mini-ia img{width:100%;height:100%;object-fit:cover}
.mini-ia button{position:absolute;top:5px;right:5px;width:30px;height:30px;border-radius:9px;border:0;background:rgba(0,0,0,.75);color:#fff;font-size:16px;cursor:pointer}
.add-foto{aspect-ratio:1;border-radius:14px;border:2px dashed rgba(168,85,247,.55);background:rgba(168,85,247,.07);color:#e9d5ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:13px;cursor:pointer}
.add-foto i{font-size:28px}

/* ================= REPAGINADA: cara de app ================= */
/* nada passa da tela, nada "solto" para os lados, tamanho fixo mesmo com a letra do celular aumentada */
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y}
*{min-width:0}
img,video,canvas{max-width:100%}
.app,.palco,#tela,.escrever,.folha,.lado,.estudio,.etapas,.cartao,.card-imp{min-width:0;max-width:100%}
#tela{overflow-x:hidden}
.campo,input,textarea{max-width:100%}

/* abertura */
.ab-almejo{animation:almejo3 3.2s ease forwards;gap:10px}
.ab-linha{width:60px;height:2px;background:linear-gradient(90deg,transparent,#5b8cff,transparent);animation:linha 3.2s ease forwards}
.ab-almejo b{font-size:22px;letter-spacing:.38em}
.ab-apresenta{font-size:12px;letter-spacing:.6em;color:var(--mu);text-transform:uppercase}
.ab-sd{display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;animation:sd 1.2s 3.3s ease forwards}
.ab-logo{opacity:1;transform:none;animation:none;width:min(78vw,380px)}
.ab-sub{opacity:1;animation:none}
@keyframes almejo3{0%{opacity:0;transform:translateY(10px)}15%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}
@keyframes linha{0%{width:0}40%{width:160px}100%{width:160px}}
@keyframes sd{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:none}}

/* ícones dentro de caixas: centralizados certinho */
.atalho i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;font-size:28px;line-height:1}
.menu nav a i{display:flex;align-items:center;justify-content:center}
.atalho{min-height:150px;padding:18px}
.atalho b{font-size:clamp(16px,4.6vw,20px);line-height:1.15}
.atalho small{font-size:12.5px;line-height:1.35;display:block;margin-top:4px}

/* matérias */
.segmento{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:16px;background:#070a14;border:1px solid var(--linha2)}
.segmento .pilula{justify-content:center;border:0;min-height:44px;background:none;color:var(--mu);font-size:14px;padding:0 6px}
.segmento .pilula.on{background:linear-gradient(180deg,#3b78ff,#2357e8);color:#fff;box-shadow:0 8px 20px -10px rgba(47,107,255,.8)}
.busca{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:16px;background:#070a14;border:1px solid var(--linha2)}
.busca i{font-size:20px;color:var(--mu)}.busca input{flex:1;background:none;border:0;outline:0;font-size:16px}
.item{grid-template-columns:84px minmax(0,1fr) 40px;gap:12px;padding:10px;align-items:center}
.item img,.item .semfoto{width:84px;height:84px;border-radius:14px}
.item b{font-size:15px;-webkit-line-clamp:3}
.item small{font-size:12px;gap:6px}
.item .lixo{width:40px;height:40px}

/* topo e textos mais compactos no celular */
@media(max-width:900px){
  #tela{padding:14px 14px 118px;gap:18px}
  .topo{padding:10px 14px}.topo-logo{height:34px}.topo-nova{width:44px;min-height:44px}
  .saudacao h1{font-size:clamp(26px,8vw,34px)}.saudacao p{font-size:14px}
  .atalhos{gap:12px}
  .cab h3{font-size:18px}
  .btn{font-size:14.5px}.btn.grande{min-height:54px;font-size:16px}
  .card-imp-cab{display:grid;grid-template-columns:46px 1fr;column-gap:12px;row-gap:8px;align-items:center}.card-imp-cab>div{display:contents}
  .card-imp-cab h3{margin:0;line-height:1.15}.card-imp-cab p{grid-column:1/-1;font-size:14px}.card-imp-ic{width:46px;height:46px;font-size:25px;border-radius:14px}
  .card-imp{gap:12px}
  .ia-check{font-size:13px;align-items:flex-start}
  .cola input{font-size:15px}
  .barra{height:68px;bottom:max(8px,env(safe-area-inset-bottom))}
  .barra a{font-size:10.5px;min-width:0;flex:1}
  .barra a i{font-size:22px}
  .barra .mais{flex:none;width:58px;height:58px}
}

/* abertura com a marca Ad. */
.ab-ad{width:min(26vw,110px);filter:drop-shadow(0 0 22px rgba(225,29,72,.35));animation:sobeAd 1s ease both}
@keyframes sobeAd{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}
/* saudação + relógio */
.saudacao{display:flex;align-items:center;justify-content:space-between;gap:14px}
.saudacao h1{font-size:clamp(26px,7.6vw,40px)}
.relogio{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:104px;padding:12px 14px;border-radius:20px;
  background:linear-gradient(180deg,rgba(18,26,48,.9),rgba(8,12,24,.95)) padding-box,linear-gradient(140deg,rgba(91,140,255,.6),rgba(255,255,255,.06),rgba(225,29,72,.45)) border-box;border:1px solid transparent;box-shadow:0 14px 34px -16px rgba(47,107,255,.6)}
.relogio b{font-family:var(--ft);font-size:30px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}
.relogio b i{font-style:normal;color:#5b8cff;animation:pisca 1s steps(1) infinite}
.relogio span{font-size:11px;color:var(--mu);margin-top:5px;text-transform:capitalize;text-align:center}
@keyframes pisca{50%{opacity:.25}}
/* barra de baixo: 5 colunas iguais, nada se encavala */
@media(max-width:900px){
  .barra{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;padding:0 6px}
  .barra a{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
  .barra .mais{width:58px;justify-self:center}
}

/* ===== correções: rolagem, abertura centralizada, saudação numa linha, relógio menor ===== */
html{overflow-x:visible}
html,body{touch-action:auto;overscroll-behavior-y:auto}
body{overflow-x:clip}
#tela{overflow-x:clip}
.ab-almejo{position:absolute;left:0;right:0;width:100%;text-align:center;align-items:center;justify-content:center}
.ab-almejo-logo{width:min(78vw,380px);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 26px rgba(225,29,72,.25))}
.ab-linha{display:block;margin:6px auto 0}
.ab-apresenta{display:block;text-align:center;padding-left:.6em}
.saudacao{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}
.saudacao>div:first-child{min-width:0;flex:1}
.saudacao h1{font-size:clamp(20px,6.2vw,32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
.saudacao p{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.relogio{min-width:0;padding:8px 12px;border-radius:16px}
.relogio b{font-size:20px}
.relogio span{font-size:10px;margin-top:3px;white-space:nowrap}

/* relógio no topo, no lugar do + (no celular) */
.relogio-topo{display:none;flex-direction:column;align-items:flex-end;margin-left:auto;line-height:1}
.relogio-topo b{font-family:var(--ft);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.relogio-topo b i{font-style:normal;color:#5b8cff;animation:pisca 1s steps(1) infinite}
.relogio-topo span{font-size:11px;color:var(--mu);margin-top:4px;text-transform:capitalize}
.saudacao h1,.saudacao p{white-space:normal;overflow:visible}
.saudacao h1{font-size:clamp(26px,8vw,36px)}
@media(max-width:900px){.topo-nova{display:none!important}.relogio-topo{display:flex}}

.saudacao h1{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important;text-shadow:0 2px 24px rgba(47,107,255,.35)}
.saudacao p{color:#b7c0d3}

/* ================= ENTRADA (modelo do Ítalo) ================= */
.entrar{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:22px;padding:max(28px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));overflow:hidden}
.entrar .orbe{display:none}
.entrar-fundo{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,rgba(2,6,20,.35),rgba(2,6,20,.55) 45%,rgba(2,4,14,.92)),url(/painel/fundo-login.jpg) center/cover no-repeat,#020614}
.entrar-fundo::before,.entrar-fundo::after{content:"";position:absolute;width:140px;height:900px;transform:rotate(38deg);filter:blur(1px);opacity:.75}
.entrar-fundo::before{top:-420px;left:-60px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.55) 40%,rgba(225,29,72,.6) 60%,transparent)}
.entrar-fundo::after{bottom:-460px;right:-40px;background:linear-gradient(90deg,transparent,rgba(225,29,72,.7) 45%,rgba(37,99,235,.4) 60%,transparent)}
.entrar-topo,.entrar-caixa,.entrar-rodape{position:relative;z-index:2;width:min(440px,100%)}
.entrar-topo{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:4vh}
.entrar-sd{width:min(82vw,380px);filter:drop-shadow(0 6px 26px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(47,107,255,.35))}
.linha-tit{display:flex;align-items:center;gap:12px;width:100%;color:#e5e9f2;font-size:12.5px;font-weight:700;letter-spacing:.32em;white-space:nowrap}
.linha-tit em{font-style:normal;font-weight:500;color:#b7c0d3;margin-left:-6px}
.linha-tit span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35))}
.linha-tit span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.35),transparent)}
.entrar-caixa{margin-top:auto;padding:62px 22px 22px;border-radius:30px;display:flex;flex-direction:column;gap:12px;text-align:center;
  background:linear-gradient(155deg,rgba(18,28,58,.82),rgba(6,10,24,.9) 55%,rgba(30,8,22,.85)) padding-box,linear-gradient(120deg,#3b82f6,#1d4ed8 35%,rgba(255,255,255,.08) 55%,#e11d48 85%) border-box;
  border:2px solid transparent;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:-10px 0 40px -18px rgba(59,130,246,.9),10px 0 40px -18px rgba(225,29,72,.9),0 40px 80px -30px #000}
.entrar-icone{position:absolute;top:-52px;left:50%;transform:translateX(-50%);width:104px;height:104px;border-radius:50%;padding:5px;
  background:linear-gradient(140deg,#3b82f6,#0b1a3d 50%,#e11d48);box-shadow:0 0 34px rgba(59,130,246,.55),0 10px 30px rgba(0,0,0,.6)}
.entrar-icone img{width:100%;height:100%;border-radius:50%;display:block}
.entrar-icone span{display:none}
.entrar-caixa h1{font-family:var(--ft);font-size:30px;font-weight:700;margin-top:4px}
.entrar-caixa>p:not(.erro):not(.assinatura){color:#cbd3e2;font-size:16px;margin-top:-6px}
.senha-caixa{display:flex;align-items:center;gap:10px;min-height:62px;padding:0 6px 0 16px;border-radius:18px;background:rgba(2,5,14,.75);border:1px solid rgba(91,140,255,.35);text-align:left}
.senha-caixa:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.18)}
.senha-caixa>i{font-size:24px;color:#93a3bf}
.senha-caixa .campo{flex:1;border:0;background:none;padding:0;font-size:18px;box-shadow:none!important}
.olho{position:static;transform:none}
.erro{display:flex;align-items:center;justify-content:center;gap:6px;color:#ff6b81!important;font-size:15px;min-height:22px}
.erro i{font-size:20px}
.entrar-btn{min-height:62px!important;border-radius:18px!important;font-size:19px!important;background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important;box-shadow:0 0 30px -6px rgba(59,130,246,.85),inset 0 1px 0 rgba(255,255,255,.3)!important}
.entrar-btn i{font-size:24px}
.assinatura{display:flex!important;align-items:center;gap:10px;font-size:13px!important;color:#aab4c8!important;margin-top:6px;white-space:nowrap}
.assinatura span{flex:1;height:1px;background:rgba(255,255,255,.18)}
.assinatura b{color:#fff}
.entrar-rodape{display:flex;align-items:center;gap:12px;margin-top:6px}
.entrar-rodape>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3))}
.entrar-rodape>span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.3),transparent)}
.entrar-rodape div{display:flex;flex-direction:column;align-items:center;gap:6px}
.entrar-rodape b{font-family:var(--ft);letter-spacing:.42em;font-size:15px;color:#fff;padding-left:.42em}
.entrar-rodape em{font-family:var(--ft);font-style:italic;letter-spacing:.42em;font-size:12px;color:#c4cbd9;padding-left:.42em}
.entrar .entrar-logo{display:none}

.yt-caixa{display:flex;flex-direction:column;gap:10px;margin-top:6px;padding:14px;border-radius:18px;background:rgba(255,0,0,.06);border:1px solid rgba(255,60,60,.28)}
.yt-tit{display:flex;align-items:center;gap:8px;font-size:13px;color:#fca5a5;font-weight:600}.yt-tit i{font-size:22px;color:#ff3b3b}
.btn.yt{background:linear-gradient(180deg,#ff3b3b,#c4161c);border-color:#ff6b6b;color:#fff}
.capa-topo{aspect-ratio:16/9;width:100%;border-radius:20px;border:2px dashed rgba(91,140,255,.45);font-size:15px}
.capa-topo img{border-radius:18px}
.ed-auto{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 9px;border-radius:9px;background:rgba(168,85,247,.16);color:#e9d5ff;font-size:11px;text-transform:none;letter-spacing:0;font-weight:600}
.escolher.ok{border-style:solid;border-color:rgba(74,222,128,.6);background:rgba(34,197,94,.08)}.escolher.ok>i{color:#4ade80}
.esc-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:58vh;overflow:auto;padding:2px}
.esc-ad{position:relative;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:14px;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.08);color:#cbd5e1;text-align:left;font-size:12.5px;font-weight:600;transition:border-color .15s,background .15s}
.esc-ad img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;opacity:.55;transition:opacity .15s}
.esc-ad b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.esc-ad .esc-ok{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.6);color:transparent}
.esc-ad.on{border-color:#4ade80;background:rgba(34,197,94,.1);color:#fff}.esc-ad.on img{opacity:1}.esc-ad.on .esc-ok{background:#22c55e;border-color:#22c55e;color:#fff}
.esc-ads-pe{display:flex;gap:10px;margin-top:14px}.esc-ads-pe .btn{flex:1}

/* =====================================================================
   DESIGN 2.0 — SD Redação (11/11). Visual de app de notícia profissional:
   fundo preto profundo, azul do SD, vermelho só para urgência, verde para "no ar/baixar".
   ===================================================================== */
:root{--fundo:#030509;--menu:#05080f;--cartao:#0a0f1a;--cartao2:#0d1321;--linha:rgba(255,255,255,.06);--linha2:rgba(255,255,255,.1);
  --tx:#eef2f8;--mu:#8a94a8;--mu2:#5d6679;--az:#2563eb;--az2:#1d4ed8;--azc:#60a5fa;--azb:rgba(37,99,235,.3);--vm:#e5243b;--vd:#22c55e;--am:#f5b301;--r:20px;--r2:14px}
body{background:radial-gradient(120% 50% at 50% -10%,rgba(37,99,235,.10),transparent 60%),var(--fundo)}
/* botões mais elegantes: menores, um grande só na ação principal */
.btn{min-height:44px;padding:0 16px;border-radius:12px;font-size:14.5px;font-weight:650;background:#0e1422;border-color:var(--linha2);box-shadow:none}
.btn.pri{background:linear-gradient(180deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 8px 22px -10px rgba(37,99,235,.9)}
.btn.grande{min-height:52px;font-size:15.5px;border-radius:14px}
.btn.fino{min-height:38px;font-size:13.5px;border-radius:10px}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r);padding:16px;box-shadow:none}
.card-imp{padding:16px;border-radius:20px;gap:12px}
.campo{background:#070b14;border-radius:12px;padding:13px 14px;font-size:15.5px}
.pilula{min-height:38px;border-radius:10px;font-size:13.5px;background:#0a0f1a}
.pilula.on{background:var(--az);border-color:var(--az);color:#fff}
.item{border-radius:16px;padding:10px;gap:12px;grid-template-columns:76px 1fr auto}
.item img,.item .semfoto{width:76px;height:76px;border-radius:12px}
.selo{height:20px;padding:0 7px;border-radius:6px;font-size:10.5px;letter-spacing:.03em}
.selo.vd{background:rgba(34,197,94,.14);color:#4ade80}.selo.vm{background:rgba(229,36,59,.16);color:#ff7a8a}
.selo.az{background:rgba(37,99,235,.16);color:#93b4ff}.selo.am{background:rgba(245,179,1,.16);color:#fcd34d}
.ic-bt{flex:none;width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;background:var(--cartao);border:1px solid var(--linha);font-size:19px;color:var(--tx)}
.ic-bt.girando i{animation:gira 1s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}
.gira{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:gira .8s linear infinite;display:inline-block}
/* menu lateral (computador) */
.menu{background:#04070d;border-right:1px solid var(--linha)}
.menu nav a{position:relative}
.menu nav a .n,.barra a .n{position:absolute;background:var(--vm);color:#fff;font-size:10px;font-weight:800;line-height:16px;min-width:18px;padding:0 5px;border-radius:9px;text-align:center}
.menu nav a .n{right:12px;top:50%;transform:translateY(-50%)}
.barra a{position:relative}.barra a .n{top:2px;left:calc(50% + 5px)}
.n[hidden]{display:none}
/* troca Vídeo | Post */
.artes-troca{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--cartao);border:1px solid var(--linha);margin-bottom:14px;max-width:460px}
.artes-troca a{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:10px;font-size:14px;font-weight:650;color:var(--mu)}
.artes-troca a.on{background:var(--az);color:#fff}.artes-troca i{font-size:18px}
/* ---------- INÍCIO ---------- */
.ini{display:flex;flex-direction:column;gap:14px;max-width:760px}
.ini-ola{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ini-ola h1{font-family:var(--ft);font-size:24px;font-weight:800;letter-spacing:-.02em}.ini-ola span{color:var(--mu);font-size:13px;text-transform:capitalize}
.ini-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ini-num{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:11px 12px;color:var(--tx)}
.ini-num b{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:800;letter-spacing:-.02em;height:28px}.ini-num small{display:block;color:var(--mu);font-size:11.5px;margin-top:2px;line-height:1.3}
.ini-num.az b{color:var(--azc)}
#nRobo b{font-size:15px;color:var(--mu)}#nRobo b i{width:8px;height:8px;border-radius:50%;background:var(--mu2)}
#nRobo.vd b{color:#4ade80}#nRobo.vd b i{background:var(--vd);box-shadow:0 0 10px var(--vd)}
.ini-acoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ini-acoes a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 10px;border-radius:16px;background:var(--cartao);border:1px solid var(--linha);font-size:12px;font-weight:650;color:#cdd5e3;transition:transform .15s}
.ini-acoes a:active{transform:scale(.96)}
.ini-acoes i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:rgba(37,99,235,.14);color:var(--azc)}
.ini-acoes .r i{background:rgba(168,85,247,.14);color:#c084fc}.ini-acoes .v i{background:rgba(229,36,59,.14);color:#ff5a6e}.ini-acoes .g i{background:rgba(34,197,94,.13);color:#4ade80}
.bl{background:var(--cartao);border:1px solid var(--linha);border-radius:20px;overflow:hidden}
.bl-cab{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 6px}
.bl-cab h3{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}.bl-cab a{font-size:13px;color:var(--azc);font-weight:600}
.ao-vivo{width:8px;height:8px;border-radius:50%;background:var(--vm);box-shadow:0 0 0 4px rgba(229,36,59,.2);animation:pulsa 1.6s infinite}
@keyframes pulsa{50%{box-shadow:0 0 0 7px transparent}}
.ligar-blog{display:flex;align-items:center;gap:12px;padding:14px}.ligar-blog>i{font-size:30px;color:var(--azc)}.ligar-blog span{flex:1}.ligar-blog small{display:block;color:var(--mu);font-size:12.5px}
/* linhas de notícia (radar e publicadas) */
.rl-lista{display:flex;flex-direction:column}
.rl{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:11px 14px;text-align:left;border-top:1px solid var(--linha);background:none;color:var(--tx);cursor:pointer}
.rl:first-child{border-top:0}.rl.pub{grid-template-columns:64px minmax(0,1fr) auto}
.rl img,.rl-sem{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#121a2b;display:grid;place-items:center;color:var(--mu2);font-size:24px}
.rl-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35}
.rl-tx small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;font-size:11.5px;color:var(--mu)}
.bt-capa{display:flex;align-items:center;gap:5px;height:36px;padding:0 11px;border-radius:10px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.35);color:#4ade80;font-size:12.5px;font-weight:700}
.vazio-txt{padding:16px;color:var(--mu);font-size:14px}
/* ---------- EXPLORAR ---------- */
.exp{display:flex;flex-direction:column;gap:12px;max-width:760px}
.exp-busca{display:flex;align-items:center;gap:10px;height:48px;padding:0 4px 0 14px;border-radius:14px;background:var(--cartao);border:1px solid var(--linha)}
.exp-busca>i{font-size:18px;color:var(--mu)}.exp-busca input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:15px;color:var(--tx)}
.exp-busca .ic-bt{width:40px;height:40px;border:0;background:transparent}
.chips-rol{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}.chips-rol::-webkit-scrollbar{display:none}
.chip-r{flex:none;height:34px;padding:0 13px;border-radius:10px;background:var(--cartao);border:1px solid var(--linha);font-size:13px;font-weight:600;color:#c3cad8;display:flex;align-items:center;gap:6px}
.chip-r b{font-size:11px;opacity:.7}.chip-r.on{background:var(--az);border-color:var(--az);color:#fff}
#expLista{display:flex;flex-direction:column;gap:12px}
#expLista .rl-lista{background:var(--cartao);border:1px solid var(--linha);border-radius:20px;overflow:hidden}
.plantao{display:flex;gap:11px;align-items:center;width:100%;text-align:left;padding:12px 13px;border-radius:16px;background:linear-gradient(90deg,rgba(229,36,59,.24),rgba(229,36,59,.06));border:1px solid rgba(229,36,59,.4);color:var(--tx)}
.plantao .tag{flex:none;background:var(--vm);color:#fff;font-family:var(--fm);font-style:italic;font-weight:900;font-size:11px;padding:4px 8px;border-radius:6px;letter-spacing:.04em;animation:pisca 1.4s infinite}
@keyframes pisca{50%{opacity:.55}}
.plantao>span:nth-child(2){flex:1;min-width:0}.plantao b{display:block;font-size:14px;line-height:1.35}.plantao small{display:block;color:#ff9aa6;font-size:12px;margin-top:2px}.plantao>i{color:#ff9aa6}
.quente{position:relative;display:block;width:100%;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#121a2b;text-align:left;color:#fff;padding:0}
.quente img{width:100%;height:100%;object-fit:cover}.quente .vela{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,5,9,.96))}
.quente-tx{position:absolute;left:14px;right:14px;bottom:13px}.quente-tx b{display:block;font-size:17px;font-weight:800;line-height:1.25;margin:8px 0 6px}.quente-tx small{font-size:12px;color:#cdd5e3}
.exp-pe{text-align:center;color:var(--mu2);font-size:12px;padding:4px}.exp-pe a{color:var(--azc)}
.vazio-bloco{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;color:var(--mu);text-align:center}.vazio-bloco i{font-size:40px;color:var(--mu2)}.vazio-bloco b{color:var(--tx)}
/* ---------- LEITOR (tela cheia) ---------- */
.modal:has(.leitor){align-items:stretch;padding:0}
.modal:has(.leitor) .modal-caixa{max-width:720px;width:100%;height:100dvh;max-height:none;border-radius:0;padding:0;overflow-y:auto;margin:0 auto;background:var(--fundo)}
.leitor{display:flex;flex-direction:column;gap:12px;padding:0 16px calc(24px + env(safe-area-inset-bottom))}
.leitor-topo{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 0;background:linear-gradient(var(--fundo) 75%,transparent)}
.leitor-topo span{flex:1;text-align:center;font-weight:700;font-size:14px;color:var(--mu)}
.leitor-img{width:100%;max-height:300px;object-fit:cover;border-radius:16px}
.leitor-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;color:var(--mu)}
.leitor-tit{font-family:var(--ft);font-size:23px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.leitor-outras{display:flex;align-items:center;gap:6px;font-size:13px;color:#fcd34d}
.leitor-txt p{font-size:16.5px;line-height:1.7;color:#d5dbe6;margin-bottom:14px}
.leitor-pe{position:sticky;bottom:0;display:flex;flex-direction:column;gap:8px;padding:14px 0 6px;background:linear-gradient(transparent,var(--fundo) 30%)}
.leitor-aviso{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4ade80}
.btn-redator{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:14px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);box-shadow:0 12px 30px -12px rgba(168,85,247,.9)}
.btn-redator:disabled{opacity:.8}
/* ---------- CAPA (modal) ---------- */
.capa-previa{border-radius:16px;overflow:hidden;background:#000;margin:6px 0 12px}.capa-previa img{display:block;width:100%;height:auto}
.btn-baixar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;border-radius:16px;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(180deg,#22c55e,#15803d);box-shadow:0 14px 30px -12px rgba(34,197,94,.8)}
.btn-baixar i{font-size:26px}.btn-baixar:disabled{opacity:.5}.btn-baixar.feito{background:linear-gradient(180deg,#16a34a,#166534)}
.capa-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.capa-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.capa-passos div{background:var(--cartao2);border:1px solid var(--linha);border-radius:12px;padding:9px;font-size:12px;color:#cdd5e3;line-height:1.35}
.capa-passos b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(37,99,235,.16);color:var(--azc);margin-bottom:5px}
/* ---------- AJUSTES: robô ---------- */
.robo-cfg h4{margin-bottom:10px}
.chave{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--linha);cursor:pointer}
.chave span{flex:1}.chave b{display:block;font-size:15px}.chave small{display:block;color:var(--mu);font-size:12.5px;line-height:1.4;margin-top:2px}
.chave input{display:none}.chave i{flex:none;width:50px;height:30px;border-radius:15px;background:#1a2235;position:relative;transition:.2s}
.chave i::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:.2s}
.chave input:checked+i{background:var(--vd)}.chave input:checked+i::after{left:23px}
.rot-mini{font-size:12px;font-weight:700;color:var(--mu);letter-spacing:.05em;text-transform:uppercase;margin:12px 0 6px}
.log-it{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:13.5px;color:var(--tx)}.log-it>i{color:#c084fc;font-size:18px;margin-top:1px}.log-it small{display:block;color:var(--mu);font-size:12px}
.fontes-lista{display:flex;flex-direction:column;border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.fonte-it{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--linha);font-size:14px}.fonte-it:first-child{border-top:0}
.fonte-it>i{color:var(--azc);font-size:18px}.fonte-it span{flex:1;min-width:0}.fonte-it small{display:block;color:var(--mu);font-size:12px}
.fonte-it .ic-bt{width:34px;height:34px;font-size:16px}
.add-fonte{display:flex;gap:8px;margin-top:10px}.add-fonte .campo{flex:1;min-width:0}
@media (max-width:860px){
  #tela{padding:12px 14px 112px;gap:14px}
  .topo{padding:10px 14px;background:rgba(3,5,9,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--linha)}
  .barra{height:64px;border-radius:20px;background:rgba(10,15,26,.92);backdrop-filter:blur(16px);border:1px solid var(--linha2);box-shadow:0 20px 40px -10px #000}
  .barra a{color:var(--mu2)}.barra a.ativo{color:#fff}.barra a.ativo i{color:var(--azc)}
  .barra .mais{width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 10px 24px -8px rgba(37,99,235,.9)}
  .ini-ola h1{font-size:21px}
}