/* ESCRITIORIO **************************/ 
/* Fondo */
html, body {
	background-color:#fff;
}

/* Cabeza */
.cab1 {
	background-color:#000000;
}

.cab1 .tel_num {
	color:#fff;
}

.cab1 .whatsapp_num {
	color:#fff;
}

.cab1 .lb {
	color:#fff;
}

.cab2 {
	background-color:#000000;
}

/* Menu */
#menuRubrosHz {
	background-color: #000000;
}

/* Pie */
.footer {
	background-color:#000000 !important;
}

/* MOVIL  **********************************/
/* Fondo */
.navbar-header {
	background-color:#000000 !important;
	border-bottom: 1px solid #000000 !important;
}

/* Icono menu */
.side-menu #search-trigger {
   	 background-color: #000000 !important;
}

/* Fondo Icono de menu */
button.navbar-toggle {
	background-color:#000000 !important;
}

/* Menu lateral */
.side-menu-container > .navbar-nav {
	border-right: 1px solid #000000 !important;
	background-color: #000000 !important;
}


/* ESCRITIORIO **************************/ 
/* Fondo */
html, body {
	background-color:#fff;
}

/* Cabeza */
.cab1 {
	background-color:#000000;
}

.cab1 .tel_num {
	color:#fff;
}

.cab1 .whatsapp_num {
	color:#fff;
}

.cab1 .lb {
	color:#fff;
}

.cab2 {
	background-color:#000000;
}

/* Menu */
#menuRubrosHz {
	background-color: #000000;
}

/* Pie */
.footer {
	background-color:#000000 !important;
}

/* MOVIL  **********************************/
/* Fondo */
.navbar-header {
	background-color:#000000 !important;
	border-bottom: 1px solid #000000 !important;
}

/* Icono menu */
.side-menu #search-trigger {
   	 background-color: #000000 !important;
}

/* Fondo Icono de menu */
button.navbar-toggle {
	background-color:#000000 !important;
}

/* Menu lateral */
.side-menu-container > .navbar-nav {
	border-right: 1px solid #000000 !important;
	background-color: #000000 !important;
}


/* REEMPLAZA EL LOGO DEL PIE */
.pielogo {
  background-image: url("https://distribuidoraindependencia.com.ar/apliton/sitio/img/logo_di_horizonta.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}


/* NUEVO LOGO DEL ENCABEZADO */
.tm_header .logo {
  width: 220px !important;
  height: 60px !important;
  float: left !important;
  background-image: url("https://distribuidoraindependencia.com.ar/apliton/sitio/img/logo_di_horizonta.png") !important;
  background-position: center left !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}


/* REEMPLAZA “INDEPENDENCIA” POR EL LOGO */
.header-title {
  display: block !important;
  flex-grow: 1 !important;
  width: 210px !important;
  height: 55px !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  background-image: url("https://distribuidoraindependencia.com.ar/apliton/sitio/img/logo_di_horizonta.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  text-decoration: none !important;
}

@media only screen and (max-width: 400px) {
  .header-title {
    width: 150px !important;
    height: 45px !important;
    padding: 0 6px !important;
  }
}


/* banner */

/* CONTENEDOR EXTERIOR DEL SLIDER */
#slider1_containerCnt {
  width: 100% !important;
  overflow: hidden !important;
}

/* PROPORCIÓN ORIGINAL: 1600 × 540 */
#slider1_container {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 80 / 27 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

/* CAPAS INTERNAS CREADAS POR JSSOR */
#slider1_container > div,
#slider1_container > div > div,
#slider1_container [u="slides"],
#slider1_container [debug-id="slide-board"] {
  width: 100% !important;
  height: 100% !important;
}

/* CADA DIAPOSITIVA */
#slider1_container [u="slides"] > div,
#slider1_container [debug-id^="slide-"] {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* ENLACES DENTRO DEL SLIDER */
#slider1_container [u="slides"] > div > a,
#slider1_container [debug-id^="slide-"] > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* IMÁGENES SIN DEFORMACIÓN */
#slider1_container img[u="image"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* CAPAS DE CARGA */
#slider1_container [u="loading"] {
  width: 100% !important;
  height: 100% !important;
}

/* Corrige el desplazamiento negativo de Jssor. */
#slider1_container img[u="image"] {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* fin slider */

/* head */

@media (min-width: 769px) {
    .header-container.desktop-header {
        max-width: 100% !important;
    
    }
}

/* producto home */
/* menu lateral *

/* --- ap-formato-menu-lateral --- */

#sideMenu{--menu-acento:#ff004c;--menu-tinta:#18181d;--menu-papel:#f5f3ee;--menu-linea:#dedbd4;box-sizing:border-box!important;display:flex!important;width:min(390px,calc(100vw - 20px))!important;height:100vh!important;height:100dvh!important;flex-direction:column!important;overflow:hidden!important;border-left:1px solid var(--menu-linea)!important;background:var(--menu-papel)!important;color:var(--menu-tinta)!important;box-shadow:-24px 0 60px #1115!important;font-family:Montserrat,Arial,sans-serif!important}
#sideMenu *{box-sizing:border-box!important}
#sideMenu .menu-header{position:relative!important;display:flex!important;min-height:86px!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;padding:18px 18px 18px 24px!important;border-bottom:4px solid var(--menu-acento)!important;background:var(--menu-tinta)!important}
#sideMenu .menu-title{margin:0!important;color:#fff!important;font:800 22px/1.1 Montserrat,Arial,sans-serif!important;letter-spacing:-.03em!important;text-transform:none!important}
#sideMenu .menu-title:after{content:"Navegación";display:block!important;margin-top:6px!important;color:#aaa9af!important;font:600 9px/1 Montserrat,Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important}
#sideMenu .menu-close{display:grid!important;width:44px!important;height:44px!important;flex:0 0 44px!important;place-items:center!important;padding:0!important;border:1px solid #ffffff24!important;border-radius:8px!important;background:#ffffff0d!important;color:#fff!important;cursor:pointer!important;font-size:18px!important;transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important}
#sideMenu .menu-close:hover{border-color:var(--menu-acento)!important;background:var(--menu-acento)!important;transform:rotate(4deg)!important}
#sideMenu .menu-list{display:block!important;flex:1 1 auto!important;overflow-x:hidden!important;overflow-y:auto!important;margin:0!important;padding:14px 14px 28px!important;list-style:none!important;scrollbar-color:#b8b3aa transparent!important;scrollbar-width:thin!important}
#sideMenu .menu-item{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#sideMenu .menu-link{display:flex!important;min-height:50px!important;align-items:center!important;gap:12px!important;margin:0 0 3px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:var(--menu-tinta)!important;font:700 12px/1.25 Montserrat,Arial,sans-serif!important;letter-spacing:.015em!important;text-decoration:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
#sideMenu .menu-link:hover{border-color:#e5e1da!important;background:#fff!important;color:#000!important;transform:translateX(3px)!important}
#sideMenu .menu-icon{display:grid!important;width:34px!important;height:34px!important;flex:0 0 34px!important;place-items:center!important;border-radius:7px!important;background:#e9e5dd!important;color:#76716a!important;font-size:12px!important;transition:background-color .16s ease,color .16s ease!important}
#sideMenu .menu-link:hover .menu-icon{background:var(--menu-acento)!important;color:#fff!important}
#sideMenu a[href*="/page/c-"] .menu-icon,#sideMenu a[href="/page/categorias"] .menu-icon{background:#fff!important;color:var(--menu-acento)!important;box-shadow:inset 0 0 0 1px #e5e1da!important}
#sideMenu a[href="/page/categorias"]{margin-bottom:12px!important;border-color:#ddd8cf!important;background:#ede9e1!important}
#sideMenu a[href="/page/Acceso"]{min-height:66px!important;margin-top:4px!important;padding-top:14px!important;border-top-color:#d3cec5!important;border-radius:0 0 9px 9px!important}
#sideMenu a[href="javascript:toggleCart();"] .menu-icon{background:var(--menu-tinta)!important;color:#fff!important}
#sideMenu a[href="javascript:toggleCart();"]:hover .menu-icon{background:var(--menu-acento)!important}
#sideMenu .social-section{margin-top:14px!important;padding:18px 10px 6px!important;border-top:1px solid #d3cec5!important}
#sideMenu .social-title{display:block!important;margin:0 0 12px!important;color:#77726b!important;font:800 10px/1 Montserrat,Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important}
#sideMenu .social-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#sideMenu .social-link{display:grid!important;width:42px!important;height:42px!important;place-items:center!important;border:1px solid #ded9d0!important;border-radius:8px!important;background:#fff!important;color:var(--menu-tinta)!important;text-decoration:none!important;font-size:17px!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
#sideMenu .social-link:hover{border-color:var(--menu-acento)!important;background:var(--menu-acento)!important;color:#fff!important;transform:translateY(-2px)!important}
#sideMenu .menu-link:focus-visible,#sideMenu .menu-close:focus-visible,#sideMenu .social-link:focus-visible{outline:3px solid #ff004c55!important;outline-offset:2px!important}
@media(max-width:420px){
    #sideMenu{width:100vw!important;max-width:none!important;border-left:0!important}
    #sideMenu .menu-header{min-height:76px!important;padding:14px 14px 14px 18px!important}
    #sideMenu .menu-list{padding:10px 10px 24px!important}
    #sideMenu .menu-link{min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){
    #sideMenu .menu-close,#sideMenu .menu-link,#sideMenu .menu-icon,#sideMenu .social-link{transition:none!important}
    #sideMenu .menu-close:hover,#sideMenu .menu-link:hover,#sideMenu .social-link:hover{transform:none!important}
}


/* --- Variables Generales --- */
:root {
    --ap: #ff004c;
    --ink: #18181d;
    --paper: #f0efeb;
    --line: #dedbd4;
}

/* --- Estructura Principal del Header --- */
.tm_header {
    height: auto !important;
    background: #fffd !important;
    box-shadow: 0 5px 25px #1112 !important;
    /* ELIMINADO: backdrop-filter: blur(14px) !important; (Esto atrapaba al WhatsApp) */
}

.
.desktop-header > .fila:first-child {
    min-height: 78px !important;
}

.logo {
    height: 52px !important;
    background-size: contain !important;
}

/* --- Contenedor del menú (Fondo Negro Restaurado) --- */
.desktop-header > .fila-full, 
.categories-minimal {
    display: flex !important;
    gap: 4px !important;
    padding: 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: var(--ink) !important;
    border-radius: 10px !important;
    -webkit-overflow-scrolling: touch !important; 
    scrollbar-width: none !important; 
}

/* Oculta la barra de scroll en Chrome/Safari */
.desktop-header > .fila-full::-webkit-scrollbar, 
.categories-minimal::-webkit-scrollbar {
    display: none !important;
}

/* --- Botones / Links del menú --- */
.desktop-header > .fila-full a, 
.category-pill {
    flex: none !important;
    padding: 10px 13px !important;
    border-radius: 6px !important;
    color: #fff !important; 
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
}

/* --- Efecto hover rojo --- */
.desktop-header > .fila-full a:hover, 
.category-pill:hover {
    background: var(--ap) !important;
}

.fila-inf2 {
    padding: 12px !important;
    border: 0 !important;
}

.menu-toggle, .header-btn {
    border: 0 !important;
    background: transparent !important;
    color: var(--ink) !important;
}

/* --- Adaptación exclusiva para Celulares --- */
@media (max-width: 650px) {
    .header-container {
        width: 100% !important;
    }
    .header-top {
        min-height: 68px !important;
    }
    
    .categories-minimal {
        height: 54px !important;
        border-radius: 0 !important; 
        padding-right: 75px !important; 
    }

    .category-pill {
        background: #000 !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    }
}


}


/** productos **/

/* ==========================================================================
   GRILLA DEFINITIVA DE PRODUCTOS
   Escritorio: 4 productos por fila
   Celular y tablet: 2 productos por fila
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CONTENEDOR PRINCIPAL
   El HTML original tiene width:1000px en línea.
   Se sobrescribe para hacerlo responsive.
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #cuerpo {
    width: calc(100% - 32px) !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Contenedor que rodea la lista */
body.tm-pya.pya-home #body_list_fullw {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* --------------------------------------------------------------------------
   2. GRILLA DE PRODUCTOS
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems {
    display: grid !important;

    /* Exactamente cuatro columnas en escritorio */
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 18px !important;

    width: 100% !important;

    margin: 15px 0 30px !important;
    padding: 0 !important;

    list-style: none !important;
    box-sizing: border-box !important;

    background: transparent !important;
}


/* --------------------------------------------------------------------------
   3. ELIMINAR ELEMENTOS ANTIGUOS DE LIMPIEZA DE FLOATS
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems::before,
body.tm-pya.pya-home #grp_pitems::after,
body.tm-pya.pya-home #grp_pitems > .clear,
body.tm-pya.pya-home #grp_pitems > br {
    display: none !important;
    content: none !important;
}


/* --------------------------------------------------------------------------
   4. TARJETAS
   Se anulan los tamaños antiguos de grd1, grd2, grd3 y grd4.
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd1,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd2,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd3,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd4 {
    display: flex !important;
    flex-direction: column !important;

    float: none !important;
    clear: none !important;

    width: auto !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    border: 1px solid #e9e9ec !important;
    border-radius: 16px !important;

    background: #ffffff !important;
    box-shadow: 0 8px 28px rgba(18, 18, 23, 0.07) !important;

    box-sizing: border-box !important;

    opacity: 1 !important;
    animation: none !important;

    overflow: hidden !important;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem:hover {
    z-index: 2 !important;

    border-color: #d9d9de !important;

    box-shadow: 0 16px 38px rgba(18, 18, 23, 0.13) !important;

    transform: translateY(-4px) !important;
}


/* --------------------------------------------------------------------------
   5. ENLACE INTERNO
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem > a {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    color: inherit !important;
    text-decoration: none !important;

    border-radius: inherit !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* --------------------------------------------------------------------------
   6. CUERPO INTERNO DE LA TARJETA
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem .item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;

    float: none !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 12px 12px 16px !important;

    position: relative !important;
    z-index: 1 !important;

    border: 0 !important;
    border-radius: inherit !important;

    background: #ffffff !important;

    text-align: left !important;
    box-sizing: border-box !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem .item:hover {
    border: 0 !important;
}


/* --------------------------------------------------------------------------
   7. IMAGEN DEL PRODUCTO
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem .item .marco,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd1 .item .marco,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd2 .item .marco,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd3 .item .marco,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd4 .item .marco {
    display: block !important;
    flex: none !important;
    float: none !important;

    width: 100% !important;
    height: auto !important;

    /* Mantiene la imagen proporcionada en cualquier pantalla */
    aspect-ratio: 1 / 1 !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    position: relative !important;

    overflow: hidden !important;

    border-radius: 13px !important;
    background: #f7f7f8 !important;

    box-sizing: border-box !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem .item .marco .ft,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd1 .item .marco .ft,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd2 .item .marco .ft,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd3 .item .marco .ft,
body.tm-pya.pya-home #grp_pitems > li.pitem.grd4 .item .marco .ft {
    display: block !important;
    float: none !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: inherit !important;

    background-color: #ffffff !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    box-shadow: none !important;

    transition: transform 220ms ease !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem:hover .marco .ft {
    transform: scale(1.025) !important;
}


/* --------------------------------------------------------------------------
   8. PANELES INTERNOS
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem .item .leftpanel,
body.tm-pya.pya-home #grp_pitems > li.pitem .item .rightpanel,
body.tm-pya.pya-home #grp_pitems > li.pitem .item .fillpanel {
    display: block !important;
    float: none !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    box-sizing: border-box !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem .item .rightpanel {
    margin-top: auto !important;
}


/* --------------------------------------------------------------------------
   9. TÍTULO
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem .item .tit {
    display: -webkit-box !important;

    width: 100% !important;
    min-height: 42px !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    overflow: hidden !important;

    color: #202124 !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: left !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}


/* --------------------------------------------------------------------------
   10. CÓDIGO DEL PRODUCTO
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem .item .cod {
    display: block !important;

    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #757575 !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    text-align: left !important;
}


/* Eliminar saltos que generan espacios innecesarios */
body.tm-pya.pya-home #grp_pitems > li.pitem .item > br,
body.tm-pya.pya-home #grp_pitems > li.pitem .item > .clear {
    display: none !important;
}


/* --------------------------------------------------------------------------
   11. PRECIO
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem .item .pr {
    display: block !important;

    width: 100% !important;

    margin: auto 0 0 !important;
    padding: 6px 0 0 !important;

    color: #202124 !important;

    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    letter-spacing: -0.025em !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem .item .prvenc {
    display: block !important;
    float: none !important;

    min-height: 16px !important;

    margin: 0 0 2px !important;

    color: #757575 !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    text-align: left !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem .item .prregu {
    margin: 5px 0 0 !important;

    color: #757575 !important;

    font-size: 11px !important;
    text-align: left !important;
}


/* --------------------------------------------------------------------------
   12. ETIQUETAS Y DESCUENTOS
   -------------------------------------------------------------------------- */

body.tm-pya.pya-home #grp_pitems > li.pitem .item .discount {
    position: absolute !important;

    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 3 !important;

    margin: 0 !important;
    padding: 5px 8px !important;

    border-radius: 999px !important;

    color: #ffffff !important;
    background: #e60023 !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem .item .new {
    position: absolute !important;

    top: 18px !important;
    left: 18px !important;
    z-index: 3 !important;

    width: 42px !important;
    height: 42px !important;
}

body.tm-pya.pya-home #grp_pitems > li.pitem .item .pics {
    display: none !important;
}


/* ==========================================================================
   TABLETS Y CELULARES
   DOS PRODUCTOS POR FILA
   ========================================================================== */

@media (max-width: 992px) {

    body.tm-pya.pya-home #cuerpo {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 10px !important;

        box-sizing: border-box !important;
    }

    body.tm-pya.pya-home #body_list_fullw {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.tm-pya.pya-home #grp_pitems {
        /* Exactamente dos productos por fila */
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;

        width: 100% !important;

        margin: 12px 0 24px !important;
        padding: 0 !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd1,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd2,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd3,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd4 {
        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 15px !important;

        transform: none !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem:hover {
        transform: none !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 8px 8px 13px !important;

        text-align: left !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .marco,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd1 .item .marco,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd2 .item .marco,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd3 .item .marco,
    body.tm-pya.pya-home #grp_pitems > li.pitem.grd4 .item .marco {
        width: 100% !important;
        height: auto !important;

        aspect-ratio: 1 / 1 !important;

        margin: 0 0 11px !important;

        border-radius: 11px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .leftpanel,
    body.tm-pya.pya-home #grp_pitems > li.pitem .item .rightpanel,
    body.tm-pya.pya-home #grp_pitems > li.pitem .item .fillpanel {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .tit {
        min-height: 39px !important;

        margin: 0 2px 4px !important;

        font-size: 14px !important;
        line-height: 1.4 !important;

        text-align: left !important;

        -webkit-line-clamp: 2 !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .cod {
        margin: 0 2px 7px !important;

        font-size: 10px !important;
        text-align: left !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .pr {
        margin: auto 2px 0 !important;
        padding-top: 5px !important;

        font-size: 18px !important;
        line-height: 1.25 !important;

        text-align: left !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .prvenc,
    body.tm-pya.pya-home #grp_pitems > li.pitem .item .prregu {
        margin-left: 2px !important;

        font-size: 10px !important;
        text-align: left !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .discount {
        top: 14px !important;
        right: 14px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .new {
        top: 13px !important;
        left: 13px !important;

        width: 36px !important;
        height: 36px !important;
    }
}


/* ==========================================================================
   CELULARES PEQUEÑOS
   Sigue mostrando dos productos por fila
   ========================================================================== */

@media (max-width: 480px) {

    body.tm-pya.pya-home #cuerpo {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body.tm-pya.pya-home #grp_pitems {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item {
        padding: 7px 7px 11px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .marco {
        margin-bottom: 9px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .tit {
        min-height: 36px !important;

        margin-right: 1px !important;
        margin-left: 1px !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .cod {
        margin-right: 1px !important;
        margin-left: 1px !important;

        font-size: 9px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .pr {
        margin-right: 1px !important;
        margin-left: 1px !important;

        font-size: 16px !important;
    }
}


/* Pantallas extremadamente angostas */
@media (max-width: 359px) {

    body.tm-pya.pya-home #cuerpo {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.tm-pya.pya-home #grp_pitems {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item {
        padding: 6px 6px 10px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .tit {
        font-size: 12px !important;
    }

    body.tm-pya.pya-home #grp_pitems > li.pitem .item .pr {
        font-size: 15px !important;
    }
}


/* Desactivar animaciones cuando el dispositivo lo solicita */
@media (prefers-reduced-motion: reduce) {

    body.tm-pya.pya-home #grp_pitems > li.pitem,
    body.tm-pya.pya-home #grp_pitems > li.pitem .marco .ft {
        transition: none !important;
        animation: none !important;
    }
}