/* Prévia isolada. O visitante controla o destaque por rolagem; não é status operacional. */
body{font-size:17px}
main p{font-size:1.0625rem}
.hero-copy>p{font-size:1.125rem}
.scroll-timeline .trace-list p,.interior-hero .scroll-timeline .sequence-track p{font-size:.9375rem}
.preview-notice{background:#fff;color:var(--navy);border-bottom:1px solid var(--line);font-size:.8125rem}
.preview-notice .container{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:12px}
.preview-notice strong{font-weight:700}
.trace-list{--trace-inset:25px;padding-left:var(--trace-inset)}
.trace-list li{--timeline-dot-x:calc(-.5px - var(--trace-inset));--timeline-dot-y:calc(16px + .935rem)}
.trace-list li::before{box-sizing:border-box;left:var(--timeline-dot-x);top:var(--timeline-dot-y);transform:translate(-50%,-50%)}
.trace-list .trace-active{--timeline-dot-y:calc(17px + .935rem)}
.trace-list .trace-active::before{width:17px;height:17px;border:4px solid #355970}
.relationship,.ecosystem-sequence{position:relative}
.relationship .diagram-note,.interior-hero .sequence-note{margin-top:28px;padding-top:20px;border-top:1px solid #b6c8d2;font-size:1.0625rem;line-height:1.5;font-weight:700;letter-spacing:-.015em;color:var(--navy);max-width:36ch}
.relationship .diagram-note{color:#fff;border-color:#638092}
.scroll-timeline{--reading-accent:#a8d2e8;--reading-surface:#355970;--reading-rule:#7896a9}
.ecosystem-sequence.scroll-timeline{--reading-accent:#467b98;--reading-rule:#aac0cd}
.scroll-timeline .trace-list li,.scroll-timeline .sequence-track li{padding:18px 20px;margin-block:8px;border-radius:var(--radius);background:transparent;display:block;color:inherit}
.scroll-timeline .trace-list li{--timeline-dot-y:calc(18px + .935rem)}
.scroll-timeline .sequence-track li{--timeline-dot-y:calc(18px + var(--sequence-title)*.7)}
.scroll-timeline .trace-list li>svg,.scroll-timeline .sequence-track li>svg{display:none}
.scroll-timeline .sequence-action h2{color:var(--navy)}
.interior-hero .scroll-timeline .sequence-action p{color:var(--muted)}
.scroll-timeline .trace-list li::before,.scroll-timeline .sequence-track li::before{width:9px;height:9px;border:1px solid var(--reading-accent);background:var(--navy)!important}
.scroll-timeline .sequence-track li::before{background:var(--pale)!important}
.scroll-timeline li.is-reading{background:var(--reading-surface)}
.scroll-timeline .sequence-track li.is-reading h2{color:#fff}
.interior-hero .scroll-timeline .sequence-track li.is-reading p{color:var(--light-ink)}
.scroll-timeline li.is-reading::before{background:var(--reading-accent)!important}
.scroll-timeline .sequence-track li.is-reading::before{background:var(--reading-accent)!important}
.scroll-timeline .trace-list{border-left-color:transparent}
.scroll-timeline .sequence-track::before{display:none}
.scroll-timeline .trace-list li::before,.scroll-timeline .sequence-track li::before{z-index:2}
.reading-overlay{position:absolute;pointer-events:none;width:0;z-index:1}
.reading-track{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--reading-rule);transform:translateX(-50%)}
.reading-progress{position:absolute;left:0;top:0;width:2px;height:100%;background:var(--reading-accent);transform-origin:center top;transform:translateX(-50%) scaleY(0)}
.reading-cursor{position:absolute;top:0;left:0;box-sizing:border-box;width:17px;height:17px;border:4px solid #355970;background:#a8d2e8;border-radius:50%;transform:translate3d(-50%,-8.5px,0)}
.ecosystem-sequence .reading-cursor{background:#1e3948;border-color:#d2e0e8}
.scroll-timeline.is-reduced .reading-progress,.scroll-timeline.is-reduced .reading-cursor{display:none}
.hero-baseline{padding-block:30px}
.hero-baseline>p{font-size:1.5rem;line-height:1.4;font-weight:500;color:#fff;letter-spacing:-.02em;max-width:48ch;text-wrap:balance}
.hero-baseline>p strong{font-weight:700}
/* Símbolo original, sem reprocessar a imagem nem trocar a cor da hero. */
.hero{position:relative;isolation:isolate;overflow:clip}
.hero::before{content:'';position:absolute;z-index:-1;pointer-events:none;right:clamp(-220px,-10vw,-70px);top:48px;width:clamp(600px,68vw,980px);aspect-ratio:1;background:url('rosa-dos-ventos-original.png') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.035}
.contact-form-region{box-shadow:0 12px 32px rgb(30 57 72 / 7%)}
@media(hover:hover) and (pointer:fine){a.button{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}a.button:hover{box-shadow:0 5px 14px rgb(10 26 36 / 16%)}}
.site-header .nav-contact{border:0;padding-inline:0}
.site-header nav .nav-whatsapp{padding:10px 14px;border:1px solid #8ba7b7;border-radius:var(--radius)}
.whatsapp-cta{max-width:100%;text-align:left;line-height:1.5}
.cta-row{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.cta-row .button{margin-top:0}
.hero .actions-conversion{display:flex;align-items:flex-start;flex-direction:column;gap:16px}
.hero .actions-conversion .text-link{justify-content:flex-start}
.statement .cta-row{justify-content:center}
.traceability .cta-row{grid-column:2}
.method-region .whatsapp-cta{background:#fff;color:var(--navy);border-color:#fff}
.method-region .whatsapp-cta:hover{background:#d9eaf3}
.closing-choices{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:100%}
.contact-intro .cta-row{margin-top:24px}
@media(min-width:801px) and (max-width:1250px){.site-header nav{gap:14px}.site-header nav a{font-size:.8rem}.site-header nav .nav-whatsapp{padding:10px}.header-inner{gap:24px}}
@media(max-width:800px){.hero-copy>p{font-size:1.0625rem}.hero-baseline>p{font-size:1.25rem}.hero-baseline{padding-block:26px}.preview-notice .container{display:block}.preview-notice span{display:block;margin-top:4px}.site-header nav .nav-whatsapp{margin-top:8px;justify-content:space-between;padding:12px 15px}.traceability .cta-row{grid-column:auto}}
@media(max-width:800px){.hero::before{top:38%;right:-280px;width:640px;opacity:.025}}
@media(max-width:480px){.trace-list{--trace-inset:20px}.scroll-timeline .trace-list li,.scroll-timeline .sequence-track li{padding-inline:16px}.cta-row .whatsapp-cta{width:100%}.relationship .diagram-note,.interior-hero .sequence-note{font-size:1rem}.closing-choices{width:100%}}
@media(prefers-reduced-motion:reduce){.reading-progress,.reading-cursor{display:none}.scroll-timeline li{transition:none!important}}
@media print{.preview-notice,.reading-overlay,.whatsapp-cta,.cta-row,.closing-choices{display:none}.hero::before{display:none}.contact-form-region{box-shadow:none}}
