: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 12px 30px rgba(7,16,29,.075);
  --shadow-strong:0 20px 48px rgba(7,16,29,.13);
  --delmaxx-dark-blue:#123c83;
}
*{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,.60);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.045);
  transition:background .25s ease,height .25s ease,box-shadow .25s ease;
}
.nav.scrolled{
  height:74px;
  background:rgba(5,12,21,.92);
  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:102px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.22));
}
.desktop{display:flex;gap:24px;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:.82;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% 78px;
}
.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{opacity:.55}
.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 h1,.materials-intro h2,.company-copy h1,.company-copy h2,.final-cta h1,.final-cta h2,.parallax-band__panel h2,.section-head h1,.section-head h2{
  letter-spacing:-.055em;
  line-height:.94;
}
.hero h1{
  margin:22px 0 20px;
  font-size:clamp(52px,6.45vw,94px);
  font-weight:880;
}
.hero h1 em,.materials-intro h1 em,.materials-intro h2 em,.company-copy h1 em,.company-copy h2 em,.final-cta h1 em,.final-cta h2 em,.parallax-band__panel h2 em,.section-head h1 em,.section-head h2 em{
  font-style:normal;
  background:none;
  color:var(--delmaxx-dark-blue);
  -webkit-text-fill-color:var(--delmaxx-dark-blue);
}
.hero p{max-width:610px;color:#ced8e2;font-size:17px;line-height:1.62}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.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:24px;
  margin-top:34px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.18);
  max-width:760px;
  opacity:.86;
}
.hero-trust span{display:grid;gap:4px}
.hero-trust b{font-size:12px}
.hero-trust small{font-size:10px;color:#a9b7c7}

.materials-section{padding:104px 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 64px;
  margin-bottom:44px;
}
.materials-intro .number{grid-area:number;color:#738195;margin-bottom:14px}
.materials-intro h1,.materials-intro h2{grid-area:title;margin:0;font-size:clamp(40px,4.8vw,62px)}
.materials-intro p{grid-area:text;max-width:520px;margin:0;color:var(--muted);line-height:1.65;font-size:15px}
.materials-explorer{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);
  gap:20px;
  align-items:stretch;
}
.material-visual{
  position:relative;
  min-height:610px;
  border-radius:26px;
  overflow:hidden;
  background:#0b1421;
  box-shadow:var(--shadow);
}
.material-visual>img{
  width:100%;
  height:100%;
  min-height:610px;
  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:26px;
  overflow:hidden;
  box-shadow:none;
  border:1px solid #e6ebf0;
}
.material-option{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:0 22px;
  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:16px;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:26px;
  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:500px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:70px 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:820px;
  padding:32px 36px;
  border-radius:24px;
  background:rgba(8,17,31,.42);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(7px);
  box-shadow:none;
  color:#fff;
}
.number--light{color:#dbe6f2}
.parallax-band__panel h2{margin:14px 0 14px;font-size:clamp(38px,4.5vw,60px)}
.parallax-band__panel p{max-width:650px;margin:0;color:#d8e2ec;line-height:1.6}

.company-section{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  gap:64px;
  align-items:center;
  padding:104px 7%;
  background:#fff;
}
.company-copy h1,.company-copy h2{margin:14px 0 20px;font-size:clamp(38px,4.3vw,58px)}
.company-copy p{max-width:540px;margin:0;color:var(--muted);line-height:1.68;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:34px;
  border-radius:26px;
  background:linear-gradient(180deg,#0a1523,#0d1a2a);
  color:#fff;
  box-shadow:var(--shadow);
}
.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%);
  opacity:.35;
}
.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:10px}
.company-metrics div{display:grid;gap:6px;padding:15px 16px;border-radius:15px;background:rgba(255,255,255,.045);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:100px 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:44px}
.section-head h1,.section-head h2{margin:14px 0 0;font-size:clamp(38px,4.35vw,58px)}
.section-head p{max-width:470px;margin:0;color:var(--muted);line-height:1.65;font-size:15px}

.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:24px;background:linear-gradient(145deg,#091421,#10243a);box-shadow:var(--shadow);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:24px;background:#fff;box-shadow:none;backdrop-filter:blur(12px)}
.swatch{position:relative;display:grid;grid-template-rows:72px auto;gap:10px;min-width:0;padding:10px;border-radius:14px;background:#fff;border:1px solid rgba(7,16,29,.07);box-shadow:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.swatch:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(7,16,29,.07);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:460px;display:grid;place-items:center;padding:78px 7%;background:var(--ink);color:#fff}
.final-cta-bg{position:absolute;inset:0;overflow:hidden}
.final-cta-overlay{position:absolute;inset:0;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-bg img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.04) contrast(1.03)}
.final-cta-content{position:relative;z-index:2;max-width:840px;text-align:center}
.final-cta h1,.final-cta h2{margin:18px 0 20px;font-size:clamp(38px,4.6vw,60px);color:#fff}
.final-cta p{max-width:620px;margin:0 auto;color:#d6e0ea;line-height:1.62}.final-cta .number{color:#c2cdda}.final-cta .hero-actions{justify-content:center}

.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:38px 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 64px}
  .materials-intro p{margin-top:20px;max-width:520px}
  .materials-explorer{grid-template-columns:1fr}
  .material-visual{min-height:610px}
  .material-visual>img{min-height:610px}
  .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:0 22px;min-height:72px}
  .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:92px}
  .hero{padding:112px 5% 58px;min-height:88svh}
  .hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
  .materials-section,.colors-section,.company-section{padding:72px 5%}
  .parallax-band{padding:54px 5%;min-height:450px}
  .section-head{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:34px}
  .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){
  .nav{height:72px}
  .brand img{width:83px}
  .hero{padding:94px 5% 58px;min-height:86svh}
  .hero h1{font-size:clamp(39px,11.4vw,54px);margin-top:18px}
  .hero-actions,.final-cta .hero-actions{flex-direction:column;align-items:stretch}.cta,.ghost{justify-content:center}
  .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 h1{font-size:clamp(38px,11vw,52px)}
  .materials-intro p,.section-head p{font-size:14px}
  .material-visual{min-height:500px;border-radius:26px}.material-visual>img{min-height:500px}.material-visual-copy{left:22px;right:22px;bottom:22px}
  .material-visual-copy h3{font-size:clamp(36px,12vw,54px)}
  .material-visual-copy p{font-size:14px;line-height:1.55}
  .material-index{grid-template-columns:1fr;border-radius:26px}
  .material-option{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto;padding:0 22px;min-height:64px}
  .material-option em{grid-column:auto;font-size:10px}
  .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-showcase{gap:18px}
  .color-copy{padding:24px;border-radius:24px}
  .color-copy h3{font-size:28px}
  .color-copy p{font-size:14px;line-height:1.55}
  .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:24px;
    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:14px;
    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}
  .final-cta{min-height:410px;padding-top:64px;padding-bottom:64px}
}
@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);}
/* Seletor de materiais responsivo (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}
}

/* 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;
  }
}

/* Guias de materiais e acesso administrativo discreto */
.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){
  .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}
}