.evli-mobile-hero-img{
  display:none;
}

@media (max-width:820px){

  html, body{
    overflow-x:hidden !important;
  }

  nav,
  .desktop-nav,
  .nav-menu,
  .menu{
    display:none !important;
  }

  .hero,
  .commercial-hero,
  .hero-section,
  main section:first-of-type{
    min-height:auto !important;
    height:auto !important;
    padding:28px 18px 34px !important;
    display:block !important;
  }

  .hero-grid,
  .hero-inner,
  .hero-wrap,
  .hero-content{
    display:block !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .hero-copy,
  .hero-text{
    max-width:100% !important;
    width:100% !important;
  }

  .eyebrow,
  .kicker{
    font-size:12px !important;
    letter-spacing:4px !important;
    line-height:1.2 !important;
    margin-bottom:16px !important;
  }

  h1,
  .hero-title{
    font-size:clamp(44px,12vw,64px) !important;
    line-height:.94 !important;
    letter-spacing:-2px !important;
    max-width:100% !important;
    margin-bottom:20px !important;
  }

  .hero-copy p,
  .hero-text p,
  .hero-subtitle{
    font-size:17px !important;
    line-height:1.42 !important;
    max-width:100% !important;
    margin-bottom:22px !important;
  }

  .hero-actions,
  .cta-row,
  .actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  .hero-actions a,
  .cta-row a,
  .actions a,
  .btn,
  .button{
    width:100% !important;
    min-height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hero-pills,
  .chips,
  .profile-pills,
  .intent{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:16px !important;
  }

  .hero-pills a,
  .chips a,
  .profile-pills a,
  .pill,
  .intent span{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hero-visual,
  .product-hero,
  .system-visual,
  .product-stage,
  .system-card,
  .hero-card,
  .visual-card,
  .hero-product-card{
    display:none !important;
  }

  .evli-mobile-hero-img{
    display:block !important;
    width:100% !important;
    margin:24px auto 0 !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:#fbf6ed !important;
    border:1px solid rgba(196,151,62,.22) !important;
    box-shadow:0 22px 60px rgba(13,38,38,.12) !important;
  }

  .evli-mobile-hero-img img{
    display:block !important;
    width:100% !important;
    height:auto !important;
  }

  section{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .cards,
  .grid,
  .product-grid,
  .route-grid,
  .cards4,
  .products,
  .steps,
  .routes{
    grid-template-columns:1fr !important;
  }
}

/* EVLI Mobile ajuste fino después de prueba real */

@media (max-width:820px){

  .hero,
  .commercial-hero,
  .hero-section,
  main section:first-of-type{
    padding-top:22px !important;
    padding-bottom:28px !important;
  }

  h1,
  .hero-title{
    font-size:clamp(40px,11.2vw,58px) !important;
    line-height:.93 !important;
    margin-bottom:16px !important;
  }

  .hero-copy p,
  .hero-text p,
  .hero-subtitle{
    font-size:16px !important;
    line-height:1.38 !important;
    margin-bottom:18px !important;
  }

  .hero-actions,
  .cta-row,
  .actions{
    gap:10px !important;
  }

  .hero-actions a,
  .cta-row a,
  .actions a,
  .btn,
  .button{
    min-height:52px !important;
  }

  .hero-pills,
  .chips,
  .profile-pills,
  .intent{
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:12px !important;
    margin-bottom:14px !important;
  }

  .hero-pills a,
  .chips a,
  .profile-pills a,
  .pill,
  .intent span{
    min-height:38px !important;
    font-size:13px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .evli-mobile-hero-img{
    margin-top:16px !important;
    border-radius:24px !important;
  }

  .evli-mobile-hero-img img{
    width:100% !important;
  }
}

/* EVLI Mobile v34 - compactar hero final */

@media (max-width:820px){

  .hero,
  .commercial-hero,
  .hero-section,
  main section:first-of-type{
    padding-top:20px !important;
    padding-bottom:26px !important;
  }

  h1,
  .hero-title{
    font-size:clamp(39px,10.8vw,56px) !important;
    line-height:.94 !important;
    margin-bottom:14px !important;
  }

  .hero-copy p,
  .hero-text p,
  .hero-subtitle{
    font-size:15.8px !important;
    line-height:1.36 !important;
    margin-bottom:16px !important;
  }

  .hero-actions,
  .cta-row,
  .actions{
    gap:9px !important;
    margin-bottom:10px !important;
  }

  .hero-actions a,
  .cta-row a,
  .actions a,
  .btn,
  .button{
    min-height:50px !important;
    font-size:15px !important;
  }

  .hero-pills,
  .chips,
  .profile-pills,
  .intent{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:7px !important;
    margin-top:10px !important;
    margin-bottom:8px !important;
  }

  .hero-pills a,
  .chips a,
  .profile-pills a,
  .pill,
  .intent span{
    min-height:34px !important;
    font-size:11.8px !important;
    padding:7px 8px !important;
    white-space:normal !important;
    line-height:1.1 !important;
  }

  .evli-mobile-hero-img{
    margin-top:14px !important;
    border-radius:24px !important;
  }

  .evli-mobile-hero-img img{
    width:100% !important;
    display:block !important;
  }
}