/* Evolução local: reutiliza os tokens e a estrutura visual aprovados. */
.offer-symbol{font-size:38px;color:var(--vb-verde)}
.experience-card .offer-location{font-size:13px;margin:12px 0 0;color:#526057}
#offer-filters{margin-top:30px;flex-wrap:wrap}
#offer-filters>div{flex:1;min-width:150px}
#offer-filters>div:first-child{flex:1.5}
.partner-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-block:50px;margin-top:38px;border-block:1px solid var(--vb-borda)}
.partner-panel h2{font-size:32px;margin-bottom:18px}
.partner-status{padding:28px;border-radius:8px;background:var(--vb-fundo-alternado);align-self:start}
.partner-status h3{font-family:var(--font-sans);font-size:21px;margin-bottom:12px}
.status-label{display:block;font-size:12px;color:#4b5b52;margin-top:16px}
.prototype-intro{display:flex;gap:22px;align-items:center;margin-bottom:30px}
.prototype-intro .pill{flex-shrink:0}
.prototype-intro p{font-size:16px;max-width:790px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.story-card{border:1px solid var(--vb-borda);border-radius:8px;background:white;overflow:hidden;color:#132A1E;min-width:0}
.story-screen{position:relative;aspect-ratio:3/4;isolation:isolate;background:#073b27;color:#fff;display:flex;align-items:flex-end;padding:26px}
.story-photo{position:absolute;inset:0;z-index:-2}
.story-photo img{height:100%;width:100%;object-fit:cover}
.story-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#073b2725 5%,#073b2770 35%,#073b27f5 95%);z-index:-1}
.prototype-label{position:absolute;top:18px;left:18px;background:#073b27e8;color:#fff;border:1px solid #ffffff80;border-radius:4px;padding:6px 9px;font-size:10px;letter-spacing:.08em}
.story-progress{position:absolute;top:61px;left:18px;right:18px;display:flex;gap:6px}
.story-progress span{height:3px;background:#ffffff65;flex:1;border-radius:4px}
.story-progress .is-current{background:var(--vb-amarelo)}
.story-step{font-size:10px;letter-spacing:.09em;font-weight:700;display:block;margin-bottom:12px}
.story-scenes h3{font-size:30px;line-height:1.13;color:#fff;margin-bottom:13px}
.story-scenes p,.green .story-scenes p{font-size:15px;color:#fff;line-height:1.5;margin:0}
.story-info{padding:23px}
.story-info p,.green .story-info p{font-size:13px;color:#526057;margin-top:15px}
.story-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}
.story-controls .button{font-size:13px;min-height:44px;padding:10px 13px;gap:10px}
.story-info .text-link{font-size:13px;white-space:normal}
.story-controls>span{font-size:12px;color:#526057}
.local-look{grid-template-columns:.9fr 1.1fr;gap:64px}
.local-look .story-card{max-width:400px;margin-inline:auto}
.local-look .story-screen{aspect-ratio:4/3}
.local-look>.story-card,.local-look>div{min-width:0}
.local-look>div:last-child>.button{margin-right:8px}
.local-look .story-scenes h3{font-size:30px}
.local-look .story-scenes p{margin-top:0}
.local-look .story-controls .button{margin-top:0}
.footer-institutional{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:35px;border-top:1px solid #ffffff25;margin-top:38px;padding-top:30px}
.footer-institutional h2{font-family:var(--font-sans);font-size:14px;margin-bottom:12px}
.footer-institutional a{font-size:13px;color:#fff;text-underline-offset:4px}
.footer-institutional p{font-size:12px;margin-top:10px}
.legal-article section,.narrow>section{margin-top:34px}
.narrow>section h2{font-size:30px;margin-bottom:18px}
:focus-visible{outline:3px solid #1560BD;outline-offset:4px}
.green :focus-visible,footer :focus-visible{outline-color:#F5C518}
@media(max-width:1100px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-look{gap:35px}.local-look .story-screen{aspect-ratio:3/4}}
@media(max-width:740px){.story-grid,.partner-panel,.local-look{grid-template-columns:1fr}.story-screen{aspect-ratio:4/5}.story-grid{max-width:470px;margin-inline:auto}.prototype-intro{align-items:flex-start;flex-direction:column;gap:14px}.local-look .story-screen{aspect-ratio:4/3;min-height:300px}.local-look .story-card{max-width:100%}.story-scenes h3{font-size:30px}.footer-institutional{grid-template-columns:1fr;gap:28px}.partner-panel{gap:24px;padding-block:32px}.partner-status{padding:23px}#offer-filters>div{width:100%;min-width:0}.story-screen{padding:23px}}
