/* IDLINK STREAM v735934st — preto absoluto, cinematográfico */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
/* v735935st — 🔴 José: "depois q vc scrolla, la em cima fica travado, n da pra
   subir de novo". Este cabeçalho é fixo e cobre a faixa inteira do topo com um
   degradê — e um elemento fixo sem conteúdo clicável ainda assim INTERCEPTA o
   toque. No iPad, arrastar a partir do topo esbarrava nele e a página não
   subia. Agora a barra deixa o gesto passar; só a marca e os botões recebem. */
.istr-top{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,rgba(0,0,0,.85),transparent);pointer-events:none}
.istr-top>*{pointer-events:auto}
.istr-top a,.istr-top button{pointer-events:auto}
.istr-marca{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:.3px}
.istr-marca-ponto{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff3b5c,#ff8a3d);box-shadow:0 0 10px 2px rgba(255,90,60,.55)}
.istr-marca i{font-style:normal;color:rgba(255,255,255,.55);font-weight:400;margin-left:2px}
.istr-top-dir{display:flex;align-items:center;gap:14px}
.istr-cta-criar{background:#fff;color:#000;padding:9px 16px;border-radius:20px;font-size:13px;font-weight:700}
.istr-cta-entrar{font-size:13px;color:rgba(255,255,255,.75)}
.istr-main{min-height:100vh}

/* ── destino ─────────────────────────────────────────────────────────── */
.istr-destino{max-width:1280px;margin:0 auto;padding:110px 24px 80px}
.istr-hero h1{font-family:Fraunces,serif;font-weight:500;font-size:clamp(28px,4vw,48px);margin:0 0 8px;letter-spacing:-.5px}
.istr-hero p{color:rgba(255,255,255,.55);font-size:15px;margin:0 0 28px}
.istr-abas{display:flex;gap:8px;overflow-x:auto;margin-bottom:28px;padding-bottom:4px}
.istr-abas button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.65);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;transition:.2s}
.istr-abas button.on{background:#fff;color:#000;font-weight:700;border-color:transparent}
.istr-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.istr-carregando,.istr-vazia{color:rgba(255,255,255,.4);font-size:14px;padding:40px 0;text-align:center;grid-column:1/-1}
/* v735935st — 🔴 José: "no grid tudo ta cortado, n parece video em si".
   O card era 3/4 (retrato) e a capa 16:9 entrava por object-fit:cover, que
   corta as laterais: sumiam o título, o produto fixado e a meta — justamente
   o que a capa tem para mostrar. Live é 16:9; o card agora é 16:9. */
.istr-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#0d0d0d;border:1px solid rgba(255,255,255,.07);transition:transform .25s ease,border-color .25s}
.istr-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}
.istr-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.istr-card-grad{position:absolute;left:0;right:0;bottom:0;height:65%;background:linear-gradient(180deg,transparent,#000 88%)}
.istr-card-info{position:absolute;left:10px;right:10px;bottom:10px}
.istr-card-info b{display:block;font-size:13px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.istr-card-info span{font-size:11px;color:rgba(255,255,255,.55)}
.istr-selo{position:absolute;top:8px;left:8px;font-size:9px;font-weight:800;letter-spacing:.5px;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.8)}
.istr-selo--live{background:#ff3b5c;border-color:transparent;color:#fff;animation:istrPulso 2.4s ease-in-out infinite}
.istr-criador .istr-selo{position:static;top:auto;left:auto;margin-left:2px;flex-shrink:0}
@keyframes istrPulso{0%,100%{box-shadow:0 0 0 0 rgba(255,59,92,.5)}50%{box-shadow:0 0 0 5px rgba(255,59,92,0)}}
.istr-vazio{max-width:520px;margin:140px auto;text-align:center;padding:0 24px}
.istr-btn{display:inline-block;margin-top:16px;background:#fff;color:#000;padding:10px 20px;border-radius:20px;font-weight:700;font-size:13px}

/* ── palco (assistir) ────────────────────────────────────────────────── */
.istr-palco{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}
.istr-video-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.istr-video{width:100%;height:100%;object-fit:contain;background:#000}
/* v735935st — 🔴 José: "ta cortado". A capa entrava como background-size:cover
   numa caixa de 100vh: uma imagem 16:9 esticada para encher uma tela alta é
   cortada nas laterais, e sumia tudo que a capa tem para dizer. Agora a capa
   aparece INTEIRA (contain) e o vazio ao redor é a própria capa borrada, como
   player de verdade faz — nada é cortado e não sobra tarja preta. */
.istr-sem-video{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;background:#000;overflow:hidden}
.istr-sem-video::before{content:'';position:absolute;inset:-6%;background-image:inherit;background-size:cover;background-position:center;filter:blur(34px) saturate(.85) brightness(.38);z-index:0}
.istr-sem-video::after{content:'';position:absolute;inset:0;background-image:inherit;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:1}
.istr-sem-video p,.istr-sem-video span{position:relative;z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.9)}
.istr-sem-video p{font-family:Fraunces,serif;font-size:22px;margin:0 0 6px}
.istr-sem-video span{color:rgba(255,255,255,.62);font-size:13px}
.istr-vinheta{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}

.istr-reacoes{position:absolute;left:24px;bottom:110px;width:260px;height:220px;pointer-events:none;display:flex;flex-direction:column-reverse;gap:6px;overflow:hidden;mask-image:linear-gradient(to top,black 60%,transparent)}
.istr-reacao-item{font-size:13px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.06);backdrop-filter:blur(4px);padding:6px 10px;border-radius:12px;animation:istrSobe .5s ease-out,istrSome .6s ease-in 4s forwards;width:fit-content}
.istr-reacao-item--dono{background:rgba(255,138,61,.16);border:1px solid rgba(255,138,61,.35);color:#ffd9b8;font-weight:600}
.istr-destaques{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:10px;overflow-x:auto;max-width:min(680px,90vw);z-index:6;padding:2px}
.istr-destaques span{flex-shrink:0;font-size:11px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:14px;white-space:nowrap;backdrop-filter:blur(6px)}
@keyframes istrSobe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes istrSome{to{opacity:0}}

.istr-barra-topo{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:18px 22px;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent);transition:opacity .4s ease;z-index:5}
.istr-barra-topo.istr-esconde{opacity:0;pointer-events:none}
.istr-voltar{font-size:20px;color:rgba(255,255,255,.7);margin-right:4px}
.istr-criador{display:flex;align-items:center;gap:9px}
.istr-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#222;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.istr-avatar img{width:100%;height:100%;object-fit:cover}
.istr-avatar[data-ao-vivo="1"]{box-shadow:0 0 0 2px #000,0 0 0 4px #ff3b5c,0 0 12px 2px rgba(255,59,92,.6)}
.istr-avatar--grande{width:64px;height:64px;font-size:24px}
.istr-criador-nome{font-size:14px;font-weight:600}
.istr-espectadores{margin-left:auto;font-size:12px;color:rgba(255,255,255,.55)}
.istr-arco{position:relative;width:40px;height:40px;margin-left:8px}
.istr-arco svg{width:100%;height:100%;transform:rotate(-90deg)}
.istr-arco circle{fill:none;stroke-width:3}
.istr-arco-fundo{stroke:rgba(255,255,255,.15)}
.istr-arco-frente{stroke:#ff8a3d;stroke-dasharray:106.8;stroke-dashoffset:calc(106.8 - (106.8 * var(--pct) / 100));stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.istr-arco span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}

.istr-zona{position:absolute;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);color:rgba(255,255,255,.75);font-size:12px;font-weight:600;border-radius:20px;padding:9px 16px;opacity:0;transition:opacity .35s ease,transform .35s ease;z-index:6;transform:translateY(6px)}
.istr-zona.istr-mostra{opacity:1;transform:translateY(0)}
.istr-zona--shop{right:24px;top:50%;transform:translateY(-50%)}
.istr-zona--shop.istr-mostra{transform:translateY(-50%)}
.istr-zona--chat{right:24px;bottom:100px}
.istr-zona--meta{left:24px;bottom:100px}
.istr-zona-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff8a3d;margin-right:6px}

.istr-painel{position:absolute;top:0;right:0;bottom:0;width:min(360px,92vw);background:rgba(10,10,10,.92);backdrop-filter:blur(18px);border-left:1px solid rgba(255,255,255,.08);padding:70px 22px 24px;overflow-y:auto;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.9,.3,1);z-index:20}
.istr-painel[data-visivel]{transform:translateX(0)}
.istr-painel[data-painel="criador"]{right:auto;left:0;transform:translateX(-100%);border-left:none;border-right:1px solid rgba(255,255,255,.08)}
.istr-painel[data-painel="criador"][data-visivel]{transform:translateX(0)}
.istr-painel h3{margin:0 0 16px;font-size:16px;font-weight:600}
.istr-painel-x{position:absolute;top:18px;right:18px;background:none;border:none;color:rgba(255,255,255,.6);font-size:20px}
.istr-painel-vazio{color:rgba(255,255,255,.4);font-size:13px}
.istr-produto{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:rgba(255,255,255,.04);margin-bottom:8px;transition:.2s}
.istr-produto:hover{background:rgba(255,255,255,.09)}
.istr-produto img{width:44px;height:44px;border-radius:8px;object-fit:cover}
.istr-produto span{display:flex;flex-direction:column;font-size:13px}
.istr-produto i{color:rgba(255,255,255,.5);font-size:12px;font-style:normal}
.istr-apoio-valores{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.istr-apoio-valores button{flex:1;min-width:60px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;padding:9px 0;border-radius:10px;font-size:13px;font-weight:600;transition:.2s}
.istr-apoio-valores button.on{background:#fff;color:#000}
.istr-painel textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;padding:10px;font-size:13px;resize:none;height:56px;margin-bottom:12px}
.istr-btn{display:block;width:100%;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:11px 0;border-radius:10px;font-size:13px;font-weight:700}
.istr-btn--claro{background:#fff;color:#000;border:none}
.istr-apoio-status{font-size:12px;color:rgba(255,255,255,.6);margin:10px 0 0;min-height:16px}
.istr-mural{margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.istr-mural-item{font-size:12px;color:rgba(255,255,255,.65);margin:0 0 8px}
.istr-mural-item b{color:#fff}
.istr-criador-ficha{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}
.istr-criador-ficha h3{margin:10px 0 0}
.istr-criador-cat{color:rgba(255,255,255,.45);font-size:12px}

@media (max-width:640px){
  .istr-painel{width:100%}
  .istr-zona--shop{top:auto;bottom:220px;right:16px;transform:none}
  .istr-zona--chat{right:16px;bottom:150px}
  .istr-zona--meta{left:16px;bottom:150px}
  .istr-reacoes{left:16px;bottom:210px;width:min(220px,60vw);height:170px}
  .istr-destaques{bottom:74px}
}

/* ═══ v735935st — ABAIXO DO PALCO ═════════════════════════════════════════
   José: "abaixo do video da meta da live n tem mais nd" e "detalhes do records
   hoje sao lindos, pense nisso para o stream". Mesmo vocabulário do Records:
   preto profundo, tipografia serifada nos títulos, cartões com borda de 1px
   quase invisível, brilho só onde a mão vai. Nada de cor chapada. */
.istr-ab{max-width:1180px;margin:0 auto;padding:44px 18px 100px;position:relative;z-index:2;background:#000}
.istr-ab h3{font-family:Fraunces,serif;font-weight:500;font-size:20px;margin:0;letter-spacing:-.01em}

.istr-ab-criador{display:flex;align-items:center;gap:16px;padding:0 0 26px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.istr-ab-av{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#151515;font-weight:800;font-size:24px;color:#fff;text-decoration:none;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 34px rgba(255,45,85,.22)}
.istr-ab-av img{width:100%;height:100%;object-fit:cover}
.istr-ab-quem{flex:1;min-width:150px}
.istr-ab-quem h2{font-family:Fraunces,serif;font-weight:500;font-size:24px;margin:0 0 3px;letter-spacing:-.01em}
.istr-ab-quem p{margin:0;font-size:13px;color:rgba(255,255,255,.5)}
.istr-ab-acoes{display:flex;gap:9px;flex-wrap:wrap}
.istr-ab-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:11px 22px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:.16s}
.istr-ab-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.istr-ab-btn--seguir.on{background:rgba(255,45,85,.16);border-color:rgba(255,45,85,.55);color:#ffdbe3}
.istr-ab-btn--apoiar{background:#fff;color:#0a0a0c;border-color:#fff}
.istr-ab-btn--apoiar:hover{background:#fff}
.istr-ab-btn--fant{background:transparent;border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.62)}
.istr-ab-btn--claro{background:#fff;color:#0a0a0c;border-color:#fff}
.istr-ab-btn[disabled]{opacity:.45;cursor:default;transform:none}

.istr-ab-nums{display:flex;gap:34px;flex-wrap:wrap;padding:22px 0 8px}
.istr-ab-nums div{display:flex;flex-direction:column}
.istr-ab-nums b{font-size:24px;font-weight:800;letter-spacing:-.02em}
.istr-ab-nums span{font-size:11.5px;color:rgba(255,255,255,.45);margin-top:2px}

.istr-ab-bloco{padding:30px 0 4px;border-top:1px solid rgba(255,255,255,.07);margin-top:24px}
.istr-ab-cab{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.istr-ab-setas{display:flex;gap:7px}
.istr-ab-setas button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font-size:17px;line-height:1;cursor:pointer;transition:.16s}
.istr-ab-setas button:hover:not([disabled]){background:rgba(255,255,255,.12)}
.istr-ab-setas button[disabled]{opacity:.28;cursor:default}
.istr-ab-desc{color:rgba(255,255,255,.62);font-size:14.5px;line-height:1.65;margin:12px 0 0;max-width:760px}

.istr-ab-trilho{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 14px;scrollbar-width:none}
.istr-ab-trilho::-webkit-scrollbar{display:none}
.istr-ab-prod,.istr-ab-live{flex:0 0 auto;scroll-snap-align:start;text-decoration:none;color:#fff}
.istr-ab-prod{width:168px}
.istr-ab-prod img{width:168px;height:168px;object-fit:cover;border-radius:14px;background:#111;display:block;border:1px solid rgba(255,255,255,.07)}
.istr-ab-prod b{display:block;font-size:13px;font-weight:600;line-height:1.35;margin:9px 0 2px}
.istr-ab-prod i{font-style:normal;font-size:13px;color:rgba(255,255,255,.55)}
.istr-ab-live{width:272px}
.istr-ab-live-capa{display:block;width:272px;aspect-ratio:16/9;border-radius:14px;background:#111 center/cover no-repeat;position:relative;border:1px solid rgba(255,255,255,.07)}
.istr-ab-rot{position:absolute;top:9px;left:9px;font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.07em;border-radius:999px;padding:4px 9px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.istr-ab-rot--live{background:#FF2D55}
.istr-ab-rot--scheduled{background:rgba(255,255,255,.18)}
.istr-ab-rot--replay{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.istr-ab-live b{display:block;font-size:13.5px;font-weight:600;line-height:1.35;margin:9px 0 2px}
.istr-ab-live i{font-style:normal;font-size:12px;color:rgba(255,255,255,.5)}

.istr-ab-apoios{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:11px;margin-top:14px}
.istr-ab-apoio{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px 15px;background:rgba(255,255,255,.02)}
.istr-ab-apoio b{font-size:16px;font-weight:800}
.istr-ab-apoio span{font-size:12.5px;color:rgba(255,255,255,.5);margin-left:7px}
.istr-ab-apoio p{margin:7px 0 0;font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.45}

.istr-ab-fim{text-align:center;padding:52px 0 0;margin-top:30px;border-top:1px solid rgba(255,255,255,.07)}
.istr-ab-fim p{font-family:Fraunces,serif;font-size:22px;margin:0 0 16px;color:rgba(255,255,255,.82)}
@media(max-width:760px){
  .istr-ab{padding:30px 16px 80px}
  .istr-ab-nums{gap:22px}.istr-ab-nums b{font-size:20px}
  .istr-ab-acoes{width:100%}.istr-ab-btn{flex:1;justify-content:center}
  .istr-ab-live,.istr-ab-live-capa{width:232px}
}

/* v735935st — o palco ocupa 100vh, então nada abaixo dele se anuncia sozinho:
   foi por isso que José varreu a tela e não viu apoiar, seguir nem produtos.
   Esta seta respira no rodapé do palco e some quando a pessoa rola. */
.istr-destaques{bottom:62px}
.istr-palco::after{content:'';position:absolute;left:50%;bottom:20px;width:13px;height:13px;margin-left:-7px;border-right:2px solid rgba(255,255,255,.62);border-bottom:2px solid rgba(255,255,255,.62);transform:rotate(45deg);animation:istrDesce 1.9s ease-in-out infinite;z-index:7;pointer-events:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.9))}
@keyframes istrDesce{0%,100%{transform:rotate(45deg) translate(0,0);opacity:.35}50%{transform:rotate(45deg) translate(4px,4px);opacity:.95}}
.istr-rolou .istr-palco::after{opacity:0;transition:opacity .3s}
@media(max-width:760px){.istr-destaques{bottom:96px}}

/* ═══ v735935st — DESTINO /stream ═════════════════════════════════════════
   "ta mt simples, isso n surpreende ngm". A vitrine agora abre com a cena
   acontecendo em tela cheia. Vocabulário do Records: preto profundo, serifa
   nos títulos, contorno de 1px, brilho só onde a mão vai. */
.istr-dst{margin:0 auto;padding:0 0 90px}
.istr-cp{position:relative;height:min(78vh,720px);min-height:460px;overflow:hidden;background:#000;border-bottom:1px solid rgba(255,255,255,.07)}
.istr-cp-cena{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease}
.istr-cp-cena.on{opacity:1;visibility:visible}
.istr-cp-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000 center/cover no-repeat}
.istr-cp-fundo--img{display:block}
.istr-cp-veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.62) 100%),linear-gradient(0deg,rgba(0,0,0,.85),transparent 55%)}
.istr-cp-tx{position:absolute;left:0;bottom:0;padding:0 0 46px 48px;max-width:min(680px,72%);z-index:2}
.istr-cp-selo{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.1em;color:rgba(255,255,255,.85);margin:0 0 14px;background:rgba(255,45,85,.16);border:1px solid rgba(255,45,85,.45);border-radius:999px;padding:6px 14px;backdrop-filter:blur(8px)}
.istr-cp-ponto{width:7px;height:7px;border-radius:50%;background:#FF2D55;box-shadow:0 0 0 0 rgba(255,45,85,.7);animation:istrPulsa 1.8s infinite}
@keyframes istrPulsa{70%{box-shadow:0 0 0 9px rgba(255,45,85,0)}100%{box-shadow:0 0 0 0 rgba(255,45,85,0)}}
.istr-cp h1{font-family:Fraunces,serif;font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.04;letter-spacing:-.02em;margin:0 0 12px;text-shadow:0 4px 40px rgba(0,0,0,.9)}
.istr-cp-desc{margin:0 0 18px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72);max-width:540px}
.istr-cp-quem{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:14px;color:rgba(255,255,255,.8)}
.istr-cp-av{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.istr-cp-av img{width:100%;height:100%;object-fit:cover}
.istr-cp-meta{max-width:430px;margin:0 0 22px}
.istr-cp-meta-tx{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:rgba(255,255,255,.62);margin:0 0 7px}
.istr-cp-meta-tx b{color:#fff;font-weight:800}
.istr-cp-barra{height:6px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
.istr-cp-barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FF2D55,#FF7A18);box-shadow:0 0 18px rgba(255,45,85,.6)}
.istr-cp-btns{display:flex;gap:11px;flex-wrap:wrap}
.istr-cp-btn{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:13px 27px;font-size:15px;font-weight:800;text-decoration:none;backdrop-filter:blur(10px);transition:.16s}
.istr-cp-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}
.istr-cp-btn--claro{background:#fff;color:#0a0a0c;border-color:#fff}
.istr-cp-btn--claro:hover{background:#fff}
.istr-cp-prod{position:absolute;right:42px;bottom:46px;z-index:2;width:270px;background:rgba(10,10,12,.72);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:15px;backdrop-filter:blur(16px);display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.istr-cp-prod img{width:62px;height:62px;object-fit:cover;border-radius:12px;background:#151515}
.istr-cp-prod em{display:block;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.1em;color:#FF7A9A;margin:0 0 3px}
.istr-cp-prod b{display:block;font-size:13.5px;line-height:1.25;margin:0 0 2px}
.istr-cp-prod i{font-style:normal;font-size:14px;font-weight:800}
.istr-cp-prod a{grid-column:1/-1;text-align:center;background:#fff;color:#0a0a0c;border-radius:999px;padding:10px;font-size:12.5px;font-weight:800;text-decoration:none;margin-top:3px}
.istr-cp-pontos{position:absolute;right:42px;top:26px;z-index:3;display:flex;gap:7px}
.istr-cp-pontos button{width:26px;height:3px;border:0;border-radius:99px;background:rgba(255,255,255,.28);cursor:pointer;padding:0}
.istr-cp-pontos button.on{background:#fff}
.istr-cp--vazio{display:flex;align-items:center;justify-content:center;height:auto;min-height:400px;padding:70px 20px}
.istr-cp--vazio .istr-cp-tx{position:static;padding:0;max-width:600px;text-align:center}
.istr-cp--vazio .istr-cp-btns{justify-content:center}

.istr-pulso{display:flex;gap:44px;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:30px 18px 6px}
.istr-pulso div{display:flex;flex-direction:column}
.istr-pulso b{font-size:27px;font-weight:800;letter-spacing:-.025em}
.istr-pulso span{font-size:11.5px;color:rgba(255,255,255,.45);margin-top:2px}

.istr-t{max-width:1180px;margin:0 auto;padding:34px 18px 4px}
.istr-t-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}
.istr-t-cab h2{font-family:Fraunces,serif;font-weight:500;font-size:22px;margin:0;letter-spacing:-.01em}
.istr-t-cab p{margin:4px 0 0;font-size:13px;color:rgba(255,255,255,.45)}
.istr-t-setas{display:flex;gap:7px;flex-shrink:0}
.istr-t-setas button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font-size:17px;line-height:1;cursor:pointer;transition:.16s}
.istr-t-setas button:hover:not([disabled]){background:rgba(255,255,255,.13)}
.istr-t-setas button[disabled]{opacity:.28;cursor:default}
.istr-t-trilho{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 16px;scrollbar-width:none}
.istr-t-trilho::-webkit-scrollbar{display:none}
.istr-t-card{flex:0 0 auto;width:306px;scroll-snap-align:start;text-decoration:none;color:#fff}
.istr-t-capa{display:block;position:relative;width:306px;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#101010 center/cover no-repeat;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s}
.istr-t-card:hover .istr-t-capa{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.16)}
.istr-t-previa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.istr-t-rot{position:absolute;top:10px;left:10px;z-index:2;font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:4px 10px;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}
.istr-t-rot--live{background:#FF2D55}
.istr-t-prod{position:absolute;left:10px;bottom:10px;right:10px;z-index:2;font-style:normal;font-size:11px;color:rgba(255,255,255,.9);background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.istr-t-prod b{font-weight:800}
.istr-t-pe{display:flex;gap:10px;align-items:flex-start;margin:11px 0 0}
.istr-t-av{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.istr-t-av img{width:100%;height:100%;object-fit:cover}
.istr-t-tx b{display:block;font-size:13.5px;font-weight:600;line-height:1.32;margin:0 0 3px}
.istr-t-tx i{font-style:normal;font-size:12px;color:rgba(255,255,255,.48)}
.istr-t--abas .istr-abas{margin-bottom:18px}

.istr-dst-fim{max-width:1180px;margin:44px auto 0;padding:52px 18px 0;border-top:1px solid rgba(255,255,255,.07);text-align:center}
.istr-dst-fim h2{font-family:Fraunces,serif;font-weight:500;font-size:clamp(24px,3.4vw,36px);margin:0 0 10px;letter-spacing:-.01em}
.istr-dst-fim p{color:rgba(255,255,255,.52);margin:0 0 24px;font-size:15px}
@media(max-width:860px){
  .istr-cp{height:auto;min-height:0}
  .istr-cp-cena{position:relative;opacity:1;visibility:visible;display:none}
  .istr-cp-cena.on{display:block}
  .istr-cp-fundo{position:relative;height:auto;aspect-ratio:16/9;display:block}
  .istr-cp-veu{display:none}
  .istr-cp-tx{position:static;padding:20px 16px 26px;max-width:none}
  .istr-cp-prod{position:static;width:auto;margin:0 16px 22px;right:auto;bottom:auto}
  .istr-cp-pontos{top:auto;bottom:10px;right:16px}
  .istr-pulso{gap:22px;padding:24px 16px 2px}.istr-pulso b{font-size:22px}
  .istr-t{padding:26px 16px 2px}
  .istr-t-card,.istr-t-capa{width:250px}
}

/* v735935st — quem está logado se vê no topo */
.istr-eu{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);transition:.16s}
.istr-eu:hover{background:rgba(255,255,255,.12)}
.istr-eu-av{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}
.istr-eu-av img{width:100%;height:100%;object-fit:cover}
.istr-eu-nome{font-size:13.5px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:620px){.istr-eu-nome{display:none}.istr-eu{padding:5px}}

/* ═══ v735936st — MINI-PLAYER: sair da live sem sair da live ═══════════════
   José: "qnd scrollo o video n fixa em cima... entao to saindo da live em
   tese, n ta foda a UX e UI no web" e antes "se entrar em live, tem q poder
   navegar normal q nao sai".
   Ao rolar, o palco encolhe para um canto e continua tocando. O conteúdo de
   baixo (seguir, apoiar, produtos) passa a ser navegável COM a live no ar. */
.istr-palco{transition:none}
.istr-palco.istr-mini{position:fixed;top:auto;left:auto;right:18px;bottom:18px;
  width:min(340px,44vw);height:auto;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
  z-index:70;box-shadow:0 22px 60px rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.16);
  animation:istrMiniEntra .22s ease}
@keyframes istrMiniEntra{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.istr-palco.istr-mini .istr-barra-topo,
.istr-palco.istr-mini .istr-destaques,
.istr-palco.istr-mini .istr-reacoes,
.istr-palco.istr-mini .istr-zona,
.istr-palco.istr-mini .istr-vinheta{display:none!important}
.istr-palco.istr-mini::after{display:none}
.istr-mini-cx{display:none}
.istr-palco.istr-mini .istr-mini-cx{display:flex;position:absolute;top:0;left:0;right:0;
  justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;z-index:3;
  background:linear-gradient(180deg,rgba(0,0,0,.78),transparent);opacity:0;transition:opacity .18s}
.istr-palco.istr-mini:hover .istr-mini-cx{opacity:1}
.istr-mini-cx button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.55);color:#fff;font-size:14px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}
.istr-mini-cx button:hover{background:rgba(0,0,0,.85)}
.istr-espaco-palco{display:block}
body.istr-com-mini .istr-ab{padding-bottom:230px}
@media(max-width:620px){
  .istr-palco.istr-mini{right:10px;bottom:10px;width:min(210px,58vw)}
  .istr-palco.istr-mini .istr-mini-cx{opacity:1}
}

/* ═══ v735936st — o topo fixo não pode mais cobrir a primeira dobra ═══════ */
.istr-cp{padding-top:0}
@media(max-width:860px){
  /* antes do vídeo carregar a caixa tinha altura zero e o texto subia para
     debaixo do cabeçalho fixo — "isso sobreposto assim em cima n ta legal" */
  .istr-cp{padding-top:58px}
  .istr-cp-fundo{min-height:200px;background:#111}
  .istr-cp-tx{padding:22px 16px 26px}
}

/* v735936st — contagem regressiva da live agendada */
.istr-conta{display:flex;gap:14px;justify-content:center;margin:14px 0 10px;position:relative;z-index:2}
.istr-conta div{display:flex;flex-direction:column;align-items:center;min-width:56px;background:rgba(0,0,0,.46);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 6px;backdrop-filter:blur(8px)}
.istr-conta b{font-family:Fraunces,serif;font-size:26px;line-height:1;font-weight:500}
.istr-conta i{font-style:normal;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:4px}
@media(max-width:620px){.istr-conta{gap:8px}.istr-conta div{min-width:48px}.istr-conta b{font-size:21px}}

/* v735936st — selo de "você está no ar" no topo */
.istr-cta-noar{display:inline-flex;align-items:center;gap:8px;background:#FF2D55!important;color:#fff!important}
.istr-noar-ponto{width:7px;height:7px;border-radius:50%;background:#fff;animation:istrPulsa 1.4s infinite}

/* ═══ v735936st — CHAT AO VIVO, visível ═══════════════════════════════════ */
.istr-ct{position:absolute;top:0;right:0;bottom:0;width:340px;z-index:12;display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgba(6,6,8,.9),rgba(6,6,8,.96));border-left:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(14px);transition:transform .24s ease}
.istr-ct.recolhido{transform:translateX(100%)}
.istr-ct-cab{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.istr-ct-cab b{font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.istr-ct-cab span{font-size:11.5px;color:rgba(255,255,255,.42)}
.istr-ct-x{margin-left:auto;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);color:#fff;cursor:pointer;font-size:15px;line-height:1}
.istr-ct-lista{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:11px;scrollbar-width:thin}
.istr-ct-lista::-webkit-scrollbar{width:5px}
.istr-ct-lista::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px}
.istr-ct-vazio{margin:auto;font-size:12.5px;color:rgba(255,255,255,.35);text-align:center}
.istr-ct-msg{display:flex;gap:9px;align-items:flex-start;animation:istrSobe .2s ease}
.istr-ct-av{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#1c1c1f;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.istr-ct-av img{width:100%;height:100%;object-fit:cover}
.istr-ct-tx{font-size:13px;line-height:1.45;color:rgba(255,255,255,.88);word-break:break-word}
.istr-ct-tx i{display:block;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.42);margin-bottom:1px}
.istr-ct-tx i em{font-style:normal;background:#FF2D55;color:#fff;border-radius:999px;padding:1px 7px;font-size:9px;
  font-weight:900;letter-spacing:.06em;margin-left:5px;text-transform:uppercase}
.istr-ct-msg.dono .istr-ct-tx{color:#fff}
.istr-ct-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}
.istr-ct-form input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;
  padding:11px 15px;color:#fff;font:inherit;font-size:13.5px;outline:none}
.istr-ct-form input:focus{border-color:rgba(255,45,85,.6)}
.istr-ct-form button{width:40px;border:0;border-radius:50%;background:#fff;color:#0a0a0c;font-size:17px;cursor:pointer}
.istr-ct-entrar{display:block;text-align:center;padding:14px;font-size:13px;color:rgba(255,255,255,.62);
  text-decoration:none;border-top:1px solid rgba(255,255,255,.08)}
.istr-ct-entrar:hover{color:#fff}
.istr-ct-abrir{position:absolute;right:14px;bottom:88px;z-index:12;border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.6);color:#fff;border-radius:999px;padding:10px 18px;font:inherit;font-size:13px;
  font-weight:700;cursor:pointer;backdrop-filter:blur(8px)}
/* com o chat aberto, a cena não fica escondida atrás dele */
/* v735936st — era `:has()`, que nem todo navegador aplica aqui: a área do
   vídeo não encolhia e o chat cobria metade da cena. Agora quem manda é uma
   classe posta pelo JS no palco — funciona em tudo. */
/* O chat mora DENTRO de .istr-video-wrap, então encolher o wrap encolhia o
   chat junto e ele parava longe da borda. Quem encolhe é a mídia; o wrap
   continua ocupando a tela inteira e o chat fica colado na direita. */
.istr-palco.istr-com-chat .istr-video,
.istr-palco.istr-com-chat .istr-sem-video{width:calc(100% - 340px);margin-right:340px}
.istr-palco.istr-com-chat .istr-destaques{margin-left:-170px}
@media(max-width:860px){
  .istr-ct{top:auto;left:0;width:auto;height:46vh;border-left:0;border-top:1px solid rgba(255,255,255,.1);
    border-radius:18px 18px 0 0}
  .istr-ct.recolhido{transform:translateY(100%)}
  .istr-ct-x{transform:rotate(-90deg)}
  .istr-palco.istr-com-chat .istr-video,
  .istr-palco.istr-com-chat .istr-sem-video{width:100%;margin-right:0;height:54vh}
  .istr-palco.istr-com-chat .istr-destaques{margin-left:0;display:none}
  .istr-ct-abrir{bottom:16px}
}

/* v735936st — visitante no chat: criar conta é o caminho principal */
.istr-ct-visita{padding:14px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.istr-ct-visita p{margin:0 0 11px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.55)}
.istr-ct-criar{display:block;background:#fff;color:#0a0a0c;border-radius:999px;padding:11px;font-size:13.5px;font-weight:800;text-decoration:none}
.istr-ct-criar:hover{transform:translateY(-1px)}
.istr-ct-visita .istr-ct-entrar{border-top:0;padding:9px 0 0;font-size:12.5px}
/* v735944st — topo no celular: "Stream" e o botão quebravam em duas linhas e encostavam no avatar */
@media(max-width:520px){.istr-top{padding:12px 14px}.istr-marca i{display:none}.istr-top-dir{gap:8px}.istr-cta-criar{padding:8px 12px;font-size:12px;white-space:nowrap}.istr-cta-entrar{font-size:12px;white-space:nowrap}}

/* ═══ v735951live — CELULAR (live da Sônia, 01/10) ════════════════════════
   José: "a borda está CORTANDO NA ESQUERDA". Regra daqui para baixo: nada
   de texto ou botão a menos de 16 px da borda (e nunca sob o entalhe do
   iPhone deitado: env(safe-area-inset-*)); trilho rola, mas o primeiro card
   começa no gutter; cabeçalho com fundo quando há conteúdo passando embaixo. */
:root{--istr-gl:max(16px,env(safe-area-inset-left,0px));--istr-gr:max(16px,env(safe-area-inset-right,0px));--istr-gb:env(safe-area-inset-bottom,0px);--istr-gt:env(safe-area-inset-top,0px)}
html,body{max-width:100%;overflow-x:clip}
/* topo: vidro escuro ao rolar (desktop) e sempre no celular, onde a capa não tem degradê por trás */
.istr-top{transition:background-color .2s ease}
html.istr-rolou .istr-top{background:rgba(0,0,0,.86);-webkit-backdrop-filter:saturate(1.3) blur(16px);backdrop-filter:saturate(1.3) blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
@media(max-width:860px){
  .istr-top{padding:calc(10px + var(--istr-gt)) var(--istr-gr) 10px var(--istr-gl);background:rgba(0,0,0,.86);-webkit-backdrop-filter:saturate(1.3) blur(16px);backdrop-filter:saturate(1.3) blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
  .istr-cp{padding-top:calc(58px + var(--istr-gt))}
  .istr-cp-tx{padding:22px var(--istr-gr) 26px var(--istr-gl)}
  .istr-cp-prod{margin:0 var(--istr-gr) 22px var(--istr-gl)}
  .istr-pulso{padding:24px var(--istr-gr) 2px var(--istr-gl)}
  .istr-t{padding:26px var(--istr-gr) 2px var(--istr-gl)}
  .istr-dst-fim{padding:44px var(--istr-gr) 0 var(--istr-gl)}
  .istr-cp--vazio{padding:calc(70px + var(--istr-gt)) var(--istr-gr) 40px var(--istr-gl)}
}
@media(max-width:520px){.istr-top-dir{gap:10px}}
@media(max-width:360px){.istr-cta-criar{padding:8px 10px;font-size:11.5px}.istr-marca{font-size:14px}}
/* no toque não há hover: as setas só roubavam largura do título */
@media(hover:none) and (max-width:860px){.istr-t-setas,.istr-ab-setas{display:none}}
/* grade do "Explorar": minmax(300px) passava da tela de 320 e o vazio ficava torto */
.istr-grade{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.istr-grade .istr-vazia,.istr-grade .istr-carregando{border:1px dashed rgba(255,255,255,.12);border-radius:16px;padding:30px 16px;color:rgba(255,255,255,.5)}
.istr-t-trilho,.istr-ab-trilho{scroll-padding-left:2px;overscroll-behavior-x:contain}
.istr-t-tx{min-width:0}
.istr-t-tx b{overflow-wrap:anywhere}

/* ── tela da live no celular ── */
@media(max-width:860px){
  .istr-barra-topo{padding:calc(12px + var(--istr-gt)) var(--istr-gr) 12px var(--istr-gl);gap:10px}
  .istr-ct-cab{padding:12px var(--istr-gr) 12px var(--istr-gl)}
  .istr-ct-lista{padding:12px var(--istr-gr) 12px var(--istr-gl)}
  .istr-ct-form{padding:12px var(--istr-gr) calc(12px + var(--istr-gb)) var(--istr-gl)}
  .istr-ct-visita{padding:14px var(--istr-gr) calc(14px + var(--istr-gb)) var(--istr-gl)}
  .istr-ab{padding:30px var(--istr-gr) calc(80px + var(--istr-gb)) var(--istr-gl)}
  .istr-palco .islp-voz{left:var(--istr-gl)}
  .istr-zona--meta,.istr-reacoes{left:var(--istr-gl)}
  .istr-zona--shop,.istr-zona--chat{right:var(--istr-gr)}
  .istr-palco.istr-mini{right:max(10px,env(safe-area-inset-right,0px));bottom:calc(10px + var(--istr-gb))}
}
/* no mini-player só a imagem: chat, alertas e botões de pagamento ficam na página */
.istr-palco.istr-mini:not([data-estado="scheduled"]):not([data-estado="draft"]) :is(.istr-ct,.istr-ct-abrir,.islp,.isc),
.istr-palco.istr-mini:not([data-estado="scheduled"]):not([data-estado="draft"]) .istr-sem-video>*{display:none!important}
/* live que ainda não começou não tem vídeo: nada de mini-player — o palco fica no lugar, no fluxo da
   página, e o espaçador do mini (que o stream.js mostra) some, senão sobrava um buraco preto ao rolar */
.istr-palco:is([data-estado="scheduled"],[data-estado="draft"]) + .istr-espaco-palco{display:none!important}
.istr-palco.istr-mini:is([data-estado="scheduled"],[data-estado="draft"]){display:block!important;position:relative;top:auto;right:auto;bottom:auto;left:auto;
  width:100%;height:100vh;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none;animation:none;z-index:auto;overflow:hidden}
.istr-palco.istr-mini:is([data-estado="scheduled"],[data-estado="draft"]) .istr-barra-topo{display:flex!important}
.istr-palco.istr-mini:is([data-estado="scheduled"],[data-estado="draft"]) .istr-vinheta{display:block!important}
.istr-palco.istr-mini:is([data-estado="scheduled"],[data-estado="draft"]) .istr-mini-cx{display:none!important}
body.istr-com-mini .istr-palco:is([data-estado="scheduled"],[data-estado="draft"]) ~ .istr-ab{padding-bottom:80px}
@media(max-width:860px){.istr-palco.istr-mini[data-estado="scheduled"]{height:auto;overflow:visible}}
/* filhos da capa sem vídeo acima do fundo borrado (o "Me avise" do palco saía apagado por baixo dele) */
.istr-sem-video>*{position:relative;z-index:2}
/* rótulo do estado vinha em inglês ("SCHEDULED") no selo da barra do palco */
.istr-barra-topo .istr-selo--scheduled{font-size:0;padding:4px 8px}
.istr-barra-topo .istr-selo--scheduled::after{content:'AGENDADA';font-size:9px}

/* ── live AGENDADA: capa em cima, contagem embaixo (antes o relógio caía em cima da arte da capa) ── */
.istr-palco[data-estado="scheduled"] .istr-zona,.istr-palco[data-estado="scheduled"] .islp-voz{display:none!important}
.istr-palco[data-estado="scheduled"] .istr-sem-video{justify-content:flex-end;padding:0 24px 34px}
.istr-palco[data-estado="scheduled"] .istr-sem-video::after{inset:78px 24px 230px}
.istr-palco[data-estado="scheduled"] .istr-sem-video p{font-size:20px}
@media(max-width:860px){
  .istr-palco[data-estado="scheduled"]{height:auto;min-height:0;overflow:visible}
  .istr-palco[data-estado="scheduled"]::after{display:none}
  .istr-palco[data-estado="scheduled"] .istr-video-wrap{position:relative;inset:auto;display:flex;flex-direction:column;align-items:stretch}
  .istr-palco[data-estado="scheduled"] .istr-sem-video,
  .istr-palco[data-estado="scheduled"].istr-com-chat .istr-sem-video{width:100%;margin:0;height:auto;min-height:0;justify-content:flex-start;
    padding:calc(56.25vw + 66px + var(--istr-gt)) var(--istr-gr) 24px var(--istr-gl)}
  .istr-palco[data-estado="scheduled"] .istr-sem-video::after{inset:auto;top:calc(56px + var(--istr-gt));left:0;right:0;height:56.25vw;background-size:cover}
  .istr-palco[data-estado="scheduled"] .istr-sem-video p{font-size:17px;margin:0 0 2px}
  .istr-palco[data-estado="scheduled"] .istr-conta{margin:10px 0 8px}
  .istr-palco[data-estado="scheduled"] .istr-barra-topo,.istr-palco[data-estado="scheduled"] .istr-barra-topo.istr-esconde{opacity:1;pointer-events:auto;background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.35))}
  .istr-palco[data-estado="scheduled"] .istr-ct{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:min(46vh,380px);transform:none;border-radius:18px 18px 0 0}
  .istr-palco[data-estado="scheduled"] .istr-ct.recolhido{display:none}
  .istr-palco[data-estado="scheduled"] .istr-ct-abrir{position:static;align-self:center;margin:4px 0 14px}
  .istr-palco[data-estado="scheduled"] .istr-reacoes,.istr-palco[data-estado="scheduled"] .istr-destaques{display:none}
}
@media(max-width:360px){.istr-conta{gap:6px}.istr-conta div{min-width:44px;padding:8px 4px}.istr-conta b{font-size:19px}}
/* barra do palco em 320: nome longo empurrava "0 assistindo" para fora do gutter */
.istr-barra-topo .istr-criador{min-width:0;flex:0 1 auto}
.istr-criador-nome{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.istr-espectadores{white-space:nowrap;flex-shrink:0}
/* v735951live — capa "PRÓXIMA LIVE" da vitrine (sem ninguém no ar) */
.istr-cp--breve .istr-cp-selo{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.istr-cp--breve .istr-cp-ponto{background:#FFB020;animation:none;box-shadow:0 0 10px rgba(255,176,32,.8)}
.istr-cp-conta{display:flex;gap:8px;margin:0 0 8px}
.istr-cp-conta span{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:9px 6px;border-radius:13px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.istr-cp-conta b{font-family:Fraunces,serif;font-weight:500;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.istr-cp-conta i{font-style:normal;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:4px}
.istr-cp-fuso{margin:0 0 18px;font-size:13px;color:rgba(255,255,255,.6)}
.istr-cp-btn{font-family:inherit;cursor:pointer}
.istr-cp-btn[disabled]{opacity:1;background:rgba(123,227,178,.16);border-color:rgba(123,227,178,.5);color:#c9f5e0;cursor:default}
@media(max-width:860px){
  .istr-cp--breve .istr-cp-fundo{background-size:cover}
  .istr-cp--breve h1{font-size:clamp(26px,7.4vw,34px)}
  .istr-cp-btns{flex-direction:column;align-items:stretch}.istr-cp-btn{justify-content:center}
}
@media(max-width:360px){.istr-cp-conta{gap:6px}.istr-cp-conta span{min-width:48px}.istr-cp-conta b{font-size:21px}}
/* capa da vitrine em 320: min-height 200px cortava a arte 16:9 nas laterais */
@media(max-width:860px){.istr-cp--breve .istr-cp-fundo{min-height:0;aspect-ratio:16/9;background-size:cover;background-position:center}}
@media(max-width:380px){.istr-cp--breve .istr-cp-selo{font-size:10px;letter-spacing:.06em}}

/* v735955som — pílula "Toque para ativar o som" e botão de som (o vídeo entra mudo por regra do navegador) */
.istr-som-pilula{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:13px 22px 13px 18px;background:#D7FF00;color:#000;font:700 15px/1.1 Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:0 12px 36px rgba(0,0,0,.55),0 0 0 6px rgba(215,255,0,.18);animation:istrSomPulsa 2.4s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.istr-som-pilula[hidden],.istr-som-bt[hidden]{display:none!important}
.istr-som-pilula svg{flex:none}
@keyframes istrSomPulsa{0%,100%{box-shadow:0 12px 36px rgba(0,0,0,.55),0 0 0 6px rgba(215,255,0,.18)}50%{box-shadow:0 12px 36px rgba(0,0,0,.55),0 0 0 12px rgba(215,255,0,.06)}}
.istr-som-bt{position:absolute;left:14px;top:66px;z-index:6;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent}
.istr-som-bt:hover{background:rgba(0,0,0,.75)}
@media (prefers-reduced-motion:reduce){.istr-som-pilula{animation:none}}