/* Full-bleed product chapters: editorial panel + dedicated product canvas. */
.product-story{--chapter:'01';--chapter-name:'Vendas'}
.product-story.saude{--chapter:'02';--chapter-name:'Saúde'}
.product-story.imob{--chapter:'03';--chapter-name:'Imob'}
.product-story.autoescola{--chapter:'04';--chapter-name:'Autoescola'}
.story-stage,.story-track{background:#0d223a}
.story-enhanced .story-stage::before{display:none}
.story-rail,.story-enhanced .story-rail{width:100%;padding-inline:clamp(20px,4vw,72px);background:#fff;border-bottom:1px solid #e4eaf1}
.story-enhanced .story-panels{inset:70px 0 0}
.product-scene,.scene-intro,.saude .scene-intro,.imob .scene-intro,.autoescola .scene-intro,.scene-detail{padding:0;background:linear-gradient(90deg,#0d223a 46%,var(--wash) 46%);border:0}
.story-enhanced .product-scene{background:linear-gradient(90deg,#0d223a 46%,var(--wash) 46%)!important}
.product-scene .scene-grid,.story-enhanced .scene-grid{display:grid;grid-template-columns:46% 54%;gap:0;width:100%;max-width:none;margin:0;min-height:calc(100svh - 70px);--bs-gutter-x:0;--bs-gutter-y:0}
.story-enhanced .scene-grid{height:100%;min-height:0}
.scene-grid>.scene-copy,.scene-grid>.scene-visual{width:100%;max-width:none;flex:none;margin:0;order:initial!important}
.scene-grid>.scene-copy{padding:clamp(32px,4vw,76px);color:#fff;position:relative;min-width:0}
.scene-copy::before{content:var(--chapter) ' / FLUVO';display:block;font-size:11px;letter-spacing:.18em;color:#7a98b8;margin-bottom:clamp(22px,4vh,48px);font-weight:600}
.product-wordmark{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;color:#c0d1e2;font-size:15px;margin-bottom:24px}
.scene-copy h3,.story-enhanced .scene-copy h3,.story-enhanced .scene-detail .scene-copy h3{color:#fff;font-size:clamp(38px,4.1vw,70px);line-height:1.07;letter-spacing:-.05em}
.scene-copy>p,.scene-detail .scene-copy>p,.story-enhanced .scene-copy>p{color:#a9bdd1;max-width:470px;font-size:clamp(16px,1.2vw,19px);line-height:1.65;margin-top:24px}
.scene-copy .eyebrow,.story-enhanced .scene-copy .eyebrow{color:#a9bdd1;font-size:13px;letter-spacing:.03em;margin:0 0 24px}
.scene-copy .button,.autoescola .scene-copy .button{background:#fff;color:#14283f;border-color:#fff;box-shadow:none;margin-top:30px;padding:15px 21px}
.scene-copy .button:hover{background:#dceaff;color:#14283f}
.scene-detail .text-link{color:#d7e8fa;min-height:44px}
.feature-points li{color:#bbcede;border-color:#ffffff1c;font-size:14px}
.feature-points li::before{color:#7eaacf}
.scene-grid>.scene-visual{padding:64px clamp(28px,4.5vw,90px);display:flex;justify-content:center;align-items:center;min-width:0;position:relative;isolation:isolate}
.scene-visual::before{inset:0;border:0;border-radius:0;background:radial-gradient(ellipse at center,#fff 5%,transparent 70%);transform:none}
.scene-visual::after{content:var(--chapter-name);position:absolute;left:6%;right:4%;bottom:4%;font-size:clamp(52px,7vw,132px);font-weight:700;letter-spacing:-.065em;color:#14283f0a;z-index:-1;line-height:1;pointer-events:none;white-space:nowrap}
.scene-visual>div,.scene-visual>figure{width:100%;max-width:600px;margin:0!important}
.scene-visual>.receipt{max-width:400px}
.scene-visual>.care-orbit{min-height:380px}
.story-enhanced .story-meter{bottom:0;left:0;right:0;height:3px;background:#ffffff20;z-index:4;border-radius:0}
.story-meter-fill{background:#5d96e4}
@media(min-width:1000px) and (max-height:800px){
  .scene-grid>.scene-copy{padding:28px 36px}
  .scene-copy::before{margin-bottom:20px}
  .scene-copy h3,.story-enhanced .scene-copy h3,.story-enhanced .scene-detail .scene-copy h3{font-size:clamp(35px,3.4vw,50px)}
  .scene-grid>.scene-visual{padding:30px 38px}
  .scene-copy>p,.story-enhanced .scene-copy>p{margin-top:18px;font-size:16px}
  .scene-visual>.care-orbit{min-height:330px}
}
@media(max-width:999px){
  .product-scene,.scene-intro,.saude .scene-intro,.imob .scene-intro,.autoescola .scene-intro,.scene-detail{background:#0d223a;min-height:calc(100svh - 70px);display:flex}
  .product-scene .scene-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(300px,1fr);min-height:calc(100svh - 70px);gap:0;align-items:stretch!important}
  .scene-grid>.scene-copy{padding:40px max(24px,calc((100% - 650px)/2)) 36px;align-self:center}
  .scene-copy::before{margin-bottom:22px;font-size:10px}
  .scene-copy h3,.scene-detail .scene-copy h3{font-size:clamp(34px,5.8vw,52px);max-width:650px}
  .scene-copy>p,.scene-detail .scene-copy>p{max-width:600px;font-size:16px;line-height:1.6;margin-top:20px}
  .product-wordmark{margin-bottom:18px}
  .scene-copy .eyebrow{margin:0 0 18px}
  .scene-grid>.scene-visual{padding:36px max(24px,calc((100% - 520px)/2));background:var(--wash)}
  .scene-visual::after{font-size:clamp(56px,12vw,100px);bottom:12px}
  .scene-visual>.care-orbit{min-height:320px}
  .story-rail .product-index{border:0}
}
@media(max-width:600px){
  .product-scene,.product-scene .scene-grid{min-height:calc(100svh - 58px)}
  .story-rail{padding:8px 16px}
  .story-rail .product-index{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  .scene-grid>.scene-copy{padding:30px 24px}
  .scene-copy h3,.scene-detail .scene-copy h3{font-size:clamp(32px,8.5vw,44px)}
  .scene-copy::before{margin-bottom:18px}
  .scene-copy .button{margin-top:24px;font-size:14px;min-height:48px}
  .scene-grid>.scene-visual{padding:30px 24px 38px}
  .feature-points{margin-top:20px}
  .feature-points li{font-size:14px}
}
