/* Revisão visual 14/10/2026: produto visível, navegação sólida e dados MVM. */
html { scroll-padding-top: 96px; }
section[id] { scroll-margin-top: 96px; }
.site-header {
  position: fixed; inset: 0 0 auto; width: 100%; z-index: 50;
  background: #fff; color: #19344b; border-bottom: 1px solid #dce5ec;
  box-shadow: 0 3px 18px rgb(14 40 60 / 8%);
}
.site-header > div { min-height: 76px; }
.site-header nav { color: #19344b; }
.site-header nav a:hover { color: #005c97; }
.site-header a[href="#topo"] { opacity: 1; flex-shrink: 0; }
.site-header img { width: 160px; height: auto; max-height: 44px; object-fit: contain; }
.hero-section { margin-top: 0; padding-top: 76px; min-height: max(760px, 100svh); }
.hero-section > img { object-position: center; }
.hero-section .hero-shade {
  background: radial-gradient(ellipse at center, rgb(8 23 35 / 62%) 0%, rgb(8 23 35 / 56%) 38%, rgb(8 23 35 / 30%) 75%, rgb(8 23 35 / 18%) 100%);
}
.hero-content { max-width: 1280px; padding-inline: 32px; }
.hero-copy { max-width: 768px; margin-inline: auto; padding-block: 72px 104px; text-align: center; }
.hero-copy > * { margin-inline: auto; }
.hero-copy > div { justify-content: center; }
.hero-copy > p { color: #fff; text-shadow: 0 2px 6px rgb(0 0 0 / 70%); }
.hero-copy h1 { margin-inline: auto; }
.hero-copy h1 img { width: 440px; max-width: 100%; height: auto; }
.hero-copy .hero-brand { padding: 14px 18px; }
.hero-copy .hero-actions { justify-content: center; }
.hero-copy a[href^="tel:"] { text-shadow: 0 2px 5px #000; }
.hero-section--maxximanta > img { filter: brightness(1.28); }
.mvm-footer { border-top: 1px solid #dce5ec; background: #f0f5fa; padding-block: 48px; color: #435b71; }
.mvm-footer__inner { display: flex; max-width: 1152px; margin: auto; padding-inline: 24px; align-items: center; justify-content: space-between; gap: 32px; }
.mvm-footer__info { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.mvm-footer__logo { width: 130px; height: auto; display: block; }
.mvm-footer p, .mvm-footer address { margin: 0; font-size: 16px; font-weight: 400; line-height: 1.75; font-style: normal; }
.mvm-footer address { display: flex; flex-direction: column; }
.mvm-footer address a { color: inherit; overflow-wrap: anywhere; }
.mvm-footer address a:hover { color: #005c97; text-decoration: underline; }
@media (max-width: 1023px) {
  .site-header > div { min-height: 72px; }
  .hero-section { padding-top: 72px; min-height: 100svh; }
  .hero-section > img { object-position: 65% center; }
  .hero-section .hero-shade {
    background: linear-gradient(180deg, rgb(8 23 35 / 10%) 0%, rgb(8 23 35 / 18%) 18%, rgb(8 23 35 / 68%) 40%, rgb(8 23 35 / 83%) 100%);
  }
  .hero-content { padding-inline: 24px; }
  .hero-copy { max-width: 640px; margin-inline: auto; padding-block: 64px 104px; text-align: center; }
  .hero-copy > *, .hero-copy h1 { margin-inline: auto; }
  .hero-copy > div, .hero-copy .hero-actions { justify-content: center; }
  .hero-copy h1 img { width: 360px; }
  .mvm-footer__inner { flex-direction: column; align-items: flex-start; gap: 24px; }
}
@media (max-width: 639px) {
  .hero-copy { padding-top: 64px; }
  .hero-copy > p { font-size: 17px; }
  .hero-copy h1 { max-width: 100%; }
  .site-header img { width: 152px; max-width: 152px; }
  .mvm-footer { padding-block: 40px; }
  .mvm-footer p, .mvm-footer address { font-size: 14px; }
  .mvm-footer__inner { padding-inline: 24px; }
}

html, body { height: auto; min-height: 100%; overflow-x: clip; }

.hero-section--maxximanta .hero-shade { background: radial-gradient(ellipse at center, rgb(8 23 35 / 44%) 0%, rgb(8 23 35 / 32%) 55%, rgb(8 23 35 / 8%) 100%); }

html, body { height: auto; min-height: 100%; overflow-x: clip; }

/* Preserve the original centered composition with lighter image shading. */
#topo { margin-top: 0 !important; padding-top: 76px; min-height: max(820px, 100svh); }
#topo > img { object-position: center; }
#topo > .pointer-events-none.absolute.inset-0 {
  background: radial-gradient(ellipse at center, rgb(8 23 35 / 62%) 0%, rgb(8 23 35 / 56%) 38%, rgb(8 23 35 / 30%) 75%, rgb(8 23 35 / 18%) 100%) !important;
}
#topo .maxxifoil-production-hero {
  max-width: 64rem; padding: 7rem 1rem 5.5rem; text-align: center;
}
.maxxifoil-production-hero > * { margin-left: auto; margin-right: auto; }
.maxxifoil-production__lines { color: #fff; text-shadow: 0 2px 5px #000; }
.maxxifoil-production__benefit { text-shadow: 0 2px 6px #000; }
.maxxifoil-production__standards { color: #fff; text-shadow: 0 2px 5px #000; }
.maxxifoil-production__commercial-label { color: #fff; text-shadow: 0 2px 5px #000; }
.maxxifoil-production__condition { flex-wrap: wrap; background: #203b4c; border-color: #7a8e9b; color: #fff; }
.maxxifoil-production__condition strong { white-space: nowrap; }
.site-header nav, .site-header nav a { color: #19344b !important; }
.site-header button[aria-label="Abrir menu"] { color: #19344b !important; }
.site-header [role="dialog"], .site-header nav[aria-label="Mobile"] { background: #fff; color: #19344b; }
body header { position: fixed !important; inset: 0 0 auto; width: 100%; background: #fff !important; backdrop-filter: none !important; border-bottom: 1px solid #dce5ec !important; box-shadow: 0 3px 18px rgb(14 40 60 / 8%); }
body header > div:first-child { min-height: 76px; }
body header nav, body header nav a { color: #19344b !important; }
body header button[aria-label="Abrir menu"] { color: #19344b !important; }
body header a[href="#topo"] { opacity: 1; }
body header a[href="#topo"] > span > span:first-child { color: #e30613; }
body header a[href="#topo"] > span > span:last-child { color: #005c97; }
@media (max-width: 1023px) {
  body header > div:first-child { min-height: 72px; }
  #topo { padding-top: 72px; min-height: 100svh; }
  #topo > .pointer-events-none.absolute.inset-0 {
    background: linear-gradient(180deg, rgb(8 23 35 / 8%) 0%, rgb(8 23 35 / 14%) 18%, rgb(8 23 35 / 74%) 40%, rgb(8 23 35 / 86%) 100%) !important;
  }
  #topo .maxxifoil-production-hero { padding: 6.7rem 24px 5.25rem; text-align: center; }
  .maxxifoil-production-hero > * { margin-left: auto; margin-right: auto; }
  .maxxifoil-production-hero h1 { margin-left: auto; font-size: clamp(1.9rem, 6vw, 2.7rem); }
  .maxxifoil-production__standards { padding-inline: 4px; }
}
@media (max-width: 639px) {
  #topo .maxxifoil-production-hero { padding-top: 6.7rem; }
  .maxxifoil-production__brand { font-size: 2rem; }
  .maxxifoil-production__offers { max-width: 304px; }
  .maxxifoil-production__benefit { font-size: 1.5rem; }
}