/* Stories editoriais — componente comum de Notícias e Eventos. */
.cst-host{position:absolute;inset:0;z-index:890;pointer-events:none}.cst{position:absolute;inset:0;display:grid;place-items:center;padding:27px 22px;pointer-events:auto;animation:cst-in .2s ease-out}.cst.is-closing{opacity:0;transition:opacity .18s ease}.cst-scrim{position:absolute;inset:0;border:0;background:rgba(5,8,10,.82);backdrop-filter:blur(7px)}
.cst-stage{position:relative;z-index:1;width:calc(var(--cst-story-w) + 172px);height:var(--cst-story-h);display:grid;place-items:center}.cst-panel{position:relative;width:var(--cst-story-w);height:var(--cst-story-h);aspect-ratio:9/16;overflow:hidden;border-radius:34px;background:#151b1e;color:#fff;box-shadow:0 34px 90px rgba(0,0,0,.48);isolation:isolate;touch-action:pan-y}
.cst-media{position:absolute!important;inset:-2%;z-index:0;background:#263237;will-change:transform,opacity}.cst-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;will-change:transform}.cst-media.has-image>img{animation:cst-image-a 6.8s cubic-bezier(.2,.65,.25,1) both}.cst-media.has-image.cst-media--motion-1>img{animation-name:cst-image-b}.cst-media.has-image.cst-media--motion-2>img{animation-name:cst-image-c}.cst-media.is-fallback{animation:cst-fallback 6.8s ease-out both}.cst-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 31%,transparent 48%,rgba(0,0,0,.88) 100%)}
.cst-progress{position:absolute;z-index:5;top:18px;left:20px;right:20px;display:flex;gap:7px}.cst-progress i{height:5px;flex:1;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.32)}.cst-progress b{display:block;width:0;height:100%;background:#fff}.cst-progress i.is-done b{width:100%}.cst-progress i.is-active b{animation:cst-progress var(--cst-duration,6500ms) linear forwards}
.cst-header{position:absolute;z-index:6;top:39px;left:25px;right:22px;display:flex;align-items:center;gap:12px}.cst-avatar{display:grid;place-items:center;width:48px;height:48px;border:3px solid var(--ds-accent);border-radius:50%;background:#171d20;font:900 25px/1 var(--ds-font-display)}.cst-header div{display:flex;flex-direction:column;gap:2px}.cst-header b{font:900 16px/1 var(--ds-font-display);letter-spacing:.06em}.cst-header small{font:700 11px/1.2 var(--ds-font-sans);letter-spacing:.07em;color:rgba(255,255,255,.73)}.cst-header>button{margin-left:auto;width:50px;height:50px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:32px}
.cst-event-date{position:absolute;z-index:6;top:118px;left:26px;display:grid;grid-template-columns:auto 1fr;gap:1px 10px;max-width:76%;padding:13px 16px;border-radius:16px;background:rgba(5,9,11,.64);backdrop-filter:blur(10px);text-transform:capitalize}.cst-event-date b{grid-row:1/3;font:900 28px/.95 var(--ds-font-display);color:var(--ds-accent)}.cst-event-date span{font:900 18px/1 var(--ds-font-display)}.cst-event-date small{display:flex;align-items:center;gap:5px;color:#dce3e5;font-size:11px}.cst-event-date .tomi-icon{font-size:12px}
.cst-nav{position:absolute;z-index:8;top:50%;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:rgba(6,10,12,.72);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.28);backdrop-filter:blur(9px);transform:translateY(-50%);transition:transform .15s ease,background .15s ease}.cst-nav .tomi-icon{font-size:27px}.cst-nav:active{transform:translateY(-50%) scale(.92)}.cst-nav--prev{left:0}.cst-nav--next{right:0;background:var(--ds-accent);color:var(--ds-on-accent);border-color:var(--ds-accent)}.cst-nav:disabled{opacity:.22;pointer-events:none}.cst-copy{position:absolute;z-index:6;left:34px;right:34px;bottom:35px}.cst-copy>span{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--ds-accent);color:var(--ds-on-accent);font:900 12px/1 var(--ds-font-sans);letter-spacing:.07em}.cst-copy h2{max-width:530px;margin:17px 0 9px;font:900 48px/.95 var(--ds-font-display);letter-spacing:-.025em}.cst-copy p{margin:0 0 22px;font:700 16px/1.3 var(--ds-font-sans);color:rgba(255,255,255,.8)}.cst-copy button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;padding:0 22px;border:1px solid rgba(255,255,255,.6);border-radius:18px;background:rgba(255,255,255,.12);color:#fff;font:900 16px/1 var(--ds-font-sans);backdrop-filter:blur(10px)}
.mode-tab--stories{background:#161c1f!important;color:#fff!important}.mode-tab--stories .tomi-icon{color:var(--ds-accent)}
@keyframes cst-progress{to{width:100%}}@keyframes cst-in{from{opacity:0;transform:scale(.985)}}@keyframes cst-image-a{from{transform:scale(1.02) translate3d(-1.5%,1%,0)}to{transform:scale(1.13) translate3d(1.5%,-1%,0)}}@keyframes cst-image-b{from{transform:scale(1.13) translate3d(1.5%,-1%,0)}to{transform:scale(1.03) translate3d(-1%,1%,0)}}@keyframes cst-image-c{from{transform:scale(1.04) translate3d(0,-1.5%,0)}to{transform:scale(1.15) translate3d(-1.5%,1%,0)}}@keyframes cst-fallback{from{transform:scale(1);filter:saturate(.9)}to{transform:scale(1.055);filter:saturate(1.16)}}
@media(prefers-reduced-motion:reduce){.cst-media,.cst-media>img,.cst-progress i.is-active b{animation:none!important}.cst-nav{transition:none}}
@media(max-width:700px){.cst{padding:12px}.cst-stage{width:100%}.cst-nav{width:50px;height:50px}.cst-nav--prev{left:4px}.cst-nav--next{right:4px}.cst-copy h2{font-size:38px}}