/* ===== VEKTOR CORE v26 — cenas industriais integradas ao layout ===== */

/* A imagem é conteúdo editorial, nunca background com cover: nada é cortado. */
.v26-scene{position:relative;margin:0;display:grid;place-items:center;isolation:isolate;min-width:0}
.v26-scene img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;filter:saturate(.96) contrast(1.02);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.v26-scene::before{content:"";position:absolute;z-index:2;inset:-2%;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 54%,color-mix(in srgb,var(--dark) 20%,transparent) 78%,var(--dark) 101%);opacity:.24}
.v26-scene::after{content:"";position:absolute;z-index:3;left:8%;right:8%;bottom:1%;height:18%;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--dark) 76%,transparent));filter:blur(18px);opacity:.20}
.v26-scene:hover img{transform:translateY(-3px);filter:saturate(1.03) contrast(1.04)}

/* HERO — composição inspirada no mockup enviado, mas com conteúdo HTML real. */
.v22-hero{overflow:hidden;min-height:720px;background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--dark-2) 88%,transparent),var(--dark))}
.v22-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:20px;align-items:center;padding-block:74px 76px}
.v22-hero-copy{z-index:5}
.v22-hero-copy::before{background:linear-gradient(90deg,color-mix(in srgb,var(--dark) 94%,transparent),color-mix(in srgb,var(--dark) 76%,transparent) 70%,transparent)!important;inset:-42px -72px -42px -50px!important}
.v26-hero-visual{position:relative;min-height:590px;display:grid;align-items:center;justify-items:end;overflow:visible}
.v26-scene-hero{width:min(100%,650px);border-radius:34px 0 34px 34px;overflow:hidden;filter:drop-shadow(0 32px 48px rgba(0,0,0,.16))}
.v26-scene-hero img{width:100%;max-height:650px;object-fit:contain}
.v26-scene-hero::before{background:linear-gradient(90deg,var(--dark) 0%,transparent 20%,transparent 82%,color-mix(in srgb,var(--dark) 42%,transparent) 100%),linear-gradient(0deg,var(--dark) 0%,transparent 16%,transparent 90%);opacity:.42}
.v26-scene-hero::after{display:none}
html[data-theme="light"] .v22-hero{background:radial-gradient(circle at 80% 30%,rgba(216,183,79,.14),transparent 34%),linear-gradient(135deg,#f8fafc,#eef2f6)}
html[data-theme="light"] .v22-hero-copy::before{background:linear-gradient(90deg,rgba(248,250,252,.99),rgba(248,250,252,.90) 68%,transparent)!important}
html[data-theme="light"] .v26-scene-hero::before{background:linear-gradient(90deg,#f8fafc 0%,transparent 18%,transparent 88%),linear-gradient(0deg,#f8fafc 0%,transparent 14%);opacity:.68}

/* Deep feature sections: image and copy become one editorial composition. */
#rastreabilidade .v22-deep-grid,#pcm .v22-deep-grid,#campo .v22-deep-grid{gap:clamp(38px,6vw,78px);align-items:center}
#rastreabilidade .v22-deep-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}
#pcm .v22-deep-grid,#campo .v22-deep-grid{grid-template-columns:minmax(420px,1.05fr) minmax(0,.95fr)}
.v26-scene-asset,.v26-scene-pcm,.v26-scene-field,.v26-scene-supply{border-radius:28px;overflow:hidden;background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:0 28px 70px rgba(0,0,0,.13)}
.v26-scene-asset img,.v26-scene-pcm img,.v26-scene-field img,.v26-scene-supply img{max-height:680px;width:100%;object-fit:contain}
.v26-scene-pcm::before,.v26-scene-asset::before,.v26-scene-field::before,.v26-scene-supply::before{opacity:.14}

/* Confiabilidade: duas cenas inteiras, condição e RCM/FMEA. */
.v26-reliability-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.v26-reliability-gallery .v26-scene{border-radius:26px;overflow:hidden;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:0 24px 56px rgba(0,0,0,.12)}
.v26-reliability-gallery img{width:100%;max-height:620px;object-fit:contain}

/* Almoxarifado: imagem maior, números ao lado. */
.v26-supply-layout{display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(0,.95fr);gap:42px;align-items:center;margin-top:34px}
.v26-supply-layout .v22-supply-grid{grid-template-columns:1fr;gap:18px;margin:0}

/* Decorative integration: fade section boundaries instead of hard image cards. */
#rastreabilidade,#pcm,#confiabilidade,#campo,#suprimentos{overflow:hidden}
#rastreabilidade::before,#pcm::before,#confiabilidade::before,#campo::before,#suprimentos::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 66%,color-mix(in srgb,var(--accent) 5%,transparent) 100%);opacity:.85}

html[data-theme="dark"] .v26-scene{background:#e9edf2}
html[data-theme="dark"] .v26-scene img{filter:brightness(.86) contrast(1.08) saturate(.88)}
html[data-theme="dark"] .v26-scene::before{background:radial-gradient(ellipse at center,transparent 55%,rgba(8,13,21,.12) 76%,rgba(8,13,21,.92) 103%);opacity:.32}
html[data-theme="dark"] .v26-scene-hero img{filter:brightness(.78) contrast(1.12) saturate(.88)}

@media(max-width:1050px){
 .v22-hero-grid{grid-template-columns:1fr;gap:14px;padding-block:58px 60px}
 .v22-hero-copy{text-align:center;max-width:830px;margin-inline:auto}
 .v22-hero-copy::before{inset:-28px -20px -30px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dark) 96%,transparent),color-mix(in srgb,var(--dark) 84%,transparent) 76%,transparent)!important}
 html[data-theme="light"] .v22-hero-copy::before{background:linear-gradient(180deg,rgba(248,250,252,.99),rgba(248,250,252,.90) 76%,transparent)!important}
 .v26-hero-visual{min-height:auto;justify-items:center}
 .v26-scene-hero{width:min(100%,720px);border-radius:28px}
 #rastreabilidade .v22-deep-grid,#pcm .v22-deep-grid,#campo .v22-deep-grid,.v26-supply-layout{grid-template-columns:1fr}
 #pcm .v26-scene-pcm{order:2}
 #campo .v26-scene-field{order:2}
 .v26-scene-asset,.v26-scene-pcm,.v26-scene-field,.v26-scene-supply{width:min(100%,760px);margin-inline:auto}
}
@media(max-width:760px){
 .v22-hero{min-height:auto}
 .v22-hero-grid{padding-block:38px 48px;gap:24px}
 .v22-hero h1{font-size:clamp(38px,11.8vw,54px);line-height:1.02}
 .v26-scene-hero{width:calc(100% + 10px);margin-inline:-5px;border-radius:22px}
 .v26-scene-hero img{max-height:none}
 .v26-scene::after{height:13%;opacity:.12}
 .v26-reliability-gallery{grid-template-columns:1fr;gap:18px}
 .v26-reliability-gallery img,.v26-scene-asset img,.v26-scene-pcm img,.v26-scene-field img,.v26-scene-supply img{max-height:none}
 .v26-scene-asset,.v26-scene-pcm,.v26-scene-field,.v26-scene-supply,.v26-reliability-gallery .v26-scene{border-radius:20px;box-shadow:0 18px 42px rgba(0,0,0,.10)}
 #rastreabilidade .v22-deep-grid,#pcm .v22-deep-grid,#campo .v22-deep-grid{gap:30px}
 .v26-supply-layout{gap:26px}
}


/* v27 — imagens editoriais tratadas como parte não interativa do layout */
.v26-scene,
.v26-scene img{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
.v26-scene img{
  pointer-events:none !important;
  -webkit-user-drag:none;
  user-drag:none;
  cursor:default !important;
}
.v26-scene:hover img{
  transform:none !important;
}