/* REF51: correcciones finales de móvil y limpieza de textos de edición */
@media (max-width: 700px){
  #consolas .console-track{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch !important;
  }
  #consolas .console-card{
    width:auto !important;
    min-width:0 !important;
    min-height:175px !important;
    padding:12px 8px !important;
    box-sizing:border-box !important;
  }
  #consolas .console-card-image{
    height:100px !important;
    min-height:100px !important;
    max-height:100px !important;
  }
  #consolas .console-card-image img{
    max-width:82% !important;
    max-height:92px !important;
    object-fit:contain !important;
  }
  #consolas .console-card h3{
    font-size:14px !important;
    line-height:1.2 !important;
    overflow-wrap:anywhere;
  }
  #consolas .console-card p{
    font-size:12px !important;
    margin-top:5px !important;
  }
  #consolas .console-slider{
    padding:0 30px !important;
    box-sizing:border-box !important;
  }
  #consolas .console-slider .slider-button.prev{left:0 !important;}
  #consolas .console-slider .slider-button.next{right:0 !important;}
}

/* REF52: selector de idioma con globo y botones de ayuda adaptables */
.language-current{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.language-globe{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.language-code{display:inline-block}
.shared-whatsapp-floating span,.catalog-whatsapp-floating span{white-space:nowrap}
@media(max-width:600px){.shared-whatsapp-floating,.catalog-whatsapp-floating{max-width:calc(100vw - 28px);font-size:12px!important;gap:7px!important;padding-left:12px!important;padding-right:12px!important}}


/* REF56: navegación lateral y ajustes exclusivos para móvil. */
.mobile-sidebar-toggle,.mobile-sidebar,.mobile-sidebar-backdrop{display:none}
@media(max-width:700px){
  .header .header-content{display:flex!important;justify-content:flex-start!important;gap:9px!important;padding-left:12px!important;padding-right:62px!important;box-sizing:border-box!important;}
  .mobile-sidebar-toggle{display:flex!important;flex:0 0 36px!important;width:36px!important;height:36px!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,48,48,.65)!important;border-radius:8px!important;background:rgba(10,10,10,.94)!important;color:#fff!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;padding:0!important;}
  .header .logo{display:flex!important;align-items:center!important;min-width:0!important;max-width:calc(100% - 42px)!important;gap:4px!important;letter-spacing:1px!important;font-size:clamp(14px,4vw,19px)!important;white-space:nowrap!important;}
  .header .logo-mark{width:38px!important;height:34px!important;min-width:38px!important;min-height:34px!important;max-width:38px!important;max-height:34px!important;flex:0 0 38px!important;object-fit:contain!important;}
  .mobile-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:2998;background:rgba(0,0,0,.68);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;}
  .mobile-sidebar{display:flex;position:fixed;z-index:2999;top:0;left:0;bottom:0;width:min(82vw,310px);padding:18px 14px 28px;box-sizing:border-box;flex-direction:column;gap:5px;background:linear-gradient(160deg,#151010 0%,#050505 72%);border-right:1px solid rgba(255,48,48,.45);box-shadow:16px 0 45px rgba(0,0,0,.55);transform:translateX(-105%);transition:transform .3s cubic-bezier(.22,.75,.25,1);overflow-y:auto;overscroll-behavior:contain;}
  .mobile-sidebar.open{transform:translateX(0)}
  .mobile-sidebar-backdrop.open{opacity:1;visibility:visible}
  .mobile-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,48,48,.28);font-family:Orbitron,sans-serif;font-weight:800;font-size:12px;letter-spacing:.12em;color:#ff4545;}
  .mobile-sidebar-heading button{border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer;padding:0 5px;}
  .mobile-sidebar>a{display:block;padding:13px 12px;border:1px solid transparent;border-radius:8px;color:#f3f3f3;text-decoration:none;font-family:Rajdhani,sans-serif;font-weight:700;font-size:17px;line-height:1.2;transition:background .2s ease,border-color .2s ease,color .2s ease;}
  .mobile-sidebar>a:active,.mobile-sidebar>a:hover{background:rgba(255,48,48,.12);border-color:rgba(255,48,48,.4);color:#fff;}
  body.mobile-sidebar-open{overflow:hidden}
  /* En móvil, una sola consola visible por página, con transición al avanzar. */
  #consolas .console-track{display:flex!important;grid-template-columns:none!important;justify-content:center!important;gap:0!important;transition:opacity .2s ease,transform .2s ease!important;}
  #consolas .console-card{flex:0 0 100%!important;width:100%!important;max-width:360px!important;min-height:255px!important;margin:0 auto!important;padding:16px 12px!important;animation:consoleMobileEnter .34s ease both;}
  #consolas .console-card-image{height:150px!important;min-height:150px!important;max-height:150px!important;}
  #consolas .console-card-image img{max-height:132px!important;max-width:84%!important;}
  #consolas .console-slider{padding:0 38px!important;}
  #consolas .slider-button{z-index:5!important;}
  .youtube-player-trigger{color:#fff!important;-webkit-text-fill-color:#fff!important;}
  .youtube-player-trigger span{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;filter:none!important;}
  .hero-widget .hero-buttons .btn-primary{color:#fff!important;}
}
@keyframes consoleMobileEnter{from{opacity:.35;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mobile-sidebar,.mobile-sidebar-backdrop,#consolas .console-track,#consolas .console-card{transition:none!important;animation:none!important}}