/* ==========================================================================
   MAGIVERCOL · V6 BRIDGE — integración del sistema V6 con Tiendanube/Amazonas
   Reglas de puente para elementos NATIVOS de la plataforma que el V6
   (namespaced .mg-*) no alcanza: botones nativos, modales, carrito, cuenta.
   No modifica tokens ni componentes del sistema V6.
   ========================================================================== */

/* --- Base nativa sobre fondo blanco ------------------------------------ */
body.mg, body.mg main, body.mg #main, body.mg .store-content{background:#fff}

/* Oculta secciones nativas duplicadas del tema */
.section-welcome-home{display:none!important}

/* --- Botón flotante de WhatsApp (nativo del tema) ----------------------- */
body.mg .btn-whatsapp{background:#25d366!important;border:none!important;
  box-shadow:0 4px 20px rgba(37,211,102,.35)!important}
body.mg .btn-whatsapp svg{fill:#fff!important}

/* --- CTAs nativos (cart page, modales, cuenta) → lenguaje V4 ------------ */
body.mg .btn-primary:not(.mg-buy):not(.mg-wa),
body.mg input[type="submit"].btn:not(.mg-buy),
body.mg .js-addtocart.btn{
  background:var(--mg-buy-bg)!important;border:1px solid rgba(255,255,255,.85)!important;
  color:#1d1d1f!important;box-shadow:var(--mg-buy-sh)!important;border-radius:var(--mg-r-v4)!important;
  -webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);
  font-family:var(--mg-font)!important;font-weight:600!important;font-size:14.5px!important;
  letter-spacing:-.01em!important;text-transform:none!important;text-shadow:none!important;
  transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .22s,background .22s!important}
body.mg .btn-primary:not(.mg-buy):not(.mg-wa):hover{
  background:var(--mg-buy-bg-h)!important;box-shadow:var(--mg-buy-sh-h)!important;
  color:#1d1d1f!important;transform:translateY(-1px)}
body.mg .btn-primary:not(.mg-buy):not(.mg-wa):active{
  transform:scale(.972)!important;box-shadow:var(--mg-buy-sh-p)!important;
  background:var(--mg-buy-bg-p)!important}
body.mg .btn-primary:disabled,body.mg .btn-primary.disabled{
  background:rgba(120,120,128,.10)!important;border-color:rgba(0,0,0,.05)!important;
  color:#a1a1a6!important;box-shadow:none!important;cursor:not-allowed!important;
  -webkit-backdrop-filter:none;backdrop-filter:none;transform:none!important}

/* --- Tipografía nativa (títulos de página, carrito, cuenta) ------------- */
body.mg .page-header h1,body.mg h1.page-header,body.mg .page-header{
  font-family:var(--mg-font);letter-spacing:-.03em}

/* --- Migas y encabezado nativo de catálogo ------------------------------ */
body.mg .breadcrumbs,body.mg .breadcrumb{font-size:12px;color:var(--mg-ink-3)}

/* --- Inputs nativos ------------------------------------------------------ */
body.mg .form-control{font-family:var(--mg-font)}

/* --- Grid nativo: respiración entre tarjetas V6 dentro de cols Bootstrap - */
body.mg .js-item-product{margin-bottom:20px}
body.mg .js-item-product .mg-card{height:100%}

/* El aura del bloque V4 dentro de la tarjeta no debe recortarse */
body.mg .mg-card{overflow:visible}
body.mg .mg-card .mg-cover{border-radius:var(--mg-r-card) var(--mg-r-card) 0 0}

/* Controles nativos de variante ocultados por el V6 (.mg-sr) ya quedan
   accesibles pero invisibles; si el JS aún no corrió, se ocultan igual
   dentro del bloque V4 para evitar el "doble selector". */
.mg-v4 [data-mg-native] .form-group,
.mg-v4 [data-mg-native] .form-label,
.mg-v4 [data-mg-native] .js-insta-variant{display:none!important}
.mg-v4 [data-mg-native].mg-sr{display:block!important}

/* Sin embargo el <select> nativo debe seguir en el DOM (lo maneja el V6) */
.mg-v4 [data-mg-native] select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* --- Página de producto: acomodo de bloques nativos conservados ---------- */
body.mg #single-product .js-price-container h2{
  font-size:40px;font-weight:700;letter-spacing:-.034em;font-family:var(--mg-font)}
body.mg #single-product .price-compare{color:var(--mg-ink-3)}

/* --- Notificación nativa "agregado al carrito" --------------------------- */
body.mg .notification{font-family:var(--mg-font)}

/* ==========================================================================
   V2 — correcciones de cascada detectadas en producción (2026-07-30)
   ========================================================================== */

/* Header: colores forzados por reglas legacy del panel/tema */
body.mg .mg-hdr__promo{color:rgba(255,255,255,.72)!important}
body.mg .mg-nav a{color:rgba(255,255,255,.7)!important}
body.mg .mg-nav a:hover,body.mg .mg-nav a.is-active{color:#fff!important}
body.mg .mg-logo__txt{color:#fff!important}
body.mg .mg-logo__txt em{color:rgba(255,255,255,.55)!important}

/* Enlaces <a> con clases de botón V6: anular el azul de `.mg a` y blancos legacy */
body.mg a.mg-buy,body.mg a.mg-buy:hover{color:#1d1d1f!important}
body.mg a.mg-btn--ghost,body.mg a.mg-btn--ghost:hover{color:var(--mg-ink)!important}
body.mg a.mg-btn--solid,body.mg a.mg-btn--solid:hover{color:#fff!important}
body.mg a.mg-btn--wa,body.mg a.mg-btn--wa:hover{color:var(--mg-green-dark)!important}
body.mg a.mg-btn--wa-full,body.mg a.mg-btn--wa-full:hover{color:#04340f!important}
body.mg a.mg-wa,body.mg a.mg-wa:hover{color:var(--mg-ink-2)!important}
body.mg a.mg-card__name{color:var(--mg-ink)!important}
body.mg .mg-menu__nav a{color:var(--mg-ink)!important}
body.mg .mg-menu__foot .mg-row a{color:var(--mg-ink-2)!important}

/* Títulos V6: recuperar tinta (reglas legacy los pintaban grises) */
body.mg .mg-display,body.mg .mg-h1,body.mg .mg-h2,body.mg .mg-h3{color:var(--mg-ink)}
body.mg .mg-cta-dark h2{color:#fff}
body.mg .mg-404 h2{color:#fff}

/* Neutralizar el marco nativo del tema alrededor de la tarjeta V6 (doble borde) */
body.mg .item-product,body.mg .js-item-product{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:6px!important}
body.mg .js-quickshop-container{border:0!important;box-shadow:none!important;background:transparent!important}