/* DC Envios - override responsivo movil (solo <=768px) v4 */
@media (max-width:768px){
  html,body{overflow-x:hidden !important; max-width:100% !important;}
  .hero,.hero-nav,.hero-body,.section,.mkt-grid,.mkt-cards,.benefits-grid,.hero-panel{max-width:100% !important;}
  .hero-sub{width:auto !important; max-width:100% !important;}
  .section{padding-left:18px !important; padding-right:18px !important;}
  .hero-body{padding-left:18px !important; padding-right:18px !important;}
  .benefits-grid{grid-template-columns:1fr !important;}
  .steps{grid-template-columns:1fr !important; gap:16px !important;}
  .mkt-grid{grid-template-columns:1fr !important; gap:24px !important;}
  .mkt-cards{grid-template-columns:1fr !important; gap:14px !important;}
  .modal [style*="1fr 1fr"]{grid-template-columns:1fr !important;}
  .step,.benefit-card,.mkt-cards > *{width:100% !important; max-width:100% !important; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important;}
  .hero-nav{flex-wrap:nowrap !important; gap:8px !important; align-items:center;}
  .nbtn{white-space:nowrap !important; padding:8px 12px !important; font-size:12px !important;}
  .nav-btns{gap:8px !important;}
  .cta-bubble{padding:34px 22px !important; min-height:0 !important;}
  img{max-width:100% !important; height:auto;}
}