/* Di Grano · evolução visual 2026
   Preserva marca, laranja, azul-marinho e LT Wave. Campton passa a apoiar textos menores. */
:root{
  --dg-orange:#f2703a;
  --dg-orange-soft:#fff4ee;
  --dg-navy:#1c1c38;
  --dg-paper:#f8f8f7;
  --dg-paper-2:#f2f2f0;
  --dg-line:#e4e4e1;
  --dg-text:#34343d;
  --dg-muted:#6f7078;
  --dg-radius:16px;
  --dg-radius-sm:10px;
  --dg-shadow:0 18px 48px rgba(28,28,56,.07);
}
html{scroll-behavior:smooth}
body{color:var(--dg-text);background:#fff;font-family:CamptonBook,Arial,sans-serif;-webkit-font-smoothing:antialiased}
p,li,input,select,textarea,button,label{font-family:CamptonBook,Arial,sans-serif}
h1,h2,h3,h4,.h1,.h2,.h3,.font-LTWaveBold{font-family:LTWaveBold,Arial,sans-serif}
.dg-section{padding:88px 0}.dg-section-soft{background:var(--dg-paper)}
.dg-kicker{font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--dg-orange)}
.dg-title{font-family:LTWaveBold,Arial,sans-serif;color:var(--dg-navy);font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:.98;letter-spacing:-.035em}
.dg-intro{max-width:760px;font-size:1.05rem;line-height:1.75;color:var(--dg-muted)}
.dg-grid{display:grid;gap:24px}
.dg-card{background:#fff;border:1px solid var(--dg-line);border-radius:var(--dg-radius);box-shadow:0 1px 0 rgba(28,28,56,.02);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;overflow:hidden}
.dg-card:hover{transform:translateY(-4px);box-shadow:var(--dg-shadow);border-color:rgba(242,112,58,.42)}
.dg-card-media{height:260px;background:var(--dg-paper-2) center/contain no-repeat;padding:22px;background-origin:content-box}
.dg-card-body{padding:28px}.dg-card h2,.dg-card h3{font-family:LTWaveBold,Arial,sans-serif;color:var(--dg-navy)}.dg-card p{color:var(--dg-muted);line-height:1.68}
.dg-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--dg-line);border-radius:999px;background:#fff;padding:9px 13px;font-family:CamptonBold,Arial,sans-serif;font-size:.78rem;transition:.25s ease}.dg-chip:hover,.dg-chip.active{border-color:var(--dg-orange);color:var(--dg-orange);background:var(--dg-orange-soft)}.dg-chip-dot{width:6px;height:6px;background:var(--dg-orange);border-radius:50%}
.dg-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dg-machine-card{display:flex;flex-direction:column;min-height:100%;background:#fff;color:var(--dg-text);border:1px solid var(--dg-line);border-radius:var(--dg-radius);overflow:hidden;transition:.28s ease}
.dg-machine-card:hover{transform:translateY(-4px);box-shadow:var(--dg-shadow);border-color:rgba(242,112,58,.4)}
.dg-machine-card .dg-card-media{background-color:#f6f6f4;border-bottom:1px solid var(--dg-line)}.dg-machine-card .dg-card-body{display:flex;flex-direction:column;flex:1}.dg-machine-card h3{color:var(--dg-navy);font-size:1.5rem;line-height:1.08}.dg-machine-card p{color:var(--dg-muted)}.dg-machine-card .dg-actions{margin-top:auto;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.dg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--dg-orange);border-radius:8px;background:var(--dg-orange);color:#fff;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.065em;font-size:.75rem;transition:.25s ease}.dg-btn:hover{background:#fff;color:var(--dg-orange)}
.dg-btn-light{border-color:#fff;background:transparent;color:#fff}.dg-btn-light:hover{background:#fff;color:var(--dg-navy)}
.dg-machine-card .dg-btn-light{border-color:var(--dg-navy);color:var(--dg-navy);background:#fff}.dg-machine-card .dg-btn-light:hover{background:var(--dg-navy);color:#fff}
.dg-btn-navy{border-color:rgba(28,28,56,.38);background:#fff;color:var(--dg-navy)}.dg-btn-navy:hover{border-color:var(--dg-navy);background:var(--dg-navy);color:#fff}
.dg-searchbar{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;border:1px solid var(--dg-line);border-radius:var(--dg-radius);padding:24px;margin-top:28px;box-shadow:0 10px 30px rgba(28,28,56,.04)}
.dg-field label{display:block;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;font-size:.68rem;letter-spacing:.09em;color:var(--dg-navy);margin-bottom:8px}.dg-field select,.dg-field input,.dg-field textarea{width:100%;min-height:50px;border:1px solid #d8d8d5;border-radius:10px;background:#fff;padding:11px 13px;color:var(--dg-navy);outline:none}.dg-field textarea{min-height:130px;resize:vertical}.dg-field select:focus,.dg-field input:focus,.dg-field textarea:focus{border-color:var(--dg-orange);box-shadow:0 0 0 3px rgba(242,112,58,.1)}
.dg-group-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:46px 0 18px}.dg-group-title h2{font-family:LTWaveBold,Arial,sans-serif;color:var(--dg-navy);font-size:2rem}.dg-group-title span{color:var(--dg-muted);font-size:.9rem}
.dg-made-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.dg-made-card{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid var(--dg-line);border-radius:12px;padding:12px}.dg-made-card img{width:90px;height:74px;object-fit:cover;border-radius:8px}.dg-made-card strong{display:block;color:var(--dg-navy);font-family:LTWaveBold,Arial,sans-serif}
.dg-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dg-video-card{border:1px solid var(--dg-line);border-radius:var(--dg-radius);padding:20px;background:#fff}.dg-video-card h3{font-family:LTWaveBold,Arial,sans-serif;color:var(--dg-navy);margin-bottom:12px}
.dg-comparison{overflow:auto;border:1px solid var(--dg-line);border-radius:var(--dg-radius);background:#fff}.dg-comparison table{width:100%;border-collapse:collapse;min-width:680px}.dg-comparison th,.dg-comparison td{padding:15px 16px;border-bottom:1px solid var(--dg-line);border-right:1px solid var(--dg-line);text-align:left}.dg-comparison th{font-family:CamptonBold,Arial,sans-serif;background:#f5f5f2;color:var(--dg-navy)}.dg-comparison tr:last-child td{border-bottom:0}.dg-comparison td:first-child{font-family:CamptonBold,Arial,sans-serif;color:var(--dg-navy);background:#fafaf8}
.dg-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dg-process-item{position:relative;background:#fff;border:1px solid var(--dg-line);border-radius:var(--dg-radius);overflow:hidden}.dg-process-item img{width:100%;height:235px;object-fit:cover}.dg-process-item .copy{padding:20px}.dg-process-item .num{font-family:CamptonBold,Arial,sans-serif;color:var(--dg-orange);font-size:.72rem;letter-spacing:.1em}.dg-process-item h3{font-family:LTWaveBold,Arial,sans-serif;color:var(--dg-navy);font-size:1.35rem;margin-top:4px}
.dg-quote-shell{display:grid;grid-template-columns:.8fr 1.3fr;gap:64px}.dg-quote-intro{position:sticky;top:140px;align-self:start}.dg-form-card{background:#fff;border:1px solid var(--dg-line);border-radius:var(--dg-radius);padding:34px;box-shadow:0 20px 50px rgba(28,28,56,.06)}.dg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dg-full{grid-column:1/-1}.dg-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dg-check{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--dg-line);border-radius:10px;padding:12px;background:#fff;cursor:pointer}.dg-check:has(input:checked){border-color:var(--dg-orange);background:var(--dg-orange-soft)}
.dg-callout{position:relative;background:#f7f7f4;color:var(--dg-text);border:1px solid var(--dg-line);border-radius:var(--dg-radius);padding:32px;overflow:hidden}.dg-callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--dg-orange)}.dg-callout h2{font-family:LTWaveBold,Arial,sans-serif;color:var(--dg-navy);font-size:2rem}.dg-callout p{color:var(--dg-muted)}
#menuPrincipal .dg-header-quote{background:var(--dg-orange)!important;color:#fff!important;height:100%;display:flex;align-items:center;padding:0 28px;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.dg-header-quote:hover{filter:brightness(.96)}.dg-mobile-quote{display:block;margin-top:14px;border:1px solid rgba(255,255,255,.6);padding:12px 14px;text-align:center;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;color:#fff}
.dg-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;color:var(--dg-muted);font-size:.83rem;margin-bottom:18px}.dg-breadcrumb a:hover{color:var(--dg-orange)}

/* Linhas de máquinas na Home: fundo claro em vez de grandes blocos azul-marinho. */
.dg-line-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--dg-line);border-radius:var(--dg-radius);overflow:hidden;transition:.28s ease}.dg-line-card:hover{transform:translateY(-4px);box-shadow:var(--dg-shadow);border-color:rgba(242,112,58,.4)}.dg-line-card-media{height:285px;background:#f4f4f2 center/contain no-repeat;padding:24px;background-origin:content-box}.dg-line-card-body{display:flex;flex-direction:column;flex:1;padding:26px}.dg-line-card h3{font-family:LTWaveBold,Arial,sans-serif;color:var(--dg-navy)}.dg-line-card p{color:var(--dg-muted);line-height:1.65}.dg-line-card .dg-line-action{margin-top:auto;padding-top:18px;color:var(--dg-orange);font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}

/* História / Empresa: composição limpa, sem blocos sobrepostos. */
.dg-history{padding:96px 0;background:#fff}.dg-history-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}.dg-history-media{position:sticky;top:130px;min-height:620px;border-radius:22px;background:center/cover no-repeat;overflow:hidden}.dg-history-media:after{content:"";position:absolute;left:24px;bottom:24px;width:76px;height:5px;background:var(--dg-orange);border-radius:3px}.dg-history-copy{padding:24px 0}.dg-history-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.dg-history-brand img{width:54px;height:54px}.dg-history-brand span{font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--dg-muted)}
.dg-richtext{font-size:1rem;color:var(--dg-text)}.dg-richtext p{margin:0 0 1.08rem;line-height:1.78}.dg-richtext strong,.dg-richtext b{font-family:CamptonBold,Arial,sans-serif}.dg-richtext ul,.dg-richtext ol{margin:1rem 0 1rem 1.25rem}.dg-richtext li{margin:.4rem 0}.dg-richtext a{color:var(--dg-orange);text-decoration:underline;text-underline-offset:3px}

/* Produto: imagens em molduras claras e leves */
.dg-product-hero-media{background:#fff;border:1px solid var(--dg-line);border-radius:20px;padding:34px;box-shadow:0 14px 42px rgba(28,28,56,.045)}.dg-product-thumb{display:block;border:1px solid var(--dg-line);background:#fff;padding:8px;border-radius:11px;transition:.2s}.dg-product-thumb:hover{border-color:var(--dg-orange);transform:translateY(-2px)}

/* Notícias */
.dg-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.dg-news-card{background:#fff;border:1px solid var(--dg-line);border-radius:var(--dg-radius);overflow:hidden}.dg-news-card-media{display:block;height:300px;background-size:cover;background-position:center}.dg-news-card-body{padding:1.75rem}.dg-meta{font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--dg-muted)}.dg-empty{padding:2rem;border:1px dashed rgba(28,28,56,.18);border-radius:var(--dg-radius);background:#fff}.dg-search-input{width:100%;border:1px solid var(--dg-line);border-radius:10px;background:#fff;padding:1rem 1.1rem;outline:none}.dg-search-input:focus{border-color:var(--dg-orange);box-shadow:0 0 0 3px rgba(242,112,58,.1)}

/* Rodapé: mantém fundo escuro, mas com grid e formulários mais limpos. */
.dg-footer{position:relative;background:var(--dg-navy);padding:76px 0 0;color:#fff}.dg-footer-bg{position:absolute;inset:0;background:url('../imgs/bg-footer.webp') center/cover no-repeat;opacity:1}.dg-footer-inner{position:relative;z-index:1}.dg-footer-cta{text-align:center;max-width:980px;margin:0 auto 54px}.dg-footer-cta h2{font-family:LTWaveBold,Arial,sans-serif;font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.04;margin:22px 0 0}.dg-footer-divider{border:0;border-top:1px solid rgba(255,255,255,.22);margin:0 0 46px}.dg-footer-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr 1.15fr;gap:46px;align-items:start}.dg-footer-col h3{font-family:CamptonBold,Arial,sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;color:#fff}.dg-footer-col p,.dg-footer-col li,.dg-footer-col a{font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.76)}.dg-footer-col a:hover{color:#fff}.dg-footer-col ul{margin:0;padding:0;list-style:none}.dg-footer-brand{width:172px;margin-bottom:20px}.dg-footer-contact-strong{font-family:LTWaveBold,Arial,sans-serif;font-size:1.25rem;color:#fff!important}.dg-footer-social{display:flex;gap:8px;margin-top:18px}.dg-footer-social a{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:.2s}.dg-footer-social a:hover{transform:translateY(-2px)}.dg-footer-social img{height:15px}.dg-footer-news{margin-top:44px;padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(3px)}.dg-footer-news-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:12px;align-items:end}.dg-footer-news h3{font-family:LTWaveBold,Arial,sans-serif;font-size:1.35rem;margin:0 0 4px}.dg-footer-news p{margin:0;color:rgba(255,255,255,.7);font-size:.85rem}.dg-footer-field label{display:block;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;color:rgba(255,255,255,.7);margin-bottom:7px}.dg-footer-field input,.dg-footer-field select{width:100%;height:45px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;padding:0 12px;outline:none}.dg-footer-field select option{color:var(--dg-navy);background:#fff}.dg-footer-field input:focus,.dg-footer-field select:focus{border-color:var(--dg-orange)}.dg-footer-news button{height:45px;white-space:nowrap}.dg-footer-consent{grid-column:2/-1;color:rgba(255,255,255,.7);font-size:.72rem;display:flex;gap:8px;align-items:flex-start}.dg-footer-bottom{position:relative;z-index:1;background:#fff;color:var(--dg-navy);margin-top:56px;padding:24px 0;text-align:center;font-size:.78rem;letter-spacing:.03em}

@media(max-width:1100px){.dg-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-quote-shell{grid-template-columns:1fr;gap:34px}.dg-quote-intro{position:static}.dg-history-grid{grid-template-columns:1fr;gap:38px}.dg-history-media{position:relative;top:auto;min-height:520px}.dg-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-footer-news-grid{grid-template-columns:1fr 1fr}.dg-footer-consent{grid-column:1/-1}}
@media(max-width:760px){.dg-section{padding:62px 0}.dg-product-grid,.dg-process-grid,.dg-media-grid,.dg-searchbar,.dg-form-grid,.dg-check-grid{grid-template-columns:1fr}.dg-card-media{height:230px}.dg-form-card{padding:22px}.dg-group-title{align-items:flex-start;flex-direction:column}.dg-full{grid-column:auto}.dg-made-card{grid-template-columns:72px 1fr}.dg-made-card img{width:72px;height:62px}.dg-history{padding:62px 0}.dg-history-media{min-height:390px}.dg-footer{padding-top:60px}.dg-footer-grid{grid-template-columns:1fr;gap:34px}.dg-footer-news-grid{grid-template-columns:1fr}.dg-footer-consent{grid-column:auto}.dg-footer-news{padding:20px}}
@media(max-width:1024px){.dg-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dg-news-grid{grid-template-columns:1fr}.dg-news-card-media{height:230px}}

/* ==========================================================
   MENU FULLSCREEN DI GRANO · 2026
   Abaixo de 1536px o menu vira uma experiência em tela inteira,
   mantendo o laranja institucional e a LT Wave como voz principal.
   ========================================================== */
.dg-menu-toggle-wrap{position:relative;z-index:72;display:flex;align-items:center;gap:12px}
.dg-menu-toggle-label{font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#fff;transition:opacity .25s ease,transform .25s ease}
.dg-menu-toggle{width:48px;height:48px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;position:relative;background:rgba(28,28,56,.10);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.dg-menu-toggle:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.72);transform:scale(1.04)}
.dg-menu-toggle span{position:absolute;width:19px;height:2px;border-radius:999px;background:#fff;left:50%;top:50%;transform-origin:center;transition:transform .38s cubic-bezier(.2,.8,.2,1),width .3s ease}
.dg-menu-toggle span:first-child{transform:translate(-50%,-5px)}
.dg-menu-toggle span:last-child{transform:translate(-50%,4px);width:13px;margin-left:3px}
body.dg-menu-open .dg-menu-toggle{background:rgba(28,28,56,.09);border-color:rgba(255,255,255,.55)}
body.dg-menu-open .dg-menu-toggle span:first-child{width:20px;transform:translate(-50%,0) rotate(45deg)}
body.dg-menu-open .dg-menu-toggle span:last-child{width:20px;margin-left:0;transform:translate(-50%,0) rotate(-45deg)}
body.dg-menu-open .dg-menu-toggle-label{opacity:.72;transform:translateX(-3px)}
html.dg-menu-lock,body.dg-menu-open{overflow:hidden!important}

.dg-mobile-menu{position:fixed;inset:0;z-index:60;background:var(--dg-orange);display:block!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-14px);transition:opacity .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),visibility 0s linear .42s;overflow:auto;overscroll-behavior:contain}
.dg-mobile-menu:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at 8% 90%,rgba(28,28,56,.10),transparent 26%);opacity:.95}
.dg-mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.dg-mobile-menu-inner{position:relative;z-index:1;min-height:100vh;width:min(1320px,100%);margin:0 auto;padding:145px 56px 54px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.65fr);gap:clamp(52px,8vw,130px);align-items:stretch}
.dg-mobile-menu-nav{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}
.dg-mobile-menu-eyebrow{font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.66rem;color:rgba(255,255,255,.68);margin-bottom:18px}
.dg-mobile-menu-links{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.25)}
.dg-mobile-menu-links li{border-bottom:1px solid rgba(255,255,255,.22)}
.dg-mobile-menu-link{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:16px;align-items:center;padding:12px 4px 13px;color:#fff;overflow:hidden;isolation:isolate;transition:padding .3s ease,color .3s ease}
.dg-mobile-menu-link:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:translateX(-102%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.dg-mobile-menu-number{font-family:CamptonBold,Arial,sans-serif;font-size:.64rem;letter-spacing:.11em;color:rgba(255,255,255,.60);transition:color .3s ease}
.dg-mobile-menu-name{font-family:LTWaveBold,Arial,sans-serif;font-size:clamp(2.25rem,4.1vw,4.6rem);line-height:.96;letter-spacing:-.035em;transform:translateX(0);transition:transform .38s cubic-bezier(.2,.8,.2,1),color .3s ease}
.dg-mobile-menu-arrow{width:34px;height:34px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;opacity:.42;transform:translateX(-8px);transition:opacity .3s ease,transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s ease,color .3s ease}
.dg-mobile-menu-arrow svg{width:17px;height:17px}
.dg-mobile-menu-link:hover:before,.dg-mobile-menu-link:focus-visible:before{transform:none}
.dg-mobile-menu-link:hover,.dg-mobile-menu-link:focus-visible{padding-left:14px;padding-right:14px;color:var(--dg-navy);outline:none}
.dg-mobile-menu-link:hover .dg-mobile-menu-name,.dg-mobile-menu-link:focus-visible .dg-mobile-menu-name{transform:translateX(7px)}
.dg-mobile-menu-link:hover .dg-mobile-menu-number,.dg-mobile-menu-link:focus-visible .dg-mobile-menu-number{color:rgba(28,28,56,.55)}
.dg-mobile-menu-link:hover .dg-mobile-menu-arrow,.dg-mobile-menu-link:focus-visible .dg-mobile-menu-arrow{opacity:1;transform:none;border-color:rgba(28,28,56,.28);color:var(--dg-navy)}
.dg-mobile-menu-link.active .dg-mobile-menu-name:after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#fff;margin:0 0 .48em 12px;vertical-align:middle}
.dg-mobile-menu-link.active:hover .dg-mobile-menu-name:after{background:var(--dg-orange)}

.dg-mobile-menu-aside{border-left:1px solid rgba(255,255,255,.28);padding-left:clamp(30px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:34px;padding-top:2px}
.dg-mobile-menu-copy{max-width:390px;margin:0;color:rgba(255,255,255,.88);font-family:CamptonBook,Arial,sans-serif;font-size:1rem;line-height:1.65}
.dg-mobile-menu-actions{display:flex;flex-direction:column;gap:12px}
.dg-mobile-menu-cta{min-height:62px;padding:15px 18px 15px 20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.075em;font-size:.72rem;transition:transform .28s ease,background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}
.dg-mobile-menu-cta svg{width:20px;height:20px;transition:transform .28s ease}
.dg-mobile-menu-cta:hover svg,.dg-mobile-menu-cta:focus-visible svg{transform:translateX(4px)}
.dg-mobile-menu-cta:hover,.dg-mobile-menu-cta:focus-visible{transform:translateY(-2px);outline:none}
.dg-mobile-menu-cta-light{border:1px solid rgba(255,255,255,.68);color:#fff;background:transparent}
.dg-mobile-menu-cta-light:hover,.dg-mobile-menu-cta-light:focus-visible{background:rgba(255,255,255,.12);border-color:#fff}
.dg-mobile-menu-cta-solid{border:1px solid #fff;color:var(--dg-navy);background:#fff;box-shadow:0 15px 38px rgba(28,28,56,.10)}
.dg-mobile-menu-cta-solid:hover,.dg-mobile-menu-cta-solid:focus-visible{background:var(--dg-navy);border-color:var(--dg-navy);color:#fff;box-shadow:0 18px 44px rgba(28,28,56,.18)}
.dg-mobile-menu-footer{padding-top:24px;border-top:1px solid rgba(255,255,255,.24)}
.dg-mobile-menu-footer-label{display:block;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;color:rgba(255,255,255,.63);margin-bottom:13px}
.dg-mobile-menu-socials{display:flex;gap:9px;flex-wrap:wrap}
.dg-mobile-menu-socials a{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #fff;display:grid;place-items:center;transition:transform .25s ease,background .25s ease}
.dg-mobile-menu-socials a:hover,.dg-mobile-menu-socials a:focus-visible{transform:translateY(-3px) scale(1.03);background:rgba(255,255,255,.86);outline:none}
.dg-mobile-menu-socials img{height:16px;max-width:18px}

/* Entrada escalonada dos itens ao abrir. */
.dg-mobile-menu-link,.dg-mobile-menu-aside>*{opacity:0;transform:translateY(18px)}
.dg-mobile-menu.is-open .dg-mobile-menu-link,.dg-mobile-menu.is-open .dg-mobile-menu-aside>*{opacity:1;transform:none;transition-property:opacity,transform,padding,color;transition-duration:.48s,.48s,.3s,.3s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
.dg-mobile-menu.is-open .dg-mobile-menu-links li:nth-child(1) .dg-mobile-menu-link{transition-delay:.06s}
.dg-mobile-menu.is-open .dg-mobile-menu-links li:nth-child(2) .dg-mobile-menu-link{transition-delay:.10s}
.dg-mobile-menu.is-open .dg-mobile-menu-links li:nth-child(3) .dg-mobile-menu-link{transition-delay:.14s}
.dg-mobile-menu.is-open .dg-mobile-menu-links li:nth-child(4) .dg-mobile-menu-link{transition-delay:.18s}
.dg-mobile-menu.is-open .dg-mobile-menu-links li:nth-child(5) .dg-mobile-menu-link{transition-delay:.22s}
.dg-mobile-menu.is-open .dg-mobile-menu-links li:nth-child(6) .dg-mobile-menu-link{transition-delay:.26s}
.dg-mobile-menu.is-open .dg-mobile-menu-aside>*:nth-child(1){transition-delay:.18s}
.dg-mobile-menu.is-open .dg-mobile-menu-aside>*:nth-child(2){transition-delay:.24s}
.dg-mobile-menu.is-open .dg-mobile-menu-aside>*:nth-child(3){transition-delay:.30s}

@media (max-width:1100px){
  .dg-mobile-menu-inner{grid-template-columns:1fr .62fr;padding-left:38px;padding-right:38px;gap:46px}
  .dg-mobile-menu-name{font-size:clamp(2.1rem,5.1vw,3.5rem)}
}
@media (max-width:820px){
  .dg-mobile-menu-inner{display:block;padding:126px 24px 34px}
  .dg-mobile-menu-aside{border-left:0;border-top:1px solid rgba(255,255,255,.28);padding:28px 0 0;margin-top:30px;gap:24px}
  .dg-mobile-menu-copy{max-width:620px}
  .dg-mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr}
  .dg-mobile-menu-footer{margin-top:6px}
}
@media (max-width:560px){
  #menuPrincipal{padding-left:18px!important;padding-right:18px!important;height:84px!important}
  .dg-header-brand img{height:31px!important}
  .dg-menu-toggle-label{display:none}
  .dg-menu-toggle{width:44px;height:44px}
  .dg-mobile-menu-inner{padding:106px 18px 28px}
  .dg-mobile-menu-eyebrow{margin-bottom:12px}
  .dg-mobile-menu-link{grid-template-columns:32px minmax(0,1fr) 34px;gap:8px;padding:9px 2px 10px}
  .dg-mobile-menu-name{font-size:clamp(2rem,10vw,2.85rem)}
  .dg-mobile-menu-number{font-size:.56rem}
  .dg-mobile-menu-arrow{width:30px;height:30px}
  .dg-mobile-menu-actions{grid-template-columns:1fr}
  .dg-mobile-menu-cta{min-height:56px}
  .dg-mobile-menu-copy{font-size:.92rem}
}
@media (prefers-reduced-motion:reduce){
  .dg-mobile-menu,.dg-mobile-menu *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* O que você produz? — cards visuais e navegação clara */
.dg-produced-card{position:relative;text-decoration:none}
.dg-produced-card .dg-card-media{position:relative;padding:0;background-size:cover;background-position:center;background-origin:border-box;overflow:hidden}
.dg-produced-card .dg-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,28,56,0) 50%,rgba(28,28,56,.18) 100%);transition:opacity .3s ease}
.dg-produced-card:hover .dg-card-media:after{opacity:.55}
.dg-produced-card .dg-card-body{display:flex;flex-direction:column;min-height:190px}
.dg-produced-card.is-active{border-color:var(--dg-orange);box-shadow:0 14px 38px rgba(242,112,58,.12)}
.dg-produced-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-family:CamptonBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.075em;font-size:.7rem;color:var(--dg-navy);transition:color .25s ease,gap .25s ease}
.dg-produced-card:hover .dg-produced-link{color:var(--dg-orange);gap:12px}
#maquinas-relacionadas{scroll-margin-top:96px}
@media(max-width:760px){#maquinas-relacionadas{scroll-margin-top:80px}.dg-produced-card .dg-card-body{min-height:auto}}

/* =========================================================
   Di Grano · revisão mobile 2026-08
   Ajustes de legibilidade, ritmo vertical e formulários.
   ========================================================= */
.dg-mobile-menu-link{grid-template-columns:minmax(0,1fr) 42px}
.dg-mobile-menu-number{display:none!important}
.dg-title,.h1,.h2,.dg-callout h2,.dg-card h2,.dg-card h3,.dg-group-title h2{overflow-wrap:break-word;word-break:normal}

@media(max-width:900px){
  .dg-section{padding:64px 0}
  .dg-title{font-size:clamp(2.15rem,8vw,3.7rem);line-height:.98}
  .dg-intro{font-size:1rem;line-height:1.62}
  .dg-card-body{padding:23px}
  .dg-card-media{height:235px}
  .dg-line-card-media{height:245px}
  .dg-line-card-body{padding:23px}
  .dg-history-grid{gap:30px}
  .dg-history-media{min-height:430px}
  .dg-callout{padding:26px}
  .dg-callout h2{font-size:1.8rem;line-height:1.06}
  .dg-quote-shell{gap:28px}
  .dg-form-card{padding:24px}
  .dg-footer-grid{gap:30px}
}

@media(max-width:760px){
  body{font-size:.96rem;line-height:1.45rem}
  .container{width:100%!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important}
  .dg-section{padding:50px 0}
  .dg-section+.dg-section{padding-top:46px}
  .dg-title{font-size:clamp(2rem,11vw,3rem);line-height:.98;letter-spacing:-.03em}
  .h1{font-size:clamp(1.95rem,9.6vw,2.8rem)!important;line-height:1!important;letter-spacing:-.025em}
  .h2{font-size:1.65rem!important;line-height:1.08!important}
  .dg-intro{font-size:.96rem;line-height:1.58;margin-bottom:0}
  .dg-kicker{font-size:.64rem;letter-spacing:.12em}
  p{line-height:1.48}

  /* Banners internos mais contidos; a home mantém seu hero fullscreen. */
  body:not(.dg-home) #banner:not(.h-screen){min-height:220px!important;height:220px!important;padding-top:42px!important;padding-bottom:42px!important}

  .dg-product-grid,.dg-process-grid,.dg-media-grid,.dg-searchbar,.dg-form-grid{grid-template-columns:1fr}
  .dg-product-grid{gap:16px}
  .dg-card{border-radius:13px}
  .dg-card-body{padding:20px}
  .dg-card-media{height:210px;padding:16px}
  .dg-machine-card h3{font-size:1.35rem}
  .dg-machine-card .dg-actions{gap:8px;padding-top:16px}
  .dg-machine-card .dg-actions .dg-btn{flex:1 1 135px}
  .dg-btn{min-height:44px;padding:10px 14px;font-size:.7rem;border-radius:8px}
  .dg-group-title{margin:34px 0 14px;gap:8px}
  .dg-group-title h2{font-size:1.65rem}
  .dg-searchbar{padding:18px;gap:12px;margin-top:20px}

  /* Formulários: menos altura e checkboxes compactos. */
  .dg-form-card{padding:17px;border-radius:13px;box-shadow:none}
  .dg-form-grid{gap:13px}
  .dg-field label{font-size:.64rem;margin-bottom:6px}
  .dg-field select,.dg-field input,.dg-field textarea{min-height:46px;border-radius:8px;padding:9px 11px;font-size:.94rem}
  .dg-field textarea{min-height:105px}
  .dg-check-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;gap:7px!important}
  .dg-check{min-height:40px;padding:8px 9px;border-radius:8px;gap:7px;align-items:center;font-size:.86rem;line-height:1.18}
  .dg-check input[type=checkbox]{width:15px;height:15px;flex:0 0 15px;margin:0}
  .dg-check span{min-width:0}
  .dg-full{grid-column:auto}
  .dg-quote-intro{position:static}
  .dg-quote-intro .mt-8{margin-top:1.25rem}
  .dg-quote-intro .pl-5{padding-left:.9rem}

  .dg-callout{padding:21px;border-radius:13px}
  .dg-callout h2{font-size:1.55rem;line-height:1.06}
  .dg-callout p{margin-bottom:0}
  .dg-process-item img{height:210px}
  .dg-process-item .copy{padding:17px}
  .dg-process-item h3{font-size:1.22rem}
  .dg-made-card{grid-template-columns:64px 1fr;gap:12px;padding:10px}
  .dg-made-card img{width:64px;height:58px}
  .dg-comparison{border-radius:12px}

  /* Busca por aplicação */
  .dg-produced-grid{gap:12px!important;margin-top:1.35rem!important}
  .dg-produced-card .dg-card-media{height:165px!important}
  .dg-produced-card .dg-card-body{padding:18px;min-height:auto}
  .dg-produced-card .dg-card-body h2{font-size:1.55rem!important;line-height:1.02}
  .dg-produced-link{padding-top:13px}

  /* Rodapé: leitura linear e sem caixas excessivamente altas. */
  .dg-footer{padding-top:50px}
  .dg-footer-cta{margin-bottom:36px}
  .dg-footer-cta h2{font-size:clamp(1.9rem,9vw,2.55rem);margin-top:17px}
  .dg-footer-divider{margin-bottom:32px}
  .dg-footer-grid{grid-template-columns:1fr;gap:26px}
  .dg-footer-col h3{margin-bottom:11px}
  .dg-footer-col p,.dg-footer-col li,.dg-footer-col a{font-size:.88rem;line-height:1.58}
  .dg-footer-brand{width:158px;margin-bottom:14px}
  .dg-footer-news{margin-top:32px;padding:17px;border-radius:13px}
  .dg-footer-news-grid{grid-template-columns:1fr;gap:10px}
  .dg-footer-news h3{font-size:1.25rem}
  .dg-footer-field input,.dg-footer-field select{height:43px}
  .dg-footer-news button{height:43px;width:100%}
  .dg-footer-consent{font-size:.69rem;line-height:1.3}
  .dg-footer-bottom{margin-top:38px;padding:19px 0;font-size:.7rem}

  /* Botão flutuante menos invasivo em telas estreitas. */
  .fixed.right-5.bottom-5{right:12px!important;bottom:12px!important}
  .fixed.right-5.bottom-5 img{width:50px!important}
}

@media(max-width:560px){
  /* Menu fullscreen sem numeração. */
  .dg-mobile-menu-inner{padding:102px 18px 24px}
  .dg-mobile-menu-link{grid-template-columns:minmax(0,1fr) 32px;gap:8px;padding:9px 2px 10px}
  .dg-mobile-menu-name{font-size:clamp(1.95rem,10.5vw,2.72rem);line-height:.94;overflow-wrap:anywhere}
  .dg-mobile-menu-arrow{width:29px;height:29px}
  .dg-mobile-menu-aside{margin-top:24px;padding-top:22px;gap:18px}
  .dg-mobile-menu-copy{font-size:.88rem;line-height:1.48}
  .dg-mobile-menu-cta{min-height:50px;padding:12px 14px;font-size:.66rem;border-radius:8px}
  .dg-mobile-menu-footer{padding-top:18px}
  .dg-mobile-menu-socials a{width:34px;height:34px}
  .dg-mobile-menu-socials img{height:14px}

  .dg-title{font-size:clamp(1.9rem,11.2vw,2.62rem)}
  .h1{font-size:clamp(1.8rem,10vw,2.5rem)!important}
  .dg-card-media{height:190px}
  .dg-line-card-media{height:210px}
  .dg-history-media{min-height:310px;border-radius:15px}
  .dg-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dg-check{font-size:.8rem;padding:7px 8px;min-height:38px}
}

@media(max-width:390px){
  .container{padding-left:14px!important;padding-right:14px!important}
  .dg-check-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .dg-check{font-size:.77rem;padding:7px;min-height:36px}
  .dg-mobile-menu-name{font-size:clamp(1.72rem,9.7vw,2.25rem)}
  .dg-mobile-menu-copy{display:none}
  .dg-mobile-menu-eyebrow{margin-bottom:8px}
  .dg-mobile-menu-aside{margin-top:18px;padding-top:18px}
}
@media(max-width:760px){
  .dg-richtext{font-size:.94rem}.dg-richtext p{line-height:1.58;margin-bottom:.9rem}.dg-richtext ul,.dg-richtext ol{margin:.75rem 0 .75rem 1.05rem}
  .dg-product-hero-media{padding:18px;border-radius:14px}
  .dg-product-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .dg-product-thumb{padding:5px;border-radius:8px}.dg-product-thumb>div{height:82px!important}
  .dg-news-card-media{height:205px}.dg-news-card-body{padding:19px}.dg-news-card-body h2{font-size:1.55rem!important;line-height:1.03}
  form .dg-search-input{min-width:0;padding:.8rem .9rem}
  form:has(.dg-search-input) .flex{gap:7px;align-items:stretch}form:has(.dg-search-input) .dg-btn{flex:0 0 auto}
  #mapa iframe{height:330px!important}
}
@media(max-width:420px){
  .dg-product-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  form:has(.dg-search-input) .flex{display:grid;grid-template-columns:1fr}form:has(.dg-search-input) .dg-btn{width:100%}
}
@media(max-width:760px){
  .dg-field select,.dg-field input,.dg-field textarea,.dg-search-input,.dg-footer-field input,.dg-footer-field select{font-size:16px}
  .dg-footer-col,.dg-footer-col a,.dg-footer-col p{overflow-wrap:anywhere}
  .dg-breadcrumb{font-size:.76rem;gap:5px}
}

/* =========================================================
   Di Grano · refinamento de formulários e ritmo tipográfico
   2026-08-27
   ========================================================= */

/*
 * Ritmo consistente entre eyebrow/título/texto.
 * Evita blocos em que o texto fica distante demais do título
 * e outros em que parece encostado.
 */
.dg-kicker + .dg-title,
.dg-kicker + .h1,
.dg-kicker + .h2,
.dg-kicker + h1,
.dg-kicker + h2,
.dg-kicker + h3{
  margin-top:.55rem!important;
}

.dg-title + .dg-intro,
.h1 + .dg-intro,
.h2 + .dg-intro,
.dg-callout h2 + p,
.dg-card h2 + p,
.dg-card h3 + p{
  margin-top:.8rem!important;
}

.dg-callout .dg-kicker + h2{
  margin-top:.55rem!important;
}
.dg-callout h2 + p{
  margin-top:.78rem!important;
  line-height:1.58;
}

/*
 * Checkboxes em tamanho nativo/tradicional.
 * A regra geral de inputs do formulário também alcançava checkbox,
 * fazendo o navegador herdar largura/min-height de campos de texto.
 */
.dg-field .dg-check-grid{
  align-items:stretch;
}
.dg-field label.dg-check{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  margin:0;
  padding:9px 11px;
  border-radius:9px;
  line-height:1.2;
  cursor:pointer;
}
.dg-field label.dg-check input[type="checkbox"]{
  -webkit-appearance:checkbox!important;
  appearance:auto!important;
  box-sizing:border-box!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  padding:0!important;
  border:initial!important;
  border-radius:2px!important;
  box-shadow:none!important;
  background:initial!important;
  accent-color:var(--dg-orange);
  vertical-align:middle;
}
.dg-field label.dg-check span{
  display:block;
  min-width:0;
  margin:0;
  line-height:1.2;
}

/* Checkbox de consentimento também permanece compacto. */
.dg-full > label input[type="checkbox"]{
  -webkit-appearance:checkbox!important;
  appearance:auto!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
  padding:0!important;
  accent-color:var(--dg-orange);
}

@media(max-width:760px){
  .dg-title + .dg-intro,
  .h1 + .dg-intro,
  .h2 + .dg-intro,
  .dg-callout h2 + p,
  .dg-card h2 + p,
  .dg-card h3 + p{
    margin-top:.68rem!important;
  }
  .dg-field label.dg-check{
    min-height:36px;
    padding:7px 9px;
    gap:8px;
    font-size:.79rem;
  }
  .dg-field label.dg-check input[type="checkbox"]{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    min-height:15px!important;
    max-width:15px!important;
    max-height:15px!important;
    flex-basis:15px!important;
  }
}

@media(max-width:390px){
  .dg-field label.dg-check{
    min-height:34px;
    padding:6px 8px;
    font-size:.75rem;
  }
}


/* =========================================================
   Di Grano · formulário de orçamento — refinamento 2026-08-27
   ========================================================= */
/*
 * O contato segue para o WhatsApp da Di Grano após o envio,
 * portanto o formulário não solicita o número do visitante.
 * O e-mail ocupa a linha completa para preservar o alinhamento.
 */
#formOrcamentoCompleto .dg-field.dg-full > input[type="email"]{
  width:100%;
}

/*
 * Campo de aplicação complementar: bloco próprio abaixo da grade
 * de checkboxes, sem encostar ou sobrepor a última linha.
 */
#formOrcamentoCompleto .dg-product-other{
  display:block;
  position:relative;
  clear:both;
  width:100%;
  margin-top:12px!important;
  z-index:1;
}
#formOrcamentoCompleto .dg-check-grid + .dg-product-other{
  margin-top:12px!important;
}

@media(max-width:760px){
  #formOrcamentoCompleto .dg-product-other{
    margin-top:10px!important;
  }
}

/* =========================================================
   Di Grano · contraste permanente do cabeçalho sobre banners
   Mantém o menu transparente, mas cria uma camada de contraste
   gradual para logo e controles permanecerem legíveis sobre
   imagens claras, escuras ou muito contrastadas.
   ========================================================= */
#menuPrincipal{
  background-image:linear-gradient(
    180deg,
    rgba(28,28,56,.68) 0%,
    rgba(28,28,56,.42) 52%,
    rgba(28,28,56,.16) 78%,
    rgba(28,28,56,0) 100%
  );
  background-color:transparent;
}
#menuPrincipal.bg-secondary{
  background-image:none;
}
#menuPrincipal .dg-header-brand img{
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.22));
}
#menuPrincipal .dg-menu-toggle-label,
#menuPrincipal .guias a{
  text-shadow:0 1px 8px rgba(0,0,0,.24);
}
#menuPrincipal .dg-menu-toggle{
  box-shadow:0 7px 22px rgba(0,0,0,.10);
}
/* O overlay fullscreen laranja continua visualmente intacto. */
body.dg-menu-open #menuPrincipal{
  background-image:none;
}

@media(max-width:760px){
  #menuPrincipal{
    background-image:linear-gradient(
      180deg,
      rgba(28,28,56,.72) 0%,
      rgba(28,28,56,.44) 58%,
      rgba(28,28,56,.08) 100%
    );
  }
  body.dg-menu-open #menuPrincipal{background-image:none;}
}

/* =========================================================
   Di Grano · cabeçalho adaptativo por contraste — 2026-08-27
   - Sobre o banner: azul-marinho sólido como estado inicial;
     banners escuros passam a transparente após a leitura automática.
   - Durante a rolagem: fundo azul-marinho sobre áreas claras e
     laranja institucional sobre áreas escuras.
   - Mantém a identidade e o menu fullscreen existentes.
   ========================================================= */
#menuPrincipal{
  --dg-header-surface:var(--dg-navy);
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  isolation:isolate;
  transition:box-shadow .32s ease,backdrop-filter .32s ease,-webkit-backdrop-filter .32s ease;
}
#menuPrincipal::before,
#menuPrincipal::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  transition:opacity .34s ease,background-color .34s ease;
}
/* O topo começa totalmente opaco: o banner não disputa contraste
   com a marca e com o controle do menu. */
#menuPrincipal::before{
  /* Estado inicial seguro: azul-marinho sólido desde o primeiro paint.
     O JS só remove esse fundo quando comprova que o banner ativo é escuro. */
  background:var(--dg-navy);
  opacity:1;
}
#menuPrincipal::after{
  background-color:var(--dg-header-surface);
  opacity:0;
}
#menuPrincipal.dg-header-scrolled::before{opacity:0}
#menuPrincipal.dg-header-scrolled::after{opacity:.97}
#menuPrincipal.dg-header-scrolled{
  box-shadow:0 10px 30px rgba(28,28,56,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
/* Fundo claro da página → azul-marinho Di Grano. */
#menuPrincipal.dg-header-on-light{--dg-header-surface:var(--dg-navy)}
/* Fundo escuro da página → laranja Di Grano. */
#menuPrincipal.dg-header-on-dark{--dg-header-surface:var(--dg-orange)}

/* Em fundo laranja, os elementos que normalmente usam laranja no hover
   passam a usar o azul-marinho para preservar contraste. */
#menuPrincipal.dg-header-on-dark .guias a:hover,
#menuPrincipal.dg-header-on-dark .guias a:focus-visible{
  color:var(--dg-navy)!important;
}
#menuPrincipal.dg-header-on-dark .guias .barra{
  background-color:var(--dg-navy)!important;
}
#menuPrincipal.dg-header-on-dark .dg-header-quote{
  background:var(--dg-navy)!important;
  color:#fff!important;
}
#menuPrincipal.dg-header-on-dark .dg-header-quote:hover{
  background:#fff!important;
  color:var(--dg-navy)!important;
}

/* Neutraliza a regra antiga de scroll, caso a classe ainda exista durante
   um frame antes do JavaScript novo assumir o estado. */
#menuPrincipal.bg-secondary{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Com o fullscreen aberto, quem fornece o fundo é o próprio overlay laranja. */
body.dg-menu-open #menuPrincipal::before,
body.dg-menu-open #menuPrincipal::after{opacity:0!important}
body.dg-menu-open #menuPrincipal{box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

@media(max-width:760px){
  #menuPrincipal::before{background:var(--dg-navy)}
  #menuPrincipal.dg-header-scrolled::after{opacity:.98}
}

/* =========================================================
   Di Grano · contraste automático no banner principal — 2026-08-27
   O cabeçalho lê a luminosidade da imagem ativa do banner:
   - banner claro/misto -> cabeçalho azul-marinho sólido;
   - banner escuro -> cabeçalho transparente.
   A leitura é refeita a cada troca do slider.
   ========================================================= */
#menuPrincipal.dg-header-hero-light::before{
  opacity:1!important;
}
#menuPrincipal.dg-header-hero-dark::before{
  opacity:0!important;
}
#menuPrincipal.dg-header-hero-dark{
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#menuPrincipal.dg-header-hero-dark .dg-header-brand img{
  filter:drop-shadow(0 2px 12px rgba(0,0,0,.28));
}
#menuPrincipal.dg-header-hero-dark .dg-menu-toggle-label,
#menuPrincipal.dg-header-hero-dark .guias a{
  text-shadow:0 2px 12px rgba(0,0,0,.34);
}
/* Enquanto a imagem ainda está sendo analisada, o azul-marinho sólido
   permanece como estado seguro. Assim não existe o flash do degradê. */
#menuPrincipal.dg-header-hero:not(.dg-header-hero-dark)::before{
  opacity:1;
}

/* =========================================================
   Di Grano · banner claro = cabeçalho sólido — 2026-08-27
   - banner claro/misto: cabeçalho regular 100% azul-marinho;
   - banner escuro: cabeçalho transparente;
   - após sair do banner, permanece a lógica adaptativa de scroll.
   ========================================================= */
#menuPrincipal.dg-header-hero-light::before,
#menuPrincipal.dg-header-hero:not(.dg-header-hero-dark)::before{
  background:var(--dg-navy)!important;
  opacity:1!important;
}
#menuPrincipal.dg-header-hero-light{
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#menuPrincipal.dg-header-hero-dark::before{
  background:transparent!important;
  opacity:0!important;
}

/* =========================================================
   NODE · tag lateral de assinatura tecnológica
   Padrão para sites desenvolvidos pela NODE.
   - ancorada na lateral esquerda, próxima ao canto inferior do mapa do site;
   - repouso: preto + símbolo NODE um pouco maior;
   - hover/foco: expande para dentro (esquerda -> direita), verde cítrico + tech by NODE.
   ========================================================= */
.dg-footer{overflow:visible}
.node-site-signature{
  --node-tag-black:#101010;
  --node-tag-lime:#b3e524;
  position:absolute;
  left:0;
  right:auto;
  top:var(--node-signature-top,360px);
  bottom:auto;
  z-index:12;
  width:31px;
  height:28px;
  display:block;
  overflow:hidden;
  border-radius:0 7px 7px 0;
  background:var(--node-tag-black);
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  isolation:isolate;
  cursor:pointer;
  transition:
    width .42s cubic-bezier(.2,.78,.2,1),
    height .32s ease,
    background-color .32s ease,
    box-shadow .32s ease,
    transform .32s ease;
}
.node-site-signature:hover,
.node-site-signature:focus-visible{
  width:116px;
  height:30px;
  background:var(--node-tag-lime);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  outline:none;
}
.node-site-signature:focus-visible{
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--node-tag-lime),0 8px 22px rgba(0,0,0,.22);
}
.node-site-signature__symbol,
.node-site-signature__brand{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  pointer-events:none;
  transition:opacity .2s ease,transform .42s cubic-bezier(.2,.78,.2,1);
}
.node-site-signature__symbol{
  justify-content:flex-start;
  padding-left:4px;
  opacity:1;
  transform:translateX(0);
}
.node-site-signature__symbol img{
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
}
.node-site-signature__brand{
  justify-content:flex-start;
  padding:0 7px 0 9px;
  opacity:0;
  transform:translateX(-12px);
}
.node-site-signature__brand img{
  width:96px;
  max-width:none;
  height:auto;
  display:block;
  object-fit:contain;
}
.node-site-signature:hover .node-site-signature__symbol,
.node-site-signature:focus-visible .node-site-signature__symbol{
  opacity:0;
  transform:translateX(-10px);
}
.node-site-signature:hover .node-site-signature__brand,
.node-site-signature:focus-visible .node-site-signature__brand{
  opacity:1;
  transform:translateX(0);
}
@media(max-width:760px){
  .node-site-signature{
    width:28px;
    height:26px;
    border-radius:0 6px 6px 0;
  }
  .node-site-signature__symbol{padding-left:3px}
  .node-site-signature__symbol img{width:22px;height:22px}
  .node-site-signature:hover,
  .node-site-signature:focus-visible{width:108px;height:28px}
  .node-site-signature__brand{padding:0 6px 0 8px}
  .node-site-signature__brand img{width:90px}
}
@media(prefers-reduced-motion:reduce){
  .node-site-signature,
  .node-site-signature__symbol,
  .node-site-signature__brand{transition:none!important}
}

/* =========================================================
   Ajustes de produto e catálogo - revisão PDF 2026-08-30
   ========================================================= */

/* A página da máquina usa grid próprio para garantir respiro real entre
   fotografia e conteúdo, sem depender das utilities do build antigo. */
.dg-product-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(48px,5.2vw,84px);
  align-items:start;
}
.dg-product-media-column,.dg-product-copy{min-width:0}
.dg-product-copy{padding-top:6px}

/* Imagem transparente recebe apenas um palco neutro discreto e fica menor
   visualmente; o arquivo original continua intacto. */
.dg-product-hero-media{
  min-height:480px;
  padding:30px;
  display:grid;
  place-items:center;
  background:#f5f5f2;
  border-color:#e5e5e0;
  overflow:hidden;
}
.dg-product-hero-link{
  width:100%;
  min-height:418px;
  display:grid;
  place-items:center;
  cursor:zoom-in;
  overflow:hidden;
  border-radius:14px;
}
.dg-product-hero-media img{
  display:block;
  width:auto;
  height:auto;
  max-width:min(88%,520px);
  max-height:410px;
  object-fit:contain;
  transition:transform .32s ease;
  transform-origin:center;
}
.dg-product-hero-media:hover img{transform:scale(1.045)}

/* Conteúdo vindo do editor do CMS: respeita parágrafos, listas e hierarquia. */
.dg-product-description{margin-top:26px;max-width:760px}
.dg-richtext p{margin:0 0 1.18rem;line-height:1.72}
.dg-richtext p:last-child{margin-bottom:0}
.dg-richtext h2,.dg-richtext h3,.dg-richtext h4{
  color:var(--dg-navy);
  font-family:LTWaveBold,Arial,sans-serif;
  line-height:1.08;
  margin:1.65rem 0 .7rem;
}
.dg-richtext h2{font-size:1.7rem}.dg-richtext h3{font-size:1.4rem}.dg-richtext h4{font-size:1.18rem}
.dg-richtext ul,.dg-richtext ol{margin:1rem 0 1.3rem 1.25rem;padding-left:.35rem}
.dg-richtext li{margin:.42rem 0;line-height:1.6}
.dg-richtext blockquote{margin:1.35rem 0;padding:.15rem 0 .15rem 1.1rem;border-left:3px solid var(--dg-orange);color:var(--dg-muted)}

/* Cards do catálogo: cria separação física entre mídia e texto. */
.dg-machine-card .dg-card-media,
.dg-line-card-media{
  width:calc(100% - 24px);
  margin:12px 12px 6px;
  border:1px solid var(--dg-line);
  border-radius:13px;
  background-color:#f4f4f1;
  overflow:hidden;
}
.dg-machine-card .dg-card-media{border-bottom:1px solid var(--dg-line)}
.dg-machine-card .dg-card-body{padding-top:21px}
.dg-line-card-body{padding-top:21px}

@media(max-width:1100px){
  .dg-product-hero-grid{grid-template-columns:1fr;gap:34px}
  .dg-product-hero-media{min-height:430px}
  .dg-product-hero-link{min-height:370px}
  .dg-product-hero-media img{max-height:365px;max-width:min(86%,500px)}
}
@media(max-width:760px){
  .dg-product-hero-grid{gap:26px}
  .dg-product-hero-media{min-height:320px;padding:18px}
  .dg-product-hero-link{min-height:282px}
  .dg-product-hero-media img{max-width:92%;max-height:275px}
  .dg-product-description{margin-top:20px}
  .dg-machine-card .dg-card-media,.dg-line-card-media{width:calc(100% - 18px);margin:9px 9px 4px}
}

/* =========================================================
   Produto · ritmo de ações e documentos — 2026-08-30
   ========================================================= */
.dg-product-primary-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin-top:32px;
}
.dg-product-primary-actions .dg-btn{
  margin:0;
}
.dg-product-documents{
  margin-top:44px;
  padding-top:0;
  border-top:0;
}
.dg-product-documents .dg-kicker{
  display:block;
  margin:0 0 16px;
}
.dg-product-documents-list{
  margin-top:0;
}
@media(max-width:760px){
  .dg-product-primary-actions{
    gap:10px;
    margin-top:26px;
  }
  .dg-product-primary-actions .dg-btn{
    flex:1 1 100%;
    justify-content:center;
    text-align:center;
  }
  .dg-product-documents{
    margin-top:34px;
  }
  .dg-product-documents .dg-kicker{
    margin-bottom:12px;
  }
}


/* =========================================================
   Pente-fino de acabamento público — 2026-09-01
   ========================================================= */
/* Mais respiro entre cards/quadros do catálogo e aplicações. */
.dg-product-grid{gap:34px!important}
.dg-category-grid{display:grid;gap:30px!important}
.dg-produced-grid{gap:24px!important}
.dg-machine-card{border-radius:14px}
.dg-machine-card .dg-actions{gap:14px!important;padding-top:24px}
.dg-machine-card .dg-actions .dg-btn{margin:0!important}
.dg-machine-card .dg-card-body{padding-bottom:30px}

/* Evita agrupamentos visualmente colados em linhas de ações. */
.dg-product-primary-actions{gap:16px!important}
.dg-footer-cta .dg-btn{margin-bottom:2px}
.dg-callout .dg-btn{white-space:nowrap}

/* A etiqueta NODE fica na mesma linha visual dos direitos reservados. */
.dg-footer-bottom{overflow:visible}
.dg-footer-bottom .node-site-signature{
  top:50%!important;
  bottom:auto!important;
  left:0!important;
  right:auto!important;
  transform:translateY(-50%)!important;
}
.dg-footer-bottom .node-site-signature:hover,
.dg-footer-bottom .node-site-signature:focus-visible{transform:translateY(-50%)!important}

@media(max-width:1100px){
  .dg-product-grid{gap:26px!important}
  .dg-category-grid{gap:24px!important}
}
@media(max-width:760px){
  .dg-product-grid,.dg-category-grid{gap:20px!important}
  .dg-produced-grid{gap:16px!important}
  .dg-machine-card .dg-actions{gap:10px!important}
  .dg-machine-card .dg-actions .dg-btn{flex:1 1 100%}
  .dg-footer-bottom{padding-left:34px;padding-right:8px}
}


/* =========================================================
   Ajustes finais solicitados no PDF - 2026-09-05
   ========================================================= */
/* Desktop completo a partir de 1536px; abaixo disso permanece o menu compacto. */
@media(min-width:1536px){
  #menuPrincipal .dg-menu-toggle-wrap{display:none!important}
  #menuPrincipal .dg-desktop-nav{display:flex!important}
}
@media(max-width:1535px){
  #menuPrincipal .dg-menu-toggle-wrap{display:flex!important}
  #menuPrincipal .dg-desktop-nav{display:none!important}
}

/* Linhas de ações: nenhum botão deve encostar no seguinte. */
.dg-button-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.dg-actions,
.dg-product-primary-actions,
.dg-mobile-menu-actions{column-gap:12px!important;row-gap:12px!important}
.dg-button-row>.dg-btn,
.dg-actions>.dg-btn,
.dg-product-primary-actions>.dg-btn{margin:0!important}

/* Filtro rápido da página Máquinas. */
.dg-quick-filter-row{display:flex;flex-wrap:wrap;gap:10px}
.dg-quick-filter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:9px 14px;
  border:1px solid var(--dg-orange);
  border-radius:999px;
  background:var(--dg-orange);
  color:#fff;
  font-family:CamptonBold,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:.7rem;
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.dg-quick-filter small{font:inherit;opacity:.78}
.dg-quick-filter:hover,
.dg-quick-filter:focus-visible{
  background:#fff;
  color:var(--dg-orange);
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(28,28,56,.08);
  outline:none;
}
.dg-quick-filter.is-active{
  box-shadow:0 0 0 3px rgba(242,112,58,.16);
}
.dg-filter-clear{
  display:inline-flex;
  align-items:center;
  color:var(--dg-orange);
  font-family:CamptonBold,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.72rem;
}
.dg-filter-clear:hover{text-decoration:underline;text-underline-offset:4px}
#resultado-producao{scroll-margin-top:108px}

/* Campo condicional do formulário. */
.dg-other-project-field[hidden]{display:none!important}
.dg-other-project-field:not([hidden]){animation:dgFieldReveal .2s ease-out}
@keyframes dgFieldReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

@media(max-width:760px){
  .dg-button-row{gap:10px}
  .dg-button-row>.dg-btn{flex:1 1 100%}
  .dg-quick-filter-row{gap:8px}
  .dg-quick-filter{font-size:.66rem;padding:8px 11px;min-height:38px}
  #resultado-producao{scroll-margin-top:88px}
}

/* =========================================================
   Di Grano · menu desktop em notebooks — correção definitiva
   2026-10-31
   O Tailwind compilado original mantém .guias li com width:100%
   até 1600px e troca a cor do item ativo a partir de 1024px.
   Ao antecipar o menu desktop, isso empilhava os links e fazia
   o texto ativo desaparecer sobre o azul-marinho.
   ========================================================= */
@media (min-width:1200px){
  #menuPrincipal .dg-menu-toggle-wrap,
  #menuPrincipal #navs.dg-mobile-menu{
    display:none!important;
  }

  #menuPrincipal .dg-desktop-nav{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    align-items:center!important;
  }

  #menuPrincipal .dg-desktop-nav nav{
    display:flex!important;
    width:auto!important;
    height:100%!important;
    align-items:center!important;
  }

  #menuPrincipal .guias{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    width:auto!important;
    height:100%!important;
    gap:0!important;
  }

  #menuPrincipal .guias > li{
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:100%!important;
    align-items:center!important;
    position:relative!important;
  }

  #menuPrincipal .guias > li > a{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:100%!important;
    width:auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
    color:#fff!important;
    white-space:nowrap!important;
    font-size:.78rem!important;
    line-height:1!important;
  }

  #menuPrincipal .guias > li > a.active{
    color:#fff!important;
    font-family:LTWaveBold,Arial,sans-serif!important;
  }

  #menuPrincipal .guias > li:hover > a,
  #menuPrincipal .guias > li > a:focus-visible{
    color:var(--dg-navy)!important;
  }

  #menuPrincipal .guias > li .baseLink{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:0!important;
    pointer-events:none!important;
  }

  #menuPrincipal .guias > li .baseLink .barra{
    display:block!important;
    height:100%!important;
    margin:0 auto!important;
    background:var(--dg-orange)!important;
  }

  #menuPrincipal .dg-header-brand{
    flex:0 0 auto!important;
  }

  #menuPrincipal .dg-header-quote{
    white-space:nowrap!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

@media (min-width:1400px){
  #menuPrincipal .guias > li > a{
    padding-left:14px!important;
    padding-right:14px!important;
    font-size:.875rem!important;
  }
  #menuPrincipal .dg-header-quote{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

@media (max-width:1199px){
  #menuPrincipal .dg-menu-toggle-wrap{display:flex!important}
  #menuPrincipal .dg-desktop-nav{display:none!important}
}