/* MercadoVentas · Trust + Energy · v2.0.0
   Fuente de verdad: 02_sistema_marca/tokens.json + módulos src/ no generados. Compilar con node herramientas/compilar.mjs.
   Todo se limita a .mv-sitio. No cargar en MercadoGestión. Sin @import ni fuentes remotas.
   Los estilos legados sin capa tienen prioridad sobre reglas normales dentro de @layer:
   auditar, migrar o retirar selectivamente el legado; no resolverlo con !important. */
@layer mv.tokens, mv.base, mv.tipografia, mv.estructura, mv.controles,
       mv.formularios, mv.comercio, mv.estados, mv.utilidades, mv.accesibilidad;

/* Generado desde 02_sistema_marca/tokens.json; no editar a mano. */
@layer mv.tokens {
  :root,
  .mgui-vd,
  .mv-sitio {
    --mv-ancho-maximo: 100%;
    --mv-seccion-ancho: 100%;
    --mg-sec-max-width: 100%;
  }
  .mv-sitio {
    --mv-marino: #071B52;
    --mv-azul: #0A2E8A;
    --mv-ambar: #FF8A00;
    --mv-celeste: #00A3FF;
    --mv-hielo: #EAF4FF;
    --mv-gris: #64748B;
    --mv-blanco: #FFFFFF;
    --mv-fondo: #EBEBEB;
    --mv-fondo-ml: #EBEBEB;
    --mv-superficie: #FFFFFF;
    --mv-amarillo-ml: #FFE600;
    --mv-amarillo-ml-suave: #FFF159;
    --mv-azul-ml: #3483FA;
    --mv-azul-ml-hover: #2968C8;
    --mv-verde-ml: #00A650;
    --mv-verde-ml-fondo: #E6F7EE;
    --mv-separador-ml: #F5F5F5;
    --mv-sombra-buscador-ml: 0 1px 2px 0 rgba(0, 0, 0, .2);
    --mv-sombra-tarjeta-ml: 0 1px 2px 0 rgba(0, 0, 0, .12);
    --mv-radio-xs: .25rem;
    --mv-texto: #11284D;
    --mv-texto-secundario: #4D607C;
    --mv-texto-inverso: #FFFFFF;
    --mv-linea: #D4DFEF;
    --mv-borde-control: #8091AB;
    --mv-accion: #FF8A00;
    --mv-accion-texto: #071B52;
    --mv-accion-resaltada: #FFB533;
    --mv-accion-resaltada-texto: #071B52;
    --mv-explorar: #0A2E8A;
    --mv-explorar-resaltado: #062267;
    --mv-enlace: #0A2E8A;
    --mv-enlace-inverso: #8CD5FF;
    --mv-exito: #13724B;
    --mv-exito-fondo: #E8F6EF;
    --mv-error: #B42318;
    --mv-error-fondo: #FFF0ED;
    --mv-advertencia: #844100;
    --mv-advertencia-fondo: #FFF2E5;
    --mv-informacion: #062267;
    --mv-informacion-fondo: #EAF4FF;
    --mv-foco: #0A2E8A;
    --mv-fuente: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mv-fuente-titulos: Montserrat, Inter, system-ui, sans-serif;
    --mv-texto-xs: .75rem;
    --mv-texto-sm: .875rem;
    --mv-texto-md: 1rem;
    --mv-texto-lg: 1.125rem;
    --mv-texto-xl: 1.5rem;
    --mv-texto-2xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
    --mv-texto-portada: clamp(2.25rem, 1.7rem + 2.8vw, 4.75rem);
    --mv-espacio-1: .25rem;
    --mv-espacio-2: .5rem;
    --mv-espacio-3: .75rem;
    --mv-espacio-4: 1rem;
    --mv-espacio-5: 1.25rem;
    --mv-espacio-6: 1.5rem;
    --mv-espacio-8: 2rem;
    --mv-espacio-10: 2.5rem;
    --mv-espacio-12: 3rem;
    --mv-espacio-16: 4rem;
    --mv-radio-sm: .5rem;
    --mv-radio-md: .875rem;
    --mv-radio-lg: 1.25rem;
    --mv-radio-xl: 1.75rem;
    --mv-radio-pildora: 999px;
    --mv-sombra-sm: 0 2px 6px rgb(7 27 82 / .06);
    --mv-sombra-md: 0 12px 32px rgb(7 27 82 / .09);
    --mv-sombra-lg: 0 24px 64px rgb(7 27 82 / .16);
    --mv-ancho: 100%;
    --mv-ancho-maximo: 100%;
    --mv-seccion-ancho: 100%;
    --mg-sec-max-width: 100%;
    --mv-transicion: 160ms;
    --mv-z-cabecera: 20;
    --mv-z-flotante: 30;
    --mv-z-aviso: 40;
    --mv-cobalto: #0A2E8A;
    --mv-accion-borde: #9A4E00;
    color-scheme: light;
  }
  .mv-sitio[data-mv-tema="oscuro"] {
    --mv-fondo: #06122F;
    --mv-superficie: #102347;
    --mv-texto: #F8FAFF;
    --mv-texto-secundario: #BACAE1;
    --mv-linea: #3D5275;
    --mv-borde-control: #879AB8;
    --mv-enlace: #8CD5FF;
    --mv-hielo: #152D56;
    color-scheme: dark;
  }
}

@layer mv.base {
  .mv-sitio, .mv-sitio *, .mv-sitio *::before, .mv-sitio *::after { box-sizing: border-box; }
  .mv-sitio { margin: 0; min-block-size: 100dvh; background: var(--mv-fondo); color: var(--mv-texto); font: 400 var(--mv-texto-md)/1.55 var(--mv-fuente); -webkit-text-size-adjust: 100%; }
  .mv-sitio :where(h1,h2,h3,h4,p,figure,blockquote,dl,dd) { margin: 0; }
  .mv-sitio :where(img,video,svg) { max-inline-size: 100%; }
  .mv-sitio img { display: block; block-size: auto; }
  .mv-sitio :where(button,input,select,textarea) { font: inherit; }
  .mv-sitio button { cursor: pointer; }
  .mv-sitio :where(button:disabled,input:disabled,select:disabled,textarea:disabled) { cursor: not-allowed; }
  .mv-sitio :where(a) { color: var(--mv-enlace); text-underline-offset: .2em; }
  .mv-sitio :where(a:hover) { text-decoration-thickness: 2px; }
  .mv-sitio :where(ul,ol) { padding-inline-start: 1.5em; }
  .mv-sitio :where(code,pre) { font-family: ui-monospace, Consolas, monospace; }
  .mv-sitio :where(pre) { overflow: auto; padding: 1rem; background: var(--mv-hielo); border-radius: var(--mv-radio-sm); }
  .mv-sitio :where(button, a, input, select, textarea, summary) { -webkit-tap-highlight-color: transparent; }
}

@layer mv.tipografia {
  .mv-sitio :where(h1,h2,h3,h4,.mv-titulo) { font-family: var(--mv-fuente-titulos); letter-spacing: -.025em; line-height: 1.18; font-weight: 750; text-wrap: balance; overflow-wrap: break-word; }
  .mv-sitio :where(h1), .mv-sitio .mv-titulo-portada { font-size: clamp(1.45rem, 1.2rem + 1vw, 2.05rem); }
  .mv-sitio :where(h2), .mv-sitio .mv-titulo-seccion { font-size: var(--mv-texto-2xl); }
  .mv-sitio :where(h3) { font-size: var(--mv-texto-xl); }
  .mv-sitio .mv-bajada { font-size: clamp(1.0625rem, .98rem + .35vw, 1.3rem); color: var(--mv-texto-secundario); max-inline-size: 60ch; }
  .mv-sitio .mv-antetitulo { font-size: var(--mv-texto-sm); font-weight: 750; letter-spacing: .1em; text-transform: uppercase; color: var(--mv-enlace); }
  .mv-sitio .mv-texto-pequeno { font-size: var(--mv-texto-sm); }
  .mv-sitio .mv-texto-secundario { color: var(--mv-texto-secundario); }
  .mv-sitio .mv-numeros { font-variant-numeric: tabular-nums; }
}

@layer mv.estructura {
  .mv-sitio .mv-contenedor,
  .mv-contenedor,
  .mgui-vd-home-wrap,
  .mgui-vd-catalog-3col,
  .mgui-vd-pdp-wrap,
  .mgui-vd-pdp-tabs-wrap,
  .mgui-vd-header__inner,
  .mgui-vd-header__nav-inner,
  .mv-sitio .mgui-vd-topbar__inner,
  .mv-sitio .mgui-vd-mainbar__inner,
  .mv-sitio .mgui-vd-subbar__inner {
    width: 100%;
    inline-size: 100%;
    max-width: var(--mv-seccion-ancho, 100%);
    max-inline-size: var(--mv-seccion-ancho, 100%);
    margin-inline: auto;
    padding-inline: clamp(16px, 2.5vw, 36px);
    box-sizing: border-box;
  }
  .mv-sitio .mv-seccion,
  .mgui-studio-sec {
    width: 100%;
    max-width: var(--mv-seccion-ancho, var(--mg-sec-max-width, 100%));
    margin-inline: auto;
    padding-block: clamp(0.65rem, 1.5vw, 1.15rem);
    box-sizing: border-box;
  }
  .mv-sitio main > .mv-seccion:first-child { padding-block-start: 0.45rem; }
  .mv-sitio .mv-pila { display: flex; flex-direction: column; gap: var(--mv-espacio-4); }
  .mv-sitio .mv-fila { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mv-espacio-3); }
  .mv-sitio .mv-repartir { justify-content: space-between; }
  .mv-sitio .mv-grilla,
  .mv-grilla,
  .mgui-vd-pgrid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
    width: 100%;
    max-width: 100%;
    gap: 16px;
  }
  .mv-sitio .mv-dos-columnas { display: grid; gap: var(--mv-espacio-8); width: 100%; }
  .mv-sitio .mv-tres-columnas,
  .mv-tres-columnas,
  .mgui-vd-trio-grid3,
  .mgui-vd-home-trio,
  .mgui-vd-stores-grid,
  .mgui-studio-grid--3,
  [data-disposicion="3_col"],
  [data-grid-layout="3_col"],
  .mgui-vd-benefits-grid {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    box-sizing: border-box;
  }
  @media (min-width: 60.0625rem) {
    .mv-sitio .mv-tres-columnas,
    .mv-tres-columnas,
    .mgui-vd-trio-grid3,
    .mgui-vd-home-trio,
    .mgui-vd-stores-grid,
    .mgui-studio-grid--3,
    [data-disposicion="3_col"],
    [data-grid-layout="3_col"],
    .mgui-vd-benefits-grid {
      width: 100%;
      max-width: 100%;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }
  }
  .mv-sitio .mv-banda { background: var(--mv-marino); color: #FFF; padding-block: .6rem; font-size: var(--mv-texto-sm); }
  .mv-sitio .mv-cabecera { background: var(--mv-superficie); border-block-end: 1px solid var(--mv-linea); position: relative; z-index: var(--mv-z-cabecera); }
  .mv-sitio .mv-cabecera-interior { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; padding-block: .75rem; }
  .mv-sitio .mv-marca { display: inline-flex; flex: 0 0 auto; align-items: center; max-inline-size: 17rem; }
  .mv-sitio .mv-marca img { inline-size: 17rem; block-size: 3.4rem; object-fit: contain; }
  .mv-sitio .mv-buscador { display: flex; flex: 1 1 22rem; gap: .5rem; align-items: center; background: #FFFFFF; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2); padding-inline: .5rem .25rem; }
  .mv-sitio .mv-buscador .mv-campo { min-inline-size: 0; border: 0; box-shadow: none; background: transparent; }
  .mv-sitio .mv-cp-pill, .mv-sitio .mgui-vd-cp-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .65rem; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .08); color: inherit; font-size: .78rem; text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
  .mv-sitio .mv-cp-pill:hover, .mv-sitio .mgui-vd-cp-pill:hover { border-color: rgba(255, 255, 255, .45); background: rgba(255, 255, 255, .14); }
  .mv-sitio .mv-navegacion { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; align-items: center; padding-block: .55rem; }
  .mv-sitio .mv-navegacion a { padding-block: .4rem; font-size: var(--mv-texto-sm); color: var(--mv-texto); text-decoration: none; }
  .mv-sitio .mv-navegacion a[aria-current="page"] { color: var(--mv-enlace); font-weight: 750; box-shadow: inset 0 -3px var(--mv-azul); }
  /* Cabecera institucional en niveles estilo MercadoLibre + MercadoVentas (Ultra Compacta) */
  .mv-sitio .mgui-vd-header3,
  .mgui-vd-header3 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background: var(--mv-superficie) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12) !important;
    position: relative !important;
    z-index: 40 !important;
  }
  .mv-sitio .mgui-vd-header3--amarillo .mgui-vd-mainbar { background: var(--mv-amarillo-ml) !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; }
  .mv-sitio .mgui-vd-header3--amarillo .mgui-vd-subbar { background: var(--mv-amarillo-ml) !important; color: #333333 !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; }
  .mv-sitio .mgui-vd-topbar,
  .mgui-vd-topbar {
    background: #071638 !important;
    color: #E2ECFF !important;
    font-size: 0.71rem !important;
    line-height: 1.15 !important;
    padding-block: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }
  .mv-sitio .mgui-vd-topbar__inner,
  .mgui-vd-topbar__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.2rem 0.65rem !important;
    padding-block: 0.1rem !important;
    min-height: 1.35rem !important;
  }
  .mv-sitio .mgui-vd-topbar__group,
  .mgui-vd-topbar__group,
  .mv-studio-header-top__left,
  .mv-studio-header-top__right {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.2rem 0.5rem !important;
  }
  .mv-sitio .mgui-vd-topbar__item,
  .mgui-vd-topbar__item,
  .mv-studio-header-top .mgui-vd-topbar__link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    color: #E2ECFF !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 0.71rem !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
  .mv-sitio .mgui-vd-topbar__item:hover,
  .mgui-vd-topbar__item:hover { color: #FFFFFF !important; text-decoration: underline !important; }
  .mv-sitio .mgui-vd-topbar__sep,
  .mgui-vd-topbar__sep { color: rgba(255, 255, 255, 0.24) !important; user-select: none !important; font-size: 0.68rem !important; }
  .mv-sitio .mgui-vd-mainbar,
  .mgui-vd-mainbar {
    background: linear-gradient(90deg, #081F5C 0%, #0A2E8A 55%, #0D38A6 100%) !important;
    color: #FFFFFF !important;
    padding-block: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  }
  .mv-sitio .mgui-vd-mainbar__inner,
  .mgui-vd-mainbar__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.3rem 0.55rem !important;
    padding-block: 0.2rem !important;
    min-height: 2.05rem !important;
  }
  .mv-sitio .mgui-vd-brand,
  .mgui-vd-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
    flex-shrink: 0 !important;
  }
  .mv-sitio .mgui-vd-brand__img,
  .mgui-vd-brand__img,
  .mv-studio-header-brand .mgui-vd-brand__logo-h {
    height: 1.55rem !important;
    block-size: 1.55rem !important;
    width: auto !important;
    inline-size: auto !important;
    max-width: 8.8rem !important;
    object-fit: contain !important;
    background: #FFFFFF !important;
    padding: 0.08rem 0.32rem !important;
    border-radius: 0.32rem !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18) !important;
  }
  .mv-sitio .mgui-vd-brand__dom,
  .mgui-vd-brand__dom {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #FFB533 !important;
    margin-left: -0.1rem !important;
    line-height: 1 !important;
  }
  .mv-sitio .mgui-vd-catmenu,
  .mgui-vd-catmenu {
    position: relative !important;
    flex: 0 0 auto !important;
  }
  .mv-sitio .mgui-vd-catmenu__btn,
  .mgui-vd-catmenu__btn,
  .mv-studio-header-main .mgui-vd-cat-trigger {
    list-style: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    height: 1.65rem !important;
    block-size: 1.65rem !important;
    padding: 0 0.52rem !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-radius: 0.35rem !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
    font-size: 0.73rem !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    user-select: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }
  .mv-sitio .mgui-vd-catmenu__btn:hover,
  .mgui-vd-catmenu__btn:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    color: #FFE600 !important;
  }
  .mv-sitio .mgui-vd-searchbar,
  .mgui-vd-searchbar {
    flex: 1 1 14rem !important;
    display: flex !important;
    align-items: center !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 0.35rem !important;
    overflow: hidden !important;
    height: 1.65rem !important;
    block-size: 1.65rem !important;
    padding: 0 !important;
    gap: 0.2rem !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16) !important;
  }
  .mv-sitio .mgui-vd-searchbar__icon,
  .mgui-vd-searchbar__icon {
    padding-left: 0.5rem !important;
    color: #64748B !important;
    font-size: 0.76rem !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .mv-sitio .mgui-vd-searchbar__input,
  .mgui-vd-searchbar__input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0.12rem 0.4rem !important;
    font-size: 0.78rem !important;
    height: 100% !important;
    color: #0F172A !important;
    outline: none !important;
  }
  .mv-sitio .mgui-vd-searchbar__clear,
  .mgui-vd-searchbar__clear {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    padding: 0 !important;
    color: #64748B !important;
    text-decoration: none !important;
    font-size: 0.74rem !important;
  }
  .mv-sitio .mgui-vd-searchbar__submit,
  .mgui-vd-searchbar__submit,
  .mv-studio-header-search .mgui-vd-searchbar__btn {
    height: 100% !important;
    block-size: 100% !important;
    min-inline-size: 2rem !important;
    padding: 0 0.55rem !important;
    border: 0 !important;
    border-inline-start: 1px solid #E2E8F0 !important;
    border-radius: 0 !important;
    background: #F8FAFC !important;
    color: #0A2E8A !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
  .mv-sitio .mgui-vd-searchbar__submit:hover,
  .mgui-vd-searchbar__submit:hover { background: #EFF6FF !important; color: #081F5C !important; }
  .mv-sitio .mgui-vd-hdr-actions,
  .mgui-vd-hdr-actions,
  .mv-studio-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.15rem !important;
    flex: 0 0 auto !important;
  }
  .mv-sitio .mgui-vd-hdr-action,
  .mgui-vd-hdr-action,
  .mv-studio-header-actions .mgui-vd-action-btn,
  .mv-studio-header-actions .mgui-vd-cart-btn {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.22rem !important;
    padding: 0.15rem 0.38rem !important;
    min-height: 1.5rem !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    border-radius: 0.3rem !important;
    white-space: nowrap !important;
  }
  .mv-sitio .mgui-vd-hdr-action--divider,
  .mgui-vd-hdr-action--divider {
    border-inline-start: 1px solid rgba(255, 255, 255, 0.16) !important;
  }
  .mv-sitio .mgui-vd-hdr-action__icon,
  .mgui-vd-hdr-action__icon {
    font-size: 0.85rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.15rem !important;
    position: relative !important;
  }
  .mv-sitio .mgui-vd-hdr-action__badge,
  .mgui-vd-hdr-action__badge {
    position: static !important;
    min-inline-size: 0.95rem !important;
    block-size: 0.95rem !important;
    padding-inline: 0.22rem !important;
    border-radius: 999px !important;
    font-size: 0.63rem !important;
    line-height: 1 !important;
    border: 0 !important;
  }
  .mv-sitio .mgui-vd-subbar,
  .mgui-vd-subbar {
    background: #081C48 !important;
    color: #E2ECFF !important;
    padding-block: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    font-size: 0.73rem !important;
    line-height: 1.15 !important;
  }
  .mv-sitio .mgui-vd-subbar__inner,
  .mgui-vd-subbar__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.2rem 0.5rem !important;
    padding-block: 0.1rem !important;
    min-height: 1.35rem !important;
  }
  .mv-sitio .mgui-vd-subbar__nav,
  .mgui-vd-subbar__nav,
  .mv-studio-header-subnav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.12rem 0.25rem !important;
  }
  .mv-sitio .mgui-vd-subbar__link,
  .mgui-vd-subbar__link,
  .mv-studio-header-subnav .mgui-vd-subnav__link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.22rem !important;
    padding: 0.1rem 0.4rem !important;
    border-radius: 0.25rem !important;
    color: #E2ECFF !important;
    text-decoration: none !important;
    font-size: 0.73rem !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    transition: background-color 140ms ease, color 140ms ease !important;
    white-space: nowrap !important;
  }
  .mv-sitio .mgui-vd-subbar__link:hover,
  .mv-sitio .mgui-vd-subbar__link--activo,
  .mgui-vd-subbar__link:hover,
  .mgui-vd-subbar__link--activo {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #FFFFFF !important;
  }
  .mv-sitio .mv-portada { color: #FFF; background: radial-gradient(ellipse at 92% 18%, rgb(0 163 255 / .28), transparent 52%), linear-gradient(115deg, var(--mv-marino), var(--mv-cobalto)); border-radius: var(--mv-radio-xl); overflow: clip; }
  .mv-sitio .mv-portada-interior { display: grid; gap: 1rem; align-items: center; padding: clamp(1.25rem, 4vw, 3rem); }
  .mv-sitio .mv-portada .mv-antetitulo { color: #FFD18A; }
  .mv-sitio .mv-portada .mv-bajada { color: #CCDAF0; }
  .mv-sitio .mv-portada .mv-destacado { color: #FFD18A; }
  .mv-sitio .mv-portada-ilustracion { inline-size: 100%; max-block-size: 31rem; object-fit: contain; }
  .mv-sitio .mv-acciones { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
  .mv-sitio .mv-panel { border: 1px solid rgba(0, 0, 0, .08); border-radius: 8px; background: var(--mv-superficie); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12); padding: clamp(1rem, 2.5vw, 1.5rem); }
  .mv-sitio .mv-migas { display: flex; flex-wrap: wrap; gap: .5rem; font-size: var(--mv-texto-sm); list-style: none; padding: 0; }
  .mv-sitio .mv-migas li + li::before { content: "/"; color: var(--mv-texto-secundario); margin-inline-end: .5rem; }
  /* Pie institucional de MercadoVentas.com.ar (Ultra Compacto sin resignar información) */
  .mv-sitio .mv-pie,
  .mv-sitio .mv-pie.mv-pie--compacto,
  .mv-pie.mv-pie--compacto {
    padding-block: 0.28rem 0.32rem !important;
    background: var(--mv-marino) !important;
    color: #FFF !important;
    margin-block-start: 0.5rem !important;
    font-size: 0.71rem !important;
    line-height: 1.2 !important;
    border-block-start: 1px solid rgba(255, 255, 255, 0.12) !important;
  }
  .mv-sitio .mv-pie a,
  .mv-pie.mv-pie--compacto a { color: #CCDAF0 !important; text-decoration: none !important; white-space: nowrap !important; }
  .mv-sitio .mv-pie a:hover,
  .mv-pie.mv-pie--compacto a:hover { color: #FFF !important; text-decoration: underline !important; }
  .mv-sitio .mv-pie-grilla,
  .mv-pie-grilla {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.22rem 0.85rem !important;
  }
  .mv-sitio .mv-pie-lista { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .2rem .55rem; font-size: 0.7rem; }
  .mv-sitio .mv-pie-enlaces-fila,
  .mv-pie-enlaces-fila {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.15rem 0.48rem !important;
    margin: 0 !important;
    font-size: 0.71rem !important;
  }
  .mv-sitio .mv-pie-col-marca,
  .mv-sitio .mv-pie-nav,
  .mv-sitio .mv-pie-col-seguridad,
  .mv-pie-col-marca,
  .mv-pie-nav,
  .mv-pie-col-seguridad {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.18rem 0.42rem !important;
    margin: 0 !important;
  }
  .mv-sitio .mv-pie .mv-marca,
  .mv-pie .mv-marca {
    display: inline-flex !important;
    align-items: center !important;
    max-inline-size: none !important;
  }
  .mv-sitio .mv-pie .mv-marca img,
  .mv-pie .mv-marca img,
  .mv-studio-footer-shell img {
    inline-size: auto !important;
    width: auto !important;
    block-size: 1.2rem !important;
    height: 1.2rem !important;
    max-width: 7.2rem !important;
    object-fit: contain !important;
  }
  .mv-sitio .mv-pie-col-marca p,
  .mv-sitio .mv-pie-col-seguridad p,
  .mv-pie-col-marca p,
  .mv-pie-col-seguridad p {
    margin: 0 !important;
    font-size: 0.7rem !important;
    color: #94A3B8 !important;
    line-height: 1.15 !important;
  }
  .mv-sitio .mv-pie-nav > strong,
  .mv-sitio .mv-pie-col-seguridad > strong,
  .mv-pie-nav > strong,
  .mv-pie-col-seguridad > strong {
    font-size: 0.71rem !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
  }
  .mv-sitio .mv-pie .mv-chat-btn-icono,
  .mv-pie .mv-chat-btn-icono {
    padding: 0.08rem 0.38rem !important;
    font-size: 0.68rem !important;
    line-height: 1.1 !important;
    border-radius: 999px !important;
  }
  /* Cabecera y pie del Comparador (/mercadoventas/comparar) ultra compactos */
  .mv-sitio .mv-header {
    background: #081F5C;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }
  .mv-sitio .mv-topbar {
    background: #071638;
    color: #E2ECFF;
    font-size: 0.71rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .mv-sitio .mv-topbar__inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0.12rem 1.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem 0.75rem;
  }
  .mv-sitio .mv-topbar__links {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.65rem;
  }
  .mv-sitio .mv-topbar__links a {
    color: #E2ECFF;
    text-decoration: none;
    font-weight: 500;
  }
  .mv-sitio .mv-topbar__links a:hover {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .mv-sitio .mv-navbar {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0.22rem 1.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem 0.65rem;
  }
  .mv-sitio .mv-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
  }
  .mv-sitio .mv-brand__logo {
    height: 1.55rem !important;
    width: auto !important;
    background: #FFFFFF;
    padding: 0.08rem 0.32rem;
    border-radius: 0.32rem;
    object-fit: contain;
  }
  .mv-sitio .mv-search {
    flex: 1 1 16rem;
    display: flex;
    align-items: center;
    height: 1.65rem;
    background: #FFFFFF;
    border-radius: 0.35rem;
    overflow: hidden;
  }
  .mv-sitio .mv-search__input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    padding: 0.12rem 0.5rem;
    font-size: 0.78rem;
    color: #0F172A;
    outline: none;
  }
  .mv-sitio .mv-search__btn {
    height: 100%;
    border: 0;
    border-inline-start: 1px solid #E2E8F0;
    background: #EFF6FF;
    color: #081F5C;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0 0.65rem;
    cursor: pointer;
    white-space: nowrap;
  }
  .mv-sitio .mv-actions {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
  }
  .mv-sitio .mv-action-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.14rem 0.48rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF;
    font-size: 0.72rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
  .mv-sitio .mv-action-pill--accent {
    background: #FFB533;
    color: #081F5C;
    font-weight: 700;
  }
  .mv-sitio .mv-footer {
    background: var(--mv-marino);
    color: #FFFFFF;
    padding-block: 0.3rem 0.35rem;
    margin-block-start: 0.5rem;
    font-size: 0.71rem;
    line-height: 1.2;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .mv-sitio .mv-footer__inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 1.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem 0.85rem;
  }
  .mv-sitio .mv-footer__brand,
  .mv-sitio .mv-footer__inner > div {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.45rem;
  }
  .mv-sitio .mv-footer__brand img {
    height: 1.2rem !important;
    width: auto !important;
    object-fit: contain;
  }
  .mv-sitio .mv-footer__brand p,
  .mv-sitio .mv-footer__inner h4 {
    margin: 0;
    font-size: 0.71rem;
  }
  .mv-sitio .mv-footer__brand p {
    color: #94A3B8;
  }
  .mv-sitio .mv-footer__inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.15rem 0.5rem;
  }
  .mv-sitio .mv-footer__inner li {
    color: #CBD5E1;
    font-size: 0.7rem;
  }
  .mv-sitio .mv-footer__inner a {
    color: #CCDAF0;
    text-decoration: none;
  }
  .mv-sitio .mv-footer__inner a:hover {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .mv-sitio .mv-chat-widget { position: fixed; inset-block-end: 1.1rem; inset-inline-end: 1.1rem; z-index: 95; display: flex; flex-direction: column; align-items: flex-end; gap: .6rem; max-inline-size: calc(100vw - 1.5rem); }
  .mv-sitio .mv-chat-fab { display: inline-flex; align-items: center; gap: .5rem; padding: .65rem 1.1rem; border-radius: var(--mv-radio-pildora); border: 2px solid #FFF; background: var(--mv-azul); color: #FFF; font-weight: 750; font-size: var(--mv-texto-sm); box-shadow: var(--mv-sombra-lg); }
  .mv-sitio .mv-chat-ventana { inline-size: min(23.5rem, calc(100vw - 1.5rem)); max-block-size: min(34rem, calc(100dvh - 5.5rem)); display: flex; flex-direction: column; border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-lg); background: var(--mv-superficie); color: var(--mv-texto); box-shadow: var(--mv-sombra-lg); overflow: hidden; }
  .mv-sitio .mv-chat-ventana[hidden], .mv-sitio .mv-chat-ventana.mv-chat-ventana--oculta, .mv-sitio .mv-chat-ventana[data-mv-chat-abierta="0"] { display: none; }
  .mv-sitio .mv-chat-cabecera { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem .95rem; background: var(--mv-marino); color: #FFF; font-size: var(--mv-texto-sm); }
  .mv-sitio .mv-chat-cabecera-acciones { display: inline-flex; align-items: center; gap: .35rem; }
  .mv-sitio .mv-chat-btn-icono { border: 1px solid rgb(255 255 255 / .3); background: rgb(255 255 255 / .12); color: #FFF; border-radius: var(--mv-radio-xs); padding: .2rem .5rem; font-size: var(--mv-texto-xs); font-weight: 700; }
  .mv-sitio .mv-chat-cola-banner { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .45rem .85rem; background: var(--mv-hielo); border-block-end: 1px solid var(--mv-linea); font-size: var(--mv-texto-xs); color: var(--mv-marino); font-weight: 650; }
  .mv-sitio .mv-chat-mensajes { flex: 1 1 auto; min-block-size: 12rem; max-block-size: 18rem; overflow-y: auto; padding: .75rem; display: flex; flex-direction: column; gap: .55rem; background: var(--mv-fondo); }
  .mv-sitio .mv-chat-msg { padding: .55rem .75rem; border-radius: var(--mv-radio-md); font-size: var(--mv-texto-sm); max-inline-size: 88%; line-height: 1.4; }
  .mv-sitio .mv-chat-msg--agente { align-self: flex-start; background: var(--mv-superficie); border: 1px solid var(--mv-linea); color: var(--mv-texto); }
  .mv-sitio .mv-chat-msg--usuario { align-self: flex-end; background: var(--mv-azul); color: #FFF; }
  .mv-sitio .mv-chat-msg--sistema { align-self: center; max-inline-size: 96%; background: #FEF3C7; border: 1px solid #F59E0B; color: #78350F; font-size: var(--mv-texto-xs); text-align: center; }
  .mv-sitio .mv-chat-cuerpo-form { padding: .75rem; border-block-start: 1px solid var(--mv-linea); background: var(--mv-superficie); display: flex; flex-direction: column; gap: .5rem; }
  .mv-sitio .mv-guia-grilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1rem; }
  .mv-sitio .mv-guia-paso { display: flex; flex-direction: column; gap: .45rem; padding: 1.1rem; border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-md); background: var(--mv-superficie); }
  .mv-sitio .mv-guia-numero { display: inline-flex; align-items: center; justify-content: center; inline-size: 1.85rem; block-size: 1.85rem; border-radius: 999px; background: var(--mv-azul); color: #FFF; font-weight: 800; font-size: var(--mv-texto-sm); }
  .mv-sitio .mv-layout-catalogo { display: grid; gap: var(--mv-espacio-6); align-items: start; }
  .mv-sitio .mv-cinta-confianza { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 1rem; padding: 1.15rem 1.35rem; background: var(--mv-superficie); border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-lg); box-shadow: var(--mv-sombra-sm); }
  .mv-sitio .mv-cinta-item { display: flex; align-items: flex-start; gap: .75rem; min-inline-size: 0; }
  .mv-sitio .mv-cinta-icono { display: grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; border-radius: var(--mv-radio-sm); background: var(--mv-hielo); color: var(--mv-azul); flex: 0 0 auto; }
  @media (min-width: 56rem) {
    .mv-sitio .mv-layout-catalogo { grid-template-columns: minmax(15rem, 17.5rem) minmax(0, 1fr); }
  }
  @media (min-width: 48rem) {
    .mv-sitio .mv-dos-columnas { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
    .mv-sitio .mv-portada-interior { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); }
  }
  @media (max-width: 35.99rem) {
    .mv-sitio .mv-buscador { order: 3; flex-basis: 100%; }
    .mv-sitio .mv-marca { max-inline-size: 13.5rem; }
    .mv-sitio .mv-marca img { inline-size: 13.5rem; block-size: 2.8rem; }
    .mv-sitio .mv-acciones > .mv-boton { flex: 1 1 100%; }
    .mv-sitio .mv-portada-ilustracion { max-block-size: 17rem; }
  }
}

@layer mv.controles {
  .mv-sitio .mv-boton { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-block-size: 2.875rem; max-inline-size: 100%; padding: .7rem 1.1rem; border: 1px solid transparent; border-radius: var(--mv-radio-pildora); font-weight: 750; line-height: 1.3; text-align: center; text-decoration: none; overflow-wrap: anywhere; transition: background-color var(--mv-transicion), color var(--mv-transicion), box-shadow var(--mv-transicion); }
  .mv-sitio .mv-boton--comprar { color: var(--mv-accion-texto); background: var(--mv-accion); border-color: var(--mv-accion-borde); }
  .mv-sitio .mv-boton--comprar:hover { color: var(--mv-accion-resaltada-texto); background: var(--mv-accion-resaltada); }
  .mv-sitio .mv-boton--primario { color: #FFF; background: var(--mv-explorar); border-color: var(--mv-explorar); }
  .mv-sitio .mv-boton--primario:hover { background: var(--mv-explorar-resaltado); border-color: var(--mv-explorar-resaltado); }
  .mv-sitio .mv-boton--secundario { background: var(--mv-superficie); color: var(--mv-enlace); border-color: var(--mv-enlace); }
  .mv-sitio .mv-boton--secundario:hover { background: var(--mv-hielo); }
  .mv-sitio .mv-boton--inverso { background: transparent; color: #FFF; border-color: #BACAE1; }
  .mv-sitio .mv-boton--inverso:hover { background: #22375F; }
  .mv-sitio .mv-boton--discreto { color: var(--mv-enlace); background: transparent; text-decoration: underline; text-underline-offset: .2em; }
  .mv-sitio .mv-boton--peligro { color: #FFF; background: var(--mv-error); border-color: var(--mv-error); }
  .mv-sitio .mv-boton--pequeno { min-block-size: 2.75rem; font-size: var(--mv-texto-sm); padding: .55rem .9rem; }
  .mv-sitio .mv-boton--ancho { inline-size: 100%; }
  .mv-sitio .mv-boton:disabled, .mv-sitio .mv-boton[aria-disabled="true"] { color: #52617A; background: #E1E7EF; border-color: #AAB7CA; box-shadow: none; cursor: not-allowed; }
  .mv-sitio .mv-boton[aria-busy="true"] { cursor: progress; }
  /* aria-disabled no bloquea eventos por sí mismo: usar disabled en button o lógica accesible en la app. */
  .mv-sitio .mv-icono { inline-size: 1.4rem; block-size: 1.4rem; flex: 0 0 auto; vertical-align: middle; }
  .mv-sitio .mv-boton-icono { min-inline-size: 2.875rem; min-block-size: 2.875rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--mv-borde-control); border-radius: var(--mv-radio-sm); background: var(--mv-superficie); color: var(--mv-texto); }
  .mv-sitio .mv-etiqueta { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .65rem; border-radius: var(--mv-radio-pildora); background: var(--mv-hielo); color: var(--mv-enlace); font-size: var(--mv-texto-xs); font-weight: 750; }
  .mv-sitio .mv-etiqueta--mayorista { color: #071B52; background: #EAF4FF; border: 1px solid #AAC9FB; }
  .mv-sitio .mv-etiqueta--promocion { color: #844100; background: #FFF2E5; border: 1px solid #D97725; }
  .mv-sitio .mv-etiqueta--exito { color: #13724B; background: #E8F6EF; }
  .mv-sitio .mv-etiqueta--error { color: #B42318; background: #FFF0ED; }
  .mv-sitio .mv-acordeon { border-block-end: 1px solid var(--mv-linea); padding-block: 1rem; }
  .mv-sitio .mv-acordeon summary { min-block-size: 2.75rem; cursor: pointer; font-weight: 700; padding: .5rem 0; }
  .mv-sitio .mv-acordeon[open] > :not(summary) { margin-block-start: .75rem; }
  .mv-sitio .mv-paginacion { display: flex; flex-wrap: wrap; gap: .5rem; }
  .mv-sitio .mv-paginacion [aria-current="page"] { background: var(--mv-azul); color: #FFF; }
}

@layer mv.formularios {
  .mv-sitio .mv-grupo-campo { display: flex; flex-direction: column; gap: .4rem; min-inline-size: 0; }
  .mv-sitio .mv-etiqueta-campo { font-weight: 650; color: var(--mv-texto); }
  .mv-sitio .mv-campo { inline-size: 100%; min-block-size: 2.875rem; padding: .65rem .85rem; color: var(--mv-texto); background: var(--mv-superficie); border: 1px solid var(--mv-borde-control); border-radius: var(--mv-radio-sm); font-size: 1rem; }
  .mv-sitio .mv-campo::placeholder { color: var(--mv-texto-secundario); opacity: 1; }
  .mv-sitio textarea.mv-campo { min-block-size: 7rem; resize: vertical; }
  .mv-sitio .mv-campo[aria-invalid="true"] { border: 2px solid var(--mv-error); }
  .mv-sitio .mv-ayuda-campo { color: var(--mv-texto-secundario); font-size: var(--mv-texto-sm); }
  .mv-sitio .mv-error-campo { color: var(--mv-error); font-size: var(--mv-texto-sm); font-weight: 600; }
  .mv-sitio .mv-casilla { display: flex; gap: .7rem; align-items: flex-start; min-block-size: 2.75rem; padding-block: .5rem; }
  .mv-sitio .mv-casilla input { inline-size: 1.2rem; block-size: 1.2rem; margin-block-start: .2rem; accent-color: var(--mv-azul); flex: 0 0 auto; }
  .mv-sitio .mv-selector-cantidad { display: inline-flex; align-items: stretch; gap: .4rem; max-inline-size: 100%; }
  .mv-sitio .mv-selector-cantidad .mv-campo { inline-size: 6rem; text-align: center; font-variant-numeric: tabular-nums; }
  .mv-sitio .mv-filtros { display: grid; gap: 1rem; }
  .mv-sitio fieldset.mv-panel { margin: 0; min-inline-size: 0; }
  .mv-sitio fieldset.mv-panel legend { font-weight: 700; padding-inline: .4rem; }
}

@layer mv.comercio {
  /* Tarjeta de producto estilo MercadoLibre + Insignia B2B MercadoVentas */
  .mv-sitio .mv-producto,
  .mv-sitio .mgui-vd-pcard {
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 6px;
    background: #FFFFFF;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    transition: box-shadow .18s ease, transform .18s ease;
  }
  .mv-sitio .mv-producto:hover,
  .mv-sitio .mgui-vd-pcard:hover {
    box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .15);
    transform: translateY(-2px);
  }
  .mv-sitio .mv-producto-imagen,
  .mv-sitio .mgui-vd-pcard__media {
    block-size: 224px;
    min-block-size: 224px;
    max-block-size: 224px;
    inline-size: 100%;
    object-fit: contain;
    padding: .85rem;
    background: #FFFFFF;
    border-block-end: 1px solid #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .mv-sitio .mgui-vd-pcard__img {
    inline-size: 100%;
    block-size: 100%;
    max-block-size: 196px;
    object-fit: contain;
    background: #FFFFFF;
  }
  .mv-sitio .mv-producto-cuerpo,
  .mv-sitio .mgui-vd-pcard__body {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .9rem 1rem .75rem;
    flex: 1;
    background: #FFFFFF;
  }
  .mv-sitio .mv-producto-titulo,
  .mv-sitio .mgui-vd-pcard__title {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.35;
    color: rgba(0, 0, 0, .9);
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mv-sitio .mgui-vd-pcard__title:hover,
  .mv-sitio .mv-producto-enlace:hover .mv-producto-titulo {
    color: #3483FA;
    text-decoration: none;
  }
  .mv-sitio .mv-producto-cuerpo > .mv-boton:last-child { margin-block-start: auto; }
  .mv-sitio .mv-precio,
  .mv-sitio .mgui-vd-pcard__price {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.15;
    color: rgba(0, 0, 0, .9);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.01em;
  }
  .mv-sitio .mv-precio-unidad { font-size: var(--mv-texto-sm); font-weight: 400; color: var(--mv-texto-secundario); letter-spacing: normal; }
  .mv-sitio .mv-precio-anterior,
  .mv-sitio .mgui-vd-pcard__old {
    color: rgba(0, 0, 0, .55);
    font-size: .75rem;
    text-decoration: line-through;
    font-variant-numeric: tabular-nums;
  }
  .mv-sitio .mgui-vd-pcard__discount,
  .mv-sitio .mv-ml-price-off {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #00A650;
    font-size: .875rem;
    font-weight: 600;
  }
  .mv-sitio .mgui-vd-pcard__cuotas,
  .mv-sitio .mv-ml-cuotas-verde {
    color: #00A650;
    font-size: .84rem;
    font-weight: 500;
    line-height: 1.25;
  }
  .mv-sitio .mgui-vd-pcard__ship,
  .mv-sitio .mv-ml-envio-verde,
  .mv-sitio .mv-ml-badge-full {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #00A650;
    font-size: .82rem;
    font-weight: 700;
  }
  .mv-sitio .mgui-vd-pcard__b2b,
  .mv-sitio .mv-badge-mayorista {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    margin: 0 .75rem .5rem;
    padding: .42rem .65rem;
    border-radius: 4px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    color: #0A2E8A;
    font-size: .74rem;
    font-weight: 650;
    text-decoration: none;
  }
  .mv-sitio .mgui-vd-pcard__b2b:hover {
    background: #DBEAFE;
    border-color: #93C5FD;
  }
  .mv-sitio .mgui-vd-pcard__b2b-discount {
    color: #00A650;
    font-weight: 800;
    white-space: nowrap;
  }
  .mv-sitio .mgui-vd-pcard__actions {
    padding: 0 .75rem .45rem;
  }
  .mv-sitio .mgui-vd-pcard__buy-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
  }
  .mv-sitio .mgui-vd-pcard__btn-comprar,
  .mv-sitio .mgui-vd-pcard__btn-carrito {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    min-height: 34px;
    padding: .35rem .5rem;
    border-radius: 6px;
    font-size: .76rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease;
  }
  .mv-sitio .mgui-vd-pcard__btn-comprar {
    background: #3483FA;
    color: #FFFFFF;
    border: 1px solid #3483FA;
  }
  .mv-sitio .mgui-vd-pcard__btn-comprar:hover {
    background: #2968C8;
    border-color: #2968C8;
  }
  .mv-sitio .mgui-vd-pcard__btn-carrito {
    background: rgba(52, 131, 250, 0.12);
    color: #3483FA;
    border: 1px solid rgba(52, 131, 250, 0.28);
  }
  .mv-sitio .mgui-vd-pcard__btn-carrito:hover {
    background: rgba(52, 131, 250, 0.2);
  }
  .mv-sitio .mgui-vd-pcard__compare,
  .mv-sitio .mv-enlace-comparar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    margin: 0 .75rem .75rem;
    padding: .38rem .65rem;
    border-radius: 4px;
    border: 1px solid #E2E8F0;
    background: #F8FAFC;
    color: #3483FA;
    font-size: .74rem;
    font-weight: 650;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease;
  }
  .mv-sitio .mgui-vd-pcard__compare:hover,
  .mv-sitio .mv-enlace-comparar:hover {
    background: #EFF6FF;
    border-color: #3483FA;
  }

  .mv-sitio .mv-tabla-contenedor { overflow-x: auto; max-inline-size: 100%; border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-sm); }
  .mv-sitio .mv-tabla { inline-size: 100%; border-collapse: collapse; font-size: var(--mv-texto-sm); }
  .mv-sitio .mv-tabla caption { text-align: start; font-weight: 700; padding: .85rem; color: var(--mv-texto); background: var(--mv-superficie); }
  .mv-sitio .mv-tabla :where(th,td) { text-align: start; padding: .85rem; border-block-end: 1px solid var(--mv-linea); vertical-align: top; }
  .mv-sitio .mv-tabla thead { background: var(--mv-hielo); }
  .mv-sitio .mv-tabla tbody tr:last-child :where(th,td) { border-block-end: none; }
  .mv-sitio .mv-tabla .mv-tramo-activo { background: var(--mv-hielo); box-shadow: inset 4px 0 var(--mv-azul); }
  .mv-sitio .mv-tabla .mv-tramo-activo th::after { content: " · elegido"; font-size: .75rem; font-weight: 700; }
  .mv-sitio .mv-resumen { display: grid; gap: 1rem; }
  .mv-sitio .mv-resumen-linea { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
  .mv-sitio .mv-resumen-total { border-block-start: 1px solid var(--mv-linea); padding-block-start: 1rem; font-size: var(--mv-texto-xl); font-weight: 800; }
  .mv-sitio .mv-compra-fija { position: sticky; inset-block-end: 0; background: var(--mv-superficie); padding: 1rem; padding-block-end: max(1rem, env(safe-area-inset-bottom)); box-shadow: var(--mv-sombra-md); z-index: var(--mv-z-flotante); }
  .mv-sitio .mv-pasos { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; list-style: none; padding: 0; counter-reset: mv-paso; }
  .mv-sitio .mv-pasos li { counter-increment: mv-paso; display: flex; align-items: center; gap: .5rem; color: var(--mv-texto-secundario); }
  .mv-sitio .mv-pasos li::before { content: counter(mv-paso); display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; border: 1px solid var(--mv-borde-control); border-radius: 50%; }
  .mv-sitio .mv-pasos [aria-current="step"] { color: var(--mv-enlace); font-weight: 750; }
  .mv-sitio .mv-pasos [aria-current="step"]::before { background: var(--mv-azul); border-color: var(--mv-azul); color: #FFF; }
  .mv-sitio .mv-categoria { display: flex; gap: .75rem; align-items: center; padding: 1.2rem; border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-md); background: var(--mv-superficie); color: var(--mv-texto); text-decoration: none; font-weight: 700; }
  .mv-sitio .mv-categoria:hover { border-color: var(--mv-azul); background: var(--mv-hielo); }
  .mv-sitio .mv-producto-enlace { color: inherit; text-decoration: none; }
  .mv-sitio .mv-producto-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem; font-size: var(--mv-texto-xs); color: var(--mv-texto-secundario); }
  .mv-sitio .mv-pdp-galeria { display: grid; gap: 1rem; align-content: start; }
  .mv-sitio .mv-pdp-imagen-principal { aspect-ratio: 4 / 3; inline-size: 100%; object-fit: contain; padding: 1.25rem; background: #FFFFFF; border: 1px solid #F5F5F5; border-radius: 8px; }
  .mv-sitio .mv-pdp-miniaturas { display: flex; flex-wrap: wrap; gap: .6rem; }
  .mv-sitio .mv-pdp-miniatura { inline-size: 3.5rem; block-size: 3.5rem; object-fit: contain; padding: .25rem; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 4px; cursor: pointer; }
  .mv-sitio .mv-tienda-portada { border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-xl); background: var(--mv-superficie); overflow: clip; box-shadow: var(--mv-sombra-sm); }
  .mv-sitio .mv-tienda-banner { inline-size: 100%; block-size: clamp(9rem, 20vw, 14rem); object-fit: cover; background: linear-gradient(115deg, var(--mv-marino), var(--mv-cobalto)); }
  .mv-sitio .mv-tienda-cuerpo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: clamp(1rem, 2.5vw, 1.75rem); }
  /* Armonización de bloques Studio (.mgui-vd-*) dentro del alcance aislado .mv-sitio */
  .mv-sitio {
    --mg-color-accion: var(--mv-azul);
    --mg-color-marca-profunda: var(--mv-marino);
    --mg-color-superficie-base: var(--mv-fondo);
    --mg-color-superficie-tarjeta: var(--mv-superficie);
    --mg-color-texto-primario: var(--mv-texto);
    --mg-color-texto-secundario: var(--mv-texto-secundario);
  }
  .mv-sitio .mgui-vd-shell { background: var(--mv-fondo); color: var(--mv-texto); max-inline-size: 100%; overflow-x: clip; }
  .mv-sitio .mgui-vd-hero { background: radial-gradient(ellipse at 92% 18%, rgb(0 163 255 / .28), transparent 52%), linear-gradient(115deg, var(--mv-marino), var(--mv-cobalto)); color: #FFF; border-color: rgba(255, 255, 255, .16); }
  .mv-sitio .mgui-vd-btn--primario { background: var(--mv-accion); color: var(--mv-accion-texto); border: 1px solid var(--mv-accion-borde); font-weight: 750; }
  .mv-sitio .mgui-vd-btn--primario:hover { background: var(--mv-accion-resaltada); color: var(--mv-accion-resaltada-texto); }
  .mv-sitio .mgui-vd-btn--fantasma { background: transparent; color: #FFF; border: 1px solid #BACAE1; }
  .mv-sitio .mgui-vd-btn--fantasma:hover { background: #22375F; }
  .mv-sitio .mgui-vd-card { border-color: var(--mv-linea); background: var(--mv-superficie); box-shadow: var(--mv-sombra-sm); }
  .mv-sitio .mgui-vd-card__precio { color: var(--mv-texto); font-variant-numeric: tabular-nums; }
  .mv-sitio .mgui-vd-card__badge--mayorista { color: var(--mv-marino); background: var(--mv-hielo); border: 1px solid #AAC9FB; }
  .mv-sitio .mv-fav-form { margin-inline-start: auto; display: inline-flex; }

  /* Onboarding de Compradores, OTP, Cámara en vivo, Mapa de Domicilio y Portal Comprador */
  .mv-sitio .mv-onboard-grid { display: grid; gap: var(--mv-espacio-6); align-items: start; }
  @media (min-width: 56rem) {
    .mv-sitio .mv-onboard-grid { grid-template-columns: minmax(16rem, 21rem) minmax(0, 1fr); }
  }
  .mv-sitio .mv-onboard-steps { display: flex; flex-direction: column; gap: var(--mv-espacio-3); list-style: none; padding: 0; margin: 0; }
  .mv-sitio .mv-onboard-step { display: flex; align-items: flex-start; gap: var(--mv-espacio-3); padding: var(--mv-espacio-3) var(--mv-espacio-4); border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-md); background: var(--mv-superficie); color: var(--mv-texto-secundario); text-decoration: none; transition: border-color var(--mv-transicion), background-color var(--mv-transicion); }
  .mv-sitio .mv-onboard-step--activo { border-color: var(--mv-azul); background: var(--mv-hielo); color: var(--mv-texto); font-weight: 700; box-shadow: inset 4px 0 var(--mv-azul); }
  .mv-sitio .mv-onboard-step--completo { border-color: var(--mv-exito); background: var(--mv-exito-fondo); color: var(--mv-exito); }
  .mv-sitio .mv-otp-grupo { display: flex; flex-wrap: wrap; gap: var(--mv-espacio-2); align-items: center; justify-content: flex-start; }
  .mv-sitio .mv-otp-casilla { inline-size: 3.1rem; block-size: 3.4rem; text-align: center; font-size: var(--mv-texto-xl); font-weight: 800; font-variant-numeric: tabular-nums; border: 2px solid var(--mv-borde-control); border-radius: var(--mv-radio-sm); background: var(--mv-superficie); color: var(--mv-texto); }
  .mv-sitio .mv-otp-casilla:focus { border-color: var(--mv-azul); background: var(--mv-hielo); }
  .mv-sitio .mv-camara-visor { display: grid; place-items: center; gap: var(--mv-espacio-3); padding: var(--mv-espacio-4); border: 2px dashed var(--mv-borde-control); border-radius: var(--mv-radio-lg); background: var(--mv-fondo); overflow: clip; min-block-size: 14rem; }
  .mv-sitio .mv-camara-visor :where(video, img) { max-inline-size: 100%; max-block-size: 20rem; border-radius: var(--mv-radio-md); object-fit: contain; background: #071B52; }
  .mv-sitio .mv-mapa-caja { inline-size: 100%; block-size: clamp(16rem, 38vh, 24rem); border: 1px solid var(--mv-borde-control); border-radius: var(--mv-radio-lg); background: var(--mv-hielo); overflow: clip; z-index: 1; }
  .mv-sitio .mv-domicilio-card { display: flex; flex-direction: column; gap: var(--mv-espacio-3); padding: var(--mv-espacio-4); border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-md); background: var(--mv-superficie); box-shadow: var(--mv-sombra-sm); }
  .mv-sitio .mv-medio-pago-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mv-espacio-3); padding: var(--mv-espacio-4); border: 1px solid var(--mv-linea); border-radius: 8px; background: var(--mv-superficie); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12); transition: border-color .15s ease, box-shadow .15s ease; }
  .mv-sitio .mv-medio-pago-card:hover,
  .mv-sitio .mv-medio-pago-card:has(input:checked),
  .mv-sitio .mv-medio-pago-card--seleccionado { border-color: #3483FA; box-shadow: 0 0 0 1px #3483FA, 0 2px 8px rgba(52, 131, 250, .12); }
  .mv-sitio .mv-cupon-card { display: flex; flex-direction: column; gap: var(--mv-espacio-2); padding: var(--mv-espacio-4); border: 1px dashed var(--mv-accion-borde); border-radius: var(--mv-radio-md); background: var(--mv-advertencia-fondo); color: var(--mv-texto); }
  .mv-sitio .mv-badge-verificado { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .65rem; border-radius: var(--mv-radio-pildora); background: var(--mv-exito-fondo); color: var(--mv-exito); font-size: var(--mv-texto-xs); font-weight: 750; }
  .mv-sitio .mv-badge-pendiente { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .65rem; border-radius: var(--mv-radio-pildora); background: var(--mv-advertencia-fondo); color: var(--mv-advertencia); font-size: var(--mv-texto-xs); font-weight: 750; }

  /* ── Arquitectura Visual MercadoLibre vs MercadoVentas (Home, Ofertas, Auth, Categorías, PDP y Checkout) ── */
  .mv-sitio--canvas-ml, .mv-ml-canvas { background-color: #EBEBEB; }
  .mv-sitio .mv-ml-hero-degradado,
  .mv-sitio .mv-ml-hero {
    position: relative;
    background: linear-gradient(180deg, #FFE600 0%, #FFF159 58%, #EBEBEB 100%);
    padding-block-end: 1.5rem;
  }
  .mv-sitio .mv-ml-hero-fade {
    background: linear-gradient(180deg, transparent 60%, #EBEBEB 100%);
  }
  .mv-sitio .mv-ml-overlap-cards,
  .mv-sitio .mv-ml-quickcards,
  .mv-sitio .mgui-vd-ml-quickcards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.75rem, 1fr));
    gap: .75rem;
    margin-block-start: -1.15rem;
    margin-block-end: 1.25rem;
    position: relative;
    z-index: 4;
  }
  .mv-sitio .mv-ml-qcard,
  .mv-sitio .mv-ml-quickcard,
  .mv-sitio .mgui-vd-ml-quickcard {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .55rem;
    padding: .9rem .85rem;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    color: #333333;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
    min-block-size: 11.5rem;
  }
  .mv-sitio .mv-ml-qcard:hover,
  .mv-sitio .mv-ml-quickcard:hover,
  .mv-sitio .mgui-vd-ml-quickcard:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .12);
  }
  .mv-sitio .mv-ml-qcard__title,
  .mv-sitio .mv-ml-quickcard__title { margin: 0; font-size: .86rem; font-weight: 700; color: #1E293B; line-height: 1.25; }
  .mv-sitio .mv-ml-qcard__icon,
  .mv-sitio .mv-ml-quickcard__icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 2.75rem; block-size: 2.75rem; border-radius: 999px; background: #F1F5F9; color: #3483FA; font-size: 1.35rem; margin-inline: auto; }
  .mv-sitio .mv-ml-qcard__desc,
  .mv-sitio .mv-ml-quickcard__desc { margin: 0; font-size: .76rem; color: #64748B; line-height: 1.35; }
  .mv-sitio .mv-ml-qcard__cta,
  .mv-sitio .mv-ml-quickcard__cta { display: inline-flex; align-items: center; gap: .25rem; font-size: .76rem; font-weight: 700; color: #3483FA; margin-block-start: auto; }

  /* Barra y Grilla de Medios de Pago (.mv-ml-pagos-strip / .mv-ml-paystrip y .mv-ml-pagos-grid) */
  .mv-sitio .mv-ml-paystrip,
  .mv-sitio .mv-ml-pagos-strip,
  .mv-sitio .mgui-vd-ml-pagos-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
    gap: 0;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .06);
    margin-block-end: 1.25rem;
    overflow: hidden;
  }
  .mv-sitio .mv-ml-paystrip__item,
  .mv-sitio .mv-ml-pagos-strip__item {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.1rem;
    border-inline-end: 1px solid #F1F5F9;
    min-inline-size: 0;
  }
  .mv-sitio .mv-ml-paystrip__item:last-child,
  .mv-sitio .mv-ml-pagos-strip__item:last-child { border-inline-end: 0; }
  .mv-sitio .mv-ml-paystrip__icon,
  .mv-sitio .mv-ml-pagos-strip__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    inline-size: 2.6rem;
    block-size: 2.6rem;
    border-radius: 999px;
    border: 1px solid #E2E8F0;
    background: #F8FAFC;
    color: #3483FA;
    font-size: 1.15rem;
  }
  .mv-sitio .mv-ml-paystrip__body,
  .mv-sitio .mv-ml-pagos-strip__body { display: flex; flex-direction: column; gap: .15rem; min-inline-size: 0; }
  .mv-sitio .mv-ml-paystrip__title,
  .mv-sitio .mv-ml-pagos-strip__title { font-size: .88rem; font-weight: 650; color: #1E293B; line-height: 1.2; }
  .mv-sitio .mv-ml-paystrip__sub,
  .mv-sitio .mv-ml-pagos-strip__sub { font-size: .76rem; color: #64748B; }
  .mv-sitio .mv-ml-paystrip__link,
  .mv-sitio .mv-ml-pagos-strip__link { font-size: .76rem; font-weight: 600; color: #3483FA; text-decoration: none; }
  .mv-sitio .mv-ml-paystrip__link:hover,
  .mv-sitio .mv-ml-pagos-strip__link:hover { text-decoration: underline; }

  .mv-sitio .mv-ml-paylogo-row,
  .mv-sitio .mv-ml-pagos-logos { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
  .mv-sitio .mv-ml-paylogo,
  .mv-sitio .mv-ml-pago-logo {
    display: inline-block;
    inline-size: 3.35rem;
    block-size: 1.45rem;
    object-fit: contain;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    padding: 1px 3px;
    vertical-align: middle;
  }
  .mv-sitio .mv-ml-paylogo--md,
  .mv-sitio .mv-ml-pago-logo--md { inline-size: 4.1rem; block-size: 1.75rem; }
  .mv-sitio .mv-ml-paylogo--lg,
  .mv-sitio .mv-ml-pago-logo--lg { inline-size: 4.8rem; block-size: 2.05rem; }

  .mv-sitio .mv-ml-pagos-grid,
  .mv-sitio .mv-ml-paygrid,
  .mv-sitio .mgui-vd-ml-pagos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
    gap: .85rem;
    margin-block: .85rem;
  }
  .mv-sitio .mv-ml-pago-card,
  .mv-sitio .mv-ml-pagos-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .55rem;
    padding: 1rem;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .mv-sitio .mv-ml-pago-card:hover,
  .mv-sitio .mv-ml-pagos-card:hover {
    border-color: #3483FA;
    box-shadow: 0 4px 12px rgba(52, 131, 250, .12);
  }
  .mv-sitio .mv-ml-pago-card__head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
  .mv-sitio .mv-ml-pago-card__title { font-size: .9rem; font-weight: 700; color: #1E293B; }
  .mv-sitio .mv-ml-pago-card__cuotas { font-size: .82rem; font-weight: 700; color: #00A650; }
  .mv-sitio .mv-ml-pago-card__meta { font-size: .75rem; color: #64748B; line-height: 1.35; }

  .mv-sitio .mv-ml-ofertas-split,
  .mv-ml-ofertas-split {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    gap: 16px;
    margin-block-end: 1.25rem;
  }
  @media (min-width: 60.0625rem) {
    .mv-sitio .mv-ml-ofertas-split,
    .mv-ml-ofertas-split {
      grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
      width: 100%;
      gap: 16px;
    }
  }
  .mv-sitio .mv-ml-oferta-dia-card { display: flex; flex-direction: column; justify-content: space-between; gap: .75rem; padding: 1.25rem; background: #FFFFFF; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12); border: 1px solid rgba(0, 0, 0, .07); }
  .mv-sitio .mv-ml-oferta-dia-badge { display: inline-flex; align-items: center; gap: .35rem; align-self: flex-start; padding: .25rem .6rem; border-radius: 4px; background: #3483FA; color: #FFFFFF; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }

  /* Home MercadoLibre: Hero y 6 tarjetas de acceso rápido (.mgui-vd-hero-ml, .mgui-vd-quick-strip) */
  .mv-sitio .mgui-vd-hero-ml,
  .mgui-vd-hero-ml {
    width: 100%;
    max-width: 100%;
    background: linear-gradient(180deg, #FFE600 0%, #FFF159 58%, #EBEBEB 100%);
    padding-block: 1rem 2rem;
  }
  .mv-sitio .mgui-vd-quick-strip,
  .mgui-vd-quick-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    width: 100%;
    max-width: 100%;
    gap: 12px;
    align-items: stretch;
    margin-block-end: 1.25rem;
  }
  @media (min-width: 60.0625rem) {
    .mv-sitio .mgui-vd-quick-strip,
    .mgui-vd-quick-strip {
      grid-template-columns: repeat(6, minmax(0, 1fr));
      width: 100%;
      gap: 12px;
    }
  }
  .mv-sitio .mgui-vd-quick-strip > *,
  .mgui-vd-quick-strip > *,
  .mv-sitio .mgui-vd-quick-card,
  .mgui-vd-quick-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 184px;
    padding: 16px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .06);
    text-decoration: none;
    color: #333333;
    box-sizing: border-box;
    transition: transform .16s ease, box-shadow .16s ease;
  }
  .mv-sitio .mgui-vd-quick-strip > *:hover,
  .mgui-vd-quick-strip > *:hover,
  .mv-sitio .mgui-vd-quick-card:hover,
  .mgui-vd-quick-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .14);
  }

  .mv-sitio .mv-ml-tiendas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr)); gap: 1rem; width: 100%; }
  .mv-sitio .mv-ml-tienda-card { display: flex; flex-direction: column; background: #FFFFFF; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12); border: 1px solid rgba(0, 0, 0, .07); overflow: hidden; text-decoration: none; color: #1E293B; transition: transform .16s ease, box-shadow .16s ease; }
  .mv-sitio .mv-ml-tienda-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
  .mv-sitio .mv-ml-tienda-card__cover { block-size: 5.2rem; background: linear-gradient(125deg, #0F172A 0%, #1E3A8A 55%, #3483FA 100%); display: flex; align-items: flex-end; justify-content: center; padding-block-end: .35rem; position: relative; }
  .mv-sitio .mv-ml-tienda-card__cover--agro { background: linear-gradient(125deg, #064E3B 0%, #059669 60%, #10B981 100%); }
  .mv-sitio .mv-ml-tienda-card__cover--hogar { background: linear-gradient(125deg, #7C2D12 0%, #D97706 60%, #F59E0B 100%); }
  .mv-sitio .mv-ml-tienda-card__cover--ind { background: linear-gradient(125deg, #1E1B4B 0%, #4338CA 60%, #6366F1 100%); }
  .mv-sitio .mv-ml-tienda-card__logo { inline-size: 3.8rem; block-size: 3.8rem; border-radius: 10px; background: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 6px rgba(0, 0, 0, .16); display: inline-flex; align-items: center; justify-content: center; font-size: 1.35rem; font-weight: 800; color: #0F172A; margin-block-start: -1.9rem; align-self: center; position: relative; z-index: 2; }
  .mv-sitio .mv-ml-tienda-card__body { display: flex; flex-direction: column; align-items: center; gap: .55rem; padding: .65rem 1rem 1rem; text-align: center; }
  .mv-sitio .mv-ml-tienda-card__mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; inline-size: 100%; margin-block: .25rem; }
  .mv-sitio .mv-ml-tienda-card__mini-item { padding: .35rem; border: 1px solid #F1F5F9; border-radius: 6px; background: #F8FAFC; font-size: .7rem; color: #475569; font-weight: 600; }

  .mv-sitio .mv-ml-ofertas-header { background: #FFFFFF; border-bottom: 1px solid #E2E8F0; padding: 1.15rem 1.25rem 0; border-radius: 8px 8px 0 0; margin-block-end: 1rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06); }
  .mv-sitio .mv-ml-ofertas-tabs { display: flex; flex-wrap: wrap; gap: .35rem; margin-block-start: .85rem; }
  .mv-sitio .mv-ml-ofertas-tab { display: inline-flex; align-items: center; gap: .4rem; padding: .65rem 1rem; font-size: .86rem; font-weight: 650; color: #475569; text-decoration: none; border-bottom: 3px solid transparent; transition: color .15s ease, border-color .15s ease; }
  .mv-sitio .mv-ml-ofertas-tab:hover { color: #3483FA; }
  .mv-sitio .mv-ml-ofertas-tab--active { color: #3483FA; border-bottom-color: #3483FA; font-weight: 750; }

  .mv-sitio .mv-ml-auth-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 1rem 3rem; background: #EBEBEB; border-radius: 8px; }
  .mv-sitio .mv-ml-auth-card { inline-size: 100%; max-inline-size: 46rem; background: #FFFFFF; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border: 1px solid rgba(0, 0, 0, .08); padding: clamp(1.25rem, 3vw, 2.25rem); }
  .mv-sitio .mv-ml-auth-card--narrow { max-inline-size: 34rem; }
  .mv-sitio .mv-ml-auth-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .75rem; margin-block: 1rem 1.35rem; }
  .mv-sitio .mv-ml-auth-step { display: flex; align-items: flex-start; gap: .65rem; padding: .85rem; border: 1px solid #E2E8F0; border-radius: 6px; background: #F8FAFC; }
  .mv-sitio .mv-ml-auth-step__num { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; inline-size: 1.75rem; block-size: 1.75rem; border-radius: 999px; background: #3483FA; color: #FFFFFF; font-size: .8rem; font-weight: 800; }

  .mv-sitio .mv-boton--ml-azul,
  .mv-boton--ml-azul {
    background: #3483fa;
    border-color: #3483fa;
    color: #fff;
    font-weight: 600;
    height: 48px;
    min-block-size: 48px;
    border-radius: 6px;
    width: 100%;
    inline-size: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
  }
  .mv-sitio .mv-boton--ml-azul:hover,
  .mv-boton--ml-azul:hover { background: #2968C8; border-color: #2968C8; color: #FFFFFF; }
  .mv-sitio .mv-boton--ml-secundario,
  .mv-boton--ml-secundario {
    background: rgba(65, 137, 230, .15);
    border-color: transparent;
    color: #3483fa;
    font-weight: 600;
    height: 48px;
    min-block-size: 48px;
    border-radius: 6px;
    width: 100%;
    inline-size: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
  }
  .mv-sitio .mv-boton--ml-secundario:hover,
  .mv-boton--ml-secundario:hover { background: rgba(65, 137, 230, .24); color: #2968C8; }

  .mv-sitio .mv-ml-switch-list { display: flex; flex-direction: column; gap: .5rem; margin-block-end: 1rem; }
  .mv-sitio .mv-ml-switch-row { display: flex; align-items: center; justify-content: space-between; gap: .65rem; padding: .65rem .8rem; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px; text-decoration: none; color: #1E293B; font-size: .84rem; font-weight: 650; transition: border-color .15s ease; }
  .mv-sitio .mv-ml-switch-row:hover { border-color: #3483FA; }
  .mv-sitio .mv-ml-switch-pill { position: relative; display: inline-flex; align-items: center; inline-size: 2.35rem; block-size: 1.3rem; border-radius: 999px; background: #CBD5E1; padding: .15rem; transition: background .15s ease; flex-shrink: 0; }
  .mv-sitio .mv-ml-switch-pill::after { content: ""; inline-size: 1rem; block-size: 1rem; border-radius: 999px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s ease; }
  .mv-sitio .mv-ml-switch-pill--on { background: #3483FA; }
  .mv-sitio .mv-ml-switch-pill--on::after { transform: translateX(1.05rem); }

  /* PDP en hoja blanca unificada de 3 columnas estilo MercadoLibre (.mgui-vd-pdp-3col y .mgui-vd-pdp-4col) */
  .mv-sitio .mv-ml-pdp-card,
  .mv-sitio .mv-ml-pdp-container {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 24px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .mv-sitio .mv-ml-pdp-3col,
  .mv-sitio .mgui-vd-pdp-3col,
  .mgui-vd-pdp-3col,
  .mv-sitio .mgui-vd-pdp-4col,
  .mgui-vd-pdp-4col {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    width: 100%;
    max-width: 100%;
    align-items: start;
    box-sizing: border-box;
  }
  @media (min-width: 60.0625rem) {
    .mv-sitio .mv-ml-pdp-3col,
    .mv-sitio .mgui-vd-pdp-3col,
    .mgui-vd-pdp-3col,
    .mv-sitio .mgui-vd-pdp-4col,
    .mgui-vd-pdp-4col {
      grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) 340px;
      gap: 28px;
      width: 100%;
      max-width: 100%;
      align-items: start;
    }
  }
  .mv-sitio .mgui-vd-pdp-right-col,
  .mgui-vd-pdp-right-col,
  .mv-sitio .mgui-vd-buybox,
  .mgui-vd-buybox,
  .mv-sitio .mv-ml-buybox {
    position: sticky;
    top: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-sizing: border-box;
  }
  .mv-sitio .mv-ml-thumb-48 { inline-size: 3rem; block-size: 3rem; border-radius: 4px; border: 1px solid #E5E5E5; padding: .15rem; background: #FFFFFF; cursor: pointer; object-fit: contain; }
  .mv-sitio .mv-ml-thumb-48--active { border: 2px solid #3483FA; }
  .mv-sitio .mv-ml-zebra-table { inline-size: 100%; border-collapse: collapse; border: 1px solid #E5E5E5; border-radius: 6px; overflow: hidden; font-size: .86rem; }
  .mv-sitio .mv-ml-zebra-table tr:nth-child(odd) { background: #F5F5F5; }
  .mv-sitio .mv-ml-zebra-table tr:nth-child(even) { background: #FFFFFF; }
  .mv-sitio .mv-ml-zebra-table th, .mv-sitio .mv-ml-zebra-table td { padding: .65rem .85rem; text-align: start; border-bottom: 1px solid #EBEBEB; }
  .mv-sitio .mv-ml-zebra-table th { inline-size: 38%; font-weight: 650; color: #333333; }

  .mv-sitio .mv-ml-termometro,
  .mv-sitio .mv-termometro-5barras {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .3rem;
    align-items: center;
    margin-block: .55rem;
  }
  .mv-sitio .mv-ml-termometro__bar { block-size: .45rem; border-radius: 2px; opacity: .45; }
  .mv-sitio .mv-ml-termometro__bar--1 { background: #F23D4F; }
  .mv-sitio .mv-ml-termometro__bar--2 { background: #FF7733; }
  .mv-sitio .mv-ml-termometro__bar--3 { background: #FFE600; }
  .mv-sitio .mv-ml-termometro__bar--4 { background: #A6E22E; }
  .mv-sitio .mv-ml-termometro__bar--5 { background: #00A650; block-size: .68rem; opacity: 1; box-shadow: 0 0 0 1px rgba(0, 166, 80, .25); }
  .mv-sitio .mv-ml-seller-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; text-align: center; border-block-start: 1px solid #F1F5F9; padding-block-start: .65rem; font-size: .74rem; color: #475569; }

  /* Carrito y Checkout Express de 2 columnas estilo MercadoLibre */
  .mv-sitio .mv-ml-checkout-layout,
  .mv-ml-checkout-layout,
  .mv-sitio .mv-ml-checkout-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    align-items: start;
    box-sizing: border-box;
  }
  @media (min-width: 60.0625rem) {
    .mv-sitio .mv-ml-checkout-layout,
    .mv-ml-checkout-layout,
    .mv-sitio .mv-ml-checkout-grid {
      grid-template-columns: minmax(0, 1fr) 360px;
      gap: 24px;
      width: 100%;
      max-width: 100%;
      align-items: start;
    }
  }
  .mv-sitio .mv-ml-checkout-main,
  .mv-ml-checkout-main {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
  }
  .mv-sitio .mv-ml-checkout-aside,
  .mv-ml-checkout-aside,
  .mv-sitio .mv-ml-checkout-resumen-sticky {
    position: sticky;
    top: 20px;
    inset-block-start: 20px;
    background: #fff;
    border-radius: 6px;
    padding: 24px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .07);
    box-sizing: border-box;
  }
  .mv-sitio .mv-ml-step-card,
  .mv-ml-step-card {
    background: #fff;
    border-radius: 6px;
    padding: 24px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .07);
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
  }
  .mv-sitio .mv-ml-radio-row,
  .mv-ml-radio-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
  }
  .mv-sitio .mv-ml-radio-row:hover,
  .mv-ml-radio-row:hover,
  .mv-sitio .mv-ml-radio-row:has(input:checked),
  .mv-ml-radio-row:has(input:checked) {
    border-color: #3483fa;
    box-shadow: 0 0 0 1px #3483fa;
    background: #F8FBFF;
  }
  .mv-sitio .mv-ml-checkout-paygrid { display: flex; flex-direction: column; gap: .65rem; }
  .mv-sitio .mv-ml-checkout-paycard { display: flex; flex-direction: column; gap: .55rem; padding: .9rem 1rem; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
  .mv-sitio .mv-ml-checkout-paycard:hover,
  .mv-sitio .mv-ml-checkout-paycard:has(input:checked) { border-color: #3483FA; box-shadow: 0 0 0 1px #3483FA, 0 2px 8px rgba(52, 131, 250, .1); background: #F8FBFF; }
  .mv-sitio .mv-ml-checkout-paycard__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .65rem; }
  .mv-sitio .mv-ml-checkout-paymeta { display: flex; flex-wrap: wrap; gap: .45rem; font-size: .76rem; color: #475569; }

  /* Pulido de contraste en cabecera, hero compacto, catálogo de 2/3 columnas estilo MercadoLibre y PDP */
  .mv-sitio .mgui-vd-hdr-action,
  .mv-sitio .mgui-vd-header__main .mgui-vd-hdr-action {
    color: #FFFFFF !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    font-family: inherit !important;
    cursor: pointer !important;
    text-decoration: none !important;
  }
  .mv-sitio .mgui-vd-hdr-action span,
  .mv-sitio .mgui-vd-hdr-action__lbl {
    color: #FFFFFF !important;
    font-weight: 500 !important;
  }
  .mv-sitio .mgui-vd-hdr-action__badge {
    background: #F59E0B !important;
    color: #0F172A !important;
    font-weight: 800 !important;
  }
  .mv-sitio .mgui-vd-hdr-action:hover,
  .mv-sitio .mgui-vd-hdr-action:hover span {
    background: rgba(255, 255, 255, .1) !important;
    color: #FFE600 !important;
  }
  .mv-sitio .mgui-vd-hero-dual {
    padding: 1.25rem 1.75rem 2.35rem !important;
    min-block-size: auto !important;
  }
  .mv-sitio .mgui-vd-hero-dual__title {
    font-size: clamp(1.5rem, 2.15vw, 2rem) !important;
    line-height: 1.18 !important;
    color: #FFFFFF !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .mv-sitio .mgui-vd-hero-dual__img {
    max-block-size: 220px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }
  .mv-sitio .mgui-vd-catalog-3col,
  .mgui-vd-catalog-3col,
  .mv-sitio .mgui-vd-cat-3col {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    gap: 24px;
    align-items: start;
    box-sizing: border-box;
  }
  @media (min-width: 60.0625rem) {
    .mv-sitio .mgui-vd-catalog-3col,
    .mgui-vd-catalog-3col,
    .mv-sitio .mgui-vd-cat-3col {
      grid-template-columns: 260px minmax(0, 1fr) !important;
      width: 100% !important;
      max-width: 100% !important;
      gap: 24px !important;
      align-items: start !important;
    }
    .mv-sitio .mgui-vd-catalog-3col:has(> :nth-child(3)),
    .mgui-vd-catalog-3col:has(> :nth-child(3)),
    .mv-sitio .mgui-vd-cat-3col:has(> :nth-child(3)) {
      grid-template-columns: 260px minmax(0, 1fr) 280px !important;
    }
    .mv-sitio .mgui-vd-cat-grid:not(.mgui-vd-cat-grid--lista),
    .mv-sitio .mgui-vd-cat-3col__center .mgui-vd-pgrid {
      grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)) !important;
      width: 100% !important;
      gap: 16px !important;
    }
  }
  .mv-sitio .mgui-vd-pdp-info__title {
    font-size: 1.35rem !important;
    line-height: 1.28 !important;
    font-weight: 650 !important;
    color: #0F172A !important;
    letter-spacing: -.01em !important;
    overflow-wrap: break-word !important;
  }
  .mv-sitio .mgui-vd-pdp-tplbar__chip--active,
  .mv-sitio .mgui-vd-pdp-tplbar__chip--active span,
  .mv-sitio .mgui-vd-rubro-switcher__pill--active {
    background: #0F2C59 !important;
    color: #FFFFFF !important;
    border-color: #0F2C59 !important;
  }
}

@layer mv.estados {
  .mv-sitio .mv-aviso { padding: 1rem 1.2rem; border: 1px solid var(--mv-informacion); border-inline-start-width: 4px; border-radius: var(--mv-radio-sm); background: var(--mv-informacion-fondo); color: var(--mv-informacion); }
  .mv-sitio .mv-aviso--exito { background: var(--mv-exito-fondo); border-color: var(--mv-exito); color: var(--mv-exito); }
  .mv-sitio .mv-aviso--error { background: var(--mv-error-fondo); border-color: var(--mv-error); color: var(--mv-error); }
  .mv-sitio .mv-aviso--advertencia { background: var(--mv-advertencia-fondo); border-color: var(--mv-advertencia); color: var(--mv-advertencia); }
  .mv-sitio .mv-vacio { display: grid; place-items: center; text-align: center; gap: 1rem; padding: 3rem 1rem; border: 1px dashed var(--mv-borde-control); border-radius: var(--mv-radio-lg); }
  .mv-sitio .mv-esqueleto { min-block-size: 1rem; background: var(--mv-linea); border-radius: var(--mv-radio-sm); }
  .mv-sitio .mv-dialogo { max-inline-size: min(40rem, calc(100vw - 2rem)); max-block-size: calc(100dvh - 2rem); overflow: auto; padding: clamp(1rem, 3vw, 2rem); color: var(--mv-texto); background: var(--mv-superficie); border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-xl); box-shadow: var(--mv-sombra-lg); }
  .mv-sitio .mv-dialogo::backdrop { background: rgb(8 22 48 / .65); }
  .mv-sitio .mv-burbuja { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .8rem; background: var(--mv-superficie); color: var(--mv-texto); border: 1px solid var(--mv-linea); border-radius: var(--mv-radio-pildora); box-shadow: var(--mv-sombra-sm); }
}

@layer mv.utilidades {
  .mv-sitio .mv-ancho-completo { inline-size: 100%; width: 100%; max-width: 100%; }
  .mv-sitio .mv-centrado { text-align: center; }
  .mv-sitio .mv-empujar { margin-inline-start: auto; }
  .mv-sitio .mv-sin-margen { margin: 0; }
  .mv-sitio .mv-margen-superior { margin-block-start: 1.5rem; }
  .mv-sitio .mv-margen-inferior { margin-block-end: 1.5rem; }
  .mv-sitio .mv-espacio-pequeno { gap: .5rem; }
  .mv-sitio .mv-espacio-grande { gap: 2rem; }
  .mv-sitio .mv-recorte-seguro { overflow-wrap: anywhere; min-inline-size: 0; }
  .mv-sitio .mv-solo-escritorio { display: none; }
  @media (min-width: 48rem) { .mv-sitio .mv-solo-escritorio { display: initial; } }

  /* Secciones y grillas de MercadoGestión Studio: 100% de pantalla por defecto */
  .mgui-studio-sec,
  .mgui-studio-sec__inner,
  .mgui-studio-grid,
  .mgui-studio-grid--3 {
    width: 100%;
    max-width: var(--mg-sec-max-width, 100%);
    margin-inline: auto;
    box-sizing: border-box;
  }

  /* Configuración de ancho de sección (100% completo por defecto y presets configurables) */
  [data-ancho-seccion="100%"],
  [data-ancho-seccion="completo"] {
    --mv-seccion-ancho: 100%;
    --mg-sec-max-width: 100%;
    max-width: 100%;
  }
  [data-ancho-seccion="1600px"] {
    --mv-seccion-ancho: 1600px;
    --mg-sec-max-width: 1600px;
    max-width: 1600px;
  }
  [data-ancho-seccion="1360px"] {
    --mv-seccion-ancho: 1360px;
    --mg-sec-max-width: 1360px;
    max-width: 1360px;
  }
  [data-ancho-seccion="1200px"] {
    --mv-seccion-ancho: 1200px;
    --mg-sec-max-width: 1200px;
    max-width: 1200px;
  }

  /* ==========================================================================
     REDISEÑO TIENDA VALKYRIE (TENANT 2) — SISTEMA VISUAL GAMING (.mgui-gaming-*)
     Cero estilos en línea · Fidelidad exacta con los 4 mockups de referencia
     ========================================================================== */

  .mgui-visually-hidden {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  /* Ajuste de contenedores del lienzo Studio cuando alojan secciones Valkyrie */
  [data-studio-node-type="seccion"]:has([data-gaming-component]) {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .mgui-vd-tienda--compacta,
  .mgui-vd-tienda-lienzo {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .mgui-studio-sec:has(.mgui-gaming-header),
  .mgui-studio-sec:has(.mgui-gaming-hero),
  .mgui-studio-sec:has(.mgui-gaming-catalog-section),
  .mgui-studio-sec:has(.mgui-gaming-pdp),
  .mgui-studio-sec:has(.mgui-gaming-comparator),
  .mgui-studio-sec:has(.mgui-gaming-trust-footer),
  .mgui-studio-node:has(> .mgui-studio-node-content > .mgui-studio-sec > .mgui-studio-node-content > .mgui-gaming-header) {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  .mgui-studio-node-content:has(> .mgui-studio-sec > .mgui-studio-node-content > .mgui-gaming-header) {
    gap: 0 !important;
    padding: 0 !important;
  }

  [data-studio-node-type="seccion"]:has([data-gaming-component]) > [class*="content"],
  div:has(> .mgui-gaming-header),
  div:has(> .mgui-gaming-hero),
  div:has(> .mgui-gaming-catalog-section),
  div:has(> .mgui-gaming-pdp),
  div:has(> .mgui-gaming-comparator),
  div:has(> .mgui-gaming-trust-footer) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .mgui-gaming-header,
  .mgui-gaming-hero,
  .mgui-gaming-catalog-section,
  .mgui-gaming-pdp,
  .mgui-gaming-comparator,
  .mgui-gaming-trust-footer {
    grid-column: 1 / -1;
    width: 100%;
    box-sizing: border-box;
  }

  /* ── 1. ENCABEZADO COMERCIAL VALKYRIE COMPACTO (mgui-gaming-header) ── */
  .mgui-gaming-header {
    width: 100%;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: #061412;
    color: #FFFFFF;
    position: sticky;
    top: 0;
    z-index: 40;
  }

  .mgui-gaming-header__ribbon {
    display: none;
  }

  .mgui-gaming-header__bar {
    background: linear-gradient(90deg, #061412 0%, #0B2620 50%, #061412 100%);
    border-bottom: 1px solid rgba(44, 229, 155, 0.22);
  }

  .mgui-gaming-header__inner {
    max-width: 1380px;
    margin: 0 auto;
    min-height: 42px;
    padding: 0 1.15rem;
    display: flex;
    align-items: center;
    gap: 0.9rem;
  }

  .mgui-gaming-header__burger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    color: #FFFFFF;
    font-size: 0.95rem;
    cursor: pointer;
  }

  .mgui-gaming-header__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
    color: #FFFFFF;
  }

  .mgui-gaming-header__logo-icon {
    width: 20px;
    height: 14px;
    object-fit: contain;
    display: block;
  }

  .mgui-gaming-header__wordmark {
    font-family: 'Orbitron', 'Rajdhani', 'Chakra Petch', 'Inter', system-ui, sans-serif;
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-transform: uppercase;
    display: inline-flex;
    align-items: flex-start;
    line-height: 1;
  }

  .mgui-gaming-header__reg {
    font-size: 0.55rem;
    color: #2CE59B;
    margin-left: 0.1rem;
    top: -0.15em;
  }

  .mgui-gaming-header__divider {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.14);
    flex-shrink: 0;
  }

  .mgui-gaming-header__nav {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    margin-right: auto;
  }

  .mgui-gaming-header__nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    color: #CBD5E1;
    font-size: 0.82rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.15s ease;
    white-space: nowrap;
  }

  .mgui-gaming-header__nav-link:hover,
  .mgui-gaming-header__nav-link.is-active {
    color: #FFFFFF;
    font-weight: 600;
  }

  .mgui-gaming-header__nav-link.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #2CE59B;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 -2px 8px rgba(44, 229, 155, 0.5);
  }

  .mgui-gaming-header__right {
    display: flex;
    align-items: center;
    gap: 0.45rem;
  }

  .mgui-gaming-header__search {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 170px;
    height: 28px;
    padding: 0 0.65rem;
    background: rgba(15, 38, 33, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 6px;
  }

  .mgui-gaming-header__search-icon {
    font-size: 0.72rem;
    opacity: 0.75;
  }

  .mgui-gaming-header__search-input {
    width: 100%;
    border: 0;
    background: transparent;
    color: #FFFFFF;
    font-size: 0.78rem;
    outline: none;
  }

  .mgui-gaming-header__search-input::placeholder {
    color: #94A3B8;
  }

  .mgui-gaming-header__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #E2E8F0;
    font-size: 0.88rem;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
  }

  .mgui-gaming-header__icon-btn:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
  }

  /* ── 2. HERO PRINCIPAL (mgui-gaming-hero — Mockup 1) ── */
  .mgui-gaming-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    background:
      radial-gradient(ellipse at 68% 45%, rgba(44, 229, 155, 0.24) 0%, rgba(12, 74, 59, 0.12) 45%, transparent 72%),
      linear-gradient(115deg, #041210 0%, #072821 48%, #0B3F33 78%, #041310 100%);
    color: #FFFFFF;
    border-bottom: 2px solid rgba(44, 229, 155, 0.35);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }

  .mgui-gaming-hero__grid {
    max-width: 1380px;
    margin: 0 auto;
    padding: 3.25rem 1.75rem 3rem;
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(420px, 1.22fr);
    align-items: center;
    gap: 2.5rem;
  }

  .mgui-gaming-hero__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.15rem;
    z-index: 1;
  }

  .mgui-gaming-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #E2E8F0;
    font-size: 1.02rem;
    font-style: italic;
    font-weight: 500;
  }

  .mgui-gaming-hero__parallelogram {
    display: inline-block;
    width: 16px;
    height: 12px;
    background: #2CE59B;
    transform: skewX(-24deg);
    box-shadow: 0 0 10px rgba(44, 229, 155, 0.55);
  }

  .mgui-gaming-hero__title {
    margin: 0;
    font-size: clamp(2.35rem, 4vw, 3.5rem);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.025em;
    color: #FFFFFF;
  }

  .mgui-gaming-hero__subtitle {
    margin: 0;
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
    line-height: 1.45;
    color: #D1FAE5;
    font-weight: 400;
    max-width: 34ch;
  }

  .mgui-gaming-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
  }

  .mgui-gaming-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 1.65rem;
    font-size: 0.98rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: 8px;
    transform: skewX(-10deg);
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
    cursor: pointer;
  }

  .mgui-gaming-btn--mint {
    background: #2CE59B;
    color: #04221B;
    border: 1px solid #2CE59B;
    box-shadow: 0 8px 24px rgba(44, 229, 155, 0.28);
  }

  .mgui-gaming-btn--mint:hover {
    background: #34F5A8;
    box-shadow: 0 10px 28px rgba(44, 229, 155, 0.42);
  }

  .mgui-gaming-btn--outline-mint {
    background: rgba(6, 28, 23, 0.65);
    color: #FFFFFF;
    border: 1.5px solid #2CE59B;
  }

  .mgui-gaming-btn--outline-mint:hover {
    background: rgba(44, 229, 155, 0.14);
  }

  .mgui-gaming-hero__media {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mgui-gaming-hero__media img {
    width: 100%;
    max-width: 720px;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    filter: drop-shadow(0 18px 36px rgba(0, 0, 0, 0.55));
  }

  /* ── 3. SECCIÓN DE PRODUCTOS EN INICIO (mgui-gaming-catalog-section — Mockup 1) ── */
  .mgui-gaming-catalog-section {
    width: 100%;
    background: #FFFFFF;
    color: #0F172A;
    padding: 2.5rem 0 2.25rem;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }

  .mgui-gaming-catalog-section__inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1.75rem;
  }

  .mgui-gaming-section-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }

  .mgui-gaming-section-head__parallelogram {
    display: inline-block;
    width: 18px;
    height: 14px;
    background: #10B981;
    transform: skewX(-24deg);
  }

  .mgui-gaming-section-head__title {
    margin: 0;
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0F172A;
  }

  .mgui-gaming-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .mgui-gaming-product-card {
    display: grid;
    grid-template-columns: minmax(200px, 0.92fr) minmax(240px, 1.15fr);
    align-items: center;
    gap: 1.35rem;
    padding: 1.5rem;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
  }

  .mgui-gaming-product-card:hover {
    border-color: #10B981;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  }

  .mgui-gaming-product-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
  }

  .mgui-gaming-product-card__media img {
    width: 100%;
    max-width: 280px;
    height: auto;
    object-fit: contain;
  }

  .mgui-gaming-product-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border-left: 1px solid #E2E8F0;
    padding-left: 1.35rem;
  }

  .mgui-gaming-product-card__title {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.015em;
  }

  .mgui-gaming-product-card__specs {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 600;
    color: #1E293B;
  }

  .mgui-gaming-product-card__desc {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    color: #475569;
  }

  .mgui-gaming-product-card__pricing {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-top: 0.15rem;
  }

  .mgui-gaming-product-card__transfer-label {
    font-size: 0.85rem;
    font-weight: 700;
    color: #047857;
  }

  .mgui-gaming-product-card__price {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: #0F172A;
  }

  .mgui-gaming-product-card__installments {
    font-size: 0.85rem;
    color: #475569;
    margin-top: 0.15rem;
  }

  .mgui-gaming-product-card__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    margin-top: 0.65rem;
  }

  .mgui-gaming-product-card__buy-form,
  .mgui-gaming-comparator__buy-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
  }

  .mgui-gaming-comparator__buy-form {
    justify-content: center;
    margin: 0.45rem 0;
  }

  .mgui-gaming-product-card__subactions {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .mgui-gaming-product-card__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 40px;
    padding: 0 1.1rem;
    background: #2CE59B;
    color: #04221B;
    font-size: 0.88rem;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  }

  .mgui-gaming-product-card__cta--buy {
    background: #04221B;
    color: #2CE59B;
    border-color: #04221B;
  }

  .mgui-gaming-product-card__cta--buy:hover {
    background: #064E3B;
    color: #FFFFFF;
  }

  .mgui-gaming-product-card__cta--cart {
    background: #2CE59B;
    color: #04221B;
  }

  .mgui-gaming-product-card__cta--ghost {
    min-height: 34px;
    padding: 0 0.85rem;
    background: #F1F5F9;
    color: #0F172A;
    border-color: #CBD5E1;
    font-size: 0.84rem;
  }

  .mgui-gaming-product-card__cta:hover {
    background: #10B981;
    color: #FFFFFF;
  }

  .mgui-gaming-product-card__compare-link {
    color: #0F172A;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  /* ── 4. PIE DE CONFIANZA Y SERVICIOS COMPACTO (mgui-gaming-trust-footer) ── */
  .mgui-gaming-trust-footer {
    width: 100%;
    background: #061412;
    color: #CBD5E1;
    border-top: 1px solid rgba(44, 229, 155, 0.22);
    padding: 0.35rem 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }

  .mgui-gaming-trust-footer__inner {
    max-width: 1380px;
    margin: 0 auto;
    min-height: 34px;
    padding: 0 1.15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .mgui-gaming-trust-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.76rem;
    color: #94A3B8;
  }

  .mgui-gaming-trust-footer__brand strong {
    color: #FFFFFF;
    font-weight: 800;
    letter-spacing: 0.06em;
  }

  .mgui-gaming-trust-footer__pills {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
  }

  .mgui-gaming-trust-footer__item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #E2E8F0;
    font-size: 0.75rem;
    line-height: 1.2;
  }

  .mgui-gaming-trust-footer__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
  }

  .mgui-gaming-trust-footer__item strong {
    display: inline;
    font-size: 0.75rem;
    font-weight: 700;
    color: #2CE59B;
  }

  .mgui-gaming-trust-footer__item p {
    display: inline;
    margin: 0;
    font-size: 0.75rem;
    color: #CBD5E1;
  }

  .mgui-gaming-trust-footer__links {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.74rem;
  }

  .mgui-gaming-trust-footer__links a {
    color: #94A3B8;
    text-decoration: none;
    transition: color 0.15s ease;
  }

  .mgui-gaming-trust-footer__links a:hover {
    color: #2CE59B;
  }

  /* ── 5. FICHA DE PRODUCTO PDP (mgui-gaming-pdp — Mockups 2 Mobile & 4 Desktop) ── */
  .mgui-gaming-pdp {
    width: 100%;
    background: #F8FAFC;
    color: #0F172A;
    padding: 1.25rem 0 3rem;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }

  .mgui-gaming-pdp__container {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 1.75rem;
  }

  .mgui-gaming-pdp__breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    color: #64748B;
    margin-bottom: 1.15rem;
  }

  .mgui-gaming-pdp__breadcrumb a {
    color: #475569;
    text-decoration: none;
  }

  .mgui-gaming-pdp__breadcrumb a:hover {
    color: #0F172A;
    text-decoration: underline;
  }

  .mgui-gaming-pdp__breadcrumb strong {
    color: #0F172A;
    font-weight: 600;
  }

  .mgui-gaming-pdp__first-screen {
    display: grid;
    grid-template-columns: minmax(380px, 1.15fr) minmax(360px, 0.95fr);
    gap: 2.25rem;
    align-items: start;
  }

  .mgui-gaming-pdp__col-gallery {
    background: #EEF2F6;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 2rem 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
  }

  .mgui-gaming-pdp__main-image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
  }

  .mgui-gaming-pdp__main-image {
    width: 100%;
    max-width: 620px;
    height: auto;
    object-fit: contain;
  }

  .mgui-gaming-pdp__thumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
  }

  .mgui-gaming-pdp__thumb-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 86px;
    padding: 0.45rem;
    background: #F8FAFC;
    border: 2px solid #E2E8F0;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease;
  }

  .mgui-gaming-pdp__thumb-btn.is-active,
  .mgui-gaming-pdp__thumb-btn:hover {
    border-color: #2CE59B;
    background: #FFFFFF;
  }

  .mgui-gaming-pdp__thumb-btn img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .mgui-gaming-pdp__col-buybox {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
  }

  .mgui-gaming-pdp__eyebrow {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #059669;
  }

  .mgui-gaming-pdp__title {
    margin: 0.15rem 0 0;
    font-size: clamp(2rem, 3vw, 2.65rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: #0F172A;
  }

  .mgui-gaming-pdp__confirmed-badges {
    list-style: none;
    padding: 0;
    margin: 0.25rem 0 0.65rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .mgui-gaming-pdp__attr-badge {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 0.85rem;
    background: #F0FDF4;
    border: 1.5px solid #34D399;
    border-radius: 8px;
    color: #064E3B;
    font-size: 0.88rem;
    font-weight: 700;
  }

  .mgui-gaming-pdp__tagline {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    font-style: italic;
    color: #334155;
  }

  .mgui-gaming-pdp__buy-card {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 14px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  }

  .mgui-gaming-pdp__pay-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #CBD5E1;
    border-radius: 10px;
    overflow: hidden;
    background: #F8FAFC;
  }

  .mgui-gaming-pdp__pay-tab {
    min-height: 42px;
    border: 0;
    background: transparent;
    color: #334155;
    font-size: 0.92rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    cursor: pointer;
  }

  .mgui-gaming-pdp__pay-tab.is-active {
    background: #064E3B;
    color: #FFFFFF;
  }

  .mgui-gaming-pdp__pay-check {
    color: #2CE59B;
    font-weight: 900;
  }

  .mgui-gaming-pdp__price-box {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-top: 0.75rem;
  }

  .mgui-gaming-pdp__price-main {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
  }

  .mgui-gaming-pdp__price-amount {
    font-size: clamp(2.1rem, 3vw, 2.65rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.025em;
    color: #0F172A;
  }

  .mgui-gaming-pdp__price-label {
    font-size: 0.92rem;
    color: #475569;
    font-weight: 500;
  }

  .mgui-gaming-pdp__finance-box {
    background: #EBF5F2;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
  }

  .mgui-gaming-pdp__finance-box strong {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0F172A;
  }

  .mgui-gaming-pdp__finance-box span {
    font-size: 0.86rem;
    color: #475569;
  }

  .mgui-gaming-pdp__pay-methods-link {
    font-size: 0.88rem;
    font-weight: 600;
    color: #047857;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .mgui-gaming-pdp__shipping-step {
    border-top: 1px solid #E2E8F0;
    padding-top: 0.95rem;
  }

  .mgui-gaming-pdp__shipping-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
  }

  .mgui-gaming-pdp__shipping-label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: #1E293B;
  }

  .mgui-gaming-pdp__shipping-controls {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    justify-content: flex-end;
  }

  .mgui-gaming-pdp__cp-input {
    width: 150px;
    height: 40px;
    padding: 0 0.75rem;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    font-size: 0.88rem;
    color: #0F172A;
    background: #FFFFFF;
  }

  .mgui-gaming-pdp__cp-btn {
    height: 40px;
    padding: 0 1.1rem;
    background: #064E3B;
    color: #FFFFFF;
    border: 0;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
  }

  .mgui-gaming-pdp__buy-form {
    width: 100%;
  }

  .mgui-gaming-pdp__cart-row {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    gap: 0.65rem;
    align-items: center;
  }

  .mgui-gaming-pdp__buy-now-btn {
    min-height: 48px;
    border: 1px solid #04221B;
    border-radius: 10px;
    background: #04221B;
    color: #2CE59B;
    font-size: 0.96rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 1rem;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
  }

  .mgui-gaming-pdp__buy-now-btn:hover {
    background: #064E3B;
    color: #FFFFFF;
  }

  .mgui-gaming-pdp__cp-result {
    margin: 0.45rem 0 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: #065F46;
  }

  .mgui-gaming-sticky-mobile-bar__form {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .mgui-gaming-sticky-mobile-bar__buy-btn {
    min-height: 40px;
    padding: 0 0.9rem;
    border-radius: 8px;
    border: 1px solid #2CE59B;
    background: transparent;
    color: #2CE59B;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
  }

  .mgui-gaming-pdp__qty-stepper {
    display: inline-flex;
    align-items: center;
    height: 48px;
    border: 1px solid #CBD5E1;
    border-radius: 10px;
    background: #F8FAFC;
    overflow: hidden;
  }

  .mgui-gaming-pdp__qty-btn {
    width: 38px;
    height: 100%;
    border: 0;
    background: transparent;
    color: #0F172A;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
  }

  .mgui-gaming-pdp__qty-val {
    min-width: 32px;
    text-align: center;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0F172A;
  }

  .mgui-gaming-pdp__add-cart-btn {
    min-height: 48px;
    border: 0;
    border-radius: 10px;
    background: #2CE59B;
    color: #04221B;
    font-size: 1rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(44, 229, 155, 0.32);
  }

  .mgui-gaming-pdp__add-cart-btn:hover {
    background: #10B981;
    color: #FFFFFF;
  }

  .mgui-gaming-pdp__sublinks {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
    padding-top: 0.65rem;
    border-top: 1px solid #F1F5F9;
  }

  .mgui-gaming-pdp__sublink {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #334155;
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
  }

  .mgui-gaming-pdp__sublink:hover {
    color: #047857;
    text-decoration: underline;
  }

  .mgui-gaming-pdp__sublink-sep {
    color: #CBD5E1;
  }

  /* Debajo de la primera pantalla en PDP */
  .mgui-gaming-pdp__below {
    margin-top: 2.25rem;
  }

  .mgui-gaming-pdp__tabs {
    display: flex;
    align-items: center;
    gap: 2rem;
    border-bottom: 1px solid #CBD5E1;
    margin-bottom: 1.25rem;
  }

  .mgui-gaming-pdp__tab {
    position: relative;
    padding: 0.75rem 0.25rem;
    border: 0;
    background: transparent;
    color: #475569;
    font-size: 0.98rem;
    font-weight: 600;
    cursor: pointer;
  }

  .mgui-gaming-pdp__tab.is-active {
    color: #0F172A;
    font-weight: 800;
  }

  .mgui-gaming-pdp__tab.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: #2CE59B;
    border-radius: 3px 3px 0 0;
  }

  .mgui-gaming-pdp__highlights {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 1.5rem;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 1.25rem;
    align-items: center;
  }

  .mgui-gaming-pdp__highlight-intro h3 {
    margin: 0 0 0.35rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0F172A;
  }

  .mgui-gaming-pdp__highlight-intro p {
    margin: 0;
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.45;
  }

  .mgui-gaming-pdp__highlight-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding-left: 1.25rem;
    border-left: 1px solid #E2E8F0;
  }

  .mgui-gaming-pdp__highlight-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #E6F9F1;
    color: #047857;
    font-size: 1.1rem;
    flex-shrink: 0;
  }

  .mgui-gaming-pdp__highlight-item strong {
    display: block;
    font-size: 1rem;
    font-weight: 800;
    color: #0F172A;
  }

  .mgui-gaming-pdp__highlight-item p {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    color: #475569;
    line-height: 1.35;
  }

  .mgui-gaming-pdp__footnote {
    margin: 0.85rem 0 1.25rem;
    font-size: 0.82rem;
    color: #64748B;
  }

  .mgui-gaming-pdp__accordion {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    margin-bottom: 0.75rem;
    overflow: hidden;
  }

  .mgui-gaming-pdp__accordion-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    color: #0F172A;
    cursor: pointer;
  }

  .mgui-gaming-pdp__accordion-summary::-webkit-details-marker {
    display: none;
  }

  .mgui-gaming-pdp__accordion-body {
    padding: 0 1.25rem 1.25rem;
    border-top: 1px solid #F1F5F9;
  }

  .mgui-gaming-specs-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    margin-top: 0.75rem;
  }

  .mgui-gaming-specs-table th,
  .mgui-gaming-specs-table td {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #E2E8F0;
    text-align: left;
  }

  /* Barra móvil persistente (compra_persistente) */
  .mgui-gaming-sticky-mobile-bar {
    display: none;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 40;
    background: #FFFFFF;
    border-top: 1px solid #CBD5E1;
    padding: 0.75rem 1.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 -6px 20px rgba(15, 23, 42, 0.08);
  }

  .mgui-gaming-sticky-mobile-bar__price {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0F172A;
  }

  .mgui-gaming-sticky-mobile-bar__cta {
    min-height: 44px;
    padding: 0 1.35rem;
    border: 0;
    border-radius: 10px;
    background: #2CE59B;
    color: #04221B;
    font-size: 0.95rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
  }

  /* ── 6. COMPARADOR LADO A LADO (mgui-gaming-comparator — Mockup 3) ── */
  .mgui-gaming-comparator {
    width: 100%;
    background: #F1F5F9;
    color: #0F172A;
    padding-bottom: 2.5rem;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }

  .mgui-gaming-comparator__topbar {
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    margin-bottom: 1.35rem;
  }

  .mgui-gaming-comparator__topbar-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0.75rem 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .mgui-gaming-comparator__breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    color: #64748B;
  }

  .mgui-gaming-comparator__breadcrumb a {
    color: #475569;
    text-decoration: none;
  }

  .mgui-gaming-comparator__breadcrumb strong {
    color: #0F172A;
  }

  .mgui-gaming-comparator__toggle-label {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1E293B;
    cursor: pointer;
  }

  .mgui-gaming-comparator__switch-input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
  }

  .mgui-gaming-comparator__switch-slider {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    background: #2CE59B;
    border-radius: 999px;
  }

  .mgui-gaming-comparator__switch-slider::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }

  .mgui-gaming-comparator__container {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 1.75rem;
  }

  .mgui-gaming-comparator__card {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
  }

  .mgui-gaming-comparator__hero-grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr 1fr;
    border-bottom: 1px solid #E2E8F0;
  }

  .mgui-gaming-comparator__intro {
    padding: 2.25rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.85rem;
    border-right: 1px solid #E2E8F0;
  }

  .mgui-gaming-comparator__title {
    margin: 0;
    font-size: clamp(1.75rem, 2.4vw, 2.25rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #0F172A;
  }

  .mgui-gaming-comparator__accent-bar {
    display: inline-block;
    width: 48px;
    height: 5px;
    background: #2CE59B;
    border-radius: 999px;
  }

  .mgui-gaming-comparator__subtitle {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.5;
    color: #475569;
  }

  .mgui-gaming-comparator__model-card {
    padding: 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    border-right: 1px solid #E2E8F0;
  }

  .mgui-gaming-comparator__model-card:last-child {
    border-right: 0;
  }

  .mgui-gaming-comparator__model-img {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
  }

  .mgui-gaming-comparator__model-img img {
    max-height: 145px;
    width: auto;
    object-fit: contain;
  }

  .mgui-gaming-comparator__model-name {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0F172A;
  }

  .mgui-gaming-comparator__transfer-pill {
    display: inline-block;
    padding: 0.15rem 0.65rem;
    background: #E6F9F1;
    color: #047857;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
  }

  .mgui-gaming-comparator__model-price {
    font-size: 1.85rem;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.1;
  }

  .mgui-gaming-comparator__model-cta {
    margin-top: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 38px;
    padding: 0 1.35rem;
    background: #2CE59B;
    color: #04221B;
    font-size: 0.9rem;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
  }

  .mgui-gaming-comparator__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .mgui-gaming-comparator__row th,
  .mgui-gaming-comparator__row td {
    padding: 0.95rem 1.5rem;
    border-bottom: 1px solid #E2E8F0;
    font-size: 1rem;
  }

  .mgui-gaming-comparator__row th {
    width: 34.4%;
    text-align: left;
    font-weight: 700;
    color: #0F172A;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
  }

  .mgui-gaming-comparator__row td {
    width: 32.8%;
    text-align: center;
    color: #0F172A;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
  }

  .mgui-gaming-comparator__row td:last-child {
    border-right: 0;
  }

  .mgui-gaming-comparator__row.is-different {
    background: #D6F8EB;
  }

  .mgui-gaming-comparator__row.is-different strong {
    font-size: 1.08rem;
    font-weight: 800;
    color: #042F24;
  }

  .mgui-gaming-comparator__row.is-equal-confirmed {
    background: #F8FAFC;
  }

  .mgui-gaming-comparator__row--extra {
    display: none;
  }

  .mgui-gaming-comparator__fluid-banner {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #064E3B 0%, #047857 70%, #065F46 100%);
    color: #FFFFFF;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mgui-gaming-comparator__fluid-copy {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    font-size: 0.98rem;
  }

  .mgui-gaming-comparator__fluid-copy strong {
    color: #6EE7B7;
    font-weight: 800;
  }

  .mgui-gaming-comparator__fluid-stripe {
    width: 90px;
    height: 18px;
    background: repeating-linear-gradient(
      -45deg,
      #2CE59B,
      #2CE59B 10px,
      transparent 10px,
      transparent 20px
    );
    opacity: 0.75;
  }

  .mgui-gaming-comparator__reco-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    padding: 1.25rem 1.75rem;
    background: #F8FAFC;
  }

  .mgui-gaming-comparator__reco-card {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.95rem;
  }

  .mgui-gaming-comparator__reco-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #E6F9F1;
    color: #047857;
    font-size: 1.25rem;
    flex-shrink: 0;
  }

  .mgui-gaming-comparator__reco-card strong {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0F172A;
  }

  .mgui-gaming-comparator__reco-card p {
    margin: 0.15rem 0 0;
    font-size: 0.9rem;
    color: #475569;
  }

  .mgui-gaming-comparator__footer-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
    padding: 0 0.25rem;
  }

  .mgui-gaming-comparator__footnote {
    margin: 0;
    font-size: 0.84rem;
    color: #64748B;
  }

  .mgui-gaming-comparator__footer-links {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    font-size: 0.88rem;
  }

  .mgui-gaming-comparator__footer-links a {
    color: #0F172A;
    font-weight: 600;
    text-decoration: none;
  }

  .mgui-gaming-comparator__footer-links a:hover {
    color: #047857;
    text-decoration: underline;
  }

  /* Diagnóstico pre-publicación discreto al pie en modo vista previa */
  .mgui-gaming-prepublish-warnings {
    max-width: 1340px;
    margin: 1.5rem auto;
    padding: 0.75rem 1.25rem;
    background: #F8FAFC;
    border: 1px dashed #CBD5E1;
    border-radius: 10px;
    color: #475569;
    font-size: 0.82rem;
  }

  .mgui-gaming-prepublish-warnings__summary {
    cursor: pointer;
    font-weight: 600;
    color: #475569;
  }

  /* ── 7. ADAPTACIÓN MÓVIL Y BREAKPOINT MOBILE EN EL EDITOR STUDIO (Mockup 2) ── */
  @media (max-width: 900px) {
    .mgui-gaming-header__burger {
      display: inline-flex;
    }
    .mgui-gaming-header__nav,
    .mgui-gaming-header__search,
    .mgui-gaming-header__divider {
      display: none;
    }
    .mgui-gaming-header__inner {
      justify-content: space-between;
      padding: 0 1rem;
    }
    .mgui-gaming-hero__grid,
    .mgui-gaming-product-grid,
    .mgui-gaming-product-card,
    .mgui-gaming-trust-footer__inner,
    .mgui-gaming-pdp__first-screen,
    .mgui-gaming-pdp__highlights,
    .mgui-gaming-comparator__hero-grid,
    .mgui-gaming-comparator__reco-grid {
      grid-template-columns: 1fr;
    }
    .mgui-gaming-product-card__body {
      border-left: 0;
      border-top: 1px solid #E2E8F0;
      padding-left: 0;
      padding-top: 1rem;
    }
    .mgui-gaming-sticky-mobile-bar {
      display: flex;
    }
    .mgui-gaming-pdp__cart-row {
      grid-template-columns: 1fr;
    }
  }

  [data-breakpoint="mobile"] .mgui-gaming-header__burger,
  [data-studio-viewport="mobile"] .mgui-gaming-header__burger {
    display: inline-flex;
  }

  [data-breakpoint="mobile"] .mgui-gaming-header__nav,
  [data-breakpoint="mobile"] .mgui-gaming-header__search,
  [data-breakpoint="mobile"] .mgui-gaming-header__divider,
  [data-studio-viewport="mobile"] .mgui-gaming-header__nav,
  [data-studio-viewport="mobile"] .mgui-gaming-header__search,
  [data-studio-viewport="mobile"] .mgui-gaming-header__divider {
    display: none;
  }

  [data-breakpoint="mobile"] .mgui-gaming-header__inner,
  [data-studio-viewport="mobile"] .mgui-gaming-header__inner {
    justify-content: space-between;
    padding: 0 1rem;
  }

  [data-breakpoint="mobile"] .mgui-gaming-hero__grid,
  [data-breakpoint="mobile"] .mgui-gaming-product-grid,
  [data-breakpoint="mobile"] .mgui-gaming-product-card,
  [data-breakpoint="mobile"] .mgui-gaming-trust-footer__inner,
  [data-breakpoint="mobile"] .mgui-gaming-pdp__first-screen,
  [data-breakpoint="mobile"] .mgui-gaming-pdp__highlights,
  [data-breakpoint="mobile"] .mgui-gaming-comparator__hero-grid,
  [data-breakpoint="mobile"] .mgui-gaming-comparator__reco-grid,
  [data-studio-viewport="mobile"] .mgui-gaming-hero__grid,
  [data-studio-viewport="mobile"] .mgui-gaming-product-grid,
  [data-studio-viewport="mobile"] .mgui-gaming-product-card,
  [data-studio-viewport="mobile"] .mgui-gaming-trust-footer__inner,
  [data-studio-viewport="mobile"] .mgui-gaming-pdp__first-screen,
  [data-studio-viewport="mobile"] .mgui-gaming-pdp__highlights,
  [data-studio-viewport="mobile"] .mgui-gaming-comparator__hero-grid,
  [data-studio-viewport="mobile"] .mgui-gaming-comparator__reco-grid {
    grid-template-columns: 1fr;
  }

  [data-breakpoint="mobile"] .mgui-gaming-sticky-mobile-bar,
  [data-studio-viewport="mobile"] .mgui-gaming-sticky-mobile-bar {
    display: flex;
  }

  [data-breakpoint="mobile"] .mgui-gaming-pdp__cart-row,
  [data-studio-viewport="mobile"] .mgui-gaming-pdp__cart-row {
    grid-template-columns: 1fr;
  }
  /* No añadir .hidden global ni selectores que afecten otros portales. */
  .mv-sitio .mv-pdp-seccion-divisor { border-top: 1px solid #ededed; padding-top: 24px; }
  .mv-sitio .mv-pdp-subtitulo { font-size: 20px; font-weight: 600; margin: 0; }
  .mv-sitio .mv-pdp-descripcion-texto { color: #666; font-size: 16px; line-height: 1.5; white-space: pre-line; }
  .mv-sitio .mv-pdp-pregunta-item { padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
  .mv-sitio .mv-pdp-pregunta-item > p { margin: 0; }
  .mv-sitio .mv-pdp-pregunta-item > p.mv-secundario { margin: 4px 0 0 12px; }

  /* ═══════════════════════════════════════════════════════════════════════════
   * TEMA DE TIENDA OFICIAL: MERCADOHERRAJES (TENANT 1 · herrajes.mercadoventas.com.ar / mercadoherrajes.com.ar)
   * Paleta oficial Tokens_MercadoHerrajes.json:
   * - Azul profundo: #0B1F4D
   * - Azul eléctrico: #0066FF
   * - Cobre cepillado: #C8753D
   * - Cobre texto (AA sobre claro): #8A451F
   * - Cian técnico: #17C8E8
   * - Acero satinado: #A8B3C2
   * - Hielo metálico: #F2F6FB
   * - Grafito industrial: #263447
   * - Blanco puro: #FFFFFF
   * ═══════════════════════════════════════════════════════════════════════════ */
  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] {
    --mh-azul-profundo: #0B1F4D;
    --mh-azul-electrico: #0066FF;
    --mh-azul-electrico-hover: #0052CC;
    --mh-cobre: #C8753D;
    --mh-cobre-claro: #DF8E57;
    --mh-cobre-oscuro: #9A5226;
    --mh-cobre-texto: #8A451F;
    --mh-cian: #17C8E8;
    --mh-acero: #A8B3C2;
    --mh-hielo: #F2F6FB;
    --mh-grafito: #263447;
    --mh-blanco: #FFFFFF;
    --mh-borde-suave: #DCE5F2;
    --mh-sombra-1: 0 1px 2px rgba(11, 31, 77, 0.06), 0 4px 12px rgba(11, 31, 77, 0.05);
    --mh-sombra-2: 0 8px 24px rgba(11, 31, 77, 0.10), 0 2px 6px rgba(11, 31, 77, 0.06);
    --mv-azul-900: #0B1F4D;
    --mv-azul-700: #263447;
    --mv-azul-500: #0066FF;
    --mv-cian-400: #17C8E8;
    --mv-superficie-2: #F2F6FB;
    --mv-borde: #DCE5F2;
    background-color: var(--mh-hielo);
    color: var(--mh-azul-profundo);
    font-variant-numeric: tabular-nums;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-cabecera-tienda {
    background: var(--mh-blanco);
    border-bottom: 1px solid var(--mh-borde-suave);
    box-shadow: var(--mh-sombra-1);
    padding-block: 0.55rem;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-cabecera-tienda__interior {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.25rem;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-marca {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-marca__logo {
    block-size: 52px;
    inline-size: auto;
    object-fit: contain;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-familias-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-block-size: 36px;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: var(--mh-blanco);
    border: 1px solid var(--mh-borde-suave);
    color: var(--mh-grafito);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-chip:hover {
    border-color: var(--mh-azul-electrico);
    color: var(--mh-azul-electrico);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-chip--activo {
    background: var(--mh-azul-profundo);
    border-color: var(--mh-azul-profundo);
    color: var(--mh-blanco);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    padding: clamp(1.25rem, 3vw, 2.25rem);
    background:
      radial-gradient(900px 420px at 88% 18%, rgba(23, 200, 232, 0.22), transparent 60%),
      radial-gradient(700px 380px at 14% 92%, rgba(200, 117, 61, 0.20), transparent 55%),
      linear-gradient(135deg, #071535 0%, #0B1F4D 52%, #132F6B 100%);
    color: var(--mh-blanco);
    box-shadow: var(--mh-sombra-2);
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: 1.5rem;
    align-items: center;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__contenido {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__insignias {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-insignia {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-insignia--cobre {
    background: rgba(200, 117, 61, 0.22);
    color: #FFD7BA;
    border: 1px solid rgba(223, 142, 87, 0.45);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-insignia--cian {
    background: rgba(23, 200, 232, 0.16);
    color: #8CF0FF;
    border: 1px solid rgba(23, 200, 232, 0.4);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__titulo {
    font-size: clamp(1.75rem, 2.8vw, 2.5rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--mh-blanco);
    margin: 0;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__subtitulo {
    color: #DCE5F2;
    font-size: 0.96rem;
    line-height: 1.5;
    max-inline-size: 62ch;
    margin: 0;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__acciones {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-block-start: 0.25rem;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-block-size: 42px;
    padding: 0.55rem 1.1rem;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 140ms ease, transform 140ms ease;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-boton--primario {
    background: var(--mh-azul-electrico);
    color: var(--mh-blanco);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-boton--primario:hover {
    background: var(--mh-azul-electrico-hover);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-boton--cobre {
    background: linear-gradient(135deg, #DF8E57 0%, #C8753D 55%, #9A5226 100%);
    color: var(--mh-blanco);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__emblema {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__emblema img {
    max-inline-size: 210px;
    block-size: auto;
    filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.35));
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mv-producto {
    border-color: var(--mh-borde-suave);
    border-radius: 14px;
    box-shadow: var(--mh-sombra-1);
  }

  .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mv-producto:hover {
    border-color: rgba(0, 102, 255, 0.38);
    box-shadow: var(--mh-sombra-2);
  }

  @media (max-width: 860px) {
    .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero {
      grid-template-columns: 1fr;
    }
    .mv-sitio [data-mg-vd-tema="mercadoherrajes"] .mh-hero__emblema img {
      max-inline-size: 140px;
    }
  }
}

@layer mv.accesibilidad {
  .mv-sitio :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid var(--mv-foco); outline-offset: 3px; box-shadow: 0 0 0 3px #FFF; }
  .mv-sitio .mv-solo-lectores { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  .mv-sitio .mv-saltar { position: absolute; inset-block-start: .5rem; inset-inline-start: 1rem; z-index: 100; padding: .75rem 1rem; background: #FFF; color: #071B52; border-radius: .5rem; transform: translateY(-200%); }
  .mv-sitio .mv-saltar:focus { transform: translateY(0); }
  .mv-sitio [hidden] { display: none; }
  .mv-sitio :where([id]) { scroll-margin-block-start: 1rem; }
  @media (prefers-reduced-motion: reduce) {
    .mv-sitio *, .mv-sitio *::before, .mv-sitio *::after { animation: none; transition: none; scroll-behavior: auto; }
  }
  @media (forced-colors: active) {
    .mv-sitio :where(.mv-boton,.mv-boton-icono,.mv-campo,.mv-etiqueta,.mv-panel,.mv-producto) { border: 1px solid ButtonText; }
    .mv-sitio :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid Highlight; box-shadow: none; }
  }
  @media print {
    .mv-sitio { color: #000; background: #FFF; }
    .mv-sitio :where(.mv-cabecera,.mv-pie,.mv-acciones,.mv-compra-fija,.mv-saltar) { display: none; }
    .mv-sitio :where(.mv-panel,.mv-producto,.mv-portada) { box-shadow: none; color: #000; background: #FFF; break-inside: avoid; }
  }
}