@font-face{font-family:"Suissnord";src:url(/fonts/Suissnord.otf) format("opentype");font-display:swap}
:root{
  --obsidiana:#050403;--onix:#0C0A07;--grafite:#16100A;--ferro:#211913;--fumaca:#3A2F26;
  --ember-900:#5A2208;--ember-700:#A8390D;--ember-500:#E85A1A;--ember-300:#FF7A3D;--ember-100:#FFB48A;
  --creme:#EBE3D2;--muted:#9c9083;--line:rgba(235,227,210,.11);--line-2:rgba(235,227,210,.2);
  --grad-ember:linear-gradient(135deg,#FF9A5C 0%,#FF7A3D 30%,#E85A1A 65%,#A8390D 100%);
  --f-display:'Suissnord','Bebas Neue',sans-serif;--f-body:'Poppins',system-ui,sans-serif;--f-label:'Bebas Neue','Poppins',sans-serif;
  --safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--obsidiana);color:var(--creme);font-family:var(--f-body);font-weight:400;min-height:100svh;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
a{color:inherit}
::selection{background:var(--ember-500);color:#fff}
.hide{display:none!important}

/* ---------- LOGIN ---------- */
.login{min-height:100svh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;
  background:radial-gradient(60% 55% at -8% 55%,#fff3d6 0%,#ffb020 22%,#c44a06 44%,rgba(90,10,0,.6) 62%,transparent 78%),
  radial-gradient(55% 40% at 105% -5%,#e26a0c 0%,#a5310a 45%,transparent 75%),#050302}
.login::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 62% 62%,#000 0%,rgba(0,0,0,.85) 40%,transparent 80%);pointer-events:none}
.login-card{position:relative;z-index:1;width:min(420px,100%);text-align:left}
.mark{font-family:var(--f-display);letter-spacing:.32em;font-size:clamp(44px,12vw,68px);line-height:1;background:linear-gradient(90deg,#f26a2c 0%,#a5471b 55%,#4d2a12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:-.32em}
.mark-sub{font-family:var(--f-display);letter-spacing:.42em;font-size:clamp(13px,3.6vw,19px);margin-top:.9em;background:linear-gradient(90deg,#d8561f,#7a3a17 80%,#4d2a12);-webkit-background-clip:text;background-clip:text;color:transparent}
.login form{margin-top:44px;display:grid;gap:14px}
.field{display:grid;gap:6px}
.field label{font-family:var(--f-label);letter-spacing:.2em;font-size:15px;color:var(--ember-100);opacity:.85}
.field input,.field select,.field textarea{background:rgba(5,4,3,.55);border:1px solid var(--line-2);border-radius:12px;padding:13px 14px;outline:none;font-size:16px;backdrop-filter:blur(10px);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ember-500);box-shadow:0 0 0 3px rgba(232,90,26,.18)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-family:var(--f-label);letter-spacing:.18em;font-size:17px;border:1px solid var(--line-2);transition:.18s;white-space:nowrap;min-height:44px}
.btn:hover{border-color:var(--ember-300);color:#fff}
.btn:active{transform:scale(.97)}
.btn.primary{background:var(--grad-ember);border-color:transparent;color:#1a0a02}
.btn.primary:hover{filter:brightness(1.1);color:#1a0a02}
.btn.on{background:rgba(232,90,26,.16);border-color:var(--ember-500);color:var(--ember-100)}
.btn.sm{padding:8px 14px;font-size:15px;min-height:36px}
.btn.danger:hover{border-color:#d62133;color:#ff8a94}
.btn[disabled]{opacity:.45;pointer-events:none}
.err{color:#ff8a7a;font-size:13px;min-height:18px}
.login .tag{margin-top:34px;font-family:var(--f-label);letter-spacing:.3em;font-size:14px;color:var(--muted)}

/* ---------- SHELL ---------- */
.shell{display:grid;grid-template-columns:288px 1fr;min-height:100svh}
.side{position:sticky;top:0;height:100svh;overflow:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,#0c0806,#050403);padding:22px 14px calc(22px + var(--safe-b));display:flex;flex-direction:column;gap:6px;z-index:30}
.brand{padding:4px 10px 18px;display:flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;border-radius:10px;object-fit:cover}
.brand b{display:block;font-family:var(--f-display);font-size:13px;letter-spacing:.24em;font-weight:400;background:var(--grad-ember);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{font-family:var(--f-label);letter-spacing:.3em;color:var(--muted);font-size:12px}
.client{margin:0 8px 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(235,227,210,.03)}
.client small{font-family:var(--f-label);letter-spacing:.25em;color:var(--muted);font-size:12px;display:block}
.client span{font-size:14px;font-weight:500}
.nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;font-size:14px;color:#cfc6b6;transition:.15s}
.nav-item:hover{background:rgba(235,227,210,.05);color:#fff}
.nav-item.active{background:rgba(232,90,26,.14);color:#fff;box-shadow:inset 2px 0 0 var(--ember-500)}
.nav-item .n{font-family:var(--f-label);letter-spacing:.1em;font-size:14px;color:var(--muted)}
.nav-item .chev{transition:.2s;opacity:.6;font-size:11px;margin-right:2px}
.nav-group.open>.nav-item .chev{transform:rotate(90deg)}
.nav-sub{display:none;margin:2px 0 6px 14px;padding-left:10px;border-left:1px solid var(--line)}
.nav-group.open>.nav-sub{display:block}
.nav-sub .nav-item{font-size:13px;padding:8px 10px}
.nav-label{font-family:var(--f-label);letter-spacing:.3em;color:var(--muted);font-size:12px;padding:14px 12px 4px}
.side-foot{margin-top:auto;padding:12px 8px 0;display:grid;gap:8px}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:calc(14px + var(--safe-t)) 28px 14px;background:rgba(5,4,3,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.top h1{font-family:var(--f-display);font-weight:400;font-size:clamp(13px,3.4vw,17px);letter-spacing:.2em;text-transform:uppercase;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top h1 small{display:block;font-family:var(--f-label);font-size:13px;letter-spacing:.3em;color:var(--muted);margin-top:4px}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line-2);border-radius:12px;place-items:center}
.main{min-width:0}
.content{padding:26px 28px calc(120px + var(--safe-b));max-width:1280px}
.scrim{display:none}

/* ---------- FILTER BAR ---------- */
.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);font-family:var(--f-label);letter-spacing:.16em;font-size:15px;color:#cfc6b6}
.chip.active{background:var(--ember-500);border-color:var(--ember-500);color:#1a0a02}
.search{flex:1;min-width:180px;max-width:320px;background:rgba(235,227,210,.04);border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;outline:none;font-size:14px}
.search:focus{border-color:var(--ember-500)}
.barrio-h{display:flex;align-items:baseline;gap:12px;margin:34px 0 14px}
.barrio-h:first-child{margin-top:0}
.barrio-h h2{font-family:var(--f-display);font-weight:400;letter-spacing:.22em;font-size:14px;text-transform:uppercase}
.barrio-h span{font-family:var(--f-label);letter-spacing:.2em;color:var(--muted);font-size:14px}
.barrio-h::after{content:"";flex:1;height:1px;background:var(--line)}

/* ---------- APARTMENT PANEL ---------- */
.apt{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(33,25,19,.55),rgba(12,10,7,.7));margin-bottom:22px;overflow:hidden}
.apt.is-posted{border-color:rgba(232,90,26,.35)}
.apt-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line)}
.apt-title{flex:1;min-width:200px}
.apt-title input{width:100%;background:transparent;border:0;outline:0;font-weight:500;font-size:17px;padding:4px 0;border-bottom:1px dashed transparent}
.apt-title input:focus{border-bottom-color:var(--ember-500)}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.pill{font-family:var(--f-label);letter-spacing:.16em;font-size:13px;padding:2px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}
.pill.ember{color:var(--ember-100);border-color:rgba(232,90,26,.5)}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.apt-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0}
.media{padding:18px;border-right:1px solid var(--line);display:grid;gap:12px;align-content:start}
.stage{position:relative;aspect-ratio:3/4;max-height:520px;margin:0 auto;width:100%;background:#000;border-radius:14px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}
.stage img,.stage video{width:100%;height:100%;object-fit:contain;display:block}
.stage .nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(5,4,3,.6);backdrop-filter:blur(8px);border:1px solid var(--line-2);display:grid;place-items:center}
.stage .nav.l{left:10px}.stage .nav.r{right:10px}
.stage .count{position:absolute;top:10px;right:10px;font-family:var(--f-label);letter-spacing:.14em;background:rgba(5,4,3,.65);padding:2px 10px;border-radius:999px;font-size:14px}
.empty-media{color:var(--muted);font-size:13px;text-align:center;padding:30px}
.thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.thumb{position:relative;flex:0 0 64px;height:80px;border-radius:9px;overflow:hidden;border:1px solid var(--line-2);opacity:.7}
.thumb.active{opacity:1;border-color:var(--ember-500)}
.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}
.media-actions{display:flex;gap:8px;flex-wrap:wrap}
.text{padding:18px;display:grid;gap:10px;align-content:start}
.text-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lbl{font-family:var(--f-label);letter-spacing:.24em;font-size:14px;color:var(--ember-100)}
.saved{font-size:12px;color:var(--muted)}
.saved.ok{color:#8fd19e}
textarea.cap{width:100%;min-height:340px;height:100%;resize:vertical;background:rgba(5,4,3,.55);border:1px solid var(--line-2);border-radius:14px;padding:14px;outline:none;line-height:1.55;font-size:15px}
textarea.cap:focus{border-color:var(--ember-500)}
.history{font-size:12px;color:var(--muted);line-height:1.6}
.empty{border:1px dashed var(--line-2);border-radius:20px;padding:56px 24px;text-align:center;color:var(--muted)}
.empty b{display:block;font-family:var(--f-display);font-weight:400;letter-spacing:.2em;color:var(--creme);margin-bottom:10px;font-size:14px}

.fab{position:fixed;right:22px;bottom:calc(22px + var(--safe-b));z-index:25;box-shadow:0 10px 40px rgba(232,90,26,.35)}

/* ---------- MODAL ---------- */
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.sheet{width:min(620px,100%);max-height:calc(100svh - 32px);overflow:auto;background:#0d0906;border:1px solid var(--line-2);border-radius:22px;padding:22px;display:grid;gap:14px}
.sheet h3{font-family:var(--f-display);font-weight:400;letter-spacing:.2em;font-size:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drop{border:1.5px dashed var(--line-2);border-radius:16px;padding:26px;text-align:center;color:var(--muted);font-size:14px;transition:.15s}
.drop.over{border-color:var(--ember-500);background:rgba(232,90,26,.08);color:var(--creme)}
.files{display:grid;gap:6px;font-size:13px}
.files .f{display:flex;justify-content:space-between;gap:10px;color:#cfc6b6}
.bar-prog{height:4px;border-radius:9px;background:var(--line);overflow:hidden}
.bar-prog i{display:block;height:100%;width:0;background:var(--grad-ember);transition:width .2s}
#toast{position:fixed;left:50%;bottom:calc(28px + var(--safe-b));transform:translate(-50%,30px);opacity:0;background:#1d130c;border:1px solid var(--ember-500);padding:11px 20px;border-radius:999px;font-size:14px;z-index:99;transition:.25s;pointer-events:none;max-width:90vw}
#toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- DESIGN SYSTEM (espelho do Claude Design) ---------- */
.ds{display:grid;gap:34px}
.ds-block{border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:clamp(16px,3vw,32px);background:rgba(12,9,6,.42);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}
.ds-logo{width:min(320px,70%);display:block;margin-bottom:18px}
.ds-h{font-family:var(--f-display);font-weight:400;letter-spacing:.22em;font-size:14px;text-transform:uppercase;display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
.ds-h small{font-family:var(--f-label);letter-spacing:.24em;color:var(--muted);font-size:13px}
.ds-sub{color:var(--muted);font-size:13px;margin-bottom:14px}
.ds-sub a{color:var(--ember-300);margin-left:8px;text-decoration:none}
.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}
.ds-card{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(235,227,210,.04)}
.ds-card.wide{grid-column:span 2}
.ds-card figcaption{padding:11px 14px;font-size:12px;line-height:1.5;color:#cfc6b6}
.ds-card figcaption b{display:block;color:var(--creme);font-weight:500;font-size:13px}
.fw{position:relative;width:100%;overflow:hidden;background:#E3D5BF}
.fw iframe{border:0;display:block;transform-origin:0 0;background:#E3D5BF}
.fw.big{border-radius:14px;border:1px solid var(--line)}
.md{font-size:14px;line-height:1.65;color:#d8cfbf;max-width:96ch}
.md h1{font-family:'Jost',sans-serif;font-weight:200;font-size:clamp(28px,5vw,46px);line-height:1.05;letter-spacing:-.02em;color:#fff;margin-bottom:16px}
.md h2{font-family:var(--f-display);font-weight:400;letter-spacing:.2em;font-size:13px;text-transform:uppercase;margin:30px 0 10px;color:var(--ember-100)}
.md h3{font-family:var(--f-label);letter-spacing:.2em;font-weight:400;font-size:16px;margin:20px 0 6px;color:var(--ember-100)}
.md p{margin:8px 0}.md ul{margin:8px 0 8px 18px;display:grid;gap:6px}
.md code{background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;font-size:12px;color:var(--ember-100)}
.md strong{color:#fff;font-weight:500}

/* ---------- GLASS + DASHBOARD ---------- */
body{background:#0a0604}
body::before{content:"";position:fixed;inset:-40px;z-index:-2;background:url(/assets/dash-bg.jpg) center/cover;filter:blur(38px) saturate(1.25);transform:scale(1.1)}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(5,4,3,.58);transition:background .3s}
body.home::after{display:none}
body.is-login::before,body.is-login::after{display:none}
.side{background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 42%),rgba(28,20,14,.34);backdrop-filter:blur(34px) saturate(1.5);-webkit-backdrop-filter:blur(34px) saturate(1.5);border-right:1.5px solid rgba(255,255,255,.22);box-shadow:20px 0 80px rgba(0,0,0,.28),inset -1px 0 0 rgba(255,255,255,.08)}
.client{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.nav-item.active{background:rgba(255,255,255,.14);box-shadow:inset 2px 0 0 var(--ember-300)}
.top{background:rgba(10,7,5,.32);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border-bottom-color:rgba(255,255,255,.14)}
.apt{background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%),rgba(14,10,7,.5);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:rgba(255,255,255,.16)}
.shell.is-home .content{padding:0;max-width:none}
body.home::before{display:none}
.dash{position:fixed;inset:0;z-index:1;background:url(/assets/dash-bg.jpg) center/cover no-repeat;overflow:hidden}
.gl{position:absolute;left:0;top:0;container-type:inline-size;display:grid;place-items:center;align-content:center;color:#fff;text-align:center;transition:background .25s,box-shadow .25s;text-shadow:0 2px 18px rgba(0,0,0,.35);animation:floaty 7s ease-in-out infinite;border-radius:22%}
.gl:nth-child(2){animation-delay:-2.3s;animation-duration:8s}.gl:nth-child(3){animation-delay:-4.6s;animation-duration:9s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.gl:hover{background:rgba(255,255,255,.09);box-shadow:0 0 0 1.5px rgba(255,255,255,.5),0 20px 60px rgba(0,0,0,.25)}
.gl-l{font-family:var(--f-label);letter-spacing:.3em;font-size:7cqw;opacity:.95;margin-right:-.3em}
.gl b{font-family:'Jost',var(--f-body),sans-serif;font-weight:200;font-size:34cqw;line-height:1.05}
.gl-s{font-family:'Jost',var(--f-body),sans-serif;font-weight:300;letter-spacing:.06em;font-size:6cqw;opacity:.95}
.gl-big{border-radius:15%}.gl-round{border-radius:50%}.gl-sq{border-radius:22%}
.gl-round b,.gl-sq b{font-size:30cqw}.gl-round .gl-l,.gl-sq .gl-l{font-size:7.5cqw}.gl-round .gl-s,.gl-sq .gl-s{font-size:6.5cqw}
@media (prefers-reduced-motion:reduce){.gl{animation:none}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .ds-card.wide{grid-column:auto}
  .shell.is-home .content{padding:10px 10px 24px}
  .shell{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:min(310px,86vw);transform:translateX(-102%);transition:transform .25s;box-shadow:20px 0 60px rgba(0,0,0,.6)}
  body.menu .side{transform:none}
  body.menu .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:25}
  .burger{display:grid}
  .top{padding:calc(12px + var(--safe-t)) 16px 12px}
  .content{padding:18px 16px calc(120px + var(--safe-b))}
  .apt-body{grid-template-columns:1fr}
  .media{border-right:0;border-bottom:1px solid var(--line)}
  textarea.cap{min-height:260px}
  .apt-head{padding:14px}.media,.text{padding:14px}
  .actions{width:100%}.actions .btn{flex:1}
  .row2{grid-template-columns:1fr}
}
.ds,.ds>*,.ds-block,.ds-card,.ds-grid,.content,.main{min-width:0;max-width:100%}
.ds-block{overflow:hidden}
.ds-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.main{overflow-x:clip}

/* ---------- título + acordeão da descrição ---------- */
.ds-title{font-family:"Suissnord","Michroma",sans-serif;font-weight:400;font-size:clamp(44px,9vw,92px);letter-spacing:.04em;line-height:1;color:var(--ember-500);text-shadow:0 4px 40px rgba(232,90,26,.45);margin:2px 0 4px}
.ds-acc{border:1px solid rgba(255,255,255,.38);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.26),rgba(255,255,255,.06) 55%),rgba(255,130,50,.14);backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);box-shadow:0 18px 60px rgba(120,30,0,.25),inset 0 1px 0 rgba(255,255,255,.45)}
.ds-acc>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-family:var(--f-display);letter-spacing:.2em;text-transform:uppercase;font-size:14px;color:#fff}
.ds-acc>summary::-webkit-details-marker{display:none}
.ds-acc>summary i{width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:.25s;margin:-4px 4px 0 0}
.ds-acc[open]>summary i{transform:rotate(-135deg);margin-top:4px}
.ds-inner{padding:0 18px 20px;display:grid;gap:22px}


/* =====================  TEMA DRBX v3 — vidro escuro + brilho laranja  ===================== */
:root{--glow:radial-gradient(70% 120% at 0% 100%,rgba(255,112,32,.9) 0%,rgba(255,84,0,.32) 34%,transparent 66%);--glass-d:rgba(16,10,7,.72);--edge:rgba(255,255,255,.13)}
body{background:#0a0605;font-family:'Poppins',system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:#0a0605 center/cover no-repeat;filter:none!important;transform:none!important;opacity:.9}
body[data-bg=neon]::before{background-image:url(/assets/bg-neon.jpg)}
body[data-bg=fluid]::before{background-image:url(/assets/bg-fluid.jpg)}
body[data-bg=silhouette]::before{background-image:url(/assets/bg-silhouette.jpg)}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,6,5,.5),rgba(10,6,5,.86) 70%,#0a0605)!important;display:block!important}
body.home::before,body.home::after,body.is-login::before,body.is-login::after{display:none!important}
/* sidebar */
.side{background:linear-gradient(180deg,rgba(16,10,7,.78),rgba(8,5,4,.9))!important;backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important;border-right:1px solid var(--edge)!important;box-shadow:none!important}
.side::after{content:"";position:absolute;left:-40%;bottom:-10%;width:120%;height:45%;background:radial-gradient(closest-side,rgba(255,100,20,.35),transparent);pointer-events:none}
.client{background:rgba(255,255,255,.03)!important;border:1px solid var(--edge)!important;border-radius:16px}
.nav-item{color:rgba(255,255,255,.86)!important;text-shadow:none;border:1px solid transparent;border-radius:14px;font-weight:300;letter-spacing:.01em;position:relative;overflow:hidden}
.nav-item:hover{background:rgba(255,255,255,.05)!important;border-color:var(--edge)}
.nav-item.active{background:var(--glow),rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;color:#fff!important;font-weight:400}
.nav-sub .nav-item.active{background-size:180% 260%!important}
.nav-item .n,.client small,.nav-label,.brand small{color:rgba(255,255,255,.5)!important}
.brand b{background:var(--grad-ember);-webkit-background-clip:text;background-clip:text}
/* topo + títulos */
.top{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0!important;padding-top:calc(26px + var(--safe-t))!important}
body.home .top{background:linear-gradient(180deg,rgba(10,6,5,.55),transparent)!important}
.top h1{font-family:'Poppins',sans-serif!important;font-weight:300!important;font-size:clamp(34px,6vw,64px)!important;letter-spacing:-.025em!important;line-height:.98;text-transform:uppercase;white-space:normal!important}
.top h1 small{font-family:'Poppins',sans-serif!important;font-weight:300;font-size:clamp(12px,1.4vw,15px)!important;letter-spacing:.02em!important;text-transform:none;color:rgba(255,255,255,.62)!important;margin-top:10px;max-width:38ch}
.burger{background:rgba(255,255,255,.06);border-color:var(--edge)!important;backdrop-filter:blur(12px)}
/* painéis */
.apt,.ds-block,.ds-acc{background:var(--glow),var(--glass-d)!important;background-size:70% 90%,auto!important;background-repeat:no-repeat!important;background-position:0 100%,0 0!important;backdrop-filter:blur(20px) saturate(1.2)!important;-webkit-backdrop-filter:blur(20px) saturate(1.2)!important;border:1px solid var(--edge)!important;border-radius:22px;box-shadow:none!important}
.apt.is-posted{border-color:rgba(255,130,50,.55)!important}
.apt-head,.media{border-color:rgba(255,255,255,.1)!important}
.apt-title input{font-weight:400;font-size:19px;letter-spacing:.01em}
.pill{border-color:rgba(255,255,255,.2)!important;color:rgba(255,255,255,.7)!important;background:rgba(255,255,255,.04)}
.pill.ember{border-color:rgba(255,120,40,.7)!important;color:#ffb47f!important}
.lbl{color:#ff9a5c;font-family:'Poppins',sans-serif;font-weight:500;letter-spacing:.14em;font-size:12px}
textarea.cap,.search,.field input,.field select,.field textarea{background:rgba(0,0,0,.42)!important;border:1px solid var(--edge)!important;color:#fff}
.saved,.history{color:rgba(255,255,255,.55)}
.barrio-h h2{font-family:'Poppins',sans-serif;font-weight:300;font-size:22px;letter-spacing:-.01em}
.barrio-h::after{background:var(--edge)}
/* botões */
.btn{font-family:'Poppins',sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.09em;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.04);text-shadow:none;color:#fff;backdrop-filter:blur(10px)}
.btn:hover{border-color:rgba(255,150,80,.8)!important;background:rgba(255,110,30,.12)}
.btn.primary{background:linear-gradient(180deg,#ff9448,#e5500c)!important;border-color:rgba(255,190,140,.5)!important;color:#fff!important;box-shadow:0 8px 28px rgba(255,90,10,.4),inset 0 1px 0 rgba(255,255,255,.45)}
.btn.on{background:var(--glow),rgba(255,255,255,.05)!important;background-size:160% 260%!important;border-color:rgba(255,150,80,.85)!important;color:#fff!important}
.chip{font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;letter-spacing:.08em;border-color:rgba(255,255,255,.2)!important;color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.03)}
.chip.active{background:linear-gradient(180deg,#ff9448,#e5500c)!important;border-color:transparent!important;color:#fff!important}
.stage{border-color:var(--edge)}.thumb.active{border-color:#ff8a3d}
.empty{background:rgba(255,255,255,.03);border-color:var(--edge)}
.sheet{background:var(--glow),rgba(14,9,6,.94)!important;background-size:80% 60%,auto!important;background-repeat:no-repeat!important;background-position:0 100%,0 0!important;border:1px solid var(--edge)!important}
/* Descrição do projeto = linha estilo FAQ */
.ds-title{font-family:"Suissnord","Poppins",sans-serif;color:#ff6a1f}
.ds-acc>summary{font-family:'Poppins',sans-serif!important;font-weight:300;font-size:clamp(15px,2vw,19px)!important;letter-spacing:.01em!important;padding:24px 26px!important}
.ds-acc>summary i{width:18px;height:18px;border:0!important;transform:none!important;margin:0!important;background:linear-gradient(#ff8a3d,#ff8a3d) center/100% 1.5px no-repeat,linear-gradient(#ff8a3d,#ff8a3d) center/1.5px 100% no-repeat}
.ds-acc[open]>summary i{background:linear-gradient(#ff8a3d,#ff8a3d) center/100% 1.5px no-repeat}
.ds-inner .ds-block{background:rgba(0,0,0,.35)!important;background-image:none!important}
.md h2,.md h3,.ds-h,.ds-h small{color:#ffb47f!important}
.md h1{color:#fff}.md code{background:rgba(255,255,255,.08);color:#ffb47f}
.ds-sub a{color:#ff9a5c}
.fab{box-shadow:0 10px 40px rgba(255,90,10,.5)}
/* dashboard: cards de vidro com borda fina e brilho */
.gl{border:1px solid rgba(255,255,255,.3)}
/* bordas do fundo: centro preto, brilho laranja entrando pelas bordas */
body::before{opacity:.22!important}
body::after{background:linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.9) 70%,rgba(150,22,4,.5) 100%)!important;box-shadow:inset 0 0 70px 6px rgba(255,120,36,.9),inset 0 0 200px 30px rgba(214,72,8,.6),inset 0 60px 140px rgba(255,140,50,.45)!important}

/* =====================  CARD DE PROPRIEDADE — vidro fosco estilo celular  ===================== */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:26px;justify-items:center;margin-bottom:10px}
.apt.pc{width:100%;max-width:440px;margin:0;padding:18px 16px 18px;border-radius:44px!important;display:flex;flex-direction:column;gap:14px;overflow:visible;
  background:linear-gradient(180deg,rgba(255,176,110,.34) 0%,rgba(255,150,90,.14) 32%,rgba(255,255,255,.05) 62%,rgba(255,120,50,.22) 100%)!important;
  backdrop-filter:blur(34px) saturate(1.5)!important;-webkit-backdrop-filter:blur(34px) saturate(1.5)!important;
  border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.55)!important}
.apt.pc.is-posted{border-color:rgba(255,200,150,.8)!important}
.pc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc-c{flex:0 0 48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;letter-spacing:.05em;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pc-c:disabled{opacity:.35}
.pc-pill{flex:1;min-width:0;height:48px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px);display:grid;place-items:center;padding:0 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pc-pill input{width:100%;background:transparent;border:0;outline:0;color:#fff;text-align:center;font-family:'Instrument Serif','Poppins',serif;font-size:18px;text-overflow:ellipsis}
.pc-meta{text-align:center;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.75)}
.pc-meta b{font-weight:500;color:#fff}
.pc-menu{display:none;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px;border-radius:24px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2)}
.apt.pc.more-open .pc-menu{display:flex}
.pc-img{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:3/4;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center}
.pc-img img,.pc-img video{width:100%;height:100%;object-fit:cover;display:block}
.pc-img .count{position:absolute;top:12px;right:12px;font-size:12px;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);padding:3px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.3)}
.pc-arrow{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px);color:#fff;font-size:22px}
.pc-dl{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(16px);color:#fff;font-size:20px;box-shadow:0 10px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)}
.pc-dots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.pc-dots button{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);padding:0}
.pc-dots button.on{background:#fff;width:20px;border-radius:9px}
.pc-text{border-radius:26px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.3);padding:12px 14px;backdrop-filter:blur(14px);display:grid;gap:6px}
.pc-text .saved{color:rgba(255,255,255,.7);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.pc-text textarea.cap{min-height:190px;background:transparent!important;border:0!important;padding:4px 0;font-size:14.5px;line-height:1.55;color:#fff;box-shadow:none}
.pc-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pc-b{display:grid;justify-items:center;gap:4px;padding:10px 4px 9px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px);color:#fff;font-size:11.5px;letter-spacing:.03em;box-shadow:inset 0 1px 0 rgba(255,255,255,.4);transition:.2s}
.pc-b i{font-style:normal;font-size:17px;line-height:1}
.pc-b:hover{background:rgba(255,255,255,.24)}
.pc-b.on{background:linear-gradient(180deg,#ff9448,#e5500c);border-color:rgba(255,210,170,.8);box-shadow:0 8px 24px rgba(255,90,10,.45),inset 0 1px 0 rgba(255,255,255,.5)}
.pc-b:disabled{opacity:.4}
.pc-menu .btn{color:#fff}
.barrio-h{justify-content:center}
@media (max-width:900px){.pgrid{grid-template-columns:1fr}}
body::after{box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55),inset 0 min(60px,8vh) min(140px,16vw) rgba(255,140,50,.4)!important}

/* =====  v4: fontes DR Branding (Suissnord · Bebas Neue · Aileron), glow escuro, menu, dashboard  ===== */
@font-face{font-family:"Aileron";src:url(/fonts/Aileron-Regular.otf) format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Aileron";src:url(/fonts/Aileron-Bold.otf) format("opentype");font-weight:700;font-display:swap}
:root{--f-display:"Suissnord","Bebas Neue",sans-serif;--f-label:"Bebas Neue",sans-serif;--f-body:"Poppins",system-ui,sans-serif}
.mark,.mark-sub,.brand b,.sheet h3,.empty b,.ds-h,.md h2,.barrio-h h2,.top h1,.ds-acc>summary,.pc-pill input{font-family:"Suissnord","Bebas Neue",sans-serif!important;font-weight:400!important}
.top h1{letter-spacing:.02em!important;text-transform:uppercase}
.top h1 small,.brand small,.client small,.nav-label,.lbl,.chip,.btn,.pill,.pc-b,.pc-meta,.count,.saved,.field label,.md h3,.ds-h small,.nav-item .n,.gl-l,.tag{font-family:"Bebas Neue",sans-serif!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase}
.top h1 small{font-size:clamp(15px,1.8vw,19px)!important;color:rgba(255,255,255,.7)!important;max-width:none}
.btn,.chip{font-size:16px!important}.btn.sm{font-size:15px!important}
.pc-b{font-size:15px!important}.pc-b i{font-family:system-ui}
.pc-meta{font-size:15px!important}.lbl{font-size:15px!important;color:#ff9a5c}.saved{font-size:14px!important}
.nav-item{font-family:"Bebas Neue",sans-serif!important;font-size:19px!important;letter-spacing:.1em!important;font-weight:400!important}
.nav-sub .nav-item{font-size:17px!important}
.pc-pill input{font-size:19px!important;letter-spacing:.06em}
.gl b{font-family:"Suissnord","Bebas Neue",sans-serif!important;font-weight:400!important}
.gl-s{font-family:"Aileron","Poppins",sans-serif!important}
body,.md,textarea.cap,.field input,.field select,.field textarea,.search{font-family:"Aileron","Poppins",system-ui,sans-serif}
.ds-title{font-family:"Suissnord",sans-serif!important;color:#ff6a1f!important}
/* glow de borda: laranja profundo (como a referência), centro preto */
body::after{background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.92) 72%,rgba(120,18,4,.6) 100%)!important;box-shadow:inset 0 0 min(90px,11vw) 0 rgba(214,84,12,.85),inset 0 0 min(230px,28vw) min(20px,3vw) rgba(150,40,4,.6)!important}
/* vidro escuro que aparece: cards e painéis */
.apt.pc{background:linear-gradient(180deg,rgba(255,130,60,.20) 0%,rgba(255,255,255,.04) 38%,rgba(255,80,10,.16) 100%),rgba(14,8,5,.55)!important;border:1px solid rgba(255,255,255,.26)!important}
.pc-c,.pc-pill,.pc-b{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important}
.pc-text{background:rgba(0,0,0,.4)!important;border-color:rgba(255,255,255,.2)!important}
.pc-b.on{background:linear-gradient(180deg,#ff8a3d,#d9480a)!important}
/* menu lateral: desce o topo (barra do iPhone) */
.side{padding-top:calc(var(--safe-t) + 56px)!important}
@media (max-width:900px){.side{padding-top:calc(var(--safe-t) + 92px)!important}}
/* dashboard sempre com a imagem */
body.home{background:#0a0605 url(/assets/dash-bg.jpg?v=7) center/cover no-repeat fixed!important}

/* miniaturas (Todas las propiedades) + detalhe */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:18px;margin-bottom:12px}
.tm{display:grid;gap:10px;text-align:left;color:#fff}
.tm img,.tm video,.tm-e{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:26px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);display:block;transition:.25s}
.tm:hover img,.tm:hover video{transform:translateY(-4px);border-color:rgba(255,150,80,.9);box-shadow:0 18px 40px rgba(255,90,10,.3)}
.tm span{font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.08em;text-transform:uppercase;line-height:1.15;padding:0 4px}
.ov{position:fixed;inset:0;z-index:80;background:rgba(6,3,2,.78);backdrop-filter:blur(10px);overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:calc(20px + var(--safe-t)) 14px 40px}
.ov-in{position:relative;width:100%;max-width:440px}
.ov-x{position:absolute;top:-2px;right:-2px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.4);color:#fff;display:grid;place-items:center;backdrop-filter:blur(10px)}
.pc-c svg,.pc-arrow svg,.pc-dl svg{display:block;margin:auto}
.pc-b{padding:14px 4px!important}
.chev{display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-right:12px!important;opacity:.7}
.nav-group.open>.nav-item .chev{transform:rotate(45deg)!important}
.pc-pill input{font-size:14px!important;letter-spacing:.03em!important}

/* =====  v5: glass nos controles, fundo de bordas laranja (versão aprovada), título menor  ===== */
.chip,.search,.fab,.btn,.burger{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06)),rgba(255,140,70,.10)!important;backdrop-filter:blur(18px) saturate(1.5)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 26px rgba(0,0,0,.25)!important;color:#fff!important}
.chip.active,.btn.primary,.fab{background:linear-gradient(180deg,rgba(255,170,100,.62),rgba(235,90,20,.42)),rgba(255,120,40,.2)!important;border-color:rgba(255,200,150,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 34px rgba(255,90,10,.35)!important}
.search{border-radius:999px!important;color:#fff}.search::placeholder{color:rgba(255,255,255,.65)}
.fab{font-size:17px!important}
.ds-title{font-size:clamp(30px,6vw,56px)!important}
body::before{opacity:.22!important}
body::after{background:linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.9) 70%,rgba(150,22,4,.5) 100%)!important;box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55),inset 0 min(60px,8vh) min(140px,16vw) rgba(255,140,50,.4)!important}

/* =====  v6: botões bem translúcidos, borda mínima e pouco contraste  ===== */
.btn,.chip,.search,.fab,.burger,.pc-b,.pc-c,.pc-pill,.pc-dl,.pc-arrow,.ov-x,.pill{background:rgba(255,255,255,.06)!important;backdrop-filter:blur(16px) saturate(1.3)!important;-webkit-backdrop-filter:blur(16px) saturate(1.3)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;color:rgba(255,255,255,.92)!important;text-shadow:none!important}
.btn:hover,.chip:hover,.pc-b:hover,.pc-c:hover,.fab:hover,.burger:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.2)!important}
.chip.active,.btn.primary,.fab,.pc-b.on,.btn.on{background:rgba(255,120,40,.2)!important;border-color:rgba(255,160,100,.3)!important;box-shadow:none!important;color:#fff!important}
.pc-dl,.pc-arrow,.ov-x{background:rgba(255,255,255,.1)!important}
.pill.ember{background:rgba(255,120,40,.14)!important;border-color:rgba(255,160,100,.3)!important}
.search::placeholder{color:rgba(255,255,255,.5)}
/* menu lateral e botão do menu: mantidos como antes (v5) */
.side .btn,.side .btn:hover,.burger,.burger:hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06)),rgba(255,140,70,.10)!important;backdrop-filter:blur(18px) saturate(1.5)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 26px rgba(0,0,0,.25)!important;color:#fff!important}

/* texto dos botões (fora do menu) mais translúcido, com leve sombra para manter a leitura */
.content .btn,.content .chip,.content .pc-b,.content .search,.ov .btn,.ov .pc-b,.fab,.pc-pill input{color:rgba(255,255,255,.72)!important;text-shadow:0 1px 12px rgba(0,0,0,.6)!important}
.content .chip.active,.content .btn.primary,.content .pc-b.on,.fab{color:rgba(255,255,255,.9)!important}
.content .search::placeholder{color:rgba(255,255,255,.5)}

/* ===== página Cliente ("Management") ===== */
body.cliente{background:#1a0c05 url(/assets/cliente-bg.jpg?v=2) center/cover no-repeat fixed!important}
body.cliente::before,body.cliente::after{display:none!important}
.shell.is-cliente .top{display:none}
.shell.is-cliente .content{padding:0;max-width:none}
.cl{min-height:100svh;max-width:520px;margin:0 auto;padding:calc(18px + var(--safe-t)) 16px calc(24px + var(--safe-b));display:flex;flex-direction:column}
.cl-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cl-c,.cl-d,.cl-chip,.cl-row{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);color:rgba(255,255,255,.85);text-decoration:none;display:grid;place-items:center}
.cl-c{width:64px;height:64px;border-radius:50%}
.cl-title{font-family:"Bebas Neue",sans-serif;font-size:22px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.88);text-shadow:0 2px 16px rgba(0,0,0,.5);margin-right:-.24em}
.cl-mid{margin-top:auto;display:grid;gap:14px;padding-bottom:26px}
.cl-chip{justify-self:start;display:inline-flex;gap:10px;align-items:center;padding:12px 20px;border-radius:999px;font-size:15px;letter-spacing:.02em}
.cl-chip .dot{width:9px;height:9px;border-radius:50%;background:#7ddf9a;box-shadow:0 0 12px #7ddf9a}
.cl-chip .dot.vencido{background:#ff6a3d;box-shadow:0 0 12px #ff6a3d}
.cl-mid h2{font-family:"Aileron",sans-serif;font-weight:400;font-size:clamp(26px,7vw,36px);letter-spacing:-.01em;color:rgba(255,255,255,.92);text-shadow:0 2px 20px rgba(0,0,0,.5);margin:8px 0 2px}
.cl-row{display:flex!important;justify-content:space-between;align-items:center;padding:0 24px;height:64px;border-radius:999px;font-size:15px}
.cl-row span{display:inline-flex;align-items:center;gap:12px}
.cl-row em{font-style:normal;font-size:12px;color:rgba(255,255,255,.55)}
.cl-dock{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:6px}
.cl-d{width:74px;height:74px;border-radius:50%}
.cl-d.big{width:98px;height:98px;background:#fff;border-color:#fff;color:#2a140a}
.cl-c:hover,.cl-d:hover,.cl-row:hover,.cl-chip:hover{background:rgba(255,255,255,.18)}
.cl-d.big:hover{background:#fff}

/* ===== chat ===== */
.chat{display:flex;flex-direction:column;height:calc(100svh - 190px);min-height:360px;max-width:720px}
.cmsgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:6px 2px 14px}
.cm{align-self:flex-start;max-width:82%;display:grid;gap:4px}
.cm span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);padding:12px 16px;border-radius:22px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.cm small{font-size:11px;color:rgba(255,255,255,.5);padding:0 8px}
.cm.me{align-self:flex-end}.cm.me span{background:rgba(255,120,40,.22);border-color:rgba(255,170,110,.3)}.cm.me small{text-align:right}
.cform{display:flex;gap:10px}
.cform input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:14px 20px;color:#fff;outline:0;backdrop-filter:blur(16px)}

/* ===== títulos no padrão "Management" ===== */
.top h1,.barrio-h h2,.ds-h{font-family:"Bebas Neue",sans-serif!important;font-weight:400!important;letter-spacing:.24em!important;text-transform:uppercase;color:rgba(255,255,255,.88)!important;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.top h1{font-size:clamp(28px,5.4vw,46px)!important;line-height:1.05}
.barrio-h h2{font-size:26px!important}
.ds-h{font-size:22px!important}
.md h2{font-family:"Bebas Neue",sans-serif!important;letter-spacing:.24em!important;font-size:20px!important}

/* ===== Cliente: botões soltos do fundo ===== */
.cl-c,.cl-d,.cl-chip,.cl-row{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(28,16,9,.42)!important;border:1px solid rgba(255,255,255,.24)!important;backdrop-filter:blur(26px) saturate(1.5)!important;-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;box-shadow:0 16px 44px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35)!important;transform:translateY(0);animation:clfloat 6s ease-in-out infinite}
.cl-d:nth-child(2){animation-delay:-2s}.cl-d:nth-child(3){animation-delay:-4s}.cl-row:nth-of-type(2){animation-delay:-1.5s}
.cl-d.big{background:#fff!important;box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 6px rgba(255,255,255,.08)!important}
@keyframes clfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.cl-c,.cl-d,.cl-chip,.cl-row{animation:none}}
/* motion blur sutil no fundo */
body.cliente::before{display:block!important;background:url(/assets/cliente-bg.jpg?v=2) center/cover no-repeat!important;filter:blur(7px)!important;opacity:.42!important;mix-blend-mode:screen;z-index:-1;animation:mblur 7s ease-in-out infinite alternate;will-change:translate}
@keyframes mblur{from{translate:-14px 0;scale:1.03}to{translate:14px 6px;scale:1.05}}

/* ===== barra flutuante ===== */
.fbar{position:fixed;left:50%;bottom:calc(18px + var(--safe-b));transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 14px 40px rgba(0,0,0,.4);transition:opacity .3s,transform .3s}
.fbar.off{opacity:0;transform:translate(-50%,16px);pointer-events:none}
.fbar button,.fbar a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;color:rgba(255,255,255,.78);font-family:"Bebas Neue",sans-serif;font-size:16px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:transparent}
.fbar button:hover,.fbar a:hover{background:rgba(255,255,255,.1);color:#fff}
.fbar i{width:1px;height:18px;background:rgba(255,255,255,.16)}
.fab{bottom:calc(74px + var(--safe-b))!important}

/* títulos: páginas e demais seções voltam à Suissnord; Bebas só nos grupos de "Todas as propriedades" */
.top h1{font-family:"Suissnord","Bebas Neue",sans-serif!important;font-size:clamp(30px,5.6vw,54px)!important;letter-spacing:.02em!important}
.barrio-h h2,.ds-h,.md h2{font-family:"Suissnord","Bebas Neue",sans-serif!important;letter-spacing:.06em!important;font-size:20px!important}
.barrio-h.bh-all h2{font-family:"Bebas Neue",sans-serif!important;letter-spacing:.24em!important;font-size:26px!important}
/* barra flutuante só com ícones */
.fbar button,.fbar a{padding:11px 18px}
/* pílula de notificações */
.pushpill{position:fixed;left:50%;bottom:calc(22px + var(--safe-b));transform:translateX(-50%);z-index:5;padding:11px 20px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px);color:rgba(255,255,255,.85);font-family:"Bebas Neue",sans-serif;font-size:16px;letter-spacing:.14em;text-transform:uppercase}

/* ===== Management: botões como antes (sem sombra/animação) e tela travada, sem rolagem ===== */
.cl-c,.cl-d,.cl-chip,.cl-row{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;box-shadow:none!important;animation:none!important;transform:none!important}
.cl-d.big{background:#fff!important;border-color:#fff!important;box-shadow:none!important}
.cl-c:hover,.cl-d:hover,.cl-row:hover,.cl-chip:hover{background:rgba(255,255,255,.18)!important}
.cl-d.big:hover{background:#fff!important}
.shell.is-cliente .cl{position:fixed;top:0;bottom:0;left:288px;right:0;min-height:0;height:100svh;overflow:hidden;margin:0 auto}
@media (max-width:900px){.shell.is-cliente .cl{left:0}}
body.cliente,html:has(body.cliente){overflow:hidden;overscroll-behavior:none}

/* ===== título sobe e some ao rolar; fontes menores; burger e "nova propriedade" no estilo da barra flutuante ===== */
.top{position:relative!important;top:auto!important}
.top h1{font-size:clamp(22px,4.2vw,40px)!important}
.top h1 small{font-size:clamp(13px,1.6vw,16px)!important}
.barrio-h h2{font-size:17px!important}
.barrio-h.bh-all h2{font-size:19px!important;letter-spacing:.22em!important}
.barrio-h span{font-size:14px!important}
.burger.burger{position:fixed;top:calc(16px + var(--safe-t));left:16px;z-index:45;width:48px;height:48px;border-radius:999px;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(22px) saturate(1.4)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;box-shadow:0 14px 40px rgba(0,0,0,.4)!important;color:rgba(255,255,255,.85)!important}
.burger.burger:hover{background:rgba(255,255,255,.1)!important}
.top h1{margin-left:0}
@media (max-width:900px){.top{padding-left:76px!important;min-height:72px}}
.fab.fab{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(22px) saturate(1.4)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;box-shadow:0 14px 40px rgba(0,0,0,.4)!important;color:rgba(255,255,255,.85)!important;font-family:"Bebas Neue",sans-serif;font-size:16px!important;letter-spacing:.14em;padding:11px 20px;min-height:0}
.fab.fab:hover{background:rgba(255,255,255,.12)!important}

/* Management: título Suissnord */
.cl-mid h2{font-family:"Suissnord","Bebas Neue",sans-serif!important;font-weight:400!important;letter-spacing:.04em;font-size:clamp(24px,6.4vw,34px)!important}
/* Novo post */
.novo{max-width:560px;display:grid;gap:16px;padding:20px;border-radius:32px;background:linear-gradient(180deg,rgba(255,130,60,.16),rgba(255,255,255,.03) 40%,rgba(255,80,10,.12)),rgba(14,8,5,.55);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.novo .hint{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.5}
.novo .drop{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04)}
.pc-sel{display:grid;gap:4px;width:100%;font-family:"Bebas Neue",sans-serif;letter-spacing:.14em;font-size:14px;color:rgba(255,255,255,.65)}
.pc-sel select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 12px;color:#fff;font:inherit;font-family:"Aileron",sans-serif;letter-spacing:0;font-size:14px}
.pc-sel select option{color:#111}

/* botão de acesso administrador (login) */
.adm-btn{margin-top:26px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.6);font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.2em;backdrop-filter:blur(14px);display:block}
.adm-btn.on{color:#ffb47f;border-color:rgba(255,150,80,.5);background:rgba(255,120,40,.12)}
.cl-pay{display:grid;gap:14px}
/* lista flutuante do dashboard */
.dl-bg{position:fixed;inset:0;z-index:85;background:rgba(6,3,2,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:flex-end;padding:0 10px calc(14px + var(--safe-b))}
.dl{width:100%;max-width:520px;max-height:min(78svh,680px);overflow:auto;border-radius:34px;padding:18px 16px 20px;background:linear-gradient(180deg,rgba(255,130,60,.18),rgba(255,255,255,.04) 40%,rgba(255,80,10,.14)),rgba(14,8,5,.6);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);box-shadow:0 30px 80px rgba(0,0,0,.5);animation:dlin .28s ease}
@keyframes dlin{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.dl-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.dl-h h3{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.dl-h small{display:block;margin-top:6px;font-size:12.5px;color:rgba(255,255,255,.6)}
.dl-x{flex:0 0 38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;display:grid;place-items:center}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px}
.mi{display:grid;gap:6px;text-align:left;color:#fff}
.mi img,.mi video,.mi-e{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);display:block;transition:.2s}
.mi:hover img,.mi:active img{border-color:rgba(255,150,80,.9);transform:translateY(-3px)}
.mi span{font-family:"Bebas Neue",sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;line-height:1.15;padding:0 2px}
.dl-e{padding:28px 6px;text-align:center;color:rgba(255,255,255,.55);font-size:14px}

/* aviso obrigatório de notificações */
.gate{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:rgba(6,3,2,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.gate-in{width:min(420px,100%);text-align:center;display:grid;gap:14px;justify-items:center;padding:30px 24px;border-radius:36px;background:linear-gradient(180deg,rgba(255,130,60,.2),rgba(255,255,255,.03) 45%,rgba(255,80,10,.14)),rgba(14,8,5,.7);border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 90px rgba(0,0,0,.6)}
.gate-i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#ffb47f}
.gate-in h3{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:22px;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.gate-in p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.75)}
.gate-in .btn{width:100%}

/* ===== v7: cor DRBX (degradê laranja) nos títulos e no cliente; botões do menu no estilo da barra flutuante ===== */
.top h1{background:linear-gradient(135deg,#FF9A5C 0%,#FF7A3D 30%,#E85A1A 65%,#A8390D 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}
.top h1 small{-webkit-text-fill-color:rgba(255,255,255,.7)!important}
.client span{background:linear-gradient(135deg,#FF9A5C 0%,#FF7A3D 30%,#E85A1A 65%,#A8390D 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:500}
.side .side-foot .btn,.side .side-foot .btn:hover{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(22px) saturate(1.4)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;box-shadow:0 14px 40px rgba(0,0,0,.4)!important;color:rgba(255,255,255,.85)!important;text-shadow:none!important}
.side .side-foot .btn:hover{background:rgba(255,255,255,.12)!important}
.pushpill{bottom:calc(84px + var(--safe-b))!important}
/* Management (admin): compacto para caber sem rolagem */
.cl-pay{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cl.adm .cl-mid{gap:10px;padding-bottom:16px}
.cl.adm .cl-row{height:52px;font-size:14px;padding:0 18px}
.cl.adm .cl-mid h2{margin:2px 0 0}
.cl.adm .cl-d{width:64px;height:64px}.cl.adm .cl-d.big{width:84px;height:84px}
.cl-send{display:flex;gap:8px;height:52px;padding:5px 5px 5px 20px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cl-send input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:14px}
.cl-send input::placeholder{color:rgba(255,255,255,.5)}
.cl-send button{padding:0 18px;border-radius:999px;background:rgba(255,120,40,.22);border:1px solid rgba(255,160,100,.3);color:#fff;font-family:"Bebas Neue",sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:15px}
.cl-mid h2{background:linear-gradient(135deg,#FF9A5C 0%,#FF7A3D 30%,#E85A1A 65%,#A8390D 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;text-shadow:none!important}
.top h1 small{-webkit-text-fill-color:#fff!important;color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.45)!important}
body.home .top h1{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff!important;color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.4)!important}

/* ===== Dashboard: card grande = histórico de notificações ===== */
.gl-feed{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;text-align:left;padding:8cqw 6.5cqw 5.5cqw;cursor:default;overflow:hidden;animation:none!important}
.gl-feed:hover{background:transparent!important;box-shadow:none!important}
.feed-h{display:flex;justify-content:space-between;font-family:"Bebas Neue",sans-serif;font-size:5cqw;letter-spacing:.2em;padding-bottom:2.6cqw;margin-bottom:3cqw;border-bottom:1px solid rgba(255,255,255,.32);color:#fff;opacity:.95}
.feed-l{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:2.2cqw;scrollbar-width:none}
.feed-l::-webkit-scrollbar{display:none}
.ev{display:grid;grid-template-columns:9.5cqw 1fr auto;gap:3cqw;align-items:center;padding:1.8cqw 3cqw 1.8cqw 1.8cqw;border-radius:5cqw;background:rgba(20,8,6,.30);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}
.ev img,.ev-i{width:9.5cqw;height:9.5cqw;border-radius:3cqw;object-fit:cover;background:rgba(255,255,255,.18);display:block}
.ev-t{font-family:"Aileron","Poppins",sans-serif;font-size:3.3cqw;line-height:1.25;text-shadow:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev-d{display:grid;text-align:right;font-family:"Bebas Neue",sans-serif;font-size:3.7cqw;letter-spacing:.1em;line-height:1.15;opacity:.9}
.ev-empty{font-family:"Aileron",sans-serif;font-size:3.6cqw;opacity:.8;padding:4cqw 0;text-align:center}

/* ===== histórico: pílulas grandes (máx. 3 visíveis) com rolagem só na lista ===== */
.gl-feed{padding:6.5cqw 6cqw 4cqw!important}
.feed-h{border-bottom:0!important;padding-bottom:0!important;margin-bottom:3.2cqw!important;font-size:5.2cqw!important;justify-content:flex-start!important}
.feed-l{flex:none!important;height:69cqw;gap:2.6cqw!important;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);padding-bottom:6cqw}
.ev{grid-template-columns:none!important;display:flex!important;align-items:center;gap:3.6cqw;min-height:21cqw;padding:2.6cqw 5cqw 2.6cqw 3cqw!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.26)!important;scroll-snap-align:start;flex:none}
.ev-c{flex:0 0 14.5cqw;height:14.5cqw;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.85)}
.ev-c img{width:100%;height:100%;object-fit:cover;border-radius:0}
.ev-c svg{width:52%;height:52%}
.ev-b{min-width:0;display:grid;gap:.9cqw}
.ev-b b{font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:4.5cqw;line-height:1.15;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-b small{font-family:"Aileron","Poppins",sans-serif;font-size:3cqw;line-height:1.3;color:rgba(255,255,255,.68);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev-empty{padding:8cqw 0}
.gl .ev-b b{font-family:"Aileron","Poppins",sans-serif!important;font-weight:400!important;font-size:4.6cqw!important;letter-spacing:0!important;text-transform:none;line-height:1.15}

/* ===== histórico: sem título, rodapé com evento (esq.) e data (dir.) ===== */
.gl-feed{padding:7cqw 6cqw 5cqw!important}
.gl-feed .feed-h{display:none!important}
.feed-f{display:flex;justify-content:space-between;align-items:flex-end;gap:4cqw;margin-top:3.6cqw;padding-top:3.2cqw;border-top:1px solid rgba(255,255,255,.28);color:#fff}
.feed-e{min-width:0;display:grid;gap:.8cqw}
.feed-e b{font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:4cqw;line-height:1.15;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-e small{font-family:"Bebas Neue",sans-serif;font-size:3.6cqw;letter-spacing:.14em;opacity:.8}
.feed-d{font-family:"Bebas Neue",sans-serif;font-size:8cqw;letter-spacing:.1em;line-height:1;white-space:nowrap}
.gl .feed-e b{font-family:"Aileron","Poppins",sans-serif!important;font-size:4cqw!important;letter-spacing:0!important}
/* Postados: miniatura do mais recente */
.gl-round .gl-th{width:20cqw;height:20cqw;border-radius:5cqw;overflow:hidden;border:1px solid rgba(255,255,255,.5);margin-top:1cqw;display:block;background:rgba(255,255,255,.12)}
.gl-round .gl-th img{width:100%;height:100%;object-fit:cover;display:block}
.gl-round b{font-size:26cqw!important}

/* ===== v: títulos das notificações em Bebas Neue caixa alta; data empilhada; miniatura ao lado do número ===== */
.gl .ev-b b{font-family:"Bebas Neue",sans-serif!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:5.6cqw!important;font-weight:400!important;line-height:1}
.ev-dt{font-family:"Bebas Neue",sans-serif;font-size:3.6cqw;letter-spacing:.12em;color:rgba(255,255,255,.85);line-height:1}
.ev-b{gap:.7cqw!important}
.ev-b small{-webkit-line-clamp:1!important}
.feed-d{display:grid!important;justify-items:end;gap:.6cqw;line-height:1}
.feed-d span{font-family:"Bebas Neue",sans-serif;font-size:4.4cqw;letter-spacing:.24em;opacity:.85}
.feed-d b{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:9cqw;letter-spacing:.08em}
.gl-round .gl-row{display:flex;align-items:center;justify-content:center;gap:4cqw;margin-top:1.5cqw}
.gl-round .gl-row b{font-size:24cqw!important}
.gl-round .gl-th{width:23cqw;height:30cqw;border-radius:5cqw;margin-top:0!important}
.gl .feed-d b{font-family:"Bebas Neue",sans-serif!important;font-weight:400!important;font-size:9.5cqw!important;letter-spacing:.08em!important}

/* rolagem do histórico: wrapper com esmaecido por cima (sem máscara no scroller) */
.feed-w{position:relative;flex:none;height:69cqw}
.feed-w::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16cqw;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(20,8,6,.30))}
.feed-l{-webkit-mask-image:none!important;mask-image:none!important;height:100%!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;pointer-events:auto;padding-bottom:12cqw!important}
.gl-feed{touch-action:pan-y}
/* títulos das notificações menos intensos */
.gl .ev-b b{color:rgba(255,255,255,.72)!important;font-size:4.9cqw!important;letter-spacing:.08em!important}
.ev-dt{color:rgba(255,255,255,.6)!important}
.ev-b small{color:rgba(255,255,255,.55)!important}
.ev-empty{font-family:"Aileron",sans-serif;font-size:3.4cqw!important;line-height:1.5;color:rgba(255,255,255,.65);text-align:center;padding:14cqw 6cqw!important}

/* ---------- Dashboard médico: fundo com bordas alaranjadas + retângulos em vidro líquido ---------- */
.dash.dm{background:transparent;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 12px) 16px calc(var(--safe-b) + 92px);max-width:560px;margin:0 auto;overflow:hidden}
.lg{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.05) 45%,rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(22px) saturate(1.8) brightness(1.05);-webkit-backdrop-filter:blur(22px) saturate(1.8) brightness(1.05);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.55),inset 0 -1px 1px rgba(255,255,255,.18),inset 0 0 18px rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.35)}
.dm-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
.dm-c{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:rgba(255,255,255,.9);text-decoration:none}
.dm-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.dm-av{padding:0}
.dm-pill{display:flex;align-items:stretch;padding:4px;border-radius:999px;height:46px}
.dm-pill button,.dm-pill a{display:grid;place-items:center;border-radius:999px;color:rgba(255,255,255,.9);font-family:"Aileron","Poppins",sans-serif;font-size:14px;text-decoration:none;white-space:nowrap}
.dm-pill button{padding:0 14px}
.dm-pill a{padding:0 16px;background:rgba(255,255,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.5);color:#fff}
.dm-h{flex:none;margin:14px 0 12px 4px;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:30px;letter-spacing:0;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.dm-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
.dt{position:relative;container-type:size;overflow:hidden;border-radius:36px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -1px 1px rgba(255,255,255,.2),0 14px 34px rgba(0,0,0,.45);isolation:isolate}
.dt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.dt-gl{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.14) 100%);box-shadow:inset 0 0 26px rgba(255,255,255,.1)}
.dt-l{position:absolute;left:0;right:0;top:76%;display:grid;gap:2px;text-align:center;z-index:2;padding:0 6px}
.dt-l b{font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:clamp(12px,7.2cqw,16px);line-height:1.15;color:#fff}
.dt-l small{font-family:"Aileron","Poppins",sans-serif;font-size:clamp(10px,5.8cqw,13px);color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-b{position:absolute;left:50%;top:12.5%;transform:translate(-50%,-50%);z-index:2;font-family:"Aileron","Poppins",sans-serif;font-size:11px;color:rgba(255,255,255,.88);white-space:nowrap}
.dt.t4 .dt-b{padding-left:12px}
.dt-date{position:absolute;left:0;right:0;top:34%;text-align:center;z-index:2;font-family:"Suissnord",sans-serif;font-size:clamp(26px,15cqw,44px);letter-spacing:.04em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.dt:active{transform:scale(.985)}
.nt-l{display:grid;gap:8px}
.nt{display:grid;gap:2px;padding:12px 16px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.nt b{font-family:"Bebas Neue",sans-serif;font-weight:400;letter-spacing:.14em;font-size:17px}
.nt span{font-size:12px;color:rgba(255,255,255,.6)}
.nt small{font-size:13px;color:rgba(255,255,255,.8)}
.sec{padding:8px 0}
.sec-p{border-radius:28px;padding:26px 22px;background:linear-gradient(180deg,rgba(255,130,60,.20),rgba(255,255,255,.04) 38%,rgba(255,80,10,.16)),rgba(14,8,5,.55);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(34px) saturate(1.5);-webkit-backdrop-filter:blur(34px) saturate(1.5)}
.sec-p b{font-family:var(--f-display);font-weight:400;font-size:24px;color:#fff}
.sec-p p{margin-top:8px;color:rgba(255,255,255,.7);line-height:1.5}

.dm-c,.dm-pill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.dm-pill button,.dm-pill a{font-family:"Bebas Neue",sans-serif;font-size:16px;letter-spacing:.14em;color:rgba(255,255,255,.78);padding:0 18px}
.dm-pill button{padding:0 16px}
.dm-pill a{background:rgba(255,255,255,.1);box-shadow:none;color:rgba(255,255,255,.9)}
.dm-pill{padding:5px}
.dm-c{width:48px;height:48px}.dm-pill{height:48px}
.dt-pl{width:54%;height:10.5%;display:grid;place-items:center;border-radius:999px;padding:0!important;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dm-grid{flex:none!important;grid-template-rows:none!important;align-self:center;width:min(100%,calc((100svh - var(--safe-t) - var(--safe-b) - 268px) / 1.8));gap:14px}
.dm-grid .dt{aspect-ratio:1/1.2}
.dm-h{font-size:28px;margin:12px 0 12px 4px}

/* barra superior no mesmo estilo e escala do menubar de baixo */
.dm-c,.dm-pill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.dm-c{width:42px;height:42px}
.dm-pill{height:42px;padding:4px;gap:4px}
.dm-pill button,.dm-pill a{height:100%;padding:0 14px;font-size:15px;background:transparent;color:rgba(255,255,255,.78)}
.dm-pill a{background:transparent;padding:0 16px}
.dm-pill i{width:1px;height:18px;align-self:center;background:rgba(255,255,255,.16)}
.dm-h{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:26px;letter-spacing:.04em;margin:18px 0 26px 4px}

/* barra superior menor e mais baixa (abaixo da ilha do iPhone) */
.dash.dm{padding-top:calc(var(--safe-t) + 18px)}
.dm-c{width:34px;height:34px}
.dm-pill{height:34px;padding:3px;gap:2px}
.dm-pill button,.dm-pill a{font-size:13px;padding:0 11px;letter-spacing:.12em}
.dm-pill a{padding:0 12px}
.dm-pill button svg{width:15px;height:15px}
.dm-c svg{width:15px;height:15px}
.dm-pill i{height:14px}
.dm-h{margin:16px 0 22px 4px}
/* textos nas proporções da referência */
.dt-l{top:auto;bottom:6.5%;gap:1.2cqw}
.dt-l b{font-size:max(11px,6.3cqw);letter-spacing:-.005em}
.dt-l small{font-size:max(9.5px,5.3cqw)}
.dt-b{font-size:max(8.5px,3.9cqw)}
.dt-pl{width:38%;height:8%}
/* efeito de impacto ao tocar */
@keyframes dtHit{0%{transform:scale(1)}18%{transform:scale(.925)}48%{transform:scale(1.035)}74%{transform:scale(.99)}100%{transform:scale(1)}}
@keyframes dtRing{0%{transform:translate(-50%,-50%) scale(.1);opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
.dt.hit{animation:dtHit .36s cubic-bezier(.2,.8,.3,1)}
.dt-ring{position:absolute;z-index:3;width:260%;aspect-ratio:1;border-radius:50%;pointer-events:none;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 30px rgba(255,255,255,.5),inset 0 0 30px rgba(255,255,255,.35);background:radial-gradient(circle,rgba(255,255,255,.25),transparent 60%);animation:dtRing .5s ease-out forwards}
@media (prefers-reduced-motion:reduce){.dt.hit{animation:none}.dt-ring{display:none}}
.dash.dm{padding-top:calc(var(--safe-t) + 46px)}

/* ---------- Chat (conversas) ---------- */
.shell.is-chat .content{padding:0;max-width:none}
.ch{position:fixed;inset:0;z-index:1;background:#0b0807;display:flex;flex-direction:column;font-family:"Aileron","Poppins",sans-serif;color:#fff}
.ch-hero{position:relative;flex:none;border-radius:0 0 44px 44px;padding:calc(var(--safe-t) + 44px) 20px 22px;overflow:hidden;
  background:radial-gradient(90% 55% at 15% 8%,rgba(255,170,70,.95) 0%,transparent 60%),radial-gradient(80% 60% at 95% 70%,rgba(232,60,10,.95) 0%,transparent 65%),radial-gradient(70% 50% at 10% 95%,rgba(255,120,30,.8) 0%,transparent 70%),linear-gradient(180deg,#f57a1f,#e65212 60%,#d3410c)}
.ch-sr{display:flex;align-items:center;gap:14px}
.ch-search{flex:1;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:999px;color:rgba(255,215,170,.85);background:rgba(190,60,10,.38);border:1px solid rgba(255,190,130,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ch-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font:inherit;font-size:16px}
.ch-search input::placeholder{color:rgba(255,215,170,.8)}
.ch-down{color:rgba(255,215,170,.9);display:grid;place-items:center;width:34px;height:40px}
.ch-t{margin:26px 0 20px;font-weight:700;font-size:clamp(34px,10vw,44px);line-height:1.02;letter-spacing:-.02em;color:#fff;font-family:"Aileron","Poppins",sans-serif}
.ch-t span{color:#ffd597}
.ch-stories{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none}
.ch-stories::-webkit-scrollbar{display:none}
.ch-stories a{flex:none;display:grid;justify-items:center;gap:9px;text-decoration:none;color:#ffd9b0;width:70px}
.ch-stories i{width:70px;height:70px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:2px solid rgba(255,255,255,.75);background:#1a0f0a}
.ch-stories i img{width:100%;height:100%;object-fit:cover}
.ch-stories i.ch-add{border:1.5px dashed rgba(255,255,255,.85);background:rgba(255,170,110,.55);color:#fff}
.ch-stories b{font-weight:700;font-size:13px}
.ch-rows{flex:1;overflow-y:auto;padding:14px 20px calc(var(--safe-b) + 24px)}
.ch-row{display:flex;align-items:center;gap:14px;padding:14px 0;text-decoration:none;color:#fff}
.ch-row i{flex:none;width:62px;height:62px;border-radius:50%;overflow:hidden;background:#1a0f0a}
.ch-row i img{width:100%;height:100%;object-fit:cover}
.ch-row div{flex:1;min-width:0;display:grid;gap:5px}
.ch-row b{font-weight:700;font-size:18px}
.ch-row span{font-size:15px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-row small{align-self:flex-start;margin-top:6px;font-size:13px;color:rgba(255,255,255,.4)}
/* conversa */
.th .ch-hero{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 34px) 16px 26px}
.th header{flex:none;display:flex;align-items:center;gap:10px;padding-bottom:10px}
.ch-bk{color:#ffd597;display:grid;place-items:center;width:30px;height:40px}
.ch-av{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#1a0f0a;border:2px solid rgba(255,255,255,.6)}
.ch-av img{width:100%;height:100%;object-fit:cover}
.ch-name{flex:1;margin:0;font-weight:700;font-size:28px;line-height:.98;letter-spacing:-.02em;color:#fff;font-family:"Aileron","Poppins",sans-serif}
.ch-name span{color:#ffd597}
.ch-rb{flex:none;width:76px;height:44px;border-radius:999px;display:grid;place-items:center;color:#ffd9b0;background:rgba(190,60,10,.42);border:1px solid rgba(255,190,130,.2);text-decoration:none}
.th .cmsgs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px 2px 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28px);mask-image:linear-gradient(180deg,transparent 0,#000 28px)}
.cb{align-self:flex-start;max-width:78%;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:11px 16px;border-radius:22px;background:rgba(255,190,130,.22);color:#fff;font-weight:700;font-size:14px;line-height:1.35;word-break:break-word}
.cb small{font-weight:400;font-size:10.5px;color:rgba(255,235,215,.6);margin-left:auto}
.cb.me{align-self:flex-end;background:rgba(170,35,8,.45);border-radius:22px 22px 6px 22px}
.cb:not(.me){border-radius:22px 22px 22px 6px}
.ch-empty{margin:auto;text-align:center;color:rgba(255,235,215,.75);font-size:14px}
.ch-form{flex:none;display:flex;align-items:center;gap:10px;margin:14px 16px calc(var(--safe-b) + 16px);padding:8px 8px 8px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.3)}
.ch-form input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font:inherit;font-size:16px}
.ch-form input::placeholder{color:rgba(255,255,255,.45)}
.ch-send{flex:none;width:58px;height:44px;border-radius:999px;display:grid;place-items:center;background:rgba(150,150,150,.55);color:#e8e8e8}
.ch-rb{width:56px;height:40px}.th header{gap:8px}.ch-name{font-size:26px}

.ch-rows{padding-bottom:calc(var(--safe-b) + 100px)}
.dm-bell{display:grid;place-items:center;height:100%;padding:0 14px;color:rgba(255,255,255,.78);text-decoration:none}
/* ---------- Notificações ---------- */
.nf{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 50px) 20px calc(var(--safe-b) + 96px);background:#150a0d;color:#fff;font-family:"Aileron","Poppins",sans-serif;overflow:hidden}
.nf-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.nf-bg i{position:absolute;border-radius:50%;filter:blur(46px)}
.nf-bg i:nth-child(1){width:70%;height:70%;left:38%;top:-2%;background:radial-gradient(closest-side,rgba(215,50,60,.85),rgba(215,50,60,0));transform:rotate(-24deg) scale(.7,1.5)}
.nf-bg i:nth-child(2){width:48%;height:40%;left:-14%;top:38%;background:radial-gradient(closest-side,rgba(255,235,240,.9),rgba(170,130,190,.45) 50%,rgba(170,130,190,0))}
.nf-bg i:nth-child(3){width:70%;height:44%;left:22%;top:52%;background:radial-gradient(closest-side,rgba(190,40,70,.55),rgba(190,40,70,0))}
.nf-top{flex:none;display:flex;align-items:center;gap:12px;height:62px;padding:0 18px 0 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
.nf-top b{font-weight:400;font-size:17px}.nf-top em{font-style:normal;font-size:17px;color:rgba(255,255,255,.5);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-av{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#c53a3a}.nf-av img{width:100%;height:100%;object-fit:cover}
.nf-t{margin:34px 0 10px 2px;font-weight:700;font-size:clamp(34px,11vw,46px);letter-spacing:-.03em;font-family:"Aileron","Poppins",sans-serif}
.nf-s{margin:0 0 22px 2px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.72);max-width:88%}
.nf-l{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:12px;padding-bottom:40px;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%);scrollbar-width:none}
.nf-l::-webkit-scrollbar{display:none}
.nf-c{display:flex;align-items:center;gap:16px;min-height:92px;padding:14px 24px 14px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nf-c i{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:rgba(255,255,255,.85)}
.nf-c div{min-width:0;display:grid;gap:4px}
.nf-c b{font-weight:400;font-size:17px;line-height:1.2}
.nf-c span{font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.5)}
.nf-tg{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 12px;font-size:14px;color:rgba(255,255,255,.75)}
.nf-sw{flex:none;width:58px;height:34px;border-radius:999px;padding:3px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center}
.nf-sw i{width:26px;height:26px;border-radius:50%;background:#d9d9dc;transition:transform .2s}
.nf-sw.on i{transform:translateX(24px)}
.nf-go{flex:none;display:grid;place-items:center;height:52px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;text-decoration:none;font-size:16px}
/* Notificações: escala de texto menor e fontes do projeto (exceto os cards) */
.nf-top b{font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.14em}
.nf-top em{font-family:"Aileron","Poppins",sans-serif;font-size:13px}
.nf-t{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:clamp(24px,7.4vw,30px);letter-spacing:.03em;margin:28px 0 8px 2px}
.nf-s{font-family:"Aileron","Poppins",sans-serif;font-size:13px;line-height:1.5}
.nf-c b{font-size:15.5px}.nf-c span{font-size:11.5px}
.nf-c{min-height:84px}.nf-c i{width:50px;height:50px}
.nf-tg{font-family:"Aileron","Poppins",sans-serif;font-size:12.5px}
.nf-go{font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.16em;height:48px}

/* ---------- Cronograma ---------- */
.cr{position:fixed;inset:0;z-index:1;background:#000;display:flex;flex-direction:column;color:#fff;font-family:"Aileron","Poppins",sans-serif}
.cr-h{flex:none;display:flex;align-items:center;gap:16px;padding:calc(var(--safe-t) + 40px) 18px 14px}
.cr-bk{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1b1b1d;color:#fff;text-decoration:none}
.cr-h h1{margin:0;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:24px;letter-spacing:.04em;color:#fff}
.cr-p{position:relative;flex:1;min-height:0;margin:0 10px calc(var(--safe-b) + 12px);border-radius:54px;overflow:hidden;display:flex;flex-direction:column;padding:26px 22px 22px;
  background:radial-gradient(ellipse 32% 19% at 50% 36%,#3a1205 0%,rgba(58,18,5,.96) 45%,rgba(58,18,5,0) 100%),radial-gradient(ellipse 66% 38% at 50% 38%,#ff6a1a 0%,#ec4a0f 42%,rgba(236,74,15,0) 100%),linear-gradient(180deg,#f6c39a,#f0a672)}
.cr-r{flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 6px}
.cr-r span{font-size:22px;color:#fff;font-weight:400}
.cr-tg{height:44px;min-width:102px;border-radius:999px;padding:4px 4px 4px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(120,50,25,.42);color:#fff;font-size:15px}
.cr-tg em{font-style:normal}.cr-tg i{width:36px;height:36px;border-radius:50%;background:#fff}
.cr-tg:not(.on){flex-direction:row-reverse;padding:4px 20px 4px 4px}.cr-tg:not(.on) i{background:rgba(255,255,255,.65)}
.cr-mid{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.cr-num{width:clamp(110px,34vw,150px)}.cr-num svg{width:100%;height:auto;display:block}
.cr-cap{font-size:17px;color:#fff;text-align:center;padding:0 10px}.cr-cap.ev{color:#ffd9a8}
.cr-rul{flex:none;position:relative;height:64px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.cr-rul::-webkit-scrollbar{display:none}
.cr-rt{display:flex;align-items:center;width:max-content;height:100%}
.tk{flex:none;width:14px;height:22px;position:relative;scroll-snap-align:center}
.tk::before{content:"";position:absolute;left:50%;top:50%;width:2px;height:22px;transform:translate(-50%,-50%);background:rgba(255,235,220,.5);border-radius:2px}
.tk.l5::before{height:34px}.tk.ev::before{height:44px;background:#ffd9a8}
.cr-ind{position:absolute;left:50%;transform:translateX(-50%);margin-top:0;width:3px;height:50px;border-radius:3px;background:#ffc23d;pointer-events:none;top:auto;bottom:auto;align-self:center}
.cr-bot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 24px}
.cr-date{width:64px;display:grid;gap:8px;justify-items:start}
.cr-wd{font-size:17px;color:#fff}.cr-d2 svg{width:46px;height:auto;display:block}
.cr-tm{display:grid;grid-template-columns:auto auto;align-items:center;gap:12px 14px}
.cr-kh,.cr-km{width:38px;height:38px;border-radius:50%;position:relative;background:#fff}
.cr-km{background:linear-gradient(135deg,#ff8a2a,#e8430d)}
.cr-kh i,.cr-km i{position:absolute;inset:0;transition:transform .25s}
.cr-kh i::after,.cr-km i::after{content:"";position:absolute;left:50%;top:5px;width:3px;height:13px;margin-left:-1.5px;border-radius:2px;background:#c75a1e}
.cr-km i::after{background:#fff}
.cr-hv,.cr-mv{font-size:17px;color:#fff}
.cr-dial{flex:none;width:96px;height:96px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(120,40,10,.35) 38%,transparent 62%)}
.cr-dial::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(255,240,228,.8) 0 1.2deg,transparent 1.2deg 10deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%,#000 76%,transparent 78%);mask:radial-gradient(circle,transparent 62%,#000 64%,#000 76%,transparent 78%)}
.cr-dial b{width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(90,25,5,.4);display:grid;place-items:center;transition:transform .35s}
.cr-dial u{width:6px;height:6px;border-radius:50%;background:#9a5a3a;transform:translateY(-14px)}
.cr-go{flex:none;align-self:center;width:66%;min-width:230px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 28px;text-decoration:none;color:#fff;font-size:16px;background:rgba(120,50,25,.45)}
.cr-go i{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#3a1205}

.cr-rw{flex:none;position:relative}
.cr-ind{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3px;height:52px;border-radius:3px;background:#ffc23d;pointer-events:none;margin:0}

/* Cronograma: calendário em vidro líquido */
.cr-mid,.cr-bot{display:none}
.cal-wrap{position:relative;flex:1;min-height:0;margin:34px 0 14px;display:flex}
.cal-tab,.cal{background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.07) 42%,rgba(255,255,255,.16));backdrop-filter:blur(18px) saturate(1.7) brightness(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.7) brightness(1.05);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.65),inset 0 -1px 1px rgba(255,255,255,.22),inset 0 0 26px rgba(255,255,255,.08),0 18px 40px rgba(90,25,5,.3)}
.cal-tab{position:absolute;left:50%;top:-30px;transform:translateX(-50%);width:44%;height:46px;border-radius:26px 26px 0 0;border-bottom:0;display:grid;place-items:start center;padding-top:9px;font-size:14px;color:#fff;z-index:1}
.cal{flex:1;display:flex;flex-direction:column;min-height:0;border-radius:32px;padding:14px 12px 12px}
.cal-h{flex:none;display:flex;align-items:center;justify-content:space-between;padding:2px 6px 10px;color:#fff}
.cal-h b{font-weight:400;font-size:18px}
.cal-h span{display:flex;gap:6px}
.cal-h button{width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.cal-w{flex:none;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px;font-size:11px;color:rgba(255,255,255,.75);text-align:center}
.cal-g{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(0,1fr));gap:5px}
.cd{position:relative;display:grid;place-items:center;border-radius:14px;font-size:14px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}
.cd.off{background:none;border-color:transparent}
.cd.today{border-color:rgba(255,255,255,.85);box-shadow:0 0 12px rgba(255,255,255,.35)}
.cd.ev::after{content:"";position:absolute;bottom:5px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#ffd9a8}
.cd.sel{background:#fff;color:#3a1205;border-color:#fff;font-weight:700}
.cd.sel.ev::after{background:#e8430d}
.cr-rw{margin-bottom:6px}
.cr-cap{flex:none;text-align:center;font-size:14px;color:#fff;margin-bottom:12px}.cr-cap::first-letter{text-transform:uppercase}
.cr-cap.ev{color:#ffe2b8}
.cr-foot{flex:none;display:flex;align-items:center;gap:16px}
.cr-num{flex:none;width:58px}
.cr-go{flex:1;width:auto;min-width:0}

/* Cronograma v3: número central, calendário sob demanda (estilo Timeline) */
.cr-mid{display:flex!important}
.cr-foot{display:none}
.cr-num{background:none;border:0;padding:0;width:clamp(110px,34vw,150px);cursor:pointer;transition:width .3s}
.cr.is-open .cr-num{width:clamp(72px,22vw,96px)}
.cr-mid{flex:1;min-height:0;gap:12px}
.cr.is-open .cr-mid{flex:none;padding:6px 0 4px}
.cr-open{flex:none;align-self:center;margin:14px 0 18px;height:38px;padding:0 22px;border-radius:999px;color:#fff;font-size:14px;background:rgba(120,50,25,.42);border:1px solid rgba(255,255,255,.28)}
.cr-go{flex:none;align-self:center;width:66%;min-width:230px}
.tl-wrap{position:relative;flex:1;min-height:0;margin:30px 0 14px;display:flex}
.tl-tab,.tl{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(70,25,10,.42));backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(255,255,255,.12),0 18px 40px rgba(60,18,5,.35)}
.tl-tab{position:absolute;left:50%;top:-26px;transform:translateX(-50%);width:42%;height:44px;border-radius:24px 24px 0 0;border-bottom:0;color:#fff;font-size:14px;padding-top:6px;z-index:1}
.tl{flex:1;min-width:0;display:flex;flex-direction:column;border-radius:30px;padding:16px 14px 12px}
.tl-h{flex:none;display:flex;align-items:baseline;gap:10px;padding:0 4px 12px;color:#fff}
.tl-h b{font-weight:400;font-size:18px;margin-right:auto}
.tl-h span{font-size:12px;color:rgba(255,255,255,.55)}.tl-h em{font-style:normal;font-size:12.5px;color:#fff}
.tl-w{flex:none;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:6px;font-size:11px;color:rgba(255,255,255,.7);text-align:center}
.tl-g{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(0,1fr);gap:5px}
.cd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding-top:6px;border-radius:14px;font-size:13px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.16)}
.cd.wk{background:rgba(30,10,4,.35);border-color:rgba(255,255,255,.14)}
.cd.off{background:none;border:0}
.cd b{position:absolute;bottom:4px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#ffb02e;display:grid;place-items:center}
.cd.ev::after{display:none}
.cd.today{border-color:rgba(255,255,255,.9)}
.cd.sel{background:#fff;color:#3a1205;border-color:#fff}
.tl-bar{flex:none;display:flex;gap:6px;margin-top:10px;padding:4px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.tl-bar button{flex:1;height:38px;border-radius:999px;color:rgba(255,255,255,.85);font-size:14px;white-space:nowrap}
.tl-bar button.on{background:#fff;color:#2a0e04}
.tl-h b{white-space:nowrap}.tl-h em{white-space:nowrap;color:rgba(255,255,255,.75)}

/* Cronograma v4: janela Timeline fiel à referência */
.tl-wrap{display:none}
.tw-wrap{flex:1;min-height:0;margin:8px 0 16px;display:flex}
.tw{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;padding:62px 0 0;color:#fff;filter:drop-shadow(0 20px 30px rgba(60,18,5,.35))}
.tw-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,240,222,.3),rgba(120,50,22,.42) 52%,rgba(28,9,4,.66));backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6)}
.tw-ln{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tw-tab{position:absolute;left:27%;right:27%;top:0;height:40px;display:grid;place-items:center;font-size:15px;color:#fff}
.tw-hd{flex:none;display:flex;align-items:baseline;gap:10px;padding:0 22px 14px}
.tw-hd b{font-weight:400;font-size:21px;margin-right:auto;color:rgba(255,255,255,.92)}
.tw-hd span{font-size:12.5px;color:rgba(255,255,255,.5)}.tw-hd em{font-style:normal;font-size:13px}
.tw-wk{flex:none;display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:0 18px 6px;font-size:11px;text-align:center;color:rgba(255,255,255,.6)}
.tw-sc{flex:1;min-height:0;overflow-y:auto;padding:0 18px 84px;scrollbar-width:none}
.tw-sc::-webkit-scrollbar{display:none}
.tw-sc h4{margin:14px 4px 10px;font-weight:400;font-size:19px;color:rgba(255,255,255,.92)}
.tw-sc h4:first-child{margin-top:2px}
.tw-g{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.tw-g .cd{aspect-ratio:.72;justify-content:flex-start;padding-top:8px;border-radius:18px;font-size:13px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.22)}
.tw-g .cd.wk{background:rgba(25,8,3,.3);border:1px solid rgba(255,255,255,.22)}
.tw-g .cd.off{background:none;border:0;pointer-events:none}
.tw-g .cd.today{border-color:rgba(255,255,255,.95)}
.tw-g .cd.sel{background:#fff;color:#2a0e04;border-color:#fff}
.tw-g .cd b{bottom:6px;width:19px;height:19px;margin-left:-9.5px;background:#ffb02e}
.tw-bar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(40,14,6,.4);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.tw-bar button{flex:1;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;color:rgba(255,255,255,.9);white-space:nowrap}
.tw-bar button.on{background:#fff;color:#2a0e04}

/* Cronograma v5: Timeline idêntica à referência (meses, círculos de status, barra de 3 botões) */
.tw-bg{background:linear-gradient(90deg,rgba(235,205,170,.26),rgba(110,50,24,.4) 50%,rgba(30,10,5,.6))}
.tw-hd b{font-size:20px;color:rgba(255,255,255,.75);font-weight:300}
.tw-hd span{font-size:12px;color:rgba(255,255,255,.42)}.tw-hd em{font-size:12.5px;color:rgba(255,255,255,.92)}
.tw-tab{color:rgba(255,255,255,.75);font-size:14px}
.tw-sc{padding:4px 16px 86px}
.tw-sc h4{font-weight:300;font-size:19px;color:rgba(255,255,255,.72);margin:26px 4px 10px}
.mg{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.mc{position:relative;aspect-ratio:.68;display:flex;flex-direction:column;align-items:center;padding-top:9px;border-radius:18px;font-size:11.5px;color:rgba(255,255,255,.85);background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.22)}
.mc.no,.mc.nil{background:rgba(24,8,3,.3);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.72)}
.mc.sel{box-shadow:0 0 0 2px #fff,0 0 16px rgba(255,255,255,.45)}
.mc b{position:absolute;bottom:7px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;display:grid;place-items:center}
.mc b.ck{background:#dff23c}.mc b.xx{background:rgba(255,255,255,.14);color:rgba(255,255,255,.7)}
.wg{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:6px}
.wc{aspect-ratio:.52;gap:6px;padding-top:10px}
.wc em{font-style:normal;font-size:17px;color:#fff}
.wc.sel{background:#fff;color:#2a0e04}.wc.sel em{color:#2a0e04}.wc.sel{box-shadow:none}
.wn{display:flex;justify-content:center;gap:10px;margin-top:12px}
.wn button{width:40px;height:32px;border-radius:999px;font-size:20px;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.li{display:grid;gap:7px}
.li div{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:13px}
.li em{font-style:normal;color:#ffd9a8;min-width:38px}
.tw-bar{gap:2px;padding:5px}
.tw-bar button{flex:0 0 auto;min-width:48px;padding:0 15px;font-size:12.5px;color:rgba(255,255,255,.7)}
.tw-bar button.on{flex:1;padding:0 14px;color:#2a0e04;font-weight:400}
.tw-bar button:not(.on){flex:1}
.tw-bar button:not(.on){flex:0 0 54px;min-width:0;padding:0}
.tw-bar button.on{flex:1;min-width:0;padding:0 10px;font-size:12.5px;gap:6px}
.tw-bar button span{overflow:hidden;text-overflow:ellipsis}

/* Cronograma v6: ajustes de fidelidade */
.cr{background:transparent}
.cr-bk{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.tw-ln{display:none}
.tw{filter:none;padding-top:64px}
.tw-bg{background:linear-gradient(90deg,rgba(225,190,150,.22),rgba(110,50,24,.36) 50%,rgba(30,10,5,.55))}
.tw-tab{left:25%;right:25%;height:46px;font-size:12.5px;color:rgba(255,255,255,.62)}
.tw-hd{padding:0 22px 12px}
.tw-hd b{font-size:17px;color:rgba(255,255,255,.72)}
.tw-hd span{font-size:10.5px}.tw-hd em{font-size:11px}
.tw-wk{gap:5px;padding:0 16px 6px;font-size:9.5px;color:rgba(255,255,255,.5)}
.tw-sc{padding:2px 16px 84px}
.tw-sc h4{font-size:15px;color:rgba(255,255,255,.66);margin:20px 4px 8px}
.tw-sc .ms:first-child h4{margin-top:4px}
.mg{gap:5px;grid-template-columns:repeat(7,1fr)}
.mc{aspect-ratio:.66;padding-top:7px;border-radius:15px;font-size:10.5px}
.mc.off{background:none;border:0;pointer-events:none}
.mc b{width:18px;height:18px;margin-left:-9px;bottom:6px}
.mc b svg{width:10px;height:10px}
.li div{font-size:11.5px;padding:8px 12px}
.cr-hint{flex:none;align-self:center;margin:12px 0 18px;font-size:11.5px;color:rgba(255,255,255,.75);text-align:center}
.cr-open{display:none}
/* barra inferior: liquid glass brilhante */
.tw-bar{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 45%,rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(10px) saturate(2) brightness(1.18);-webkit-backdrop-filter:blur(10px) saturate(2) brightness(1.18);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.95),inset 0 -2px 6px rgba(255,255,255,.3),inset 0 0 18px rgba(255,255,255,.18),0 12px 28px rgba(60,18,5,.3)}
.tw-bar button.on{background:linear-gradient(180deg,#fff,#fbeee3);box-shadow:inset 0 -2px 5px rgba(255,255,255,.9),0 4px 14px rgba(255,255,255,.35);font-size:12px}
.tw-bar button{color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.25)}
.tw-bar button.on{text-shadow:none}
/* dashboard: tamanho estável, não depende da altura do navegador */
.dash.dm{overflow-y:auto;padding-bottom:calc(var(--safe-b) + 110px)}
.dm-grid{width:min(100%,440px)!important}
.tw{padding-top:70px}.tw-tab{height:52px;padding-top:2px}
.tw{isolation:isolate}

/* faixa "Abrir cronograma editorial" e barra do dia */
.cr-band{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 26px;margin-top:6px;border-radius:999px;color:#fff;font-size:15px;white-space:nowrap;border:1px solid rgba(255,225,190,.55);background:radial-gradient(ellipse 70% 120% at 50% 50%,#b3261a 0%,#d8411f 42%,#ff8f3a 82%,#ffb24a 100%);box-shadow:inset 0 0 20px rgba(255,210,150,.55),0 8px 24px rgba(255,110,30,.4)}
.cr.is-open .cr-band{display:none}
.cr-go{gap:10px;padding:0 6px 0 24px}
.cr-go span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-go i{flex:none;font-style:normal;font-size:14px;font-weight:700}
.cr-band{background:radial-gradient(ellipse 70% 130% at 50% 50%,#8f1d2c 0%,#c4302a 40%,#ff7a2f 80%,#ffab45 100%)}

.cr-band{height:52px;padding:0 34px;font-size:16px;letter-spacing:.01em;font-weight:400;border:1px solid rgba(255,238,215,.75);background:radial-gradient(ellipse 55% 140% at 50% 50%,#b4267f 0%,rgba(180,38,127,0) 100%),linear-gradient(90deg,#f7a13a 0%,#ec5a4a 20%,#d2359a 46%,#d2359a 54%,#ec5a4a 80%,#f7a13a 100%);box-shadow:inset 0 0 26px rgba(255,215,175,.85),inset 0 2px 2px rgba(255,255,255,.7),0 0 26px rgba(255,150,70,.65),0 8px 26px rgba(214,53,154,.35);text-shadow:0 1px 10px rgba(120,10,60,.5)}
.cr-cap{font-family:"Bebas Neue",sans-serif;font-size:21px;letter-spacing:.14em;text-transform:uppercase}
.cr-cap::first-letter{text-transform:none}
/* faixa intensa, com contorno luminoso (referência "Create use 50 credits") */
.cr-band{position:relative;isolation:isolate;height:54px;padding:0 38px;margin:10px 0 0;border:1.5px solid rgba(255,232,215,.7);font-size:16px;font-weight:500;text-shadow:0 1px 10px rgba(110,10,80,.55);
  background:linear-gradient(90deg,#ff9b55 0%,#ff6b4c 11%,#ea4790 29%,#cc3ec9 50%,#ea4790 71%,#ff6b4c 89%,#ff9b55 100%);
  box-shadow:0 0 0 3px rgba(255,190,150,.28),0 0 16px 3px rgba(255,120,175,.6),0 0 38px 6px rgba(255,140,80,.35),inset 0 0 16px 2px rgba(255,205,235,.85),inset 0 0 44px rgba(255,110,190,.45)}
.cr-band::before{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 34% 55% at 50% -6%,rgba(255,225,245,.95),transparent 70%),radial-gradient(ellipse 34% 55% at 50% 106%,rgba(255,225,245,.95),transparent 70%)}
.cr-cap{font-size:15px;letter-spacing:.12em}
.cr-band{background:linear-gradient(90deg,#ff8f3d 0%,#ff5a3c 12%,#e6307e 30%,#c42ad2 50%,#e6307e 70%,#ff5a3c 88%,#ff8f3d 100%);border:1.5px solid rgba(255,215,190,.75);box-shadow:0 0 0 3px rgba(255,170,130,.3),0 0 18px 4px rgba(236,60,170,.65),0 0 40px 8px rgba(255,120,60,.4),inset 0 0 9px 1px rgba(255,190,225,.6)}
.cr-band::before{background:radial-gradient(ellipse 30% 40% at 50% -4%,rgba(255,215,245,.85),transparent 70%),radial-gradient(ellipse 30% 40% at 50% 104%,rgba(255,215,245,.85),transparent 70%)}
.cr-band{background:linear-gradient(90deg,#ff8f3d 0%,#ff5a3c 9%,#e6307e 24%,#c42ad2 40%,#c42ad2 60%,#e6307e 76%,#ff5a3c 91%,#ff8f3d 100%)}
.cr-band{border:0;box-shadow:0 0 18px 4px rgba(236,60,170,.65),0 0 40px 8px rgba(255,120,60,.4),inset 0 0 9px 1px rgba(255,190,225,.6)}
.cr-band{height:46px;padding:0 20px;font-size:14.5px}

/* menubar sempre visível: espaço reservado e layout harmonizado */
.cr-p{margin:0 10px calc(var(--safe-b) + 96px)}
.cr-mid{gap:10px}
.cr-rw{margin:0 0 14px}
.cr-band{align-self:center;margin:0 0 16px}
.cr-go{margin:0}
.ch-form{margin-bottom:calc(var(--safe-b) + 92px)}

/* ---------- Login: foto de fundo e botões na base ---------- */
.login{position:fixed;inset:0;display:block;padding:0;overflow:hidden;background:#1a0a04 url(/assets/login-bg.jpg) center/cover no-repeat}
.login::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 28%,transparent 48%,rgba(10,4,2,.78) 100%)}
.login-card{position:relative;z-index:1;width:100%;height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--safe-t) + 58px) 22px calc(var(--safe-b) + 26px)}
.lg-top .mark{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:clamp(34px,10vw,46px);letter-spacing:.2em;margin:0;background:linear-gradient(90deg,#ffd9b0 0%,#ff9a52 55%,#ff7a2a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgba(120,30,0,.5))}
.lg-top .mark-sub{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:12px;letter-spacing:.42em;margin-top:8px;background:none;color:#ffd9b0;-webkit-text-fill-color:#ffd9b0}
.lg-bot{display:grid;gap:14px}
.lg-bot .tag{margin:0 0 4px;font-family:"Bebas Neue",sans-serif;letter-spacing:.22em;font-size:15px;color:rgba(255,255,255,.85)}
.login form{margin:0;display:grid;gap:10px}
.login .field{gap:6px}
.login .field label{font-family:"Bebas Neue",sans-serif;letter-spacing:.2em;font-size:13px;color:rgba(255,255,255,.75)}
.login .field input{height:52px;padding:0 22px;border-radius:999px;font-size:16px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.login .field input:focus{border-color:#ff9a52;box-shadow:0 0 0 3px rgba(255,140,60,.25)}
.lg-btns{display:flex;gap:12px;margin-top:6px}
.lg-btns button{flex:1;height:54px;border-radius:999px;font-family:"Bebas Neue",sans-serif;letter-spacing:.18em;font-size:17px;white-space:nowrap}
.lg-btns .adm-btn{margin:0;width:auto;background:rgba(20,12,8,.72);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.lg-btns .adm-btn.on{border-color:#ff9a52;color:#ffd9b0}
.lg-go{background:#fff;color:#1a0a04;border:0}

.lg-top{display:flex;align-items:center;gap:14px}
.lg-top img{width:58px;height:58px;border-radius:16px;object-fit:cover;box-shadow:0 6px 22px rgba(0,0,0,.4)}
.lg-top b{display:block;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:26px;letter-spacing:.16em;color:#fff;line-height:1.05}
.lg-top small{display:block;margin-top:5px;font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.32em;color:rgba(255,255,255,.75)}

.lg-wel{margin-bottom:6px}
.lg-wel h2{margin:0;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(36px,11vw,46px);line-height:.98;letter-spacing:.03em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.lg-wel p{margin:10px 0 0;font-family:"Aileron","Poppins",sans-serif;font-size:14px;line-height:1.45;color:rgba(255,255,255,.82);max-width:92%}

.lg-top b{background:var(--grad-ember);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(40,10,0,.55))}
.lg-top small{color:rgba(255,235,215,.8)}
body.menu .fbar{display:none}
.side .nav-label:first-of-type{padding-top:10px}

/* ---------- Barra lateral: painel de vidro escuro → brasa (referências Netflix/YouTube) ---------- */
body.menu .fbar{display:none}
.side{display:flex!important;flex-direction:column;gap:0!important;background:radial-gradient(90% 38% at 100% 100%,rgba(255,110,40,.55),transparent 70%),linear-gradient(118deg,transparent 28%,rgba(255,170,110,.14) 44%,transparent 60%),linear-gradient(180deg,rgba(8,4,3,.9) 0%,rgba(30,10,6,.82) 42%,rgba(132,38,12,.78) 100%)!important;backdrop-filter:blur(26px) saturate(1.5)!important;-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;border:1px solid rgba(255,255,255,.3)!important;border-right:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 40px rgba(255,255,255,.03),0 30px 70px rgba(0,0,0,.55)!important;padding:calc(var(--safe-t) + 26px) 10px 16px!important}
.side::before,.side::after{display:none!important}
.side>*{flex-shrink:0}
@media (max-width:900px){.side{left:12px!important;top:12px!important;bottom:12px!important;height:auto!important;width:min(300px,86vw)!important;border-radius:26px!important;transform:translateX(-112%)}body.menu .side{transform:none!important}body.menu .scrim{background:rgba(0,0,0,.5)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}
.sb-brand{display:flex;align-items:center;gap:12px;padding:2px 12px 14px}
.sb-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}
.sb-brand b{display:block;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:18px;letter-spacing:.16em;background:var(--grad-ember);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb-brand small{display:block;margin-top:3px;font-family:"Bebas Neue",sans-serif;font-size:12px;letter-spacing:.3em;color:rgba(255,255,255,.6)}
.sb-div{height:1px;margin:2px 14px 6px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 25%,rgba(255,255,255,.4) 75%,transparent)}
.sb-l{padding:16px 16px 6px;font-family:"Bebas Neue",sans-serif;font-size:13px;letter-spacing:.24em;color:rgba(255,255,255,.55)}
.sb-i{position:relative;display:flex;align-items:center;gap:14px;width:100%;height:44px;padding:0 14px;border-radius:12px;color:rgba(255,255,255,.66);font-family:"Aileron","Poppins",sans-serif;font-size:15px;text-decoration:none;text-align:left}
.sb-i svg{flex:none;opacity:.9}
.sb-i span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-i em{font-style:normal;font-size:12px;color:rgba(255,255,255,.5)}
.sb-i.active{color:#fff;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.04) 80%,transparent)}
.sb-i.active::before{content:"";position:absolute;left:-10px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.7)}
.sb-i:active{background:rgba(255,255,255,.12)}
.sb-sub{display:none;padding-left:34px}
.sb-g.open>.sb-sub{display:block}
.sb-s{height:38px;font-size:14px;gap:0}
.sb-g>.sb-i::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-left:4px;opacity:.6;transition:transform .2s}
.sb-g.open>.sb-i::after{transform:rotate(45deg)}
.sb-foot{margin-top:auto;padding-top:12px}
.sb-me{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border-radius:14px;text-decoration:none;color:#fff;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.03))}
.sb-me img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.sb-me div{flex:1;min-width:0}
.sb-me b{display:block;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:15px}
.sb-me small{display:block;margin-top:2px;font-size:11.5px;color:rgba(255,255,255,.55)}
.sb-me.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.dt-ic{position:absolute;left:50%;top:50.5%;width:15cqw;height:15cqw;transform:translate(-50%,-50%);color:#4a1206;z-index:2;pointer-events:none}
.dt-q{position:absolute;left:50%;top:50%;height:74cqh;width:auto;transform:translate(-50%,-50%);z-index:2;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(20,0,0,.45))}
.dt-ic{display:none}
.dt-q{height:58cqh;top:43%}


.dt-q{height:42cqh;top:44%}
.dt-dot{gap:7px;grid-auto-flow:column;padding:0 4%!important}
.dt-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ffd0a0,#ff7a3d);box-shadow:0 0 8px rgba(255,140,60,.8)}

.dt .dt-l{top:auto;bottom:6.5%;gap:1.2cqw}
.dt-q{display:block;height:42cqh;top:44%}
.dt-bg{filter:none}
.dt-cy::before{background:#46dccc!important;box-shadow:0 0 8px rgba(70,220,204,.8)!important}
.dt-l b{font-family:"Bebas Neue",sans-serif!important;font-weight:400;font-size:max(14px,8.6cqw);letter-spacing:.09em;line-height:1.05}
.dt-bg{filter:none}

/* ---------- Início (hero) + Radar: estilo das referências (laranja → preto, vidro, linhas de ranking) ---------- */
.inicio{position:relative;color:#fff;font-family:"Aileron","Poppins",sans-serif;background:#0a0403}
.in-hero{position:relative;height:100svh;min-height:640px;overflow:hidden;padding:calc(var(--safe-t) + 18px) 22px 0;background:radial-gradient(ellipse 62% 72% at 80% 60%,rgba(255,190,50,.95) 0%,rgba(255,116,22,.88) 40%,transparent 72%),radial-gradient(ellipse 100% 80% at 72% 62%,#c4500b 0%,#8a2d08 58%,#3e1205 100%)}
.in-arc{position:absolute;right:-46%;top:14%;width:92%;height:66%;border-radius:50%;border:5px solid rgba(255,236,170,.85);filter:blur(2.5px);box-shadow:0 0 36px rgba(255,196,70,.75),inset 0 0 40px rgba(255,170,50,.4)}
.in-man{position:absolute;right:20%;bottom:-6px;width:34%;fill:#170604;filter:blur(1.4px)}
.in-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.in-logo{width:40px;height:40px;border-radius:12px;object-fit:cover}
.in-c{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;text-decoration:none;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.in-hi{position:relative;z-index:2;margin:34px 0 0;font-weight:400;font-size:clamp(26px,8vw,32px);letter-spacing:0;font-family:"Aileron","Poppins",sans-serif}
.in-hi span{color:#ffc3a0}
.in-rec{position:relative;z-index:2;margin:42px 0 0 26%;max-width:70%}
.in-pill{display:inline-block;padding:8px 16px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3)}
.in-rec h2{margin:18px 0 10px;font-weight:400;font-size:clamp(30px,9.4vw,38px);line-height:1.02;font-family:"Aileron","Poppins",sans-serif}
.in-rec p{margin:0 0 22px;font-size:13px;line-height:1.35;color:rgba(255,235,220,.85)}
.in-cta{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 26px;border-radius:999px;background:#fff;color:#1a0a04;text-decoration:none;font-size:14px;font-weight:700}
.in-pager{position:absolute;z-index:2;left:40%;top:62%;display:flex;gap:6px}
.in-pager i{width:34px;height:3px;border-radius:3px;background:rgba(255,255,255,.35)}.in-pager i.on{background:#fff}
.in-cats{position:absolute;z-index:2;left:0;right:0;bottom:calc(var(--safe-b) + 112px);display:flex;gap:8px;overflow-x:auto;padding:0 22px;scrollbar-width:none}
.in-cats::-webkit-scrollbar{display:none}
.in-cats a{flex:none;padding:10px 16px;border-radius:999px;font-size:12px;color:rgba(255,255,255,.9);text-decoration:none;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.in-sheet{position:relative;z-index:3;margin-top:-30px;padding:26px 16px calc(var(--safe-b) + 120px);border-radius:32px 32px 0 0;background:linear-gradient(180deg,#ff9d16 0%,#f3780d 16%,#c4540a 36%,#6a240a 60%,#200a05 84%,#0a0403 100%)}
.in-big{display:flex;align-items:flex-end;gap:10px;margin:0 6px 16px}
.in-big b{font-size:44px;line-height:.95;font-weight:800;font-style:italic;letter-spacing:-.02em}
.in-big span{font-size:14px;padding-bottom:6px;color:rgba(255,255,255,.92)}
.in-big em{margin-left:auto;display:flex;align-items:center;gap:6px;font-style:normal;font-size:15px;padding-bottom:6px}.in-big strong{font-weight:800;font-size:18px}
.in-tabs{display:inline-flex;padding:4px;border-radius:999px;margin:0 auto 14px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.26)}
.in-sheet .in-tabs{display:flex;width:max-content;margin:0 auto 14px}
.in-tabs a{display:flex;align-items:center;gap:7px;height:38px;padding:0 20px;border-radius:999px;font-size:14px;color:rgba(255,255,255,.9);text-decoration:none}
.in-tabs a.on{background:rgba(255,255,255,.4);color:#fff}
.in-list{display:grid;gap:10px}
.in-row{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:28px;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.in-rk{flex:none;width:34px;font-size:19px;font-weight:800;font-style:italic}
.in-av{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:17px;background:rgba(18,6,3,.6);border:1px solid rgba(255,255,255,.3)}
.in-row div{flex:1;min-width:0}
.in-row strong{display:-webkit-box;font-weight:400;font-size:15px;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.in-row em{display:block;margin-top:4px;font-style:normal;font-size:13px;color:#ffd04a}
.in-row span{flex:none;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700}
.in-tag{position:absolute;right:16px;top:-1px;padding:3px 12px;border-radius:0 0 12px 12px;font-size:11px;text-decoration:none;background:rgba(255,255,255,.25)}
.in-banner{display:flex;align-items:center;gap:12px;margin:18px 0 6px;padding:18px 18px 18px 20px;border-radius:28px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#f32d3a,#d61f2e);box-shadow:0 12px 30px rgba(90,6,10,.45)}
.in-banner div{flex:1}.in-banner strong{display:block;font-size:19px;font-weight:700;margin-bottom:6px}.in-banner span{font-size:14px;line-height:1.35;color:rgba(255,232,228,.92)}
.in-banner i{flex:none;width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:rgba(40,6,8,.4);border:1px solid rgba(255,255,255,.25)}
.in-h{display:flex;align-items:center;gap:8px;margin:26px 4px 12px;text-decoration:none;color:#fff}
.in-h h2{margin:0;font-weight:700;font-size:19px;font-family:"Aileron","Poppins",sans-serif}
.in-badges{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}
.in-badges::-webkit-scrollbar{display:none}
.in-badge{flex:none;width:96px;display:grid;justify-items:center;gap:9px;text-decoration:none;color:#fff}
.in-badge i{width:88px;height:104px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(160deg,#b9b9bf,#55555d 55%,#2c2c33);border:2px solid #d9d9df;box-shadow:inset 0 2px 3px rgba(255,255,255,.55),0 10px 20px rgba(0,0,0,.4)}
.in-badge b{font-weight:400;font-size:13px;text-align:center}.in-badge span{display:flex;gap:2px;color:#b8892a}
.in-note{margin:22px 0 0;font-size:11.5px;color:rgba(255,255,255,.55);text-align:center}
/* Radar (tela da lista completa) */
.in-radar{min-height:100svh;padding:calc(var(--safe-t) + 18px) 16px calc(var(--safe-b) + 120px);background:linear-gradient(180deg,#ff9d16 0%,#f3780d 22%,#c4540a 50%,#7a2a08 80%,#4a1a06 100%)}
.in-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.in-hd h1{margin:0;font-size:17px;font-weight:400;font-family:"Aileron","Poppins",sans-serif}
.in-tabrow{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}
.in-tabrow .in-tabs{margin:0}.in-ft{width:44px;height:44px}
body.js-rv .inicio .rv{opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
body.js-rv .inicio .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body.js-rv .inicio .rv{opacity:1;transform:none;transition:none}}

/* prévia da última notificação dentro da pílula existente (mesmo tamanho) */
.dm-pill a.dm-prev{display:grid;align-content:center;gap:1px;max-width:160px;padding:0 14px;text-align:left;font-family:"Aileron","Poppins",sans-serif;letter-spacing:0;text-transform:none;background:transparent;color:#fff}
.dm-prev b{font-weight:400;font-size:12.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-prev small{font-size:9.5px;line-height:1.1;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* janela de notificações desce do topo e sobe ao fechar */
@keyframes nfIn{from{transform:translateY(-40px);opacity:0}to{transform:none;opacity:1}}
@keyframes nfOut{to{transform:translateY(-60px);opacity:0}}
.nf{animation:nfIn .34s cubic-bezier(.22,1,.36,1)}
.nf.nf-out{animation:nfOut .24s cubic-bezier(.5,0,.75,0) forwards}
@media (prefers-reduced-motion:reduce){.nf,.nf.nf-out{animation:none}}
.dm-pill a.dm-prev{width:148px;max-width:148px;justify-items:start;place-items:center start;overflow:hidden}.dm-prev b,.dm-prev small{display:block;max-width:100%}
.dm-pill a.dm-mini{flex:none;width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;margin-left:0}
.dm-mini img{width:100%;height:100%;object-fit:cover}
.dm-pill a.dm-prev{padding:0 14px 0 10px}
.dm-pill a.dm-mini{border-radius:10px;background:none;border:0}
.dm-mini img{border-radius:10px}
/* prévia na barra: ícone bem menor e tipografia do projeto (Bebas Neue) */
.dm-pill a.dm-mini{width:20px;height:20px;margin:0 0 0 10px;border-radius:6px}
.dm-mini img{border-radius:6px}
.dm-pill a.dm-prev{width:140px;max-width:140px;padding:0 14px 0 8px}
.dm-prev b{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.dm-prev small{font-size:9px;letter-spacing:.02em;color:rgba(255,255,255,.55)}

/* Início: foto de fundo e tipografia/ícones do projeto */
.in-hero{display:flex;flex-direction:column;background:#7a1f05 url(/assets/home-bg.jpg?v=1) center/cover no-repeat}
.in-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 30%,transparent 52%,rgba(20,4,2,.55) 100%)}
.in-hero>*{position:relative}
.in-hi{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:clamp(24px,7.4vw,30px);letter-spacing:.03em;margin:30px 0 0}
.in-hi span{color:#ffd2b0}
.in-rec{margin:auto 0 18px 0;max-width:80%}
.in-pill{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.16em;padding:7px 16px}
.in-rec h2{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:clamp(24px,7.6vw,30px);letter-spacing:.03em;line-height:1.1;margin:14px 0 10px}
.in-rec p{font-size:13px;max-width:30ch}
.in-cta{height:46px;padding:0 26px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:17px;letter-spacing:.16em}
.in-pager{position:static;margin:0 0 18px;left:auto;top:auto}
.in-cats{position:static;margin:0 -22px calc(var(--safe-b) + 112px)}
.in-cats a{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.14em;padding:9px 16px}
.in-big b{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-style:normal;font-size:40px;letter-spacing:.02em}
.in-big strong{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400}
.in-tabs a{font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.14em}
.in-rk{font-family:"Bebas Neue",sans-serif;font-style:normal;font-weight:400;font-size:20px;letter-spacing:.06em}
.in-av{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:19px}
.in-row em{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.1em;color:#ffb968}
.in-row span{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:15px;letter-spacing:.08em}
.in-tag{font-family:"Bebas Neue",sans-serif;font-size:12px;letter-spacing:.14em}
.in-banner strong{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:24px;letter-spacing:.1em}
.in-h h2{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:22px;letter-spacing:.14em}
.in-badge b{font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.1em}
.in-hd h1{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:16px;letter-spacing:.06em}

/* Início e Radar no estilo do projeto: fundo preto com brilho laranja nas bordas e vidro escuro */
:root{--pn:linear-gradient(180deg,rgba(255,130,60,.20),rgba(255,255,255,.04) 38%,rgba(255,80,10,.16)),rgba(14,8,5,.55)}
.in-sheet,.in-radar{background:#0a0605;box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55),inset 0 min(60px,8vh) min(140px,16vw) rgba(255,140,50,.4)}
.in-hi{margin:30px 0 0;line-height:1.12}
.in-rec h2{margin-top:0}
.in-row,.in-stats div,.in-banner{background:var(--pn);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(34px) saturate(1.5);-webkit-backdrop-filter:blur(34px) saturate(1.5);box-shadow:none}
.in-banner{background:linear-gradient(135deg,rgba(255,140,60,.34),rgba(255,255,255,.04) 45%,rgba(255,80,10,.28)),rgba(14,8,5,.55)}
.in-banner span{color:rgba(255,255,255,.78)}
.in-banner i{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#FFB48A}
.in-tabs{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.in-tabs a{color:rgba(255,255,255,.72)}
.in-tabs a.on{background:rgba(255,120,40,.2);color:#fff}
.in-c{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.in-av{background:rgba(255,120,40,.14);border:1px solid rgba(255,140,60,.4);color:#FFB48A}
.in-row em{color:#FFB48A}
.in-row span{color:rgba(255,255,255,.75)}
.in-tag{background:rgba(255,120,40,.3);color:#fff}
.in-badge i{background:var(--pn);border:1px solid rgba(255,140,60,.4);box-shadow:none;color:#FF9A5C}
.in-badge span{color:#FF9A5C}
.in-big em,.in-big span{color:rgba(255,255,255,.8)}
.in-h a,.in-h{color:#fff}
.in-cats a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
.in-cta{background:rgba(255,120,40,.2);border:1px solid rgba(255,140,60,.45);color:#fff}

/* Início/Radar: foto fixa por trás de tudo e caixas de vidro que mostram a foto desfocada (referência "Train New Avatar") */
.inicio{background:transparent}
.inicio::before{content:"";position:fixed;inset:0;z-index:0;background:#7a1f05 url(/assets/home-bg.jpg?v=1) center/cover no-repeat}
.inicio>*{position:relative;z-index:1}
.in-hero{background:none}
.in-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 30%,transparent 55%,rgba(20,4,2,.45) 100%)}
.in-sheet{margin-top:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,rgba(14,4,3,.12) 0%,rgba(14,4,3,.5) 22%,rgba(10,3,3,.72) 100%)}
.in-radar{box-shadow:none;background:transparent}
.in-row,.in-stats div,.in-banner,.in-badge i{background:linear-gradient(100deg,rgba(16,10,12,.8) 0%,rgba(70,22,16,.55) 52%,rgba(255,110,50,.1) 100%);border:1px solid rgba(255,255,255,.16);border-radius:24px;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.in-banner{background:linear-gradient(100deg,rgba(16,10,12,.8) 0%,rgba(120,30,18,.6) 55%,rgba(255,110,50,.16) 100%)}
.in-banner span,.in-row span,.in-big span,.in-big em{color:rgba(255,255,255,.6)}
.in-row{border-radius:24px}
.in-badge i{border-radius:20px}
.in-tabs,.in-cats a,.in-c{backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}
.in-sheet{background:linear-gradient(180deg,rgba(20,4,2,.45) 0%,rgba(14,4,3,.62) 30%,rgba(10,3,3,.78) 100%)}

/* caixas iguais à referência: foto visível e brilhante por trás, vidro leve com desfoque forte */
.in-sheet{background:none}
.in-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 35%,transparent 100%)}
.in-row,.in-stats div,.in-banner,.in-badge i{background:linear-gradient(100deg,rgba(22,13,15,.66) 0%,rgba(70,24,18,.4) 55%,rgba(255,160,100,.1) 100%);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(26px) saturate(1.8);-webkit-backdrop-filter:blur(26px) saturate(1.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 30px rgba(40,6,0,.22)}
.in-banner{background:linear-gradient(100deg,rgba(22,13,15,.66) 0%,rgba(120,32,20,.5) 55%,rgba(255,130,80,.16) 100%)}
.in-h h2,.in-big b,.in-big span,.in-big em,.in-note{text-shadow:0 1px 10px rgba(60,10,0,.55)}

/* botões e categorias iguais às caixas da referência: retângulo arredondado de vidro, escuro à esquerda e translúcido à direita (sem contorno laranja) */
.in-cta,.in-cats a{border-radius:22px;border:1px solid rgba(255,255,255,.16);color:#fff;background:linear-gradient(100deg,rgba(24,17,19,.84) 0%,rgba(84,30,24,.5) 58%,rgba(255,160,110,.14) 100%);backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 24px rgba(50,8,0,.25)}
.in-cta{height:54px;padding:0 28px}
.in-cats a{padding:0 18px;height:46px;display:inline-flex;align-items:center}
.in-cats a:first-child{background:linear-gradient(135deg,rgba(255,216,184,.46),rgba(255,172,124,.24));border-color:rgba(255,255,255,.34)}
.in-tabs{border-radius:22px;background:linear-gradient(100deg,rgba(24,17,19,.7),rgba(84,30,24,.4));border:1px solid rgba(255,255,255,.16)}
.in-tabs a{border-radius:18px}
.in-tabs a.on{background:linear-gradient(135deg,rgba(255,216,184,.46),rgba(255,172,124,.24));color:#fff}

/* ===== vidro idêntico à referência (Train New Avatar / Elena / Marcus) ===== */
/* A) vidro com a foto refratada: desfoque médio, saturação e contraste altos, escuro à esquerda e some à direita */
.in-row,.in-banner,.in-cta{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#fff;
  background:linear-gradient(100deg,rgba(18,9,9,.58) 0%,rgba(18,9,9,.34) 40%,rgba(18,9,9,.08) 72%,rgba(255,205,160,.12) 100%);
  backdrop-filter:blur(9px) saturate(2.2) contrast(1.35) brightness(.7);-webkit-backdrop-filter:blur(9px) saturate(2.2) contrast(1.35) brightness(.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.07),inset 1px 0 0 rgba(255,255,255,.08),0 14px 30px rgba(60,10,0,.22)}
.in-banner{background:linear-gradient(100deg,rgba(40,8,6,.62) 0%,rgba(120,20,12,.36) 45%,rgba(18,9,9,.06) 76%,rgba(255,205,160,.12) 100%)}
.in-row,.in-banner{display:flex;align-items:center;gap:16px;padding:20px 22px;min-height:78px}
.in-row>svg,.in-banner>svg{flex:none;color:#fff;opacity:.95}
.in-row div,.in-banner div{flex:1;min-width:0}
.in-row strong,.in-banner strong{display:block;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:16px;line-height:1.2;letter-spacing:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
.in-row em,.in-banner span{display:block;margin-top:5px;font-family:"Aileron","Poppins",sans-serif;font-style:normal;font-size:14px;font-weight:300;letter-spacing:0;color:rgba(255,255,255,.5);text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-plus{flex:none;display:grid;place-items:center;color:rgba(255,255,255,.85);text-decoration:none}
.in-rk,.in-av,.in-tag,.in-row>span{display:none}
.in-cta{height:56px;padding:0 30px;display:inline-flex;align-items:center;gap:10px;border-radius:22px}
/* B) cartão escuro quase opaco (Elena) */
.in-stats div:first-child,.in-badge i,.in-cats a,.in-tabs{background:linear-gradient(120deg,#1a1a1d 0%,#231b1c 58%,#40191a 100%);border:0;border-radius:22px;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.in-cats a{border-radius:20px;height:48px;color:rgba(255,255,255,.88)}
.in-tabs{border-radius:22px;padding:5px}
/* C) cartão claro translúcido (Marcus) */
.in-stats div:last-child,.in-cats a:first-child,.in-tabs a.on{background:linear-gradient(135deg,rgba(255,150,90,.3),rgba(255,206,160,.2));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px) saturate(1.9);-webkit-backdrop-filter:blur(10px) saturate(1.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);color:#ffe9d6}
.in-stats div{border-radius:22px;padding:18px 20px}
.in-stats b{font-family:"Suissnord","Bebas Neue",sans-serif}
.in-stats span{color:rgba(255,255,255,.5)}
.in-tabs a{border-radius:18px}
.in-list{grid-template-columns:minmax(0,1fr)}.in-row,.in-banner{min-width:0}

/* ===== estilo das referências (Kvant / Train New Avatar / Nori Thorne): vidro fosco grafite sobre foto em movimento ===== */
.in-row,.in-banner{border:1px solid rgba(255,255,255,.07);border-radius:28px;
  background:linear-gradient(120deg,rgba(28,24,26,.74) 0%,rgba(40,27,27,.5) 55%,rgba(255,150,100,.1) 100%);
  backdrop-filter:blur(22px) saturate(1.6) contrast(1.15) brightness(.82);-webkit-backdrop-filter:blur(22px) saturate(1.6) contrast(1.15) brightness(.82);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.3),inset 0 -1px 1px rgba(255,255,255,.1),inset 1px 0 1px rgba(255,255,255,.08),0 22px 44px rgba(50,10,0,.3)}
.in-banner{background:linear-gradient(120deg,rgba(44,14,12,.74) 0%,rgba(104,26,16,.5) 55%,rgba(255,150,100,.1) 100%)}
.in-row strong,.in-banner strong{font-size:17px}
.in-row em,.in-banner span{color:rgba(255,255,255,.48);font-size:14px}
/* botões: vidro grafite com cantos suaves (como "Upscale") */
.in-cta,.in-cats a{border:0;border-radius:20px;color:#fff;background:linear-gradient(135deg,rgba(30,25,27,.78),rgba(52,34,34,.58));
  backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -1px 1px rgba(255,255,255,.06),0 10px 24px rgba(50,10,0,.25)}
.in-cats a:first-child{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.08));color:#fff}
.in-tabs{border:0;background:linear-gradient(135deg,rgba(30,25,27,.78),rgba(52,34,34,.58));box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.in-tabs a.on{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.3);color:#fff}
/* contadores como no cartão Kvant: texto leve dentro de um cartão fosco */
.in-big{padding:20px 24px;margin:0 0 14px;border-radius:28px;align-items:center;gap:22px;
  background:linear-gradient(120deg,rgba(28,24,26,.74),rgba(40,27,27,.5) 60%,rgba(255,150,100,.1));backdrop-filter:blur(22px) saturate(1.6) brightness(.82);-webkit-backdrop-filter:blur(22px) saturate(1.6) brightness(.82);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 22px 44px rgba(50,10,0,.3)}
.in-big b{font-size:32px;font-family:"Aileron","Poppins",sans-serif;font-weight:400}
.in-big span{padding:0;font-size:15px;color:rgba(255,255,255,.55)}
.in-big em{margin-left:auto;padding:0;font-size:15px;color:rgba(255,255,255,.55)}
.in-big strong{font-family:"Aileron","Poppins",sans-serif;font-size:32px;color:#fff}
.in-badge i{background:linear-gradient(120deg,rgba(28,24,26,.74),rgba(40,27,27,.5));border:1px solid rgba(255,255,255,.07);border-radius:24px;box-shadow:inset 0 1px 1px rgba(255,255,255,.3);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6)}

/* ===== cluster de cartões idêntico ao da referência (Train New Avatar + Elena/Marcus/Kori/Aiko) ===== */
.gc-label{margin:26px 6px 12px;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:18px;color:rgba(255,255,255,.88)}
.gc{position:relative;display:block;overflow:hidden;border-radius:30px;color:#fff;text-align:left;text-decoration:none}
.gc b{display:block;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:17px;line-height:1.15}
.gc span{display:block;margin-top:6px;font-family:"Aileron","Poppins",sans-serif;font-size:14px;color:rgba(255,255,255,.45)}
.gc-train{display:flex;align-items:center;gap:18px;height:100px;padding:0 24px;
  background:linear-gradient(110deg,rgba(26,24,26,.72) 0%,rgba(52,26,24,.5) 50%,rgba(255,160,110,.1) 100%);
  backdrop-filter:blur(18px) saturate(1.7) contrast(1.2) brightness(.8);-webkit-backdrop-filter:blur(18px) saturate(1.7) contrast(1.2) brightness(.8);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.3),inset 0 -1px 1px rgba(255,255,255,.1),0 22px 44px rgba(50,10,0,.28)}
.gc-folder{flex:none;width:46px;height:38px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.gc-train div{flex:1;min-width:0}
.gc-train u{flex:none;text-decoration:none;color:rgba(255,255,255,.85)}
.gc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.gc-sq{height:176px;padding:20px 20px 0;cursor:pointer}
.gc-dark{background:linear-gradient(135deg,#171a1d 0%,#211a1b 62%,#3a1a18 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.14)}
.gc-light{background:linear-gradient(135deg,rgba(255,170,120,.3),rgba(255,206,160,.2));backdrop-filter:blur(14px) saturate(1.8);-webkit-backdrop-filter:blur(14px) saturate(1.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.3)}
.gc-red{background:linear-gradient(135deg,rgba(214,56,28,.5),rgba(150,30,18,.5));backdrop-filter:blur(14px) saturate(1.8);-webkit-backdrop-filter:blur(14px) saturate(1.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.22)}
.gc-tile{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.07)}
.gc-ok{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:13px;background:#fff;color:#1a1114;display:grid;place-items:center}
.fg{position:absolute;left:50%;bottom:-6px;width:58%;height:74px;transform:translateX(-50%)}
.fb{position:absolute;inset:14px 6px 0;border-radius:12px;background:rgba(255,255,255,.2)}
.fp{position:absolute;bottom:20px;width:46%;height:46px;border-radius:10px;background:linear-gradient(160deg,#fafafa,#cfcfd4)}
.fp1{left:16%;transform:rotate(-5deg)}.fp2{left:38%;transform:rotate(4deg);background:linear-gradient(160deg,#fff,#d9d9de)}
.ff{position:absolute;left:0;right:0;bottom:0;height:46px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.28));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px rgba(255,255,255,.7)}

/* ===== cartão de notícia idêntico ao cartão Kvant da referência ===== */
.kc{position:relative;margin:0 0 14px;padding:26px 24px 24px;border-radius:38px;color:#fff;overflow:hidden;
  background:linear-gradient(165deg,rgba(24,15,14,.74) 0%,rgba(66,30,22,.5) 48%,rgba(255,165,105,.12) 100%);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(26px) saturate(1.5) brightness(.85);-webkit-backdrop-filter:blur(26px) saturate(1.5) brightness(.85);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.28),inset 0 -1px 1px rgba(255,255,255,.08),0 24px 50px rgba(50,10,0,.3)}
.kc-top{display:flex;align-items:flex-start;justify-content:space-between}
.kc-ic{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(160deg,#ececec,#d6d6d8);color:#6c6c70;box-shadow:inset 0 1px 1px #fff}
.kc-act{display:flex;align-items:center;gap:14px;margin-top:26px;color:#fff}
.kc-btn{display:grid;place-items:center;height:34px;padding:0 22px;border-radius:999px;background:#0b0b0c;color:#fff;font-family:"Aileron","Poppins",sans-serif;font-size:15px;text-decoration:none}
.kc h4{margin:22px 0 4px;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:28px;line-height:1.1;letter-spacing:-.01em}
.kc small{display:block;font-size:16px;color:rgba(255,255,255,.4)}
.kc p{margin:18px 0 20px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.4)}
.kc p b{font-weight:400;color:#fff}
.kc-st{display:flex;gap:30px;font-size:15px;color:rgba(255,255,255,.4)}
.kc-st b{font-weight:400;color:#fff}

/* ===== VIDRO "LENTE" com relevo: foto por dentro, anel de refração nas bordas, cantos superelípticos, vários cortes de sombra ===== */
.lens{isolation:isolate;overflow:hidden;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;border-radius:44px!important}
.lens-bg,.lens-rim b{position:absolute;inset:0;background-image:url(/assets/home-lens.jpg?v=1);background-repeat:no-repeat}
.lens-bg{z-index:-1;transform:scale(1.14);filter:none}
.lens-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 8% 6%,rgba(255,255,255,.16),transparent 70%),linear-gradient(120deg,rgba(18,10,10,.5) 0%,rgba(18,10,10,.2) 48%,rgba(255,190,140,.05) 100%)}
.lens-rim{position:absolute;inset:0;z-index:-1;padding:13px;border-radius:inherit;overflow:hidden;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.lens-rim b{transform:scale(1.55);filter:blur(3px) saturate(1.6) contrast(1.35) brightness(.7)}
.lens::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 6px 7px 10px -3px rgba(255,255,255,.4),inset -7px -9px 14px -5px rgba(0,0,0,.4),inset 0 0 26px rgba(255,255,255,.07),inset 0 -14px 20px -12px rgba(255,200,150,.22)}
.gc-sq.lens{background:none!important;border-radius:44px!important}
.gc-sq .gc-tile{z-index:1}.gc-sq b,.gc-sq span,.gc-sq .fg,.gc-sq i{position:relative}
.gc-sq .fg,.gc-sq .gc-tile,.gc-sq .gc-ok{position:absolute}
/* correções do vidro: conflitos com regras antigas e notícias sem anel grosso */
.gc-sq b,.gc-sq span{position:relative;z-index:1}
.gc-sq .lens-bg,.gc-sq .lens-rim{position:absolute}
.in-banner>.lens-bg,.in-banner>.lens-rim{width:auto;height:auto;display:block;background:none;border:0;border-radius:inherit}
.in-banner>.lens-bg{background-image:url(/assets/home-lens.jpg?v=1);background-repeat:no-repeat}
.in-banner>.lens-rim{background:none}

/* sem anel grosso: só a foto por dentro, contorno superelíptico e sombras finas; vale para todas as caixas */
.lens-rim{display:none!important}
.in-cta.lens,.in-cats a.lens,.in-tabs.lens{border-radius:24px!important}
.in-cats a.lens{padding:0 20px}

/* botões como o "Follow" da referência: pílula preta pequena, texto simples */
.in-cta{height:44px;padding:0 24px;border:0!important;border-radius:999px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-family:"Aileron","Poppins",sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;gap:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 20px rgba(40,6,0,.3)!important}
.kc-top{align-items:center}
.kc-act{margin-top:0;gap:16px}
.kc-btn{height:30px;padding:0 20px;font-size:14px;background:#060606;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.kc h4{margin:30px 0 6px;font-size:27px;font-weight:400}
.kc small{font-size:16px}
.kc p{margin:20px 0 26px;font-size:14px;line-height:1.5}
.kc-st{gap:34px;font-size:14px}
.gc-sq .fg i{position:absolute}
html,body{overscroll-behavior-y:none}

/* todos os botões também são o mesmo vidro do contador */
.in-cta.lens,.kc-btn.lens,.in-c.lens{box-shadow:none!important;color:#fff;border-radius:999px!important}
.in-c.lens{border:0!important;width:46px;height:46px;background:none!important}
.in-cta.lens{box-shadow:none!important}
.kc-btn.lens{background:none!important}
.kc-btn.lens::after,.in-cta.lens::after,.in-c.lens::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(255,255,255,.12)}

/* cartões de notícia como o Kvant: vidro escuro com texto legível; "Ler" = pílula preta lisa */
.kc small{color:rgba(255,255,255,.5)}
.kc p{color:rgba(255,255,255,.55)}
.kc-st{color:rgba(255,255,255,.5)}
.kc-btn{background:#050505!important;border:0;border-radius:999px!important;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;clip-path:none!important}

/* notícias: retângulo de cantos simples (como o cartão Kvant), sem contorno superelíptico nem bisel grosso */
.kc.lens{border-radius:34px!important;clip-path:none!important}
.kc.lens::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22)}
.kc small,.kc p,.kc-st{color:rgba(255,255,255,.62)}
.kc h4,.kc p,.kc small,.kc-st{text-shadow:0 1px 8px rgba(60,10,0,.35)}

/* seção Temas médicos: fundo próprio (laranja → preto → brasa), sem esferas, ícones ou texto */
.in-temas{position:relative;margin:34px -16px 0;padding:120px 16px 150px;min-height:100svh;isolation:isolate}
.in-temas::before{content:"";position:absolute;inset:0;z-index:-1;background:#0a0403 url(/assets/tema-bg.jpg?v=1) center/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 110px);mask-image:linear-gradient(180deg,transparent 0,#000 110px)}
.in-temas .gc-label{margin-top:0}
/* botão Abrir radar: pílula limpa (sem recorte irregular), vidro escuro, texto centralizado */
.in-cta.lens{clip-path:none!important;border-radius:999px!important;height:48px;padding:0 28px;overflow:hidden}
.in-cta.lens::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.3)!important}
.in-cta .lens-bg::after{background:linear-gradient(120deg,rgba(14,6,6,.72),rgba(60,20,14,.5))}

/* ===== MENU LATERAL com o mesmo vidro do contador (foto por dentro, tom marrom-alaranjado translúcido) ===== */
.side-lens{position:fixed;left:12px;top:12px;bottom:12px;width:min(300px,86vw);z-index:29;pointer-events:none;border-radius:26px!important;clip-path:none!important;transform:translateX(-112%);transition:transform .25s}
body.menu .side-lens{transform:none}
.side-lens .lens-bg::after{background:radial-gradient(60% 40% at 8% 4%,rgba(255,255,255,.16),transparent 70%),linear-gradient(160deg,rgba(18,10,10,.55) 0%,rgba(18,10,10,.3) 50%,rgba(255,170,120,.06) 100%)}
.side{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important}
@media (min-width:901px){.side-lens{display:none}}

/* seção Temas vai até o fim da página; sem faixa de foto embaixo */
.in-sheet{padding-bottom:0!important}
.in-temas{padding-bottom:160px;margin-bottom:0}
.in-temas .in-note{margin-top:28px;color:rgba(255,255,255,.55)}
.gc-sq .fg{transform:translateX(-50%) scale(.72);transform-origin:50% 100%}

/* ===== Temas médicos: cartões em degradê laranja→vermelho com botão escuro (referência "Friday Night League") e fundo do projeto ===== */
.in-temas::before{background:#0a0605!important;box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55),inset 0 min(60px,8vh) min(140px,16vw) rgba(255,140,50,.4)}
.in-temas .gc-label{margin:0 6px 12px}
.tc{margin:0 0 14px;padding:18px 18px 18px;border-radius:24px;color:#fff;background:linear-gradient(110deg,#f29548 0%,#e8662b 52%,#cf3b1e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 34px rgba(0,0,0,.35)}
.tc-pills{display:flex;gap:8px;margin-bottom:14px}
.tc-pills span{padding:4px 12px;border-radius:999px;font-family:"Bebas Neue",sans-serif;font-size:13px;letter-spacing:.12em;background:rgba(255,255,255,.22);color:#fff}
.tc-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.tc-row b{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:27px;letter-spacing:.08em;line-height:1}
.tc-row strong{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:24px;letter-spacing:.04em}
.tc-sub{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-family:"Aileron","Poppins",sans-serif;font-size:12.5px;color:rgba(255,255,255,.88)}
.tc-btn{display:grid;place-items:center;height:50px;margin-top:16px;border-radius:15px;background:#1a1a1a;color:#fff;text-decoration:none;font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.16em}
.in-temas .in-note{color:rgba(255,255,255,.5)}
/* cartões de tema compactos, proporções da referência */
.tc{margin:0 0 10px;padding:14px 14px 14px;border-radius:20px;background:linear-gradient(90deg,#f39a56 0%,#e9693b 55%,#d23d22 100%);box-shadow:none}
.tc-pills{gap:6px;margin-bottom:10px}
.tc-pills span{padding:3px 10px;font-size:11px;letter-spacing:.1em;background:rgba(255,255,255,.24)}
.tc-row b{font-size:19px;letter-spacing:.07em}
.tc-row strong{font-size:17px}
.tc-sub{margin-top:5px;font-size:11px}
.tc-btn{height:38px;margin-top:12px;border-radius:12px;font-size:15px;letter-spacing:.14em}
/* cartões de tema: menores e com degradê até um laranja intenso (paleta ember do projeto) */
.tc{margin:0 0 8px;padding:11px 12px 12px;border-radius:17px;background:linear-gradient(90deg,#FFA25A 0%,#FF7A3D 52%,#F2540E 100%)}
.tc-pills{gap:5px;margin-bottom:7px}
.tc-pills span{padding:2px 8px;font-size:10px;letter-spacing:.1em;background:rgba(255,255,255,.26)}
.tc-row b{font-size:16px;letter-spacing:.07em}
.tc-row strong{font-size:14px}
.tc-sub{margin-top:3px;font-size:10px}
.tc-btn{height:31px;margin-top:9px;border-radius:10px;font-size:13px;letter-spacing:.14em;background:#1a0f08}

/* Radar de notícias com a mesma estética da Home */
.in-radar{background:linear-gradient(180deg,rgba(14,4,3,.1) 0%,rgba(10,3,3,.55) 100%)}
.in-radar .in-hd h1{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:17px;letter-spacing:.06em;color:#fff}
.in-radar .in-tabrow{margin-bottom:18px}
.in-radar .kc{margin-bottom:14px}
.in-radar .tc{margin-bottom:10px}
.in-radar .in-hd{gap:10px}.in-radar .in-hd h1{flex:1;text-align:center;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.in-radar .in-c{flex:none}
.inicio{overflow:clip}
/* ===== painel de gadgets (substitui "Temas médicos") ===== */
.gd-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.gd{display:flex;flex-direction:column;gap:6px;padding:14px 14px 13px;border-radius:17px;text-decoration:none;color:#fff;background:linear-gradient(135deg,rgba(255,150,70,.22),rgba(30,14,8,.82) 55%,rgba(20,9,5,.9));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.gd-l{font-family:"Bebas Neue",sans-serif;font-size:12px;letter-spacing:.16em;color:#FFB48A}
.gd b{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:32px;line-height:1}
.gd small{font-family:"Aileron","Poppins",sans-serif;font-size:11.5px;color:rgba(255,255,255,.65)}
.gd-w{grid-column:1/-1}
.gd-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.gd-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FFA25A,#F2540E)}
.gd-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.22)}
.gd-row:first-of-type{border-top:0;padding-top:2px}
.gd-row b{font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:14px}
.gd-row span{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.1em;color:rgba(255,255,255,.9)}
.gd-act{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}
.gd-act a{display:grid;place-items:center;height:42px;border-radius:13px;text-decoration:none;color:#fff;font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.12em;background:linear-gradient(135deg,rgba(255,150,70,.22),rgba(30,14,8,.85));border:1px solid rgba(255,255,255,.14)}
.in-rlist .kc{margin-bottom:14px}

/* ===== Painel no estilo do Dashboard (mesmos quadrados) ===== */
.pn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 12px}
.pn-t{aspect-ratio:1/1.2;display:block}
.pn-g1{background:radial-gradient(ellipse 80% 70% at 50% 45%,#0b0d11 25%,#56555d 70%,#9c99a4 100%)}
.pn-g2{background:radial-gradient(ellipse 75% 65% at 50% 42%,#2a0f06 15%,#d8541a 75%,#ff9a52 125%)}
.pn-g3{background:radial-gradient(ellipse 75% 65% at 50% 42%,#03181b 20%,#12504d 62%,#46b3a8 118%)}
.pn-g4{background:radial-gradient(ellipse 75% 65% at 50% 42%,#1e0610 20%,#8c1a2c 70%,#d85030 120%)}
.pn-t .dt-date{top:30%;font-size:clamp(28px,15cqw,44px)}
/* banner "O que meus concorrentes estão postando?" */
.cp-big{display:block;position:relative;margin:0 0 12px;padding:20px 22px 16px;border-radius:30px;color:#fff;text-decoration:none;overflow:hidden;background:linear-gradient(135deg,rgba(255,170,120,.28),rgba(40,18,12,.7) 60%,rgba(20,9,6,.85));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.cp-big-t{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:"Aileron","Poppins",sans-serif;font-size:15px}
.cp-big-n{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px}
.cp-big-n b{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:44px;line-height:1}
.cp-big-n small{font-size:14px;color:rgba(255,255,255,.7)}
.cp-big-n em{margin-left:auto;font-style:normal;font-size:12.5px;color:rgba(255,255,255,.65)}.cp-big-n strong{font-weight:400;color:#fff}
.cp-arcs{display:block;width:100%;height:56px;color:#FFB48A;margin-top:6px}
/* página Concorrentes */
.cp-h{margin:4px 4px 16px;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:30px;line-height:1.05;color:#fff}.cp-h span{color:rgba(255,255,255,.45)}
.cp{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px 14px 14px;margin:0 0 12px;border-radius:28px;color:#fff;overflow:hidden}
.cp-th{flex:none;width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font-style:normal;font-family:"Suissnord","Bebas Neue",sans-serif;font-size:24px;color:#fff;border:1px solid rgba(255,255,255,.3)}
.cp-tx{flex:1;min-width:0}
.cp-tx b{display:block;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:17px}
.cp-tx small{display:block;margin:3px 0 10px;font-size:13px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;font-size:12.5px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.85)}
.cp-chip i{width:20px;height:20px;border-radius:50%}
.cp-go{align-self:flex-start;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:rgba(255,255,255,.14);text-decoration:none}
.cp-big.lens{border-radius:30px!important}
.cp.lens{border-radius:28px!important}
.cp-big.lens .lens-bg::after{background:linear-gradient(135deg,rgba(255,150,90,.3),rgba(24,12,8,.6) 60%,rgba(14,6,4,.7))}

/* ===== Painel no estilo "Sound Intelligence": vidro grafite, números leves, gráfico de pílulas ===== */
.sc-title{margin:0 4px 16px;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:30px;line-height:1.05;color:#fff}.sc-title span{color:rgba(255,255,255,.42)}
.sc{margin:0 0 12px;padding:22px 22px 20px;border-radius:34px;color:#fff;background:linear-gradient(165deg,rgba(52,46,48,.92) 0%,rgba(20,17,18,.96) 55%,rgba(12,10,11,.98));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.4)}
.sc-h{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.7);text-decoration:none;font-family:"Aileron","Poppins",sans-serif;font-size:15px}
.sc-big{display:flex;align-items:flex-end;gap:16px;margin:22px 0 22px}
.sc-big b{font-family:"Aileron","Poppins",sans-serif;font-weight:300;font-size:44px;line-height:1;letter-spacing:-.02em}
.sc-big b small{font-size:13px;font-weight:400;letter-spacing:0;color:rgba(255,255,255,.5)}
.sc-av{margin-left:auto;display:flex}
.sc-av i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;border:2px solid #1a1617;margin-left:-10px}
.sc-f{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:rgba(255,255,255,.5)}.sc-f b{font-weight:400;color:#fff;margin-left:4px}
.sc-chart{position:relative;height:176px;margin:20px 0 18px;background:repeating-linear-gradient(90deg,transparent 0 33px,rgba(255,255,255,.04) 33px 34px)}
.sc-chart i{position:absolute;height:15px;border-radius:999px}
.pl-a{background:linear-gradient(90deg,#FF8B3D,#FFB070)}.pl-b{background:linear-gradient(90deg,#c99a3f,#e6c16a)}.pl-c{background:linear-gradient(90deg,#2f9d90,#5cc8b8)}.pl-x{background:rgba(255,255,255,.1)}
.sc-leg{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:rgba(255,255,255,.7)}.sc-leg span{display:flex;align-items:center;gap:7px}.sc-leg i{width:18px;height:11px;border-radius:999px;display:block}
.cp-big{background:linear-gradient(165deg,rgba(255,150,90,.3),rgba(40,22,18,.92) 55%,rgba(14,9,8,.98))}

/* ===== Painel: mesma estética dos azulejos do Dashboard (imagem dash-t, borda luminosa, brilho diagonal) ===== */
.sc,.cp-big{position:relative;overflow:hidden;isolation:isolate;border-radius:36px!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -1px 1px rgba(255,255,255,.2),0 14px 34px rgba(0,0,0,.45)!important;background-size:cover!important;background-position:center!important;clip-path:none!important}
.sc:nth-of-type(1){background-image:radial-gradient(ellipse 90% 85% at 50% 50%,#2a0f06 15%,#d8541a 78%,#ff9a52 130%)!important}
.sc:nth-of-type(2){background-image:radial-gradient(ellipse 90% 85% at 50% 50%,#03181b 20%,#12504d 65%,#46b3a8 125%)!important}
.cp-big{background-image:radial-gradient(ellipse 90% 85% at 50% 50%,#1e0610 20%,#8c1a2c 70%,#d85030 125%)!important}
.sc::after,.cp-big::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.14) 100%);box-shadow:inset 0 0 26px rgba(255,255,255,.1)}
.sc .lens-bg,.cp-big .lens-bg,.sc .lens-rim,.cp-big .lens-rim{display:none!important}
.sc-h,.cp-big-t{font-family:"Bebas Neue",sans-serif;font-size:20px;letter-spacing:.09em;color:#fff}
.sc-big b,.cp-big-n b{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;letter-spacing:.04em;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.sc-big b small{font-family:"Aileron",sans-serif;letter-spacing:0;color:rgba(255,255,255,.7)}
.sc-f,.sc-leg,.cp-big-n small,.cp-big-n em{color:rgba(255,255,255,.75)}
.sc-av i{border-color:rgba(0,0,0,.45)}

/* Abrir radar: pílula branca, Bebas Neue */
.in-cta{height:40px!important;padding:0 22px!important;border-radius:999px!important;background:#fff!important;color:#0a0605!important;font-family:"Bebas Neue",sans-serif!important;font-size:18px!important;letter-spacing:.1em!important;text-transform:uppercase!important;box-shadow:none!important;display:inline-flex;align-items:center}
/* Painel: sem contorno branco nos banners */
.sc,.cp-big{border:0!important;box-shadow:0 14px 34px rgba(0,0,0,.45)!important}
.sc::after,.cp-big::after{box-shadow:none!important}
/* títulos de seção em Suissnord, maiores */
.inicio .gc-label,.in-temas .gc-label{font-family:"Suissnord","Bebas Neue",sans-serif!important;font-weight:400;font-size:30px;letter-spacing:.03em;line-height:1.05;color:#fff;margin:30px 6px 14px}
.in-temas .gc-label{margin-top:0}
/* Bebas dentro dos banners do Painel, menor */
.sc-h,.cp-big-t{font-size:15px!important;letter-spacing:.1em}
.sc-big b,.cp-big-n b{font-size:38px}
.sc-big b small,.cp-big-n small,.cp-big-n em,.sc-f,.sc-leg{font-size:12px}
.sc,.cp-big{padding:18px 20px 16px}
/* conversa: fundo escuro com borda alaranjada como as outras páginas */
.th .ch-hero{box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55),inset 0 min(60px,8vh) min(140px,16vw) rgba(255,140,50,.4)}
.th .ch-hero{box-shadow:none}
.ch.th::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55),inset 0 min(60px,8vh) min(140px,16vw) rgba(255,140,50,.4)}
.ch.th::after{z-index:0}.ch.th>*{position:relative;z-index:1}
/* concorrentes: cards no estilo das notícias (vidro lens) */
.cp{border-radius:34px!important;padding:20px 20px 20px 18px}
.cp.lens::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22)}
.cp-tx b{font-family:"Aileron","Poppins",sans-serif;font-size:21px;font-weight:400;letter-spacing:0}
.cp-tx small{font-size:14px;color:rgba(255,255,255,.62)}
.cp-th{border:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
.cp-h{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:25px;letter-spacing:.02em}
.cp-h{font-size:25px;letter-spacing:.02em}
.cp-tx b{font-size:18px}.cp-tx small{font-size:13px}.cp-th{width:68px;height:68px}
/* Painel: fundo coral com massas escuras desfocadas; banners translúcidos */
.in-temas::before{background:
 radial-gradient(75% 13% at 52% 9%,#1a0a0b 0%,rgba(26,10,11,.85) 45%,transparent 100%),
 radial-gradient(55% 11% at 20% 26%,#2a1011 0%,transparent 100%),
 radial-gradient(60% 13% at 78% 44%,#1d0b0c 0%,transparent 100%),
 radial-gradient(70% 12% at 36% 64%,#2a1011 0%,transparent 100%),
 radial-gradient(80% 12% at 60% 84%,#1a0a0b 0%,transparent 100%),
 #4a1b1c!important;
 box-shadow:inset 0 0 min(60px,8vw) 2px #f07a76,inset 0 0 min(160px,20vw) min(24px,4vw) rgba(226,92,90,.75)!important}
.sc,.cp-big{backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 28px rgba(0,0,0,.25)!important}
.sc:nth-of-type(1){background-image:radial-gradient(ellipse 90% 85% at 50% 50%,rgba(42,15,6,.55) 15%,rgba(216,84,26,.5) 78%,rgba(255,154,82,.5) 130%)!important}
.sc:nth-of-type(2){background-image:radial-gradient(ellipse 90% 85% at 50% 50%,rgba(3,24,27,.55) 20%,rgba(18,80,77,.5) 65%,rgba(70,179,168,.5) 125%)!important}
.cp-big{background-image:radial-gradient(ellipse 90% 85% at 50% 50%,rgba(30,6,16,.55) 20%,rgba(140,26,44,.5) 70%,rgba(216,80,48,.5) 125%)!important}
/* banners do Painel: vidro colorido (transparente, brilho especular, sem aspecto fosco) */
.sc,.cp-big{backdrop-filter:blur(22px) saturate(1.9) brightness(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.9) brightness(1.08);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.35),inset 0 -10px 22px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.28)!important}
.sc:nth-of-type(1){background-image:linear-gradient(150deg,rgba(255,140,60,.62) 0%,rgba(230,70,20,.3) 55%,rgba(255,120,50,.46) 100%)!important}
.sc:nth-of-type(2){background-image:linear-gradient(150deg,rgba(60,220,200,.55) 0%,rgba(20,140,130,.28) 55%,rgba(70,210,190,.42) 100%)!important}
.cp-big{background-image:linear-gradient(150deg,rgba(255,80,90,.6) 0%,rgba(190,30,60,.3) 55%,rgba(255,100,80,.46) 100%)!important}
.sc::after,.cp-big::after{background:linear-gradient(135deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.06) 28%,rgba(255,255,255,0) 60%,rgba(255,255,255,.16) 100%)!important}
.sc:nth-of-type(2){background-image:linear-gradient(150deg,rgba(20,200,180,.8) 0%,rgba(8,120,112,.55) 55%,rgba(30,190,170,.7) 100%)!important}
/* concorrentes: fundo próprio com a borda laranja de sempre */
.inicio.conc::before{background:#1a0603 url(/assets/conc-bg.jpg?v=1) center/cover no-repeat!important;box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55),inset 0 min(60px,8vh) min(140px,16vw) rgba(255,140,50,.4)}
.inicio.conc .lens-bg{background-image:url(/assets/conc-lens.jpg?v=1)!important}
.sb-brand+.sb-div+.sb-me{margin:4px 0 10px}
.cl-soc{display:flex;gap:14px}.cl-soc .cl-c{flex:none}
.dt-cy::before{background:#ffd0a0!important;box-shadow:0 0 8px rgba(255,170,100,.8)!important}
/* vidro fosco e mais luminoso em todos os azulejos, menos o Brandkit */
.dt:not(.t2) .dt-bg{filter:none;transform:none}
.dt:not(.t2)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 30% 8%,rgba(255,236,215,.34) 0%,rgba(255,200,160,.12) 45%,rgba(255,170,120,.06) 100%);mix-blend-mode:screen}
.dt:not(.t2) .dt-gl{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.08) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.2) 100%);box-shadow:inset 0 0 34px rgba(255,235,215,.22)}
/* banners do Painel editorial: mesma estética dos azulejos do Dashboard (vidro fosco luminoso, laranja do Brandkit) */
.sc,.cp-big{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:inset 0 0 38px rgba(255,235,215,.2),0 14px 34px rgba(0,0,0,.4)!important}
.sc:nth-of-type(1){background-image:radial-gradient(ellipse 92% 88% at 50% 50%,#3a1305 10%,#b9471b 58%,#f58a3c 100%,#ffc08a 135%)!important}
.sc:nth-of-type(2){background-image:radial-gradient(ellipse 92% 88% at 50% 50%,#2c0f04 12%,#a63f16 56%,#ee7c34 100%,#ffb27a 135%)!important}
.cp-big{background-image:radial-gradient(ellipse 92% 88% at 50% 50%,#3a1305 10%,#c24c1c 58%,#f89a4a 100%,#ffcb98 135%)!important}
.sc::before,.cp-big::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 30% 6%,rgba(255,236,215,.36) 0%,rgba(255,200,160,.12) 45%,rgba(255,170,120,.05) 100%);mix-blend-mode:screen}
.sc::after,.cp-big::after{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.08) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.2) 100%)!important}
.sc-chart{background:none}
/* Dashboard continua com o Painel (rolagem) */
.dash.dm{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.dm-pn{flex:none;width:100%;margin:34px 0 0;padding-bottom:calc(var(--safe-b) + 130px)}
.dm-pn .gc-label{font-family:"Suissnord","Bebas Neue",sans-serif!important;font-weight:400;font-size:30px;letter-spacing:.03em;line-height:1.05;color:#fff;margin:0 6px 14px}
/* notificações na Home */
.nt-r{display:flex;align-items:center;gap:14px;margin:0 0 10px;padding:16px 18px;border-radius:30px;color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(255,170,120,.22),rgba(40,18,12,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(0,0,0,.3);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}
.nt-r>i:not(.lens-bg):not(.lens-rim){flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}
.nt-r div{min-width:0}.nt-r b{display:block;font-weight:400;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-r span{display:block;margin-top:3px;font-size:12.5px;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-all{display:block;text-align:center;margin:14px 0 0;font-family:"Bebas Neue",sans-serif;letter-spacing:.14em;font-size:16px;color:rgba(255,255,255,.8);text-decoration:none}
/* bolha de chat ao lado da barra (Home) */
.fbar .fb-chat{position:absolute;left:calc(100% + 10px);top:0;bottom:0;aspect-ratio:1;padding:0!important;justify-content:center;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 14px 40px rgba(0,0,0,.4);color:rgba(255,255,255,.85)}
.fbar:has(.fb-chat){left:calc(50% - 31px)}
/* ===== páginas das redes: cards foscos em lista, banner no topo e folha aberta ===== */
.am-ban{display:flex;align-items:center;gap:14px;margin:6px 0 20px;padding:14px 18px 14px 14px;border-radius:30px;color:#fff;background:linear-gradient(135deg,rgba(255,190,140,.34),rgba(60,26,18,.55) 70%);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 14px 34px rgba(0,0,0,.3)}
.am-ban>i{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 1px rgba(255,255,255,.45)}
.am-ban b{display:block;font-weight:400;font-size:20px;line-height:1.15}.am-ban small{display:block;margin-top:2px;font-size:13px;color:rgba(255,255,255,.66)}
.am-h{display:flex;align-items:baseline;justify-content:space-between;margin:22px 6px 12px;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:24px;letter-spacing:.03em;color:#fff}
.am-h span{font-family:"Aileron",sans-serif;font-size:13px;letter-spacing:0;color:rgba(255,255,255,.55)}
.am-c{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 12px;padding:14px 16px 14px 14px;text-align:left;border-radius:30px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 60%,rgba(255,200,160,.1));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.28)}
.am-th{flex:none;width:68px;height:68px;border-radius:22px;overflow:hidden;display:grid;place-items:center;font-style:normal;background:linear-gradient(145deg,rgba(255,190,140,.5),rgba(190,70,30,.5));box-shadow:inset 0 1px 1px rgba(255,255,255,.4);color:#fff}
.am-th img{width:100%;height:100%;object-fit:cover}
.am-tx{min-width:0;flex:1}.am-tx b{display:block;font-weight:400;font-size:17px;line-height:1.2}
.am-tx small{display:block;margin:3px 0 6px;font-size:12px;color:rgba(255,255,255,.6)}
.am-tx p{margin:0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.am-e{padding:40px 10px;text-align:center;color:rgba(255,255,255,.6)}
.am-ov{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(var(--safe-b) + 24px);background:rgba(10,4,2,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:amIn .25s ease-out}
.am-sh{position:relative;width:100%;max-width:520px;max-height:82svh;overflow:auto;padding:22px 20px 20px;border-radius:38px;color:#fff;background:linear-gradient(150deg,rgba(255,190,140,.4),rgba(70,30,22,.78) 60%,rgba(40,16,12,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 30px 70px rgba(0,0,0,.55);animation:amSh .35s cubic-bezier(.2,.8,.3,1)}
@keyframes amIn{from{opacity:0}to{opacity:1}}
@keyframes amSh{from{transform:translateY(40px) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}
.am-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}.am-x svg{transform:rotate(45deg)}
.am-sh-t{display:flex;align-items:center;gap:14px;padding-right:48px;margin-bottom:16px}
.am-sh-t b{display:block;font-weight:400;font-size:20px;line-height:1.2}.am-sh-t small{display:block;margin-top:3px;font-size:12.5px;color:rgba(255,255,255,.65)}
.am-sh .saved{display:block;margin:0 4px 8px;font-size:12px;color:rgba(255,255,255,.55)}
.am-sh .cap{width:100%;min-height:150px;resize:vertical;padding:14px 16px;border-radius:24px;border:0;outline:0;color:#fff;font-size:15px;line-height:1.5;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.am-ac{display:flex;gap:10px;margin-top:14px}
.am-ac button{flex:1;height:48px;border-radius:999px;color:#fff;font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
.am-ac button.on,.am-ac button:last-child{background:linear-gradient(135deg,#FF9A5C,#E85A1A)}
/* folha aberta: cores e vidro da referência (pêssego no topo, grafite azulado embaixo) */
.am-ov{background:rgba(18,20,26,.5)}
.am-sh{background:radial-gradient(120% 70% at 30% 0%,rgba(244,190,160,.92) 0%,rgba(205,160,140,.6) 38%,rgba(110,102,108,0) 75%),linear-gradient(170deg,rgba(150,128,124,.92) 0%,rgba(88,86,94,.9) 42%,rgba(44,48,58,.94) 100%);backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 40px rgba(255,255,255,.06),0 30px 70px rgba(0,0,0,.45)}
.am-x{border-radius:18px;background:rgba(40,42,50,.38);box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.am-sh .am-th{background:rgba(255,255,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
.am-sh-t b{color:#fff}.am-sh-t small{color:rgba(255,255,255,.72)}
.am-sh .saved{color:rgba(255,255,255,.7)}
.am-sh .cap{background:rgba(36,38,46,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);color:#fff}
.am-ac button,.am-ac button.on,.am-ac button:last-child{background:rgba(36,38,46,.34);box-shadow:inset 0 1px 1px rgba(255,255,255,.2);border-radius:22px}
.am-ov .am-sh.apt{background:radial-gradient(120% 70% at 30% 0%,rgba(244,190,160,.92) 0%,rgba(205,160,140,.6) 38%,rgba(110,102,108,0) 75%),linear-gradient(170deg,rgba(150,128,124,.92) 0%,rgba(88,86,94,.9) 42%,rgba(44,48,58,.94) 100%)!important;border:0!important;border-radius:38px!important;padding:22px 20px 20px!important}
.am-ov .am-sh.apt::before,.am-ov .am-sh.apt::after{display:none!important}
/* folha: mais translúcida, degradê pêssego → terracota (sem chegar ao cinza), botões alaranjados */
.am-ov .am-sh.apt{background:radial-gradient(120% 70% at 30% 0%,rgba(250,190,150,.75) 0%,rgba(230,150,110,.45) 40%,rgba(200,110,80,0) 78%),linear-gradient(170deg,rgba(214,140,108,.62) 0%,rgba(150,76,56,.6) 48%,rgba(78,34,28,.72) 100%)!important;backdrop-filter:blur(26px) saturate(1.35)!important;-webkit-backdrop-filter:blur(26px) saturate(1.35)!important}
.am-ov .am-ac button{background:linear-gradient(135deg,rgba(255,150,90,.55),rgba(232,90,26,.5))!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.4)!important}
.am-ov .am-ac button:last-child{background:linear-gradient(135deg,rgba(255,160,100,.85),rgba(232,90,26,.8))!important}
.am-ov .am-sh .cap{background:rgba(70,28,18,.22)}
.am-ov .am-x{background:rgba(255,150,100,.3)}
/* Cronograma: escala de textos e botões reformatada */
.cr-h h1{font-size:20px;letter-spacing:.04em}
.cr-bk{width:46px;height:46px}
.cr-r span{font-size:17px}
.cr-tg{height:36px;min-width:84px;padding:3px 3px 3px 16px;gap:10px;font-size:13px}
.cr-tg i{width:30px;height:30px}
.cr-tg:not(.on){padding:3px 16px 3px 3px}
.cr-cap{font-size:13px!important;letter-spacing:.12em!important}
.cr .cr-band{height:40px;padding:0 20px;font-size:13.5px;margin:0 0 14px}
.cr .cr-go{height:44px;min-width:210px;width:58%;padding:0 5px 0 22px;font-size:14px}
.cr .cr-go i{width:34px;height:34px}
.in-logo{cursor:pointer}
/* banners (Painel e Concorrentes) com o mesmo vidro "lente" dos cards de notícias */
.sc.lens.lens,.cp-big.lens.lens{background-image:none!important;background:none!important;box-shadow:none!important;border-radius:36px!important;clip-path:none!important}
.sc.lens::before,.cp-big.lens::before{display:none!important}
.sc.lens::after,.cp-big.lens::after{background:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22)!important;z-index:0}
.sc.lens>*:not(.lens-bg):not(.lens-rim),.cp-big.lens>*:not(.lens-bg):not(.lens-rim){position:relative;z-index:1}
.inicio.conc .cp-big .lens-bg{background-image:url(/assets/conc-lens.jpg?v=1)!important}
/* notificações da Home: mesmo vidro dos cards de notícias, sobre o fundo laranja da Home */
.in-temas::before{display:none!important}
.in-temas{min-height:0;padding:10px 16px 150px;margin-top:6px}
.nt-r.lens{background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:34px!important;clip-path:none!important}
.nt-r.lens::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22)}
.nt-r.lens>*:not(.lens-bg):not(.lens-rim){position:relative;z-index:1}
.nt-r b{font-size:19px}.nt-r span,.nt-r.lens span{color:rgba(255,255,255,.62);text-shadow:0 1px 8px rgba(60,10,0,.35)}
.nt-r.lens{position:relative}
.nt-r .lens-bg{background-image:url(/assets/home-lens.jpg?v=1)!important;background-repeat:no-repeat}
.nt-r .lens-bg::after{background:linear-gradient(120deg,rgba(40,12,6,.68) 0%,rgba(70,20,8,.5) 100%)}
/* Novo post na estética das outras páginas */
.nv .novo{max-width:none;padding:0;background:none;border:0;box-shadow:none;display:grid;gap:14px}
.nv .field{gap:8px;margin:0}
.nv .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nv .field label,.nv .field>label{font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.14em;color:rgba(255,255,255,.82)}
.nv .field input,.nv .field select,.nv .field textarea{border:0;border-radius:26px;padding:15px 18px;font-size:15px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 60%,rgba(255,200,160,.1));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px rgba(0,0,0,.22)}
.nv .field select option{color:#2a120a}
.nv .field input::placeholder,.nv .field textarea::placeholder{color:rgba(255,255,255,.5)}
.nv .field input:focus,.nv .field select:focus,.nv .field textarea:focus{outline:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 10px 24px rgba(0,0,0,.22)}
.nv .drop{border:0;border-radius:30px;padding:26px 18px;color:rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.nv .btn{height:46px;border-radius:999px;font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.12em;color:#fff;background:rgba(255,255,255,.14);border:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
.nv .btn.primary{background:#fff;color:#0a0605;box-shadow:none}
.nv .btn[disabled]{opacity:.5}
.nv .hint{text-align:center;color:rgba(255,255,255,.6);font-size:12.5px}
/* transição suave entre páginas (só opacidade, para não quebrar elementos fixos) */
.main.pg-in{animation:pgIn .34s ease-out}
@keyframes pgIn{from{opacity:0}to{opacity:1}}
/* Brandkit na estética do app (o conteúdo vem da pasta /ds e é substituído pelo arquivo do cliente) */
.dsx .ds{display:grid;gap:16px}
.dsx .ds-acc,.dsx .ds-block{border:0;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 60%,rgba(255,200,160,.1));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.25)}
.dsx .ds-acc>summary{padding:18px 22px;font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.14em;color:#fff}
.dsx .ds-h{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:20px;letter-spacing:.04em;color:#fff;text-transform:none}
.dsx .ds-h small{font-family:"Bebas Neue",sans-serif;color:rgba(255,255,255,.55)}
.dsx .ds-sub{color:rgba(255,255,255,.62)}.dsx .ds-sub a{color:#ffd0a0}
.dsx .ds-card{border:0;border-radius:24px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.dsx .ds-card figcaption{color:rgba(255,255,255,.7)}.dsx .ds-card figcaption b{color:#fff}
.dsx .ds-block{padding:20px}
/* ===== Galeria de fotos ===== */
.gl-plus{margin-left:auto;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#0a0605;background:#fff}
.gl-chips{display:flex;gap:8px;margin:0 0 16px}
.gl-chips button{height:38px;padding:0 18px;border-radius:999px;font-family:"Bebas Neue",sans-serif;font-size:16px;letter-spacing:.12em;color:rgba(255,255,255,.8);background:rgba(255,255,255,.1);box-shadow:inset 0 1px 1px rgba(255,255,255,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.gl-chips button.on{background:#fff;color:#0a0605;box-shadow:none}
.gl-grid{column-count:2;column-gap:10px}
.gl-t{position:relative;display:block;width:100%;margin:0 0 10px;padding:0;break-inside:avoid;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 26px rgba(0,0,0,.28)}
.gl-t img,.gl-t video{display:block;width:100%;height:auto;min-height:120px;object-fit:cover}
.gl-c{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 12px;border-radius:999px;font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(30,12,8,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.gl-play{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(30,12,8,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gl-empty{display:grid;justify-items:center;gap:10px;padding:34px 22px;text-align:center;border-radius:34px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 60%,rgba(255,200,160,.1));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.gl-empty>i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}
.gl-empty b{font-weight:400;font-size:19px}.gl-empty p{margin:0;max-width:30ch;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.7)}
.gl-btn{display:inline-flex;align-items:center;height:42px;padding:0 24px;margin-top:6px;border-radius:999px;font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.12em;text-decoration:none;color:#0a0605;background:#fff}
.am-ov .am-sh.gl-sh{background:radial-gradient(120% 70% at 30% 0%,rgba(250,190,150,.75) 0%,rgba(230,150,110,.45) 40%,rgba(200,110,80,0) 78%),linear-gradient(170deg,rgba(214,140,108,.62) 0%,rgba(150,76,56,.6) 48%,rgba(78,34,28,.72) 100%);backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);padding:18px 18px 18px}
.gl-pv{margin:0 0 14px;border-radius:26px;overflow:hidden;background:rgba(0,0,0,.25)}
.gl-pv img,.gl-pv video{display:block;width:100%;max-height:50svh;object-fit:contain}
.am-ac .gl-dl,.am-ac button{flex:1;display:grid;place-items:center;height:48px;border-radius:22px;color:#fff;text-decoration:none;font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,rgba(255,150,90,.55),rgba(232,90,26,.5));box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}
.am-ac button:last-child{background:rgba(36,38,46,.34)}
/* página de entrada */
.gl-drop{display:grid;justify-items:center;gap:6px;padding:34px 20px;text-align:center;border-radius:34px;color:#fff;cursor:pointer;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 60%,rgba(255,200,160,.1));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.25)}
.gl-drop.over{box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 12px 28px rgba(0,0,0,.25)}
.gl-drop>i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px;background:#fff;color:#0a0605}
.gl-drop b{font-weight:400;font-size:19px}.gl-drop span{font-size:13px;color:rgba(255,255,255,.68)}
.gl-prev{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gl-prev:empty{display:none}
.gp{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.gp img{width:100%;height:100%;object-fit:cover;display:block}
.gp-v{position:absolute;inset:0;display:grid;place-items:center;font-family:"Bebas Neue",sans-serif;letter-spacing:.14em;color:#fff}
.gp button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(30,12,8,.55)}.gp button svg{transform:rotate(45deg)}
.am-ov .am-ac .gl-del{background:rgba(36,38,46,.4)!important}
.nv .btn.primary{background:#fff!important;color:#0a0605!important;box-shadow:none!important}.nv .btn.primary[disabled]{opacity:.45}
/* Cronograma: botão "Enviar evento" + lista de eventos abaixo do retângulo */
.cr{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.cr .cr-p{flex:none;height:calc(100svh - 197px);min-height:470px;margin-bottom:0}
.cr-ev{flex:none;padding:26px 16px calc(var(--safe-b) + 130px)}
.evx-h{margin:0 6px 14px;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:30px;letter-spacing:.03em;line-height:1.05;color:#fff}
.evx-c.is-past{opacity:.6}
.evx-d{flex:none;width:68px;height:68px;border-radius:22px;display:grid;place-content:center;justify-items:center;gap:0;font-style:normal;background:linear-gradient(145deg,rgba(255,190,140,.5),rgba(190,70,30,.5));box-shadow:inset 0 1px 1px rgba(255,255,255,.4);color:#fff}
.evx-d b{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:26px;line-height:1}
.evx-d em{font-style:normal;font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.14em;margin-top:2px;text-transform:uppercase}
.evx-t{margin:0 48px 16px 4px;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:24px;letter-spacing:.03em;color:#fff}
.evx-f{display:grid;gap:7px;margin:0 0 12px}
.evx-f span{font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.14em;color:rgba(255,255,255,.85)}
.evx-f input,.evx-f textarea{width:100%;border:0;outline:0;border-radius:24px;padding:14px 18px;font-size:15px;color:#fff;background:rgba(70,28,18,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);color-scheme:dark}
.evx-f input::placeholder,.evx-f textarea::placeholder{color:rgba(255,255,255,.5)}
.evx-sh{max-height:88svh}
.evx-sh .am-ac{margin-top:6px}
/* galeria: fundo desfocado, fosco e esbranquiçado para destacar as fotos */
.inicio.glx::before{filter:blur(18px) saturate(.85) brightness(1.12);transform:scale(1.1)}
.inicio.glx::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,246,238,.38),rgba(255,236,224,.3) 60%,rgba(255,226,210,.4))}
.inicio.glx>*:not(.am-ov){position:relative;z-index:1}
.cr .am-ov{padding-bottom:calc(var(--safe-b) + 104px)}
.evx-t{font-size:21px;margin-bottom:14px}
.evx-sh{padding-top:20px}
/* Cronograma: títulos das seções em Bebas Neue e fundo em degradê laranja (sem o preto no meio) */
.cr{background:radial-gradient(120% 60% at 50% 0%,#ff8a3a 0%,rgba(255,138,58,0) 70%),linear-gradient(180deg,#f2661c 0%,#e44f17 38%,#c43e10 70%,#9c2d0b 100%)!important}
.cr .evx-h,.cr .am-h{font-family:"Bebas Neue",sans-serif;font-size:26px;letter-spacing:.14em;text-transform:uppercase}
.cr .am-h span{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.1em;color:rgba(255,255,255,.7)}
.evx-t{font-family:"Bebas Neue",sans-serif;font-size:26px;letter-spacing:.14em;text-transform:uppercase}
.cr .evx-h{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:30px;letter-spacing:.03em;text-transform:none}
.cr .am-h{font-size:19px;letter-spacing:.14em}
.cr .am-h span{font-size:15px}
/* Brandkit: mesmo fundo desfocado, fosco e esbranquiçado da galeria */
.inicio.dsx::before{filter:blur(18px) saturate(.85) brightness(1.12);transform:scale(1.1)}
.inicio.dsx::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,246,238,.38),rgba(255,236,224,.3) 60%,rgba(255,226,210,.4))}
.inicio.dsx>*:not(.am-ov){position:relative;z-index:1}
/* Chat: fundo laranja desfocado, fosco e mais alaranjado; título em Suissnord */
.ch-hero{background:none!important;isolation:isolate}
.ch-hero::before{content:"";position:absolute;inset:-24px;z-index:-2;background:radial-gradient(90% 55% at 15% 8%,rgba(255,170,70,.95) 0%,transparent 60%),radial-gradient(80% 60% at 95% 70%,rgba(232,60,10,.95) 0%,transparent 65%),radial-gradient(70% 50% at 10% 95%,rgba(255,120,30,.8) 0%,transparent 70%),linear-gradient(180deg,#f57a1f,#e65212 60%,#d3410c);filter:blur(18px) saturate(1.1)}
.ch-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 30% 0%,rgba(255,196,140,.42) 0%,rgba(255,150,80,.2) 55%,rgba(255,120,50,.12) 100%)}
.ch-t{font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;letter-spacing:.02em;font-size:clamp(28px,8vw,36px);line-height:1.08}
.ch-t{font-family:"Bebas Neue",sans-serif;font-weight:400;letter-spacing:.06em;font-size:clamp(38px,11vw,48px);line-height:1}
.sb-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 6px 16px rgba(0,0,0,.25)}
.pl-go{text-decoration:none;margin:4px 0 16px}.pl-go>svg{flex:none;opacity:.8}
/* atalhos da Home: pílulas iguais, de vidro translúcido (sem a foto por dentro) */
.in-cats a,.in-cats a.lens{background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08))!important;border:0!important;border-radius:999px!important;color:#fff!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 8px 20px rgba(60,10,0,.22)!important}
.in-cats a .lens-bg,.in-cats a .lens-rim{display:none!important}
/* Home: faixa "Hoje", ações rápidas e tira da galeria */
.hj{display:flex;align-items:center;gap:16px;margin:0 0 12px;padding:18px 20px;border-radius:34px;color:#fff;text-decoration:none}
.hj-l{flex:1;min-width:0}
.hj-l small{display:block;font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.14em;color:rgba(255,255,255,.7);text-transform:uppercase}
.hj-l b{display:block;margin:4px 0 2px;font-weight:400;font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hj-l span{font-size:13px;color:rgba(255,255,255,.7)}
.hj-r{flex:none;text-align:right;padding-left:16px;border-left:1px solid rgba(255,255,255,.18)}
.hj-r strong{display:block;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:34px;line-height:1}
.hj-r span{display:block;margin-top:4px;font-size:11.5px;color:rgba(255,255,255,.7);max-width:9ch}
.hj.lens>*:not(.lens-bg):not(.lens-rim){position:relative;z-index:1}
.qa{display:flex;gap:8px;margin:0 0 6px}
.qa a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 8px;border-radius:999px;color:#fff;text-decoration:none;font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08));backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 8px 20px rgba(60,10,0,.22)}
.hg{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hg::-webkit-scrollbar{display:none}
.hg-t{position:relative;flex:none;width:104px;height:104px;border-radius:28px;overflow:hidden;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 22px rgba(0,0,0,.25)}
.hg-t img,.hg-t video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hg-more{background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hg-empty{flex:1;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:30px;color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.hg-empty i{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.hg-empty b{display:block;font-weight:400;font-size:16px}.hg-empty small{display:block;margin-top:2px;font-size:12.5px;color:rgba(255,255,255,.7)}
.in-sheet .gc-label{color:#ff9548!important;text-shadow:0 1px 14px rgba(40,8,0,.35)}
.qa{gap:6px}.qa a{min-width:0;padding:0 6px;gap:4px;font-size:13.5px;letter-spacing:.06em}
.qa a svg{flex:none;width:14px;height:14px}
/* títulos da Home: laranja no degradê da marca DRBX (Galeria fica branco) */
.in-sheet .gc-label{color:transparent!important;background:linear-gradient(135deg,#FFB070 0%,#FF7A3D 35%,#E85A1A 70%,#C4400F 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none!important;width:fit-content}
.in-sheet .gc-label.gc-white{color:#fff!important;background:none;-webkit-background-clip:initial;background-clip:initial}
.in-sheet .gc-label:not(.gc-white){background-image:linear-gradient(135deg,#FFD2A0 0%,#FF9A52 30%,#F0601F 65%,#C23E0E 100%);filter:drop-shadow(0 1px 1px rgba(60,12,0,.55)) drop-shadow(0 3px 12px rgba(50,8,0,.5))}
/* degradê laranja da marca: nome do doutor e rótulo do banner "Próximo evento" */
.in-hi span,.hj-l small{color:transparent!important;background-image:linear-gradient(135deg,#FFD2A0 0%,#FF9A52 30%,#F0601F 65%,#C23E0E 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 1px rgba(60,12,0,.55)) drop-shadow(0 3px 12px rgba(50,8,0,.5))}
.in-hi span{display:inline-block}
/* mídias por link (Google Drive, YouTube, Dropbox) */
.gl-t.gl-lk{aspect-ratio:1}
.gl-pv-i{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#fff;background:linear-gradient(145deg,rgba(255,190,140,.45),rgba(190,70,30,.5))}
.gl-pv-i em{font-style:normal;font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.gl-if{display:block;width:100%;height:min(46svh,300px);border:0;background:#000}
.gl-nopv{display:grid;justify-items:center;gap:8px;padding:40px 10px;color:#fff;font-family:"Bebas Neue",sans-serif;letter-spacing:.12em;font-size:17px}
.gl-link{display:grid;gap:8px}
.gl-lbl{font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.14em;color:rgba(255,255,255,.82)}
.gl-lrow{display:flex;gap:8px}
.gl-lrow input{flex:1;min-width:0;border:0;outline:0;border-radius:26px;padding:14px 18px;font-size:14.5px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 60%,rgba(255,200,160,.1));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.gl-lrow input::placeholder{color:rgba(255,255,255,.5)}
.gl-lrow button{flex:none;padding:0 18px;border-radius:999px;font-family:"Bebas Neue",sans-serif;font-size:16px;letter-spacing:.12em;color:#0a0605;background:#fff}
.gl-lrow button[disabled]{opacity:.5}

.gl-t.gl-lnk{aspect-ratio:4/3}
.gl-t.gl-lnk img{position:absolute;inset:0;height:100%}
/* Dashboard: títulos no degradê laranja da marca */
.dm-h,.dm-pn .gc-label{color:transparent!important;background-image:linear-gradient(135deg,#FFD2A0 0%,#FF9A52 30%,#F0601F 65%,#C23E0E 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none!important;width:fit-content;filter:drop-shadow(0 1px 1px rgba(60,12,0,.45)) drop-shadow(0 3px 12px rgba(50,8,0,.4))}
/* Cronograma: títulos em branco */
.cr-h h1,.cr .evx-h,.cr .am-h{color:#fff;background:none;filter:none}
.cr .am-h{display:flex;width:100%}
/* nome do doutor: volta à cor anterior */
.in-hi span{color:#ffd2b0!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;filter:none!important}
/* Abrir radar: vidro transparente, como as demais pílulas da Home */
.in-cta{background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08))!important;color:#fff!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 8px 20px rgba(60,10,0,.22)!important}
/* calendário comercial: o que é o dia selecionado (feriado, data comercial, saúde) */
.cr-evl{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;padding:0 10px}
.cr-evl[hidden]{display:none}
.cr-evl span{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:999px;font-size:12.5px;line-height:1.1;color:#fff;background:rgba(40,12,6,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.cr-evl b{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.2)}
.cr-evl .evl-fe b{background:#ff7a3d}.cr-evl .evl-co b{background:#e6307e}.cr-evl .evl-sa b{background:#2f9d90}
/* página de cada estratégia / pilar */
.sd-card{margin:0 0 12px;padding:22px 22px 20px;border-radius:34px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 60%,rgba(255,200,160,.1));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.25)}
.sd-k{display:block;margin-bottom:10px;font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.sd-card p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.92)}
.sd-st{display:flex;gap:26px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);font-size:13.5px;color:rgba(255,255,255,.65)}
.sd-st b{font-weight:400;color:#fff;font-size:15px}
.sd-aud p{color:rgba(255,255,255,.7)}
.sd-nav{display:grid;gap:10px;margin-top:16px}
.sd-n{margin:0;text-decoration:none}.sd-n>svg{flex:none;opacity:.8}.sd-n small{margin:0 0 3px}
/* ===== Feed de ideias / moodboard ===== */
.fd-grid{column-count:2;column-gap:10px}
.fd-c{position:relative;display:block;width:100%;margin:0 0 10px;padding:0;break-inside:avoid;overflow:hidden;isolation:isolate;text-align:left;border-radius:30px;color:#fff;aspect-ratio:3/4;background:linear-gradient(160deg,rgba(255,190,140,.55),rgba(190,70,30,.6));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 30px rgba(0,0,0,.28)}
.fd-c:nth-child(3n+2){aspect-ratio:3/3.5}.fd-c:nth-child(3n){aspect-ratio:3/4.4}
.fd-c>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.fd-top{position:absolute;top:10px;left:10px;right:44px;display:flex;align-items:center;gap:6px}
.fd-top i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(30,12,8,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.fd-top em{font-style:normal;font-size:11.5px;padding:5px 10px;border-radius:999px;background:rgba(30,12,8,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-idea{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#2a120a;background:#fff}
.fd-ov{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 14px;display:block}
.fd-ov::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55%);mask-image:linear-gradient(180deg,transparent 0,#000 55%);background:linear-gradient(180deg,transparent,rgba(40,14,8,.55))}
.fd-ov b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;font-size:15.5px;line-height:1.25}
.fd-ov small{display:block;margin-top:5px;font-size:11.5px;color:rgba(255,255,255,.72)}
/* folha aberta no estilo story */
.fd-sh{position:relative;width:100%;max-width:520px;height:min(80svh,680px);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;border-radius:40px;color:#fff;background:linear-gradient(160deg,#f6b88a,#d9541a 60%,#7a2208);box-shadow:0 30px 70px rgba(0,0,0,.5);animation:amSh .35s cubic-bezier(.2,.8,.3,1)}
.fd-sh-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.fd-sh .am-x{z-index:3}
.fd-sh-h{display:flex;align-items:center;gap:10px;margin:16px 70px 0 16px;padding:7px 14px 7px 7px;width:fit-content;max-width:calc(100% - 86px);border-radius:999px;background:rgba(30,12,8,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.fd-sh-h i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2)}
.fd-sh-h b{display:block;font-weight:400;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-sh-h small{display:block;font-size:11px;color:rgba(255,255,255,.7)}
.fd-sh-b{position:relative;padding:60px 20px 18px;max-height:62%;overflow:auto}
.fd-sh-b::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38%);mask-image:linear-gradient(180deg,transparent 0,#000 38%);background:linear-gradient(180deg,transparent,rgba(40,14,8,.62) 45%)}
.fd-q{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:12.5px;color:#2a120a;background:#fff}
.fd-t{margin:14px 0 0;font-size:20px;line-height:1.3}
.fd-sh-b hr{border:0;height:1px;margin:16px 0 12px;background:rgba(255,255,255,.35)}
.fd-n{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.82)}
.fd-ac{display:flex;gap:10px;margin-top:18px}
.fd-open,.fd-tg{flex:1;display:grid;place-items:center;height:50px;border-radius:999px;font-size:15px;text-decoration:none}
.fd-open{color:#1a0c07;background:#fff;font-weight:600}
.fd-tg{color:#fff;border:1.5px solid rgba(255,255,255,.75);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fd-tg.on{background:rgba(255,255,255,.28)}
.fd-del{display:block;margin:12px auto 0;font-size:12.5px;color:rgba(255,255,255,.65);text-decoration:underline}
/* entrada */
.fd-chk{display:flex;align-items:center;gap:12px;font-size:15px;color:#fff;cursor:pointer}
.fd-chk input{position:absolute;opacity:0;pointer-events:none}
.fd-box{flex:none;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 1px rgba(255,255,255,.35);color:transparent}
.fd-chk input:checked+.fd-box{background:#fff;color:#0a0605}
.fd-img{padding:22px 18px}.fd-img b{font-weight:400;font-size:16px}.fd-img span{font-size:12.5px}
#f_prev img{width:84px;height:84px;object-fit:cover;border-radius:20px;margin-top:10px}
/* Chat: sem o brilho laranja de fundo; retângulo superior no estilo do retângulo do Cronograma */
.ch.th::after{display:none!important}
.ch{background:#0b0807}
.ch-hero{margin:calc(var(--safe-t) + 10px) 10px 0;border-radius:54px!important;background:radial-gradient(ellipse 32% 19% at 50% 36%,#3a1205 0%,rgba(58,18,5,.96) 45%,rgba(58,18,5,0) 100%),radial-gradient(ellipse 66% 38% at 50% 38%,#ff6a1a 0%,#ec4a0f 42%,rgba(236,74,15,0) 100%),linear-gradient(180deg,#f6c39a,#f0a672)!important;box-shadow:none!important}
.ch-hero::before,.ch-hero::after{display:none!important}
.th .ch-hero{padding-top:26px}
/* seção Feed da Home: fundo desfocado que esmaece no topo, separando-a do resto */
.in-temas{position:relative;isolation:isolate;margin-top:18px;padding-top:92px}
.in-temas::before{display:block!important;content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(26,8,4,.28),rgba(18,6,3,.62) 40%,rgba(10,3,2,.82));backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 110px);mask-image:linear-gradient(180deg,transparent 0,#000 110px);box-shadow:none!important}
.in-temas .gc-label{margin-top:0}
.sb-ver{display:block;margin:10px 0 2px 12px;font-size:11px;color:rgba(255,255,255,.4)}

/* Menu flutuante lateral da Home: desliza para cima/baixo e a bolha do meio escolhe o botão */
.cdock{position:fixed;z-index:30;right:10px;top:50%;transform:translateY(-50%);width:62px;height:min(58svh,380px);border-radius:34px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,160,100,.14) 55%,rgba(60,20,10,.42));backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.4),0 18px 40px rgba(50,8,0,.35)}
.cdock-sel{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(120% 120% at 30% 22%,rgba(255,255,255,.38),rgba(255,255,255,.1) 45%,rgba(255,170,110,.16) 100%);backdrop-filter:blur(1.5px) saturate(1.9) brightness(1.18);-webkit-backdrop-filter:blur(1.5px) saturate(1.9) brightness(1.18);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5),inset 7px 9px 14px rgba(255,255,255,.3),inset -9px -12px 18px rgba(120,30,0,.3),0 12px 26px rgba(50,8,0,.38),0 0 22px rgba(255,170,100,.35);will-change:transform}
.cdock-sel i{position:absolute;left:14%;top:8%;width:46%;height:26%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));transform:rotate(-24deg);filter:blur(1px)}
.cdock-sc{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:calc(50% + 0px) 0;padding-block:calc(min(58svh,380px)/2 - 27px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);touch-action:pan-y}
.cdock-sc::-webkit-scrollbar{display:none}
.cdock-i{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;margin:0 auto;scroll-snap-align:center;color:#fff;text-decoration:none;transition:transform .12s linear,opacity .12s linear;-webkit-tap-highlight-color:transparent}
.cdock-i.on{color:#fff}
.cdock-i u{position:absolute;top:5px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;font-size:10.5px;font-style:normal;text-decoration:none;color:#fff;background:#e8481a;box-shadow:0 0 0 2px rgba(60,16,6,.55)}
.cdock-lbl{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:8px 14px;border-radius:999px;font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#fff;background:rgba(30,10,5,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);pointer-events:none}
/* Notícias da Home: arrastam para o lado */
.kc-row{display:flex;gap:12px;margin:0 -16px;padding:0 16px 6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.kc-row::-webkit-scrollbar{display:none}
.kc-row .kc{flex:0 0 86%;margin:0;scroll-snap-align:center}
.inicio .in-big,.inicio .hj{position:relative}
.in-rec{margin-bottom:calc(var(--safe-b) + 120px)}
/* lente "liquid glass": maior que a cápsula, vidro quase transparente, borda de luz e refração nas bordas */
.cdock-sel{width:78px;height:84px;border-radius:44px;background:radial-gradient(110% 100% at 28% 18%,rgba(255,255,255,.26),rgba(255,255,255,.04) 48%,rgba(255,190,130,.1) 100%);backdrop-filter:blur(1px) saturate(2.1) brightness(1.22) contrast(1.1);-webkit-backdrop-filter:blur(1px) saturate(2.1) brightness(1.22) contrast(1.1);box-shadow:inset 0 0 0 1.2px rgba(255,255,255,.7),inset 0 0 16px rgba(255,255,255,.38),inset 0 -12px 18px rgba(255,255,255,.14),inset 10px 12px 18px rgba(255,255,255,.18),0 14px 28px rgba(50,8,0,.36),0 0 24px rgba(255,170,100,.4)}
.cdock-sel::after{content:"";position:absolute;inset:4px 3px;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 3px 8px rgba(255,255,255,.25);pointer-events:none}
/* menu lateral flutuante: mais estreito e com o mesmo vidro escuro dos cartões da Home */
.cdock{width:46px;height:min(54svh,340px);border-radius:28px;background:linear-gradient(135deg,rgba(70,26,12,.58),rgba(40,14,8,.5));backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px rgba(30,6,0,.3)}
.cdock-sc{padding-block:calc(min(54svh,340px)/2 - 22px)}
.cdock-i{width:44px;height:44px}
.cdock-i svg{width:20px;height:20px}
.cdock-i u{top:3px;right:0;min-width:15px;height:15px;font-size:9.5px}
.cdock-sel{width:58px;height:62px;border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.06));backdrop-filter:blur(2px) saturate(1.5) brightness(1.15);-webkit-backdrop-filter:blur(2px) saturate(1.5) brightness(1.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -8px 12px rgba(255,255,255,.06),0 8px 18px rgba(20,4,0,.35)}
.cdock-sel i{opacity:.55;left:16%;width:42%;height:22%}
.cdock-sel::after{display:none}
.cdock-lbl{font-size:14px;padding:7px 13px;background:linear-gradient(135deg,rgba(70,26,12,.62),rgba(40,14,8,.55));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}
/* barra vertical estreita em vidro fosco claro + lente que aumenta e distorce o fundo (sem contorno branco) */
.cdock{width:38px;height:min(52svh,330px);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.1));backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 30px rgba(30,6,0,.28)}
.cdock-sc{z-index:2;padding-block:calc(min(52svh,330px)/2 - 18px)}
.cdock-i{width:36px;height:36px}
.cdock-i svg{width:18px;height:18px}
.cdock-i u{top:1px;right:-2px}
.cdock-sel{z-index:1;width:54px;height:58px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.06);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 22px rgba(30,6,0,.32),inset 0 0 14px rgba(255,255,255,.16),inset 0 -6px 12px rgba(0,0,0,.1)}
.cdock-sel::after{display:none}
.cdock-sel .lz{position:absolute;inset:0;background-image:url(/assets/home-bg.jpg?v=1);background-repeat:no-repeat;filter:saturate(1.15) brightness(1.08)}
.cdock-sel .lz2{-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);filter:saturate(1.2) brightness(1.1) blur(.8px)}
.cdock-sel .lz1{-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent 92%);mask-image:radial-gradient(closest-side,#000 40%,transparent 92%)}
.cdock-sel i{opacity:.4;left:18%;top:6%;width:40%;height:20%;z-index:2}
.cdock-sel.nz .lz{opacity:0}
.cdock-lbl{z-index:3}
/* barra mais estreita; lente maior que mostra os ícones ampliados e levemente distorcidos "por trás" do vidro */
.cdock{width:30px;height:min(52svh,330px);border-radius:20px;right:14px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 12px 26px rgba(30,6,0,.3)}
.cdock-sc{z-index:2;padding-block:calc(min(52svh,330px)/2 - 18px)}
.cdock-i{width:30px;height:36px;margin:0 auto}
.cdock-i svg{width:16px;height:16px}
.cdock-i u{top:2px;right:-4px;min-width:14px;height:14px;font-size:9px}
.cdock-sel{z-index:3;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.05);box-shadow:0 14px 28px rgba(20,4,0,.46),inset 0 0 18px rgba(255,255,255,.2),inset 0 -8px 14px rgba(0,0,0,.14)}
.cdock-sel .lz-col{position:absolute;inset:0;transform-origin:50% 50%;pointer-events:none}
.cdock-sel .lz-ic{position:absolute;left:50%;width:30px;height:36px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 2px rgba(60,10,0,.35))}
.cdock-sel .lz-ic svg{width:16px;height:16px}
.cdock-sel i{left:20%;top:6%}
/* os ícones reais ficam atrás da lente: somem sob o vidro e aparecem só na versão ampliada */
.cdock-i{z-index:1}
.cdock-lbl{z-index:4}
.cdock-sel{pointer-events:none}
.cdock{right:24px}
/* sem balões de número; lente mais fosca sobre os ícones */
.cdock-i u{display:none}
.cdock-sel{background:rgba(255,255,255,.16);backdrop-filter:blur(7px) saturate(1.25);-webkit-backdrop-filter:blur(7px) saturate(1.25)}
.cdock-sel .lz{filter:saturate(1.1) brightness(1.1) blur(2px)}
.cdock-sel .lz2{filter:saturate(1.15) brightness(1.1) blur(3px)}
/* nome do botão: sem fundo, só o texto */
.cdock-lbl{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:0;text-shadow:0 1px 10px rgba(40,8,0,.7),0 0 3px rgba(40,8,0,.5)}
/* nome do botão: afastado da lente, menor e mais suave */
.cdock-lbl{right:calc(100% + 38px);font-size:11.5px;letter-spacing:.1em;color:rgba(255,255,255,.72);text-shadow:0 1px 8px rgba(40,8,0,.4)}
/* banner "Próximo evento": sem o contorno branco em volta (como no print do iPhone) */
.hj.lens::after{box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important}
/* banner "Próximo evento" como primeiro cartão do carrossel horizontal de Notícias */
.kc-row .hj{flex:0 0 86%;margin:0;scroll-snap-align:center;align-self:stretch;flex-direction:column;align-items:stretch;justify-content:space-between;gap:18px;padding:26px 24px 24px}
.kc-row .hj-l b{font-size:27px;line-height:1.15;white-space:normal;margin:14px 0 8px}
.kc-row .hj-l small{font-size:16px}.kc-row .hj-l span{font-size:15px}
.kc-row .hj-r{display:flex;align-items:baseline;gap:12px;text-align:left;padding:14px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
.kc-row .hj-r strong{font-size:38px}
.kc-row .hj-r span{margin:0;max-width:none;font-size:14px}
/* menu horizontal no lugar do texto da Home */
.cdock.hz{position:relative;right:auto;top:auto;transform:none;width:100%;height:32px;margin:30px 0 26px;border-radius:20px}
.cdock.hz .cdock-sc{flex-direction:row;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-block:0;padding-inline:calc(50% - 18px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);touch-action:pan-x}
.cdock.hz .cdock-i{flex:0 0 36px;width:36px;height:32px;margin:0}
.cdock.hz .cdock-sel .lz-ic{top:50%;left:auto;width:36px;height:30px}
.cdock.hz .cdock-lbl{right:auto;left:50%;top:calc(100% + 34px);transform:translateX(-50%)}
.cdock.hz .cdock-sel{pointer-events:none}
.cdock.hz .cdock-sc{z-index:2}
/* lente fosca e neutra (quase sem a cor do fundo), com os ícones de trás ampliados e suavemente borrados */
.cdock-sel{background:rgba(255,255,255,.2);backdrop-filter:blur(9px) saturate(.9);-webkit-backdrop-filter:blur(9px) saturate(.9);box-shadow:0 12px 26px rgba(20,4,0,.38),inset 0 0 16px rgba(255,255,255,.22)}
.cdock-sel .lz{filter:saturate(.45) brightness(1.2) blur(3px)}
.cdock-sel .lz2{filter:saturate(.4) brightness(1.22) blur(5px)}
.cdock-sel::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.4),rgba(255,255,255,.14) 55%,rgba(255,255,255,.22) 100%);box-shadow:none}
.cdock-sel .lz-col{z-index:2}
.cdock-sel i{z-index:3}
.cdock-sel .lz-ic{filter:drop-shadow(0 1px 3px rgba(40,10,0,.3))}
/* lente fosca/opaca e neutra (vidro jateado), sem névoa branca */
.cdock-sel{background:rgba(55,34,28,.22);backdrop-filter:blur(14px) saturate(.7);-webkit-backdrop-filter:blur(14px) saturate(.7);box-shadow:0 12px 26px rgba(20,4,0,.4),inset 0 0 12px rgba(255,255,255,.07)}
.cdock-sel .lz{filter:saturate(.4) brightness(.92) blur(9px)}
.cdock-sel .lz2{filter:saturate(.35) brightness(.9) blur(12px)}
.cdock-sel::after{background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.12),rgba(255,255,255,0) 55%)}
.cdock-sel i{opacity:.18}
/* interior da lente com o mesmo efeito dos cartões (foto desfocada, saturada e escurecida, ampliada) */
.cdock-sel{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 12px 26px rgba(20,4,0,.4)}
.cdock-sel .lz{background-image:url(/assets/home-lens.jpg?v=1);filter:none}
.cdock-sel .lz2{filter:none}
.cdock-sel::after{background:radial-gradient(60% 50% at 20% 14%,rgba(255,255,255,.16),transparent 70%),linear-gradient(120deg,rgba(18,10,10,.5) 0%,rgba(18,10,10,.2) 48%,rgba(255,190,140,.05) 100%)}
/* barra curta em repouso; abre por completo enquanto você mexe nela */
.cdock:not(.hz){height:118px;transition:height .32s cubic-bezier(.3,.8,.3,1)}
.cdock:not(.hz).open{height:min(52svh,330px)}
.cdock:not(.hz) .cdock-sc{inset:auto;left:0;right:0;top:50%;height:min(52svh,330px);transform:translateY(-50%)}
.cdock:not(.hz) .cdock-i{transition:transform .12s linear,opacity .28s ease}
.cdock:not(.hz) .cdock-lbl{transition:opacity .2s}
/* nome do botão: só aparece enquanto a barra está aberta */
.cdock:not(.hz) .cdock-lbl{opacity:0;transition:opacity .22s ease}
.cdock:not(.hz).open .cdock-lbl{opacity:1}
/* ===== Perfil (Management): layout de cartaz com a foto, botões de vidro embaixo ===== */
body.cliente,html:has(body.cliente){overflow:hidden!important;background:#7f98a8!important}
body.cliente{background-image:none!important}
body.cliente::before{display:block!important;content:"";position:fixed!important;inset:-40px!important;z-index:0!important;opacity:1!important;mix-blend-mode:normal!important;animation:none!important;filter:none!important;transform:scale(1.25)!important;background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),url(/assets/perfil-bg.jpg) center/cover no-repeat!important}
body.cliente::after{display:none!important}
.pf{position:fixed;inset:0;z-index:2;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-t) + 14px) 16px calc(var(--safe-b) + 130px);color:#fff;font-family:"Aileron","Poppins",sans-serif}
.pf-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pf-r{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 8px 20px rgba(40,20,20,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pf-pill{display:flex;align-items:center;gap:10px;height:46px;padding:5px 18px 5px 5px;border-radius:999px;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 8px 20px rgba(40,20,20,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pf-pill img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:40% 45%}
.pf-pill b{font-weight:400;font-size:15px}
.pf-card{position:relative;margin-top:18px;aspect-ratio:.82;border-radius:38px;overflow:hidden;background:url(/assets/perfil.jpg) center/cover no-repeat;box-shadow:0 22px 44px rgba(40,20,30,.28)}
.pf-name{position:absolute;left:0;right:0;top:12px;margin:0;text-align:center;font-family:"Aileron","Poppins",sans-serif;font-weight:700;font-size:clamp(46px,15.5vw,64px);line-height:.92;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 24px rgba(120,20,40,.25)}
.pf-btns{display:grid;gap:14px;margin-top:20px}
.pf-btns .cl-row{height:54px;font-size:14.5px;padding:0 20px}
/* Perfil: retângulo com desfoque gaussiano, título Management em Suissnord, botões redondos centralizados */
.pf-card{background:url(/assets/perfil-blur.jpg) center/cover no-repeat}
.pf-name{top:18px;font-family:"Suissnord","Bebas Neue",sans-serif;font-weight:400;font-size:clamp(30px,9.6vw,40px);letter-spacing:.03em;line-height:1;text-shadow:0 2px 18px rgba(120,20,40,.3)}
.pf-btns{justify-items:center;gap:16px}
.pf-btns .cl-soc{justify-content:center;gap:18px}
.pf-btns .cl-c{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.34),rgba(255,255,255,.12))!important;border:0!important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.55),inset 0 -8px 14px rgba(255,255,255,.08),0 12px 26px rgba(70,30,40,.22)!important;backdrop-filter:blur(18px) saturate(1.4)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4)!important}
.pf-btns .cl-c.is-on{background:linear-gradient(160deg,rgba(255,150,100,.7),rgba(232,80,40,.45))!important}
.pf-btns .cl-chip,.pf-btns .cl-row,.pf-btns .cl-send{background:linear-gradient(160deg,rgba(255,255,255,.3),rgba(255,255,255,.1))!important;border:0!important;color:#fff!important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.5),0 10px 24px rgba(70,30,40,.2)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important}
.pf-btns .cl-chip{justify-self:center}
.pf-btns .cl-pay,.pf-btns .cl-send{width:100%}
.pf-btns .cl-send input{color:#fff}.pf-btns .cl-send input::placeholder{color:rgba(255,255,255,.7)}
.pf-btns .cl-send button{background:#fff!important;color:#2a1018!important;border:0!important}
.pf-name{font-size:clamp(22px,6.9vw,29px);letter-spacing:.02em;top:22px}
/* logo DRBX no lugar do título */
.pf-logo{position:absolute;left:50%;top:20px;width:88px;height:88px;transform:translateX(-50%);border-radius:24px;object-fit:cover;box-shadow:0 14px 30px rgba(60,10,30,.35),0 0 0 1px rgba(255,255,255,.25)}
/* Home: logo-texto DRBX laranja no lugar do ícone */
.in-wm{display:inline-block;width:auto;height:auto;background:none;border-radius:0;box-shadow:none;cursor:pointer;line-height:1}
.in-wm{font-family:"Suissnord","Bebas Neue",sans-serif;font-size:30px;letter-spacing:.14em;color:transparent;background-image:linear-gradient(135deg,#FFE3C8 0%,#FFB070 30%,#FF7A2E 62%,#E8481A 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 1px rgba(80,16,0,.55)) drop-shadow(0 3px 10px rgba(60,10,0,.35))}
.in-wm small{display:block;margin-top:5px;font-family:"Bebas Neue",sans-serif;font-size:11px;letter-spacing:.34em;color:rgba(255,255,255,.85);-webkit-text-fill-color:rgba(255,255,255,.85)}
/* logo-texto DRBX: menor, laranja mais intenso */
.in-wm{font-size:24px;letter-spacing:.12em;background-image:linear-gradient(135deg,#FF9A3C 0%,#FF6A00 45%,#E04500 100%);filter:drop-shadow(0 1px 1px rgba(90,20,0,.6)) drop-shadow(0 2px 8px rgba(70,12,0,.4))}
.in-wm{background-image:linear-gradient(135deg,#F25A00 0%,#D63B00 55%,#B02600 100%);filter:drop-shadow(0 1px 0 rgba(255,175,110,.45)) drop-shadow(0 2px 6px rgba(60,10,0,.35))}
.in-wm{background-image:linear-gradient(135deg,#FF6B00 0%,#E04400 55%,#BC3000 100%);filter:drop-shadow(0 0 1.5px rgba(40,6,0,.9)) drop-shadow(0 0 3px rgba(40,6,0,.55))}
.in-wm{filter:none;background-image:linear-gradient(135deg,#FF9A2E 0%,#FF6A00 50%,#F04A00 100%)}
/* menu vertical também na página Management (lente combinando com o fundo rosado) */
.pf .cdock{z-index:30}
.pf .cdock-sel .lz{background-image:url(/assets/perfil-bg.jpg)}
.pf .cdock-sel::after{background:radial-gradient(60% 50% at 20% 14%,rgba(255,255,255,.3),transparent 70%),linear-gradient(120deg,rgba(110,50,60,.2),rgba(255,255,255,.08))}
/* chat: busca acima da lista de conversas; duas conversas separadas */
.ch-sr{justify-content:flex-end}
.ch-s2{display:flex;align-items:center;gap:10px;height:46px;margin:18px 16px 4px;padding:0 18px;border-radius:999px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ch-s2 input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:15px}
.ch-s2 input::placeholder{color:rgba(255,255,255,.5)}

/* Instagram da DRBX: grade de capas */
.igx-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px}
.igx-c{display:block;aspect-ratio:316/380;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.igx-c img{width:100%;height:100%;object-fit:cover;display:block}

/* Management: sem faixa azul clara no fim da tela (iPhone). O fundo cobre a altura total e a cor de reserva é escura */
html:has(body.cliente),body.cliente{background:#1b0f12!important}
body.cliente::before{inset:auto!important;top:-60px!important;left:-60px!important;right:-60px!important;height:calc(100lvh + 160px)!important;min-height:calc(100vh + 160px)!important}

/* chat: identidade de quem responde (admin) e nome de quem fala */
.cb-w{display:block;font-style:normal;font-size:11px;letter-spacing:.04em;opacity:.65;margin-bottom:3px}
.ch-as{display:flex;align-items:center;gap:8px;margin:0 12px 8px;font-size:13px;color:rgba(255,255,255,.7)}
.ch-as button{height:32px;padding:0 14px;border-radius:999px;color:#fff;font-size:13px;background:rgba(255,255,255,.1)}
.ch-as button.on{background:linear-gradient(135deg,#FF9A5C,#E85A1A)}
.ch-dot{display:inline-block;width:9px;height:9px;margin-left:8px;border-radius:50%;background:#ff7a1a;box-shadow:0 0 10px rgba(255,122,26,.7)}

.cb-in{cursor:pointer}
.cb-w.tag-caio{color:#ffd29a;opacity:.95}.cb-w.tag-equipe{color:#bfe3ff;opacity:.95}
.ch-search.ch-s2{flex:none;height:46px;min-height:0}

/* foto de perfil do cliente no lugar dos ícones de perfil */
.sb-av img,.dm-av img,.ch-rb img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.sb-av{overflow:hidden}
.dm-av,.ch-rb{overflow:hidden}
.dm-av img{width:100%;height:100%}
.ch-rb:has(img){width:40px!important;padding:0}
.ch-rb img{width:100%;height:100%}

/* transições entre páginas (View Transitions API, iOS 18+ e Chrome): fade curto, barra e dock ficam parados */
@supports (view-transition-name:none){
  ::view-transition-old(root){animation:vtOut .14s ease-out both}
  ::view-transition-new(root){animation:vtIn .24s cubic-bezier(.2,.7,.2,1) both}
  .fbar{view-transition-name:fbar}.cdock{view-transition-name:cdock}
  ::view-transition-group(fbar),::view-transition-group(cdock){animation-duration:.01s}
}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* listas longas: só desenha o que está na tela */
.am-c,.igx-c{content-visibility:auto;contain-intrinsic-size:auto 96px}

/* apagar notificações */
.nf-c{position:relative}
.nf-x{flex:none;align-self:center;margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.75);background:rgba(255,255,255,.12)}
.nf-cl{display:flex;justify-content:flex-end;margin:0 0 10px}
.nf-cl button{height:34px;padding:0 16px;border-radius:999px;color:#fff;font-family:"Bebas Neue",sans-serif;font-size:16px;letter-spacing:.12em;background:rgba(255,255,255,.14)}
button.nt-clr{background:none;border:0;width:100%;color:inherit;font:inherit;cursor:pointer;opacity:.75}

.cl-role{position:absolute;left:0;right:0;bottom:calc(var(--safe-b,0px) + 78px);text-align:center;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.6);pointer-events:none}

/* Home: banner diário, igual ao cartão "Dólar hoje" (.sc): fundo transparente, anel fino de luz, cabeçalho em Bebas, rodapé pequeno */
.tdx-card{position:relative;margin:0 0 12px;padding:18px 20px 16px;border-radius:36px;color:#fff;background:none}
.tdx-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22)}
.tdx-card>*{position:relative;z-index:1}
.tdx-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.tdx-h span{font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#fff;white-space:nowrap}
.tdx-h em{font-style:normal;flex:none;font-family:"Bebas Neue",sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.tdx-b{margin:0 0 16px}
.tdx-p{display:flex;flex-wrap:wrap;gap:7px}
.tdx-p a{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 13px;border-radius:999px;color:#fff;text-decoration:none;font-size:13px;line-height:1;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
.tdx-p a em{font-style:normal;font-family:"Bebas Neue",sans-serif;font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.62)}
.tdx-l{display:grid;gap:0;margin:0 0 14px}
.tdx-q{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border:0;border-top:1px solid rgba(255,255,255,.12);background:none;color:#fff;text-align:left;font:inherit;cursor:pointer}
.tdx-q:first-child{border-top:0;padding-top:0}
.tdx-q span{flex:1;min-width:0;font-size:13.5px;line-height:1.3}
.tdx-q u{flex:none;text-decoration:none;font-family:"Bebas Neue",sans-serif;font-size:12px;letter-spacing:.1em;padding:5px 11px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
.tdx-q.ok{opacity:.6}
.tdx-e{margin:0;font-size:13px;color:rgba(255,255,255,.75)}
.tdx-f{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:rgba(255,255,255,.75)}

/* Cronograma: botão Programar postagem (admin) */
.cr-pg{margin-top:10px;background:linear-gradient(135deg,rgba(255,160,100,.55),rgba(190,70,30,.55))}

/* Dashboard: contagem de posts agendados na tile "Últimos posts" (só texto, não muda o botão) */
.dt-sc{position:absolute;left:0;right:0;top:27%;z-index:2;display:grid;justify-items:center;gap:6px;pointer-events:none}
.dt-sc i{display:block;height:clamp(24px,13cqw,36px);font-style:normal}
.dt-sc svg{height:100%;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
.dt-sc em{font-style:normal;font-family:"Bebas Neue",sans-serif;font-size:max(11px,4.6cqw);letter-spacing:.14em;color:rgba(255,255,255,.85);text-transform:uppercase}

.in-ver{display:block;margin-top:6px;opacity:.55}

/* fundo: a cor fica no html; o body transparente deixa o brilho laranja das bordas (body::after) aparecer */
html{background:#0a0605}
body{background-color:transparent}

/* Home: do "Feed de inspirações" para baixo, centro escuro e brilho laranja nas bordas (como as outras páginas) */
.in-temas::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.45) 180px,rgba(0,0,0,.55) 70%,rgba(120,18,4,.55) 100%);box-shadow:inset 0 0 min(70px,9vw) 4px rgba(255,120,36,.9),inset 0 0 min(200px,24vw) min(30px,4vw) rgba(214,72,8,.55);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 170px);mask-image:linear-gradient(180deg,transparent 0,#000 170px)}

/* Telas de celular: o fundo e as páginas ocupam a altura inteira (inclusive quando a barra do Safari some), sem faixa cortada embaixo */
html{min-height:100%}
@supports (height:100lvh){
  body,.login,.shell,.cl,.in-radar,.in-temas{min-height:100lvh}
  body::before,body::after{inset:auto!important;top:0!important;left:0!important;right:0!important;height:100lvh!important}
  .dash{inset:0 0 auto 0;height:100lvh}
}

/* Home: mais espaço entre as seções (Galeria em diante) */
.in-sheet .gc-label{margin-top:52px;margin-bottom:18px}
.in-sheet .hg{margin-bottom:6px}
.in-sheet .kc-row{margin-bottom:12px}
.in-temas{margin-top:60px}
.in-temas .gc-label:first-child{margin-top:0}
.in-temas .gc-label{margin-top:64px}
.in-temas .gc-label:first-child{margin-top:0}
.in-temas .igx-g{margin-bottom:22px}
.in-temas .nt-all{margin-top:6px;margin-bottom:34px}

/* concorrentes: camadas e gráficos */
.cp-tier{margin:26px 0 8px}
.cp-tier-h{margin:0 6px 14px}.cp-tier-h span{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.2em;color:#FFB48A}
.cp-tier-h h3{margin:2px 0 6px;font-family:"Aileron","Poppins",sans-serif;font-weight:400;font-size:21px;line-height:1.15;color:#fff}
.cp-tier-h p{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.6)}
.cp-chart{margin:26px 0 8px;padding:20px 18px 18px;border-radius:30px;background:rgba(255,255,255,.07);color:#fff}
.cp-chart h3{margin:0 0 4px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:20px;letter-spacing:.09em}
.cp-chart>p{margin:0 0 14px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.6)}
.cp-svg{display:block;width:100%;height:auto;font-family:"Aileron","Poppins",sans-serif}
.cp-bar{display:grid;grid-template-columns:minmax(96px,34%) 1fr 62px;gap:10px;align-items:center;margin:0 0 9px;font-size:12px;color:rgba(255,255,255,.75)}
.cp-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-bar i{display:block;height:9px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}
.cp-bar b{display:block;height:100%;border-radius:9px}.cp-bar em{font-style:normal;text-align:right;color:rgba(255,255,255,.6)}
.cp-bar.me span,.cp-bar.me em{color:#fff}

.conc .cp-tx small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}

.cp-rel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 6px;padding:18px 20px;border-radius:30px;color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(255,170,120,.34),rgba(60,22,12,.78) 70%);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.cp-rel small{display:block;font-family:"Bebas Neue",sans-serif;font-size:13px;letter-spacing:.2em;color:#FFB48A}
.cp-rel b{display:block;margin:2px 0 4px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:22px;letter-spacing:.08em}
.cp-rel span{display:block;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.7)}
.rel{margin:6px 0 0;padding:20px 18px;border-radius:30px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.88);font-size:14.5px;line-height:1.55}
.rel-leg{margin:0 0 16px;font-size:12px;color:rgba(255,255,255,.6)}
.rel h1{display:none}.rel h2{margin:26px 0 10px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:22px;letter-spacing:.09em;color:#fff}
.rel h3{margin:20px 0 8px;font-family:"Aileron","Poppins",sans-serif;font-weight:600;font-size:15.5px;color:#fff}
.rel p{margin:0 0 12px}.rel ul,.rel ol{margin:0 0 14px;padding-left:20px;display:grid;gap:8px}.rel strong{color:#fff;font-weight:600}
.rel-tb{overflow-x:auto;margin:0 0 14px}.rel table{border-collapse:collapse;font-size:12.5px;min-width:520px}.rel th,.rel td{padding:7px 9px;border:1px solid rgba(255,255,255,.18);text-align:left;vertical-align:top}.rel th{color:#FFB48A;font-weight:600}
.rel code{font-size:12px;background:rgba(255,255,255,.1);padding:1px 5px;border-radius:5px}

/* Relatório: Liquid Glass (spec Apple 2026, modo escuro) */
.rel{display:grid;gap:14px;padding:0;background:none;border-radius:0;color:#fff}
.rel .lg{position:relative;padding:20px 18px;border-radius:16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);
  -webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);backdrop-filter:blur(20px) saturate(180%) brightness(1.1);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(0,0,0,.1),0 8px 32px rgba(0,0,0,.2);
  font-size:14.5px;line-height:1.55;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.lg-fx .rel .lg{-webkit-backdrop-filter:url(#lg-disp) blur(20px) saturate(180%) brightness(1.1);backdrop-filter:url(#lg-disp) blur(20px) saturate(180%) brightness(1.1)}
.rel .lg>*:last-child{margin-bottom:0}
.rel{grid-template-columns:minmax(0,1fr)}.rel .lg{min-width:0;overflow-wrap:anywhere}.rel .lg .rel-tb{max-width:100%}
/* aberração cromática nas bordas (vale também no Safari, onde o filtro SVG não roda) */
.rel .lg{box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(0,0,0,.1),inset 2px 0 0 rgba(255,70,70,.28),inset -2px 0 0 rgba(70,130,255,.32),0 8px 32px rgba(0,0,0,.2)}
.rel .lg{overflow-wrap:break-word}
.rel-cards{display:grid;gap:10px;margin:0 0 14px}
.rel-card{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.rel-card>b{display:block;margin:0 0 8px;font-weight:600;font-size:15px;color:#fff}
.rel-card>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:5px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;line-height:1.45}
.rel-card small{font-family:"Bebas Neue",sans-serif;font-size:13px;letter-spacing:.12em;color:#FFD3B8}
.rel-card span{min-width:0;color:#fff}
/* Relatório: títulos de seção em laranja do projeto */
.rel h2{color:#FF9A5C;background:linear-gradient(100deg,#FFB27A 0%,#FF9A5C 40%,#FF7A3D 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;font-size:25px}
.rel h3{color:#FFB48A}
/* assinatura DRBX no fim das páginas */
.drbx-sign{display:flex;justify-content:center;padding:36px 0 calc(78px + var(--safe-b));pointer-events:none}
.content:has(>.drbx-sign){padding-bottom:0!important}
.drbx-sign img{display:block;width:38px;height:auto;opacity:.85}
/* banners dos gráficos de Concorrentes: Liquid Glass + aberração cromática */
.cp-chart{position:relative;padding:20px 18px 18px;border-radius:16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);
  -webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);backdrop-filter:blur(20px) saturate(180%) brightness(1.1);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(0,0,0,.1),inset 2px 0 0 rgba(255,70,70,.28),inset -2px 0 0 rgba(70,130,255,.32),0 8px 32px rgba(0,0,0,.2)}
.lg-fx .cp-chart{-webkit-backdrop-filter:url(#lg-disp) blur(20px) saturate(180%) brightness(1.1);backdrop-filter:url(#lg-disp) blur(20px) saturate(180%) brightness(1.1)}


/* padrão Studio Lab: cartões de pilares e estratégias sem ícone, janelas acima dos cards */
.kc-noic{justify-content:flex-end}.kc-noic .kc-act{margin-left:auto}
.am-th video{width:100%;height:100%;object-fit:cover}
#modal{z-index:320!important}
#toast{z-index:500!important}
#m_err{color:#ff9a7a;font-size:13px;line-height:1.4}

/* assinatura DRBX nas páginas internas (como na Sudestate) */
.in-radar:has(>.drbx-sign),.inicio:has(>.drbx-sign){padding-bottom:0!important}
.in-radar>.drbx-sign{padding-top:30px}

.in-sheet>.drbx-sign{padding:26px 0 22px}

.in-temas>.drbx-sign{padding:30px 0 26px}
.in-temas:has(>.drbx-sign),.in-sheet:has(>.drbx-sign){padding-bottom:0!important}
.in-temas>.drbx-sign,.in-sheet>.drbx-sign{padding:28px 0 calc(78px + var(--safe-b))}
/* assinatura nas páginas .in-radar: fixa perto da borda final, mesmo em páginas curtas */
.in-radar>.drbx-sign{position:absolute;left:0;right:0;bottom:calc(78px + var(--safe-b));padding:0}
.in-radar:has(>.drbx-sign){padding-bottom:calc(115px + var(--safe-b))!important}
.in-radar>.drbx-sign{position:absolute!important}