/* Novo layout v3 — camada isolada sobre o conteúdo aprovado. */
body.v3 .nav .brand{display:flex;align-items:center;max-width:280px;font-size:0}
body.v3 .nav .brand:before{display:none}
body.v3 .v3-brand-logo{display:block;width:220px;height:auto;mix-blend-mode:multiply}

body.v3 .hero{
  isolation:isolate;
  background:#082f49;
}
body.v3 .hero:before{
  z-index:-1;opacity:1;mask-image:none;
  background:
    linear-gradient(90deg,rgba(5,29,49,.98) 0%,rgba(5,29,49,.92) 42%,rgba(5,29,49,.48) 72%,rgba(5,29,49,.18) 100%),
    linear-gradient(0deg,rgba(5,29,49,.72),transparent 55%),
    url('/cena-nosso-moinho-opcao-02.webp') center right/cover no-repeat;
  transform:scale(1.035) translate3d(0,var(--v3-hero-y,0),0);
  transition:transform .15s linear;
}
body.v3 .hero>*{position:relative;z-index:1}
body.v3 .hero-wordmark{
  width:min(430px,82vw);padding:10px 14px 8px;margin-bottom:24px!important;
  background:rgba(255,255,255,.94);box-shadow:0 16px 40px rgba(0,0,0,.2)
}
body.v3 .hero-wordmark img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
body.v3 .hero h1{text-wrap:balance;text-shadow:0 3px 22px rgba(0,0,0,.24)}
body.v3 .hero .lead{max-width:740px;color:#edf5f7;text-shadow:0 2px 14px rgba(0,0,0,.28)}

/* Comparação guiada: os textos originais permanecem integrais no DOM. */
body.v3 #mote .grid{position:relative;margin-top:26px}
.v3-compare-head,.v3-compare-foot{display:flex;align-items:center;gap:14px}
.v3-compare-head{justify-content:space-between;margin:34px 0 12px}
.v3-compare-count{font:800 13px/1 "Manrope";letter-spacing:.1em;text-transform:uppercase;color:var(--v2-blue)}
.v3-compare-track{height:5px;flex:1;max-width:460px;background:#dfe7e6;overflow:hidden}
.v3-compare-bar{display:block;height:100%;width:16.666%;background:linear-gradient(90deg,var(--v2-blue),var(--v2-yellow));transition:width .55s var(--v2-ease)}
.v3-compare-foot{justify-content:flex-end;margin-top:16px}
.v3-control{appearance:none;border:1px solid #aebfc3;background:#fff;color:var(--v2-navy);min-height:46px;padding:10px 17px;font:800 14px "DM Sans";cursor:pointer}
.v3-control:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,47,73,.12)}
.v3-control.primary{background:var(--v2-navy);border-color:var(--v2-navy);color:#fff}
body.v3 #mote .contrast{position:relative;overflow:hidden}
body.v3 #mote .contrast:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#9aa9ad}
body.v3 #mote .contrast.new:before{background:var(--v2-yellow)}
body.v3 #mote .contrast li{animation:v3-in .48s var(--v2-ease) both}
@keyframes v3-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Princípios em trilha navegável. */
.v3-principles-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:34px 0 16px}
.v3-principle-tab{appearance:none;border:1px solid var(--v2-line);background:#fff;color:var(--v2-navy);min-height:68px;padding:10px 8px;font:800 13px/1.25 "DM Sans";cursor:pointer;text-align:left}
.v3-principle-tab span{display:block;color:var(--v2-blue);font:800 11px/1 "Manrope";letter-spacing:.1em;margin-bottom:7px}
.v3-principle-tab[aria-selected="true"]{background:var(--v2-navy);border-color:var(--v2-navy);color:#fff;transform:translateY(-4px);box-shadow:0 15px 34px rgba(8,47,73,.2)}
.v3-principle-tab[aria-selected="true"] span{color:var(--v2-yellow)}
body.v3 #principios .princ-grid{display:block}
body.v3 #principios .princ{min-height:245px;padding:clamp(30px,5vw,62px);border-top:6px solid var(--v2-yellow);animation:v3-in .5s var(--v2-ease) both}
body.v3 #principios .princ .n{font-size:18px;width:42px;height:42px;display:grid;place-items:center;margin-bottom:25px}
body.v3 #principios .princ h3{font-size:clamp(27px,3vw,43px);max-width:780px}
body.v3 #principios .princ p{font-size:19px;max-width:920px;color:#42545d}

/* Matriz de valores, regras, indicadores e metas. */
.v3-matrix-nav{display:flex;gap:8px;overflow:auto;padding:4px 2px 14px;margin:28px 0 8px;scrollbar-width:thin}
.v3-matrix-nav .v3-control{white-space:nowrap;min-height:42px;padding:8px 13px}
.v3-matrix-nav .v3-control[aria-pressed="true"]{background:var(--v2-yellow);border-color:var(--v2-yellow);color:var(--v2-navy)}
body.v3 .qq tbody tr{transition:opacity .3s,transform .3s,filter .3s}
body.v3 .qq tbody tr.v3-muted{opacity:.3;filter:grayscale(.65)}
body.v3 .qq tbody tr.v3-active{transform:scale(1.012)}
body.v3 .qq tbody tr.v3-active td{border-color:var(--v2-yellow);box-shadow:0 10px 25px rgba(8,47,73,.07)}

@media(max-width:900px){
  body.v3 .hero:before{background-position:62% center}
  body.v3 .hero-enq{backdrop-filter:blur(8px)}
  .v3-principles-nav{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto;padding:5px 3px 18px;scroll-snap-type:x mandatory}
  .v3-principle-tab{scroll-snap-align:start}
}
@media(max-width:700px){
  body.v3 .v3-brand-logo{width:178px}
  body.v3 .hero:before{background:linear-gradient(0deg,rgba(5,29,49,.98) 8%,rgba(5,29,49,.82) 62%,rgba(5,29,49,.38)),url('/cena-nosso-moinho-opcao-02.webp') 58% center/cover no-repeat}
  body.v3 .hero-wordmark{width:min(100%,390px);margin-bottom:22px!important}
  .v3-compare-head{align-items:flex-end}.v3-compare-track{max-width:none}
  body.v3 #mote .grid{grid-template-columns:1fr}
  .v3-compare-foot{justify-content:space-between}
  .v3-principles-nav{margin-top:26px}
  body.v3 #principios .princ{min-height:0;padding:28px 22px}
  body.v3 #principios .princ p{font-size:18px}
  body.v3 .qq tbody tr.v3-muted{display:none}
  body.v3 .qq tbody tr.v3-active{transform:none}
}
@media(prefers-reduced-motion:reduce){
  body.v3 .hero:before{transform:none!important}
  body.v3 #mote .contrast li,body.v3 #principios .princ{animation:none!important}
}