.reel{--u:calc(100cqw / 1913);container-type:inline-size;container-name:rlpalco} 
.rl-palco{position:relative;overflow:hidden;background:var(--noite,#010508);color:#fff;aspect-ratio:16/9;isolation:isolate;font-family:var(--f-texto,"Archivo","Helvetica Neue",Arial,sans-serif)}
.rl-fundo,.rl-lateral{position:absolute;top:0;height:100%;overflow:hidden}
.rl-fundo{left:0;width:83.64%}
.rl-lateral{right:0;width:16.36%}
.rl-fundo img,.rl-lateral img{position:absolute;left:0;top:calc(-1*var(--ov,0%));width:100%;height:calc(100% + 2*var(--ov,0%));max-width:none;object-fit:cover;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.rl-sombra{position:absolute;left:0;top:0;width:83.64%;height:100%;pointer-events:none;
  background:linear-gradient(90deg,rgb(1 5 8 / .56),rgb(1 5 8 / .42) 40%,rgb(1 5 8 / 0) 72%),linear-gradient(0deg,rgb(1 5 8 / .42),rgb(1 5 8 / 0) 45%)}
.rl-texto{position:absolute;left:calc(527*var(--u));top:calc(225*var(--u));width:calc(500*var(--u))} 
.rl-texto h3{margin:0 0 .6em;font-weight:600;font-size:max(1.5rem,calc(49*var(--u)));line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
.rl-texto p{margin:0;font-weight:400;font-size:max(1rem,calc(23*var(--u)));line-height:1.45;color:rgb(255 255 255 / .86);max-width:34ch}
.rl-texto p+p{margin-top:.8em}

.rl-reel{position:absolute;left:calc(1063*var(--u));top:50%;width:calc(446*var(--u));aspect-ratio:9/16;margin:0;transform:translateY(-50%);container-type:inline-size;filter:drop-shadow(0 1.4cqw 3cqw rgb(0 0 0 / .35))}
.rl-quadro{position:absolute;inset:0;border-radius:8cqw;overflow:hidden;background:#0b0f10}
.rl-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;background:#0b0f10}
.rl-ui{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgb(0 0 0 / .45),rgb(0 0 0 / 0) 18%),linear-gradient(to top,rgb(0 0 0 / .6),rgb(0 0 0 / 0) 34%)}
.rl-topo{position:absolute;left:5.5cqw;right:5.5cqw;top:5.2cqw;display:flex;align-items:center;justify-content:space-between}
.rl-rotulo{font-weight:600;font-size:max(9px,5.4cqw);line-height:1;text-shadow:0 1px 3px rgb(0 0 0 / .4)}
.rl-topo svg{width:max(12px,6.4cqw);height:max(12px,6.4cqw);fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.rl-acoes{position:absolute;right:4.5cqw;bottom:20cqw;display:flex;flex-direction:column;gap:5.2cqw}
.rl-acoes svg{width:max(14px,7.6cqw);height:max(14px,7.6cqw);fill:none;stroke:#fff;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}
.rl-acoes svg:first-child{fill:var(--ciano,#00ffff);stroke:var(--ciano,#00ffff)}
.rl-base{position:absolute;left:5.5cqw;right:16cqw;bottom:6cqw}
.rl-perfil{display:flex;align-items:center;gap:2.8cqw}
.rl-perfil img{width:max(16px,9.4cqw);height:max(16px,9.4cqw);border-radius:50%;box-shadow:0 0 0 max(1px,.5cqw) rgb(255 255 255 / .9);flex:none}
.rl-perfil span{font-weight:600;font-size:max(8px,4.5cqw);letter-spacing:.02em;line-height:1;text-shadow:0 1px 3px rgb(0 0 0 / .4)}
.rl-legenda{margin:2.8cqw 0 0;font-size:max(7px,3.9cqw);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgb(0 0 0 / .4)}
.rl-progresso{position:absolute;left:0;right:0;bottom:0;height:max(2px,.9cqw);background:rgb(255 255 255 / .3)}
.rl-progresso i{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(var(--p,0))}

.rl-origem{position:absolute;left:0;right:0;top:100%;margin-top:3.2cqw;text-align:center;font-size:max(.875rem,3.4cqw);line-height:1.2}
.rl-origem a{color:#fff;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;display:inline-flex;align-items:center;gap:.35em}
.rl-origem a:hover{text-decoration-color:var(--ciano,#00ffff);color:var(--ciano,#00ffff)}
.rl-origem a:focus-visible{outline:2px solid var(--ciano,#00ffff);outline-offset:4px}
.rl-origem svg{width:.95em;height:.95em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.rl-area{position:absolute;inset:0;border:0;padding:0;background:transparent;cursor:pointer}
.rl-area:focus-visible,.rl-play:focus-visible,.rl-som:focus-visible{outline:2px solid var(--ciano,#00ffff);outline-offset:-3px}
.rl-play{position:absolute;left:50%;top:50%;width:19cqw;height:19cqw;margin:-9.5cqw 0 0 -9.5cqw;border:0;border-radius:50%;padding:0;background:var(--ciano,#00ffff);color:var(--tinta,#0e1315);display:grid;place-items:center;cursor:pointer;
  transition:transform .25s var(--ease,cubic-bezier(.22,.7,.2,1)),opacity .25s}
.rl-play svg{width:42%;height:42%;fill:currentColor;margin-left:6%}
.rl-play:hover{transform:scale(1.07)}
.rl-reel:not([data-fase="capa"]) .rl-play{opacity:0;pointer-events:none}
.rl-reel[data-fase="pausado"] .rl-play{opacity:.95;pointer-events:none;transform:scale(.8)}
.rl-som{position:absolute;right:4.5cqw;top:13.5cqw;width:9cqw;height:9cqw;border:0;border-radius:50%;padding:0;background:rgb(0 0 0 / .42);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s}
.rl-som svg{grid-area:1/1;width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.rl-reel:not([data-fase="capa"]) .rl-som{opacity:1;pointer-events:auto}
.rl-som svg:last-child,.rl-som[aria-pressed="true"] svg:first-child{display:none}
.rl-som[aria-pressed="true"] svg:last-child{display:block}
.rl-reel[data-fase="capa"] .rl-progresso{opacity:0}

.rl-br{display:none}
@container rlpalco (min-width:900px){
  .rl-fundo{--wc:calc(83.64*1cqw)} .rl-lateral{--wc:calc(16.36*1cqw)}
  .rl-fundo img[data-z],.rl-lateral img[data-z]{
    --iw:calc(var(--z)*max(var(--wc),56.25cqw*var(--nw)/var(--nh))); --ih:calc(var(--iw)*var(--nh)/var(--nw));
    width:var(--iw);height:var(--ih);left:calc((var(--wc) - var(--iw))*var(--fx));top:calc((56.25cqw - var(--ih))*var(--fy));object-fit:fill}
}

@container rlpalco (min-width:1050px){
  .rl-br{display:inline}
  .rl-texto{left:calc(280*var(--u));width:calc(780*var(--u))}
  .rl-texto h3{max-width:calc(540*var(--u))}
  .rl-texto p{max-width:none;white-space:nowrap;font-size:max(15px,calc(22*var(--u)))}
}

@container rlpalco (max-width:899px){
  .rl-palco{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;padding:clamp(1.5rem,7cqw,2.4rem) clamp(1rem,6cqw,1.6rem) 0;gap:1.6rem}
  .rl-fundo{width:100%;height:calc(100% - 28cqw)}
  .rl-sombra{width:100%;height:calc(100% - 28cqw);background:linear-gradient(0deg,rgb(1 5 8 / .5),rgb(1 5 8 / .3) 60%,rgb(1 5 8 / .5))}
  .rl-texto{position:relative;left:auto;top:auto;width:100%;transform:none}
  .rl-texto h3{font-size:clamp(1.4rem,6cqw,2rem)}
  .rl-texto p{font-size:1rem}
  .rl-reel{position:relative;left:auto;top:auto;transform:none;width:min(72cqw,22rem)}
  .rl-origem{position:static;margin-top:.9rem}
  .rl-lateral{position:relative;right:auto;width:calc(100% + 2*clamp(1rem,6cqw,1.6rem));max-width:none;height:28cqw;margin-inline:calc(-1*clamp(1rem,6cqw,1.6rem));margin-top:.4rem;flex:none}
}
@media (prefers-reduced-motion:reduce){ .rl-play,.rl-som{transition:none} .rl-fundo img,.rl-lateral img{will-change:auto} }