/* NCCM v14 — mobile/app navigation + home hero responsive fix */
@media (max-width: 760px){
  html,body{overflow-x:hidden!important;max-width:100%;}
  .header{position:fixed!important;top:0;left:0;right:0;z-index:9999;background:rgba(23,17,13,.94)!important;backdrop-filter:blur(18px);}
  .wide.nav,.nav{width:100%!important;max-width:100%!important;height:82px!important;padding:0 12px!important;gap:10px!important;justify-content:flex-start!important;}
  .brand{min-width:0!important;max-width:calc(100vw - 78px)!important;flex:1 1 auto!important;gap:10px!important;overflow:hidden!important;}
  .brand-logo{width:54px!important;height:54px!important;border-radius:16px!important;flex:0 0 54px!important;}
  .brand-text{min-width:0!important;overflow:hidden!important;}
  .brand-title{font-size:20px!important;line-height:1.05!important;white-space:normal!important;max-width:235px!important;letter-spacing:.1px!important;}
  .brand-sub{font-size:10px!important;letter-spacing:2.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .quote-btn{display:none!important;}
  .install-app-btn,.nav .install-app-btn{display:none!important;}
  /* NCCM v58: ☰ a la izquierda desde el primer paint (sin saltar derecha→izquierda) */
  .menu-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;z-index:10002!important;
    order:-3!important;margin-left:0!important;margin-right:6px!important;
    flex:0 0 48px!important;width:48px!important;height:48px!important;padding:0!important;
    border-radius:16px!important;background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.24)!important;color:#fffaf3!important;
    font-size:27px!important;line-height:1!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  }
  .brand{order:-2!important;}
  .nccm-lang-toggle,.nav > .nccm-lang-toggle{order:5!important;margin-left:auto!important;}
  .nav-links{position:fixed!important;top:82px!important;left:12px!important;right:12px!important;z-index:10001!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:16px!important;background:rgba(23,17,13,.98)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:0 0 24px 24px!important;box-shadow:0 28px 80px rgba(0,0,0,.42)!important;max-height:calc(100svh - 92px)!important;overflow:auto!important;color:#fffaf3!important;}
  .nav-links.open{display:flex!important;}
  .nav-links a,.nav-links .mega-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:13px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;color:#fffaf3!important;font-size:16px!important;font-weight:950!important;opacity:1!important;}
  .nav-links a.active{background:linear-gradient(135deg,#c7975e,#e5c28c)!important;color:#23160d!important;}
  .nav-links a:after{display:none!important;}
  .nav-has-mega{width:100%!important;}
  .catalog-mega{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;margin-top:8px!important;padding:8px!important;background:rgba(255,250,243,.06)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;}
  .mega-card{min-height:auto!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#fffaf3!important;}
  .mega-card small{display:block!important;color:#d8b384!important;font-size:12px!important;margin-top:2px!important;}

  /* NCCM 58.2: en Inicio móvil no pintar el hero desktop ni el logo flotante */
  body.home-page .hero,
  body.home-page > .hero,
  body.home-page .hero-content,
  body.home-page .nccm-floating-logo-hero,
  body.home-page .scroll-cue{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

  .assistant-float{right:10px!important;bottom:14px!important;max-width:calc(100vw - 20px)!important;padding:12px 14px!important;font-size:14px!important;z-index:10000!important;}
}

@media (max-width:390px){
  .brand-title{font-size:18px!important;max-width:205px!important;}
  .brand-sub{font-size:9px!important;letter-spacing:1.7px!important;}
  .brand-logo{width:50px!important;height:50px!important;flex-basis:50px!important;}
  body.home-page .hero h1{font-size:40px!important;}
  body.home-page .hero p{font-size:18px!important;}
}