/* === DULCE GALOPE · DENSIDAD VISUAL COMPACTA ===
   Reduce recorrido vertical sin alterar identidad ni navegación. */
:root{--dg-section-y:64px;--dg-section-y-mobile:44px}
.hero{min-height:475px!important;padding-top:30px!important;padding-bottom:34px!important}
.hero-visual{min-height:330px!important}
.section{padding-top:var(--dg-section-y)!important;padding-bottom:var(--dg-section-y)!important}
section.section{padding-top:var(--dg-section-y)!important;padding-bottom:var(--dg-section-y)!important}
.section-head{margin-bottom:30px!important}
.grid,.cards,.products-grid{gap:22px!important}
.card,.product-card{margin-bottom:0!important}
.page-hero{padding-top:52px!important;padding-bottom:34px!important}
.page-hero h1{margin-bottom:14px!important}
footer{padding-top:42px!important;padding-bottom:28px!important}
.dg-marquee-set{padding-top:12px!important;padding-bottom:12px!important}
@media (max-width:900px){
  .hero{min-height:auto!important;padding-top:28px!important;padding-bottom:32px!important}
  .hero-visual{min-height:305px!important}
  .section,section.section{padding-top:52px!important;padding-bottom:52px!important}
  .page-hero{padding-top:44px!important;padding-bottom:30px!important}
}
@media (max-width:620px){
  :root{--dg-section-y-mobile:38px}
  .hero{padding-top:22px!important;padding-bottom:26px!important;gap:24px!important}
  .hero-visual{min-height:260px!important}
  .section,section.section{padding-top:var(--dg-section-y-mobile)!important;padding-bottom:var(--dg-section-y-mobile)!important}
  .section-head{margin-bottom:22px!important}
  .grid,.cards,.products-grid{gap:16px!important}
  .page-hero{padding-top:34px!important;padding-bottom:24px!important}
  footer{padding-top:34px!important;padding-bottom:24px!important}
}