:root{
  --ink:#07101d;
  --ink-2:#0c1828;
  --paper:#f4f6f8;
  --paper-2:#eef2f6;
  --white:#ffffff;
  --muted:#667487;
  --muted-2:#8ea0b2;
  --line:#dfe5eb;
  --orange:#ff6a1a;
  --blue:#108cff;
  --pink:#f3008c;
  --green:#16c47f;
  --shadow:0 16px 44px rgba(7,16,29,.10);
  --shadow-strong:0 28px 68px rgba(7,16,29,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit}

.nav{
  position:fixed;
  inset:0 0 auto 0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  height:82px;
  padding:0 5.5%;
  color:#fff;
  background:rgba(5,12,21,.68);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:background .25s ease,height .25s ease,box-shadow .25s ease;
}
.nav.scrolled{
  height:74px;
  background:rgba(5,12,21,.95);
  box-shadow:0 10px 30px rgba(0,0,0,.20);
}
.brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.brand img{
  width:184px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.22));
}
.desktop{display:flex;gap:28px;align-items:center}
.desktop a,.mobile-nav a{
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.desktop a{color:#eef5fb;opacity:.9;transition:opacity .2s ease,transform .2s ease}
.desktop a:hover{opacity:1;transform:translateY(-1px)}
.nav-actions{display:flex;align-items:center;gap:12px}
.pill{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:13px 18px;
  border-radius:999px;
  text-decoration:none;
  background:#fff;
  color:var(--ink);
  font-size:11px;
  font-weight:850;
  letter-spacing:.04em;
  box-shadow:0 10px 25px rgba(0,0,0,.16);
}
.menu{display:none;background:transparent;border:0;color:#fff;font-size:26px;cursor:pointer}
.mobile-nav{
  position:fixed;
  top:78px;
  left:5%;
  right:5%;
  z-index:90;
  display:grid;
  gap:12px;
  padding:18px;
  background:rgba(7,16,29,.98);
  border-radius:20px;
  box-shadow:var(--shadow-strong);
  transform:translateY(-14px);
  opacity:0;
  visibility:hidden;
  transition:transform .2s ease,opacity .2s ease,visibility .2s ease;
}
.mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible}
.mobile-nav a{color:#fff;padding:4px 0}

.hero{
  position:relative;
  min-height:100svh;
  display:grid;
  align-items:end;
  overflow:hidden;
  background:var(--ink);
  color:#fff;
  padding:132px 7% 88px;
}
.hero-media,.hero-overlay,.hero-glow{position:absolute;inset:0}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.02);
  filter:saturate(1.03) contrast(1.03);
  animation:heroBreath 13s ease-in-out infinite alternate;
  will-change:transform;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(4,10,18,.90) 0%,rgba(4,10,18,.78) 35%,rgba(4,10,18,.48) 63%,rgba(4,10,18,.40) 100%),
    linear-gradient(0deg,rgba(4,10,18,.76) 0%,rgba(4,10,18,.12) 65%);
}
.hero-glow-a{background:radial-gradient(circle at 18% 22%,rgba(16,140,255,.20),transparent 28%)}
.hero-glow-b{background:radial-gradient(circle at 78% 24%,rgba(243,0,140,.14),transparent 25%)}
.hero-shell{position:relative;z-index:2;max-width:1380px;width:100%;margin:0 auto}
.hero-content{max-width:760px}
.eyebrow,.number{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:10px;color:#d9e5ef}
.eyebrow i{width:26px;height:2px;background:linear-gradient(90deg,var(--blue),var(--pink),var(--orange))}
.hero h1,.materials-intro h2,.company-copy h2,.final-cta h2,.parallax-band__panel h2,.section-head h2{
  letter-spacing:-.055em;
  line-height:.94;
}
.hero h1{
  margin:22px 0 24px;
  font-size:clamp(54px,7vw,102px);
  font-weight:880;
}
.hero h1 em,.materials-intro h2 em,.company-copy h2 em,.final-cta h2 em,.parallax-band__panel h2 em,.section-head h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#1b9cff,#ff167c,#ff7b16);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
.hero p{max-width:660px;color:#d2dce7;font-size:18px;line-height:1.68}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cta,.ghost{
  display:inline-flex;
  align-items:center;
  gap:18px;
  padding:16px 20px;
  border-radius:14px;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  letter-spacing:.03em;
}
.cta{background:#fff;color:var(--ink);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.ghost{border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.hero-trust{
  display:flex;
  gap:30px;
  margin-top:44px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.18);
  max-width:760px;
}
.hero-trust span{display:grid;gap:4px}
.hero-trust b{font-size:12px}
.hero-trust small{font-size:10px;color:#a9b7c7}

.materials-section{padding:112px 7%;background:#f6f8fa}
.materials-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.75fr);
  grid-template-areas:
    "number text"
    "title text";
  align-items:end;
  gap:0 70px;
  margin-bottom:56px;
}
.materials-intro .number{grid-area:number;color:#738195;margin-bottom:14px}
.materials-intro h2{grid-area:title;margin:0;font-size:clamp(42px,5.2vw,68px)}
.materials-intro p{grid-area:text;margin:0;color:var(--muted);line-height:1.75;font-size:16px}
.materials-explorer{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);
  gap:24px;
  align-items:stretch;
}
.material-visual{
  position:relative;
  min-height:660px;
  border-radius:34px;
  overflow:hidden;
  background:#0b1421;
  box-shadow:var(--shadow-strong);
}
.material-visual>img{
  width:100%;
  height:100%;
  min-height:660px;
  object-fit:cover;
  opacity:1;
  transform:scale(1);
  transition:opacity .34s ease,transform .75s ease,filter .34s ease;
  will-change:opacity,transform;
}
.material-visual.material-swap>img{animation:materialSwap .42s ease both}
.material-visual-gradient{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,16,29,.04) 20%,rgba(7,16,29,.18) 48%,rgba(7,16,29,.88) 100%);
}
.material-visual-copy{
  position:absolute;
  left:30px;
  right:30px;
  bottom:30px;
  z-index:2;
  max-width:680px;
  color:#fff;
}
.material-visual-copy>span{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#dce6ef}
.material-visual-copy h3{margin:8px 0 10px;font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;line-height:.95}
.material-visual-copy p{max-width:610px;margin:0;color:#d9e3ed;line-height:1.7}
.material-visual-copy a{display:inline-flex;margin-top:18px;text-decoration:none;font-size:13px;font-weight:850;color:#fff}
.material-index{
  display:grid;
  align-content:start;
  background:#fff;
  border-radius:34px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid rgba(7,16,29,.05);
}
.material-option{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:78px;
  padding:0 24px;
  border:0;
  border-bottom:1px solid #edf1f5;
  background:#fff;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,padding-left .2s ease;
}
.material-option:last-child{border-bottom:0}
.material-option span{font-size:11px;color:#95a3b2;font-weight:850}
.material-option strong{font-size:17px;letter-spacing:-.02em}
.material-option em{font-style:normal;font-size:11px;color:#7a8998;white-space:nowrap}
.material-option:hover,.material-option:focus-visible,.material-option.is-active{
  background:#0b1523;
  color:#fff;
  padding-left:30px;
  outline:none;
}
.material-option:hover span,.material-option:focus-visible span,.material-option.is-active span{color:#b9c8d8}
.material-option:hover em,.material-option:focus-visible em,.material-option.is-active em{color:#c4d0dc}

.parallax-band{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:78px 7%;
  background:#07101d;
  --parallax-y:0px;
}

.parallax-band::before{
  content:"";
  position:absolute;
  inset:-12% 0;
  background-image:
    linear-gradient(180deg,rgba(7,16,29,.34),rgba(7,16,29,.58)),
    var(--site-parallax-image, url('../assets/acm-parallax.webp'));
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:translate3d(0,var(--parallax-y),0) scale(1.08);
  will-change:transform;
  pointer-events:none;
}

.parallax-band__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,16,29,.16),rgba(7,16,29,.04) 46%,rgba(7,16,29,.18)),
    linear-gradient(0deg,rgba(7,16,29,.26),transparent 48%,rgba(255,255,255,.04));
  pointer-events:none;
}
.parallax-band__panel{
  position:relative;
  z-index:2;
  max-width:900px;
  padding:38px 42px;
  border-radius:30px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  box-shadow:var(--shadow-strong);
  color:#fff;
}
.number--light{color:#dbe6f2}
.parallax-band__panel h2{margin:14px 0 18px;font-size:clamp(40px,5vw,68px)}
.parallax-band__panel p{max-width:650px;margin:0;color:#dce6ef;line-height:1.75}

.company-section{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  gap:50px;
  align-items:center;
  padding:110px 7%;
  background:#fff;
}
.company-copy h2{margin:14px 0 20px;font-size:clamp(40px,4.6vw,64px)}
.company-copy p{max-width:580px;margin:0;color:var(--muted);line-height:1.8;font-size:16px}
.text-link{display:inline-flex;margin-top:22px;text-decoration:none;font-weight:850;color:#155899}
.company-board{
  position:relative;
  overflow:hidden;
  padding:40px;
  border-radius:32px;
  background:
    radial-gradient(circle at 12% 12%,rgba(16,140,255,.20),transparent 28%),
    radial-gradient(circle at 88% 20%,rgba(243,0,140,.17),transparent 24%),
    linear-gradient(180deg,#091321,#0d1928);
  color:#fff;
  box-shadow:var(--shadow-strong);
}
.company-board::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-100px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,106,26,.24),transparent 68%);
}
.company-logo{position:relative;z-index:2;width:min(100%,460px);height:auto;filter:drop-shadow(0 14px 32px rgba(0,0,0,.22))}
.company-board>p{position:relative;z-index:2;margin:14px 0 26px;color:#ccd8e4}
.company-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.company-metrics div{display:grid;gap:6px;padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.company-metrics strong{font-size:18px}.company-metrics span{font-size:12px;color:#b8c7d5;line-height:1.45}


.colors-section{padding:105px 7%;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:56px}
.section-head h2{margin:14px 0 0;font-size:clamp(38px,4.6vw,62px)}
.section-head p{max-width:540px;margin:0;color:var(--muted);line-height:1.75;font-size:16px}

.color-showcase{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:24px;align-items:start}
.color-copy{position:sticky;top:106px;padding:30px;border-radius:30px;background:linear-gradient(145deg,#08111f 0%,#10263d 58%,#173b5e 100%);box-shadow:0 24px 60px rgba(7,16,29,.16);color:#fff;overflow:hidden}
.color-copy::before{content:"";position:absolute;right:-72px;top:-76px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 70%);pointer-events:none}
.color-copy small{position:relative;z-index:1;display:inline-flex;margin-bottom:12px;color:#95cfff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.color-copy h3{position:relative;z-index:1;margin:0 0 14px;font-size:32px;line-height:1.03;letter-spacing:-.04em;color:#fff}
.color-copy p{position:relative;z-index:1;margin:0;color:#c8d6e4;line-height:1.7}
.color-cta{position:relative;z-index:1;display:inline-flex;align-items:center;margin-top:18px;padding:11px 15px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:900;color:#08111f;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}
.color-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.22)}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;border:1px solid rgba(7,16,29,.07);border-radius:30px;background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(7,16,29,.08);backdrop-filter:blur(12px)}
.swatch{position:relative;display:grid;grid-template-rows:72px auto;gap:10px;min-width:0;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(7,16,29,.07);box-shadow:0 8px 22px rgba(7,16,29,.055);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.swatch:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(7,16,29,.10);border-color:rgba(7,16,29,.12)}
.swatch i{position:relative;display:block;width:100%;height:72px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 34%,rgba(0,0,0,.06)),var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.09),inset 0 10px 18px rgba(255,255,255,.16)}
.swatch i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.55) 42%,rgba(255,255,255,.12) 54%,transparent 72%);opacity:.42;pointer-events:none}
.swatch span{display:block;padding:0 2px 2px;font-size:12px;font-weight:900;letter-spacing:.01em;color:#172433;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.final-cta{position:relative;overflow:hidden;min-height:520px;display:grid;place-items:center;padding:90px 7%;background:var(--ink);color:#fff}
.final-cta-bg{position:absolute;inset:0;overflow:hidden}
.final-cta-overlay{position:absolute;inset:0}
.final-cta-bg img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.04) contrast(1.03)}
.final-cta-overlay{background:linear-gradient(180deg,rgba(7,16,29,.44),rgba(7,16,29,.70)),linear-gradient(90deg,rgba(7,16,29,.14),rgba(7,16,29,.05) 46%,rgba(7,16,29,.16))}
.final-cta-content{position:relative;z-index:2;max-width:840px;text-align:center}
.final-cta h2{margin:18px 0 20px;font-size:clamp(40px,5vw,68px);color:#fff}
.final-cta p{max-width:620px;margin:0 auto;color:#d6e0ea;line-height:1.75}.final-cta .number{color:#c2cdda}.final-cta .hero-actions{justify-content:center}

footer{padding:44px 7% 24px;background:#08101d;color:#fff}
.footer-main{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(180px,.6fr));gap:30px;align-items:start}
.footer-brand img{width:220px;height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18))}.footer-brand p{margin:16px 0 0;color:#c7d2dd}
.footer-col{display:grid;gap:10px}.footer-col span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#a5b6c7}
.footer-col a{color:#fff;text-decoration:none;opacity:.84}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);font-size:11px;color:#9fb0c1}
.footer-bottom a{color:#fff;text-decoration:none}

@keyframes heroBreath{0%{transform:scale(1.02)}100%{transform:scale(1.07)}}
@keyframes materialSwap{0%{opacity:.46;transform:scale(1.018)}55%{opacity:.88;transform:scale(1.006)}100%{opacity:1;transform:scale(1)}}

@media (max-width:1180px){
  .materials-intro{grid-template-columns:1fr;grid-template-areas:"number" "title" "text";gap:0}
  .materials-intro p{margin-top:20px;max-width:650px}
  .materials-explorer{grid-template-columns:1fr}
  .material-visual{min-height:560px}
  .material-visual>img{min-height:560px}
  .material-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .material-option{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;padding:14px 18px;min-height:86px}
  .material-option em{grid-column:2;white-space:normal}
  .company-section{grid-template-columns:1fr}
  .color-showcase{grid-template-columns:1fr}.color-copy{position:relative;top:auto}
  .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .desktop,.pill{display:none}.menu{display:block}
  .nav{padding:0 5%}.brand img{width:166px}
  .hero{padding:112px 5% 70px;min-height:92svh}
  .hero h1{font-size:clamp(44px,12vw,70px)}
  .hero p{font-size:16px}.hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .materials-section,.colors-section,.company-section{padding:84px 5%}
  .parallax-band{padding:64px 5%;min-height:500px}
  .section-head{flex-direction:column;align-items:flex-start;gap:18px}
  .company-metrics{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .brand img{width:148px}
  .hero{padding:104px 5% 56px}
  .hero h1{font-size:clamp(40px,12vw,58px)}
  .hero-actions,.final-cta .hero-actions{flex-direction:column;align-items:stretch}.cta,.ghost{justify-content:center}
  .hero-trust{grid-template-columns:1fr}
  .materials-intro h2{font-size:clamp(38px,11vw,52px)}
  .material-visual{min-height:500px;border-radius:26px}.material-visual>img{min-height:500px}.material-visual-copy{left:22px;right:22px;bottom:22px}
  .material-index{grid-template-columns:1fr;border-radius:26px}
  .material-option{grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto;padding:0 18px;min-height:74px}
  .material-option em{grid-column:auto;font-size:10px}
  .parallax-band{min-height:400px}.parallax-band__panel{padding:26px 22px}
  .company-board{padding:26px}.company-metrics{grid-template-columns:1fr}
  .color-showcase{gap:18px}
  .color-copy{padding:24px;border-radius:24px}
  .color-copy h3{font-size:28px}
  .swatches{
    display:grid;
    grid-template-columns:none;
    grid-template-rows:1fr;
    grid-auto-flow:column;
    grid-auto-columns:118px;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:10px 10px 14px;
    margin:0 -1%;
    border-radius:22px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .swatches::-webkit-scrollbar{height:5px}
  .swatches::-webkit-scrollbar-thumb{background:rgba(7,16,29,.18);border-radius:999px}
  .swatch{
    grid-template-rows:62px auto;
    width:118px;
    height:100px;
    padding:8px;
    gap:7px;
    border-radius:15px;
    scroll-snap-align:start;
  }
  .swatch i{width:100%;height:62px;border-radius:10px;flex:none}
  .swatch span{padding:0 1px;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-media img{animation:none}
}

/* Chrome compositing stability */
.hero-media img,.material-visual>img,.final-cta-bg img{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);}
/* V42 — refinamento visual: menos ruído, mais respiro e hierarquia */
:root{
  --shadow:0 12px 30px rgba(7,16,29,.075);
  --shadow-strong:0 20px 48px rgba(7,16,29,.13);
}

.nav{background:rgba(5,12,21,.60);border-bottom-color:rgba(255,255,255,.045)}
.nav.scrolled{background:rgba(5,12,21,.92)}
.desktop{gap:24px}
.desktop a{opacity:.82}

.hero{padding-bottom:78px}
.hero-glow{opacity:.55}
.hero h1{font-size:clamp(52px,6.45vw,94px);margin-bottom:20px}
.hero p{max-width:610px;font-size:17px;line-height:1.62;color:#ced8e2}
.hero-actions{margin-top:24px}
.hero-trust{margin-top:34px;padding-top:20px;gap:24px;opacity:.86}

.materials-section{padding-top:104px;padding-bottom:104px}
.materials-intro{margin-bottom:44px;gap:0 64px}
.materials-intro h2{font-size:clamp(40px,4.8vw,62px)}
.materials-intro p{max-width:520px;font-size:15px;line-height:1.65}
.materials-explorer{gap:20px}
.material-visual{min-height:610px;border-radius:26px;box-shadow:var(--shadow)}
.material-visual>img{min-height:610px}
.material-index{border-radius:26px;box-shadow:none;border-color:#e6ebf0}
.material-option{min-height:72px;padding:0 22px}
.material-option strong{font-size:16px}
.material-option:hover,.material-option:focus-visible,.material-option.is-active{padding-left:26px}

.parallax-band{min-height:500px;padding-top:70px;padding-bottom:70px}
.parallax-band__panel{max-width:820px;padding:32px 36px;border-radius:24px;background:rgba(8,17,31,.42);backdrop-filter:blur(7px);box-shadow:none}
.parallax-band__panel h2{font-size:clamp(38px,4.5vw,60px);margin-bottom:14px}
.parallax-band__panel p{line-height:1.6;color:#d8e2ec}

.company-section{gap:64px;padding-top:104px;padding-bottom:104px}
.company-copy h2{font-size:clamp(38px,4.3vw,58px)}
.company-copy p{line-height:1.68;max-width:540px}
.company-board{padding:34px;border-radius:26px;box-shadow:var(--shadow);background:linear-gradient(180deg,#0a1523,#0d1a2a)}
.company-board::after{opacity:.35}
.company-metrics{gap:10px}
.company-metrics div{padding:15px 16px;border-radius:15px;background:rgba(255,255,255,.045)}

.colors-section{padding-top:100px;padding-bottom:100px}
.section-head{margin-bottom:44px}
.section-head h2{font-size:clamp(38px,4.35vw,58px)}
.section-head p{max-width:470px;font-size:15px;line-height:1.65}
.color-copy{border-radius:24px;box-shadow:var(--shadow);background:linear-gradient(145deg,#091421,#10243a)}
.swatches{border-radius:24px;box-shadow:none;background:#fff}
.swatch{border-radius:14px;box-shadow:none}
.swatch:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(7,16,29,.07)}

.final-cta{min-height:460px;padding-top:78px;padding-bottom:78px}
.final-cta h2{font-size:clamp(38px,4.6vw,60px)}
.final-cta p{line-height:1.62}

.final-cta--clean{
  background:
    radial-gradient(circle at 82% 24%,rgba(16,140,255,.17),transparent 30%),
    linear-gradient(135deg,#08111d,#0d1b2c 58%,#0a1625);
}
.final-cta--clean .final-cta-overlay{
  background:linear-gradient(90deg,rgba(4,10,18,.2),rgba(4,10,18,.05));
}


footer{padding-top:38px}

@media (max-width:900px){
  .materials-section,.colors-section,.company-section{padding-top:72px;padding-bottom:72px}
  .hero{min-height:88svh;padding-bottom:58px}
  .hero-trust{margin-top:28px}
  .parallax-band{min-height:450px;padding-top:54px;padding-bottom:54px}
  .section-head{margin-bottom:34px}
}

@media (max-width:640px){
  .nav{height:72px}
  .hero{padding-top:94px;min-height:86svh}
  .hero h1{font-size:clamp(39px,11.4vw,54px);margin-top:18px}
  .hero p{font-size:15px;line-height:1.55}
  .hero-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:16px}
  .hero-trust span{gap:2px}
  .hero-trust b{font-size:10px}
  .hero-trust small{display:none}
  .materials-section,.colors-section,.company-section{padding-top:62px;padding-bottom:62px}
  .materials-intro{margin-bottom:32px}
  .materials-intro p,.section-head p{font-size:14px}
  .material-visual,.material-visual>img{min-height:440px}
  .material-visual-copy p{font-size:14px;line-height:1.55}
  .material-visual-copy h3{font-size:clamp(36px,12vw,54px)}
  .material-option em{display:none}
  .material-option{grid-template-columns:32px minmax(0,1fr);min-height:64px}
  .parallax-band{min-height:360px}
  .parallax-band::before{inset:-20% 0;transform:translate3d(0,var(--parallax-y),0) scale(1.12)}
  .parallax-band__panel{padding:22px 20px;border-radius:18px}
  .parallax-band__panel p{font-size:14px}
  .company-board{padding:22px}
  .company-board>p{margin-bottom:18px}
  .company-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .company-metrics div{padding:12px}
  .company-metrics strong{font-size:15px}
  .company-metrics span{font-size:10px}
  .color-copy p{font-size:14px;line-height:1.55}
  .final-cta{min-height:410px;padding-top:64px;padding-bottom:64px}
}


/* V84 — correções do seletor de materiais (desktop/tablet/mobile) */
.material-edge-sentinel{display:none!important}
.material-mobile-picker,.material-mobile-sheet{display:none}

@media (max-width:768px), (orientation:portrait){
  body.material-sheet-open{overflow:hidden}

  .material-index{display:none}
  .material-mobile-picker{display:block;margin-top:14px}
  .material-mobile-trigger{
    width:100%;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 16px;
    border:1px solid #dfe6ed;
    border-radius:20px;
    background:#fff;
    color:var(--ink);
    text-align:left;
    box-shadow:0 10px 28px rgba(7,16,29,.08);
    cursor:pointer;
  }
  .material-mobile-trigger-copy{display:grid;gap:3px;min-width:0}
  .material-mobile-trigger-copy small{
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    color:#7d8b9a;
  }
  .material-mobile-trigger-copy strong{
    font-size:18px;
    line-height:1.1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .material-mobile-trigger-meta{
    font-size:10px;
    color:#7d8b9a;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .material-mobile-trigger-action{
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
    font-size:11px;
    font-weight:850;
  }
  .material-mobile-trigger-action i{font-style:normal;font-size:15px}

  .material-mobile-sheet{
    display:block;
    position:fixed;
    inset:0;
    z-index:250;
    pointer-events:none;
    visibility:hidden;
  }
  .material-mobile-sheet.is-open{pointer-events:auto;visibility:visible}
  .material-sheet-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    background:rgba(4,10,18,.54);
    opacity:0;
    transition:opacity .24s ease;
  }
  .material-mobile-sheet.is-open .material-sheet-backdrop{opacity:1}
  .material-sheet-panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-height:min(78svh,720px);
    overflow:auto;
    padding:10px 16px calc(20px + env(safe-area-inset-bottom));
    border-radius:26px 26px 0 0;
    background:#fff;
    color:var(--ink);
    box-shadow:0 -24px 60px rgba(4,10,18,.22);
    transform:translateY(105%);
    transition:transform .28s cubic-bezier(.2,.75,.2,1);
  }
  .material-mobile-sheet.is-open .material-sheet-panel{transform:translateY(0)}
  .material-sheet-handle{
    display:block;
    width:44px;
    height:4px;
    margin:0 auto 12px;
    border-radius:999px;
    background:#d6dde5;
  }
  .material-sheet-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:4px 2px 14px;
  }
  .material-sheet-head small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8090a0}
  .material-sheet-head h3{margin:4px 0 0;font-size:25px;letter-spacing:-.04em}
  .material-sheet-close{
    width:42px;
    height:42px;
    border:1px solid #e1e7ed;
    border-radius:50%;
    background:#f6f8fa;
    color:var(--ink);
    font-size:26px;
    line-height:1;
    cursor:pointer;
  }
  .material-sheet-list{display:grid;gap:8px}
  .material-sheet-option{
    width:100%;
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 14px;
    border:1px solid #e5eaf0;
    border-radius:16px;
    background:#fff;
    color:var(--ink);
    text-align:left;
    cursor:pointer;
  }
  .material-sheet-option-copy{display:grid;gap:3px;min-width:0}
  .material-sheet-option-copy strong{font-size:15px}
  .material-sheet-option-copy small{font-size:9px;letter-spacing:.08em;color:#7b8997}
  .material-sheet-option>i{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    flex:0 0 auto;
    border-radius:50%;
    background:#eef3f7;
    color:transparent;
    font-style:normal;
  }
  .material-sheet-option.is-active{
    border-color:#0b1523;
    background:#0b1523;
    color:#fff;
  }
  .material-sheet-option.is-active small{color:#c5d0da}
  .material-sheet-option.is-active>i{background:#fff;color:#0b1523}
}

/* V85 — identidade azul, logo menor e imagens de materiais uniformes */
:root{
  --delmaxx-dark-blue:#123c83;
}

/* Substitui os destaques em gradiente por azul escuro sólido */
.hero h1 em,
.materials-intro h2 em,
.company-copy h2 em,
.final-cta h2 em,
.parallax-band__panel h2 em,
.section-head h2 em{
  background:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-text-fill-color:var(--delmaxx-dark-blue)!important;
  color:var(--delmaxx-dark-blue)!important;
}

/* Logo do cabeçalho mais discreta */
.brand img{width:102px}

@media (max-width:900px){
  .brand img{width:92px}
}

@media (max-width:640px){
  .brand img{width:83px}
}

/* Em celular e telas em retrato, todas as imagens de materiais usam o mesmo quadro */
@media (max-width:768px), (orientation:portrait){
  .material-visual{
    position:relative;
    height:clamp(430px,62svh,620px);
    min-height:0!important;
  }

  .material-visual>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0!important;
    object-fit:cover;
    object-position:center center;
  }

  .material-visual-gradient{
    position:absolute;
    inset:0;
  }
}


/* V86 — ajustes de responsividade, SEO e navegação editorial */
.materials-intro h1,
.company-copy h1,
.section-head h1,
.final-cta h1{
  letter-spacing:-.055em;
  line-height:.94;
}
.materials-intro h1{grid-area:title;margin:0;font-size:clamp(40px,4.8vw,62px)}
.company-copy h1{margin:14px 0 20px;font-size:clamp(38px,4.3vw,58px)}
.section-head h1{margin:14px 0 0;font-size:clamp(38px,4.35vw,58px)}
.final-cta h1{margin:18px 0 20px;font-size:clamp(38px,4.6vw,60px);color:#fff}
.materials-intro h1 em,
.company-copy h1 em,
.section-head h1 em,
.final-cta h1 em{
  font-style:normal;
  background:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-text-fill-color:var(--delmaxx-dark-blue)!important;
  color:var(--delmaxx-dark-blue)!important;
}

.guides-section{
  padding:22px 7% 96px;
  background:#f6f8fa;
}
.guides-shell{max-width:1380px;margin:0 auto}
.guides-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.guides-head h2{margin:0;font-size:clamp(32px,4vw,50px);letter-spacing:-.045em;line-height:1}
.guides-head p{max-width:520px;margin:0;color:#667789;line-height:1.65}
.guides-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.guide-card{
  display:grid;
  align-content:space-between;
  min-height:210px;
  padding:24px;
  border:1px solid #e2e8ee;
  border-radius:24px;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 10px 26px rgba(7,16,29,.05);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.guide-card:hover,.guide-card:focus-visible{transform:translateY(-3px);border-color:#c8d5e0;box-shadow:0 16px 34px rgba(7,16,29,.09)}
.guide-card small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#7b8997}
.guide-card strong{display:block;margin-top:34px;font-size:20px;line-height:1.15;letter-spacing:-.03em}
.guide-card span{margin-top:18px;font-size:12px;font-weight:850;color:var(--delmaxx-dark-blue)}

/* Mantém o acesso administrativo existente, mas realmente discreto no rodapé. */
.admin-entry{
  display:inline-block;
  width:12px;
  max-width:12px;
  overflow:hidden;
  white-space:nowrap;
  opacity:.08;
  font-size:8px!important;
  color:inherit!important;
  text-decoration:none!important;
  transition:opacity .2s ease,max-width .2s ease;
}
.admin-entry:hover,.admin-entry:focus-visible{max-width:64px;width:auto;opacity:.55}

@media (max-width:1000px){
  .guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .materials-intro h1{font-size:clamp(38px,11vw,52px)}
  .guides-section{padding:12px 5% 72px}
  .guides-head{align-items:flex-start;flex-direction:column;gap:12px}
  .guides-grid{grid-template-columns:1fr}
  .guide-card{min-height:170px}
}

/* V87 — refinamento das páginas internas e guias */
body.inner-page,
body.article-page{
  background:#f4f7fa;
}

/* Páginas internas: respiro correto abaixo do cabeçalho fixo */
.inner-page .materials-section,
.inner-page .colors-section,
.inner-page .company-section{
  padding-top:150px;
}

/* A DelMaxx */
.inner-page .company-section{
  grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
  grid-template-areas:
    "copy board"
    "extra extra"
    "contact contact";
  align-items:start;
  gap:44px 56px;
  max-width:1600px;
  margin:0 auto;
  background:transparent;
}
.inner-page .company-copy{grid-area:copy;padding-top:8px}
.inner-page .company-board{grid-area:board}
.inner-page .company-extra{
  grid-area:extra;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:14px;
}
.inner-page .company-extra article{
  min-height:190px;
  padding:28px;
  border:1px solid #e1e7ed;
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 32px rgba(7,16,29,.06);
}
.inner-page .company-extra h3{
  margin:0 0 12px;
  font-size:20px;
  letter-spacing:-.025em;
}
.inner-page .company-extra p{
  margin:0;
  color:var(--muted);
  line-height:1.72;
}
.inner-page .company-contact-cta{
  grid-area:contact;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:4px;
  padding:32px 36px;
  border-radius:28px;
  background:linear-gradient(135deg,#0a1626,#123c83);
  color:#fff;
  box-shadow:0 20px 48px rgba(7,16,29,.14);
}
.inner-page .company-contact-cta p{
  max-width:760px;
  margin:0;
  color:#dce6f1;
  font-size:16px;
  line-height:1.65;
}
.inner-page .company-contact-cta .cta{
  flex:0 0 auto;
  background:#fff;
  color:var(--ink);
}
.inner-page .company-board .company-logo{width:min(100%,300px)}

/* Materiais: bloco editorial abaixo do seletor */
.visual-importance{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:24px;
  align-items:stretch;
  max-width:1380px;
  margin:34px auto 0;
}
.visual-importance-copy,
.visual-importance-points{
  border:1px solid #e1e7ed;
  border-radius:26px;
  background:#fff;
  box-shadow:0 12px 30px rgba(7,16,29,.055);
}
.visual-importance-copy{padding:30px 32px}
.visual-importance-copy>span{
  display:block;
  margin-bottom:12px;
  color:var(--delmaxx-dark-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
.visual-importance-copy h3{
  max-width:760px;
  margin:0 0 14px;
  font-size:clamp(28px,3vw,42px);
  line-height:1.04;
  letter-spacing:-.04em;
}
.visual-importance-copy p{
  max-width:800px;
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.visual-importance-points{
  display:grid;
  grid-template-columns:1fr;
  padding:12px;
}
.visual-importance-points span{
  display:flex;
  align-items:center;
  min-height:72px;
  padding:0 20px;
  border-radius:17px;
  background:#f5f8fb;
  font-weight:850;
  color:#17273a;
}
.visual-importance-points span+span{margin-top:8px}

/* Cores: transforma o guia longo em cards legíveis */
.color-guide{
  max-width:1380px;
  margin:70px auto 0;
  padding-top:52px;
  border-top:1px solid #dfe5eb;
}
.color-guide-head{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr);
  gap:46px;
  align-items:end;
  margin-bottom:28px;
}
.color-guide-head h3{
  margin:0;
  font-size:clamp(32px,4vw,48px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.color-guide-head p{
  margin:0;
  color:var(--muted);
  line-height:1.72;
}
.color-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.color-guide-card{
  display:flex;
  flex-direction:column;
  min-height:285px;
  padding:26px;
  border:1px solid #e1e7ed;
  border-radius:24px;
  background:#fff;
  box-shadow:0 10px 28px rgba(7,16,29,.05);
}
.color-guide-card h4{
  margin:0 0 8px;
  color:var(--delmaxx-dark-blue);
  font-size:19px;
  letter-spacing:-.02em;
}
.color-guide-card strong{
  display:block;
  margin-bottom:14px;
  font-size:17px;
}
.color-guide-card p{
  margin:0;
  color:var(--muted);
  line-height:1.66;
}
.color-guide-card small{
  display:block;
  margin-top:auto;
  padding-top:20px;
  color:#8a98a7;
  line-height:1.55;
}
.color-guide-note{
  margin:20px 0 0;
  padding:18px 20px;
  border:1px solid #dce5ee;
  border-radius:18px;
  background:#eef4fa;
  color:#54677b;
  font-size:13px;
  line-height:1.6;
}

/* Contato: página própria, mais limpa e com melhor contraste */
.inner-page .final-cta--clean{
  min-height:calc(100svh - 82px);
  padding:150px 7% 100px;
  background:
    radial-gradient(circle at 16% 16%,rgba(18,60,131,.12),transparent 30%),
    radial-gradient(circle at 84% 82%,rgba(16,140,255,.08),transparent 28%),
    linear-gradient(180deg,#f8fafc,#eef3f8);
  color:var(--ink);
}
.inner-page .final-cta--clean .final-cta-content{
  width:min(100%,980px);
  max-width:none;
  padding:58px 60px;
  border:1px solid #dfe6ed;
  border-radius:36px;
  background:#fff;
  box-shadow:0 28px 70px rgba(7,16,29,.12);
}
.inner-page .final-cta--clean h1{color:var(--ink)}
.inner-page .final-cta--clean h1 em{
  color:var(--delmaxx-dark-blue)!important;
  -webkit-text-fill-color:var(--delmaxx-dark-blue)!important;
}
.inner-page .final-cta--clean p{color:var(--muted)}
.inner-page .final-cta--clean .hero-actions{justify-content:center}
.inner-page .final-cta--clean .cta{
  background:var(--ink);
  color:#fff;
  box-shadow:0 16px 32px rgba(7,16,29,.16);
}
.inner-page .final-cta--clean .ghost{
  border-color:#d8e0e8;
  background:#f4f7fa;
  color:var(--ink);
  backdrop-filter:none;
}
.inner-page .final-cta--clean .whatsapp-icon{width:28px;height:28px}

/* Guias / artigos */
.article-page{
  min-height:100vh;
  color:var(--ink);
}
.article-nav{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:78px;
  padding:10px max(5%,calc((100% - 1180px)/2));
  background:rgba(7,16,29,.96);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}
.article-nav a{
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  letter-spacing:.03em;
}
.article-nav a:first-child{display:flex;align-items:center}
.article-nav img{
  width:104px;
  height:auto;
  object-fit:contain;
}
.article-detail{
  width:min(100% - 40px,980px);
  margin:0 auto;
  padding:76px 0 96px;
}
.article-detail>.number{
  display:inline-flex;
  margin-bottom:18px;
  color:var(--delmaxx-dark-blue);
}
.article-detail>h1{
  max-width:900px;
  margin:0;
  font-size:clamp(42px,6vw,76px);
  line-height:.98;
  letter-spacing:-.055em;
}
.article-lead{
  max-width:800px;
  margin:26px 0 0;
  color:#55677a;
  font-size:20px;
  line-height:1.7;
}
.article-art{
  position:relative;
  display:grid;
  place-items:center;
  height:340px;
  margin:46px 0 54px;
  overflow:hidden;
  border-radius:32px;
  background:#0b1625;
  box-shadow:0 24px 58px rgba(7,16,29,.16);
  isolation:isolate;
}
.article-art::before,
.article-art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
}
.article-art span{
  position:relative;
  z-index:2;
  color:#fff;
  font-size:clamp(70px,13vw,150px);
  font-weight:950;
  letter-spacing:-.075em;
  text-shadow:0 18px 40px rgba(0,0,0,.2);
}
.article-art i{
  position:absolute;
  inset:auto 7% 8% auto;
  width:110px;
  height:8px;
  border-radius:999px;
  background:#fff;
  opacity:.82;
}
.art-acm::before{
  background:repeating-linear-gradient(115deg,#151e2a 0 56px,#8f99a5 56px 112px,#d9dde2 112px 168px,#123c83 168px 224px,#f0b515 224px 280px,#b31629 280px 336px);
  transform:scale(1.12) rotate(-4deg);
}
.art-acm::after{background:linear-gradient(180deg,rgba(7,16,29,.08),rgba(7,16,29,.42))}
.art-acrilico::before{
  background:
    radial-gradient(circle at 22% 26%,rgba(255,255,255,.65),transparent 22%),
    linear-gradient(135deg,#0d66ad 0%,#49b7e8 34%,#d5f4ff 34%,#a2e4ff 58%,#7f3bd9 58%,#d857d3 100%);
}
.art-acrilico::after{background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 45%,rgba(7,16,29,.22))}
.art-pvc::before{
  background:
    linear-gradient(118deg,transparent 0 27%,rgba(255,255,255,.92) 27% 43%,transparent 43% 100%),
    linear-gradient(135deg,#dfeaf4 0%,#a9c7df 42%,#123c83 42%,#0b1b31 100%);
}
.art-pvc::after{background:radial-gradient(circle at 70% 26%,rgba(255,255,255,.30),transparent 28%)}
.art-policarbonato::before{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 13px,rgba(255,255,255,.38) 13px 16px),
    linear-gradient(135deg,#0a456f,#42a9db 48%,#b8e7f7 48%,#5a96b6 100%);
}
.art-policarbonato::after{background:linear-gradient(0deg,rgba(7,16,29,.34),transparent 55%)}
.article-detail>h2{
  margin:42px 0 12px;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.article-detail>p:not(.article-lead){
  margin:0;
  color:#485b6f;
  font-size:16px;
  line-height:1.8;
}
.article-detail aside{
  margin-top:56px;
  padding:34px 36px;
  border-radius:28px;
  background:linear-gradient(135deg,#0a1626,#123c83);
  color:#fff;
  box-shadow:0 22px 52px rgba(7,16,29,.14);
}
.article-detail aside h2{
  margin:0 0 10px;
  font-size:30px;
  letter-spacing:-.035em;
}
.article-detail aside p{
  max-width:700px;
  margin:0;
  color:#dce6f1;
  line-height:1.7;
}
.article-detail aside .cta{
  margin-top:22px;
  background:#fff;
  color:var(--ink);
}
.article-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  min-height:88px;
  padding:24px 5%;
  background:#08101d;
  color:#bfcbd7;
  font-size:13px;
}
.article-footer a{color:#fff;text-decoration:none;font-weight:800}
.article-footer .admin-entry{color:#fff!important}

/* Cabeçalhos e rodapés das páginas internas */
.inner-page footer{margin-top:0}
.inner-page .materials-intro,
.inner-page .section-head{max-width:1380px;margin-left:auto;margin-right:auto}

@media (max-width:1180px){
  .inner-page .company-section{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "board" "extra" "contact";
  }
  .inner-page .company-board{max-width:900px}
  .color-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .color-guide-head{grid-template-columns:1fr;gap:16px}
}

@media (max-width:900px){
  .inner-page .materials-section,
  .inner-page .colors-section,
  .inner-page .company-section{padding-top:118px}
  .inner-page .company-extra{grid-template-columns:1fr}
  .inner-page .company-extra article{min-height:0}
  .inner-page .company-contact-cta{align-items:flex-start;flex-direction:column}
  .visual-importance{grid-template-columns:1fr}
  .inner-page .final-cta--clean{padding:118px 5% 72px}
  .inner-page .final-cta--clean .final-cta-content{padding:44px 34px}
  .article-detail{padding-top:58px}
}

@media (max-width:640px){
  .inner-page .materials-section,
  .inner-page .colors-section,
  .inner-page .company-section{padding-top:100px}
  .inner-page .company-section{gap:28px}
  .inner-page .company-extra article{padding:22px;border-radius:20px}
  .inner-page .company-contact-cta{padding:26px 22px;border-radius:22px}
  .visual-importance{margin-top:22px}
  .visual-importance-copy{padding:24px 22px}
  .visual-importance-points{padding:9px}
  .visual-importance-points span{min-height:62px;padding:0 16px}
  .color-guide{margin-top:48px;padding-top:38px}
  .color-guide-grid{grid-template-columns:1fr}
  .color-guide-card{min-height:0;padding:22px;border-radius:20px}
  .color-guide-card small{margin-top:18px}
  .inner-page .final-cta--clean{min-height:auto;padding:100px 5% 62px}
  .inner-page .final-cta--clean .final-cta-content{padding:34px 22px;border-radius:26px}
  .article-nav{min-height:70px;padding:8px 5%}
  .article-nav img{width:88px}
  .article-nav a:last-child{font-size:11px}
  .article-detail{width:min(100% - 28px,980px);padding:44px 0 66px}
  .article-detail>h1{font-size:clamp(38px,11vw,56px)}
  .article-lead{font-size:17px;line-height:1.65}
  .article-art{height:240px;margin:34px 0 40px;border-radius:24px}
  .article-art i{width:72px;height:6px}
  .article-detail>h2{margin-top:34px;font-size:24px}
  .article-detail aside{padding:28px 22px;border-radius:24px}
  .article-detail aside h2{font-size:26px}
}

/* ===== V126 · Aviso sem clarear o cabeçalho ===== */
:root{--site-announcement-height:0px}

/* O aviso fica atrás do cabeçalho; por isso o nav precisa ficar opaco enquanto ele estiver ativo. */
body.has-site-announcement .nav,
body.has-site-announcement .nav.scrolled{
  background:#050c15!important;
  border-bottom-color:rgba(255,255,255,.06)!important;
}
body.has-site-announcement .article-nav{
  background:#07101d!important;
}

.site-announcement{
  position:fixed;
  z-index:99;
  top:88px;
  left:50%;
  width:min(1240px,calc(100% - 28px));
  transform:translate3d(-50%,0,0);
  overflow:hidden;
  padding:0;
  border:1px solid rgba(132,182,255,.18);
  border-top-color:rgba(255,255,255,.08);
  border-bottom-color:rgba(132,182,255,.22);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(9,34,72,.98),rgba(8,30,62,.99));
  box-shadow:0 18px 44px rgba(3,18,41,.30);
  color:#fff;
  backdrop-filter:blur(16px);
}
.site-announcement[data-tone="attention"]{
  background:linear-gradient(180deg,rgba(77,54,10,.98),rgba(60,41,7,.99));
  border-color:rgba(250,204,91,.25);
}
.site-announcement[data-tone="urgent"]{
  background:linear-gradient(180deg,rgba(82,23,29,.98),rgba(65,17,22,.99));
  border-color:rgba(255,123,132,.24);
}
.site-announcement-shell{
  position:relative;
  width:min(1120px,calc(100% - 32px));
  min-height:60px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 58px;
}
.site-announcement-icon,
.site-announcement-close{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.site-announcement-icon{
  left:0;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(104,181,255,.14);
  border:1px solid rgba(133,196,255,.26);
  color:#9fd1ff;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.site-announcement[data-tone="attention"] .site-announcement-icon{
  background:rgba(250,204,91,.14);
  border-color:rgba(250,204,91,.28);
  color:#ffdc7d;
}
.site-announcement[data-tone="urgent"] .site-announcement-icon{
  background:rgba(255,123,132,.13);
  border-color:rgba(255,123,132,.28);
  color:#ff9da5;
}
.site-announcement-copy{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:center;
}
.site-announcement-label{
  flex:0 0 auto;
  margin:0;
  color:#9fd1ff!important;
  font-size:10px!important;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em!important;
}
.site-announcement[data-tone="attention"] .site-announcement-label{color:#ffdc7d!important}
.site-announcement[data-tone="urgent"] .site-announcement-label{color:#ff9da5!important}
.site-announcement-text{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px 10px;
  text-align:center;
}
.site-announcement-text strong{
  color:#fff;
  font-size:15px;
  line-height:1.32;
  font-weight:800;
}
.site-announcement-text span{
  color:#d9e8f8;
  font-size:14px;
  line-height:1.45;
}
.site-announcement[data-tone="attention"] .site-announcement-text span{color:#f2e9cd}
.site-announcement[data-tone="urgent"] .site-announcement-text span{color:#f2dfe1}
.site-announcement-close{
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  color:rgba(255,255,255,.76);
  font-size:0;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.site-announcement-close::before{
  content:'×';
  display:block;
  width:1em;
  height:1em;
  font-family:Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:400;
  line-height:1;
  text-align:center;
}
.site-announcement-close:hover,
.site-announcement-close:focus-visible{
  background:rgba(255,255,255,.09);
  color:#fff;
  outline:none;
}
.nav.scrolled + .site-announcement{top:80px}
.inner-page.has-site-announcement main{
  padding-top:calc(74px + var(--site-announcement-height))!important;
}
.site-announcement.is-closing{
  animation:siteAnnouncementPullAwayV126 .56s cubic-bezier(.62,.02,.22,1) both;
}
@keyframes siteAnnouncementPullAwayV126{
  0%{translate:0 0;opacity:1}
  20%{translate:24px 0;opacity:1}
  34%{translate:15px 0;opacity:1}
  100%{translate:-110vw 0;opacity:0}
}
@media (max-width:768px){
  .site-announcement{
    top:76px;
    width:calc(100% - 16px);
    border-radius:16px;
  }
  .nav.scrolled + .site-announcement{top:72px}
  .site-announcement-shell{
    width:calc(100% - 18px);
    min-height:56px;
    padding:10px 42px 10px 38px;
  }
  .site-announcement-icon{
    width:24px;
    height:24px;
    font-size:10px;
  }
  .site-announcement-close{
    width:30px;
    height:30px;
  }
  .site-announcement-close::before{font-size:20px}
  .site-announcement-copy{
    display:grid;
    justify-items:center;
    gap:5px;
  }
  .site-announcement-label{font-size:8px!important}
  .site-announcement-text{
    display:grid;
    justify-items:center;
    gap:2px;
  }
  .site-announcement-text strong{font-size:13px}
  .site-announcement-text span{font-size:12px;line-height:1.4}
  .has-site-announcement .hero{padding-top:96px!important}
  .inner-page.has-site-announcement main{
    padding-top:calc(72px + var(--site-announcement-height))!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .site-announcement.is-closing{animation-duration:.01ms!important}
}