/* GuapiWeb — Mobile LOCK-CENTER (v11) — fix barras visibles en ambos temas */
@media (max-width: 1200px) {
  html, body { overflow-x: hidden; }

  /* ===== Header: bloqueo de centrado ===== */
  :root .header .bar { position: relative !important; height: 60px !important; padding: 0 12px !important; }
  :root .header .logo { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; }
  :root .header .logo img { height: 60px !important; max-height: 60px !important; width: auto !important; display: block !important; }

  :root .header .m-burger {
    position: absolute !important;
    left: 12px !important; top: 50% !important; transform: translateY(-50%) !important;
    display: inline-flex !important; width: 44px !important; height: 44px !important;
    border: 0 !important; background: transparent !important; gap: 6px !important;
    align-items: center !important; justify-content: center !important;
  }

  /* Color de las barras según tema (para que siempre se vean) */
  html[data-theme="light"] .m-burger { color: #0e0f12 !important; } /* barras oscuras en claro */
  html[data-theme="dark"]  .m-burger { color: #ffffff !important; } /* barras claras en oscuro */

  :root .m-burger__bar { width: 26px !important; height: 2px !important; background: currentColor !important; border-radius: 2px !important; }

  :root .header .actions { position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; display: inline-flex !important; gap: 10px !important; }
  :root [data-cta-primary]{ display: none !important; }
  :root [data-cta-secondary]{ display: inline-flex !important; }

  :root header .nav { display: none !important; }

  /* ===== Menú overlay ===== */
  :root .m-nav[hidden]{ display:none !important; }
  :root .m-nav { position: fixed !important; top: 60px !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:2147483647 !important; background:rgba(0,0,0,.75) !important; backdrop-filter: blur(6px) !important; display:grid !important; place-items:center !important; }
  :root .m-nav__list{ list-style:none !important; margin:0 !important; padding:20px !important; width:min(92vw, 440px) !important; background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.2) !important; border-radius:16px !important; text-align:center !important; }
  :root .m-nav__list a{ display:block !important; padding:16px 12px !important; color:#fff !important; text-decoration:none !important; font-size:18px !important; border-radius:10px !important; }
  :root .m-nav__list li + li a{ border-top:1px solid rgba(255,255,255,.2) !important; }
  :root body.is-menu-open [data-cta-secondary]{ display:none !important; }

  /* ===== Carrusel full width ===== */
  :root .slideshow__img { object-fit: cover !important; background:#000 !important; }
}
body.is-menu-open { overflow: hidden !important; }