/* MAV 0.8.3 — navegación de catálogo auditada; layout estático controlado por app-070.css */
.m78-products-section{overflow:hidden}
.m78-primary-tabs button,.m78-subtabs a,.m78-subhead a,#m78ProductsSeeAll{font-weight:600!important}
.m78-primary-tabs button{font-size:14px!important}
.m78-subtabs a{font-size:13px!important}
.m78-subhead{margin-top:2px!important}
.m78-subhead h3{font-size:17px!important;font-weight:600!important}
.m78-products-carousel .m70-track{scroll-snap-type:x mandatory!important;scroll-padding:0!important}
.m78-products-carousel .m40-product-card{scroll-snap-align:start!important}
.m78-products-carousel .m40-add-cart,.m78-products-carousel .m60-buy-card{font-weight:600!important}
@media(max-width:767px){.m78-primary-tabs button{font-size:13px!important}.m78-subhead h3{font-size:16px!important}}

/* MAV CORE 1.6.393 — logos del carrusel de marcas con alto uniforme Lemelson */
.m70-section-brands .m70-brand-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:28px!important}
.m70-section-brands .m70-brand-logo img{height:23px!important;width:auto!important;max-height:23px!important;max-width:86%!important;object-fit:contain!important;object-position:center!important}

/* =====================================================================
   MAV 2.3.376 — CORRECCIÓN REAL: TARJETAS -10 PX + TÍTULOS LINK SIN CAMBIAR DISEÑO
   - HOME Productos de Tienda y /productos/: reduce 10 px reales desde el
     espacio inferior del cuerpo, sin cambiar imagen, ancho, tipografía ni botones.
   - Los títulos convertidos en links conservan EXACTAMENTE la tipografía y
     dimensiones del h2/h3 original; el enlace no puede heredar el 14/13 px
     funcional de .m70-head a / .m78-subhead a.
   ===================================================================== */
.m70-ui .m78-products-section .m40-product-card > .m40-card-body,
.m70-ui .m40-products-page .m40-product-card > .m40-card-body{
  padding-top:8px!important;
  padding-right:12px!important;
  padding-bottom:2px!important;
  padding-left:12px!important;
  gap:5px!important;
}

.m70-ui .m70-head h2 > a.m70-title-link,
.m70-ui .m78-subhead h3 > a.m70-title-link{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  text-decoration:none!important;
  white-space:inherit!important;
  vertical-align:baseline!important;
  cursor:pointer!important;
}

/* =====================================================================
   MAV 2.3.377 — HOME: TÍTULOS Y SUBTÍTULOS UNIFORMES
   - Unifica todos los encabezados principales de contenedores del HOME.
   - Mantiene enlaces vivos sin alterar el diseño.
   - Títulos: 24px / 600 / Inter.
   - Subtítulos: 15px / 500 / Inter.
   ===================================================================== */
.m70-ui .m70-section > .m70-head > div > h2,
.m70-ui .m70-section > .m20-page-title > div > h1,
.m70-ui .m140-square-ads > .m70-head > div > h2,
.m70-ui .m78-home-tools-title{
  font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:0!important;
  margin:0!important;
  color:#111827!important;
}

.m70-ui .m70-section > .m70-head > div > h2 > .m70-title-link,
.m70-ui .m70-section > .m20-page-title > div > h1 > .m70-title-link{
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  text-decoration:none!important;
}

.m70-ui .m70-section > .m70-head > div > p,
.m70-ui .m70-section > .m20-page-title > div > p,
.m70-ui .m140-square-ads > .m70-head > div > p{
  font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:0!important;
  margin:4px 0 0!important;
  color:#1a1a1a!important;
}

/* =====================================================================
   MAV 2.3.378 — CORRECCIÓN ALTURA DE TARJETAS
   - Se restauran las dimensiones internas de las tarjetas.
   - El ajuste correcto es SOLO separación vertical entre filas en /productos/.
   - Gap vertical entre tarjetas: 10px.
   ===================================================================== */
.m70-ui .m78-products-section .m40-product-card > .m40-card-body,
.m70-ui .m40-products-page .m40-product-card > .m40-card-body{
  padding-bottom:12px!important;
}

.m40-products-page .m40-product-grid{
  column-gap:2px!important;
  row-gap:10px!important;
}
@media(max-width:560px){
  .m40-products-page .m40-product-grid{
    column-gap:2px!important;
    row-gap:10px!important;
  }
}

/* =====================================================================
   MAV 2.3.385 — HOME Productos: sin redundancia al estar en TODOS
   - Si la categoría principal activa es TODOS, se ocultan únicamente
     el segundo título TODOS + Ver todos y la segunda botonera TODOS.
   - El carrusel de productos y sus flechas permanecen exactamente igual.
   - Al elegir una categoría real, el segundo nivel reaparece normalmente.
   ===================================================================== */
.m78-products-section .m78-product-panel.is-all > .m78-subhead,
.m78-products-section .m78-product-panel.is-all > .m78-subtabs-shell{
  display:none!important;
}

/* =====================================================================
   MAV 2.3.387 — BOTONERA HOME
   - Se retira EVENTOS de Herramientas principales (Agenda permanece).
   - Modelos de contratos se ubica alfabéticamente entre Marcas / Tiendas
     y Oportunidades.
   - Etiqueta visual ¡NUEVO! sin modificar dimensiones ni flechas.
   ===================================================================== */
.m78-quicktools a.m387-contract-tool{
  position:relative!important;
}
.m78-quicktools a.m387-contract-tool>.m387-new-badge{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:3px 6px!important;
  border:0!important;
  border-radius:999px!important;
  background:#e5252a!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(0,0,0,.12)!important;
  pointer-events:none!important;
}
@media(max-width:620px){
  .m78-quicktools a.m387-contract-tool>.m387-new-badge{
    top:5px!important;
    right:5px!important;
    padding:2px 5px!important;
    font-size:8px!important;
  }
}