/* Control Center 8.5 - compact final spacing */
:root{--cc-final-tight: clamp(14px,2vw,24px)}
.hero{padding-top:clamp(24px,4vw,56px)!important;padding-bottom:clamp(22px,4vw,52px)!important}
.hero-grid{gap:clamp(18px,3vw,34px)!important}
.hero h1{font-size:clamp(34px,4.7vw,70px)!important;line-height:.95!important;margin-bottom:12px!important}
.hero p{font-size:clamp(14px,1.15vw,17px)!important;line-height:1.42!important;max-width:680px!important;margin-top:8px!important;margin-bottom:14px!important}
.hero .kicker,.kicker{margin-bottom:8px!important}
.hero-actions{margin-top:14px!important;gap:10px!important}
.service-top,.service-priority,.cc78-benefits,.cc78-intent{margin-top:var(--cc-final-tight)!important;margin-bottom:var(--cc-final-tight)!important}
.service-top,.service-priority{padding:clamp(16px,2.3vw,28px)!important}
.service-top h2,.service-priority h2{font-size:clamp(24px,3vw,44px)!important;margin-bottom:8px!important}
.service-top p,.service-priority p{font-size:clamp(14px,1.2vw,17px)!important;line-height:1.42!important;margin:6px 0 12px!important}
.catalog{margin-top:clamp(12px,2vw,20px)!important}
.logo-panel,.logo-panel-final{min-height:clamp(250px,34vw,460px)!important}
.logo-panel img,.logo-panel-final img{max-height:clamp(230px,32vw,420px)!important}
.mayorista-secure-banner{margin-top:12px!important;margin-bottom:12px!important;padding:10px 14px!important}
@media(max-width:720px){
  .hero{padding:18px 0 22px!important}
  .hero h1{font-size:34px!important}
  .hero p{font-size:14px!important}
  .service-top,.service-priority{padding:14px!important;border-radius:22px!important}
  .cc78-benefits{gap:8px!important}
  .logo-panel,.logo-panel-final{min-height:230px!important}
}