/* ==== general.css ==== */
.section-carrusel-banner{width:100%;height:auto;overflow:hidden;background-color:#000}.section-carrusel-banner-celular{width:100%;overflow:hidden;display:none;flex-wrap:wrap;background-color:#ccc}.contenedor-carrusel-banner{width:100%;position:relative;overflow:hidden}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:5 / 31;max-height:1000px;position:relative;overflow:hidden}.pista-carrusel-banner{width:100%;display:flex;transition:transform var(--velocidad-transicion, .6s) ease}.banner-carrusel{width:100%;flex-shrink:0}.banner-carrusel img{width:100%;height:auto;display:block;object-fit:cover}.pista-carrusel-banner-celular{width:100%;height:100%;display:flex;transition:transform var(--velocidad-transicion, .6s) ease}.banner-carrusel-celular{width:100%;height:100%;flex-shrink:0}.banner-carrusel-celular img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.contenedor-flechas-carrusel,.contenedor-flechas-carrusel-celular{width:calc(100% - 60px);height:100%;padding:0 30px;position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.flecha-carrusel{width:55px;height:55px;border-radius:100%;background-color:var(--color-flecha-fondo, #ffffff95);color:var(--color-flecha-icono, #000000);display:flex;justify-content:center;align-items:center;font-size:35px;cursor:pointer;transition:.25s;pointer-events:all;-webkit-user-select:none;user-select:none}.flecha-carrusel:hover{background-color:var(--color-flecha-fondo-hover, #C30811);color:var(--color-flecha-icono-hover, #ffffff)}.contenedor-puntos-carrusel{width:100%;height:auto;position:absolute;left:0;bottom:25px;display:flex;justify-content:center;align-items:center;gap:12px 12px}.punto-carrusel{width:14px;height:14px;border-radius:100%;background-color:var(--color-punto-inactivo, #ffffff80);cursor:pointer;transition:.25s}.punto-carrusel.activo{background-color:var(--color-punto-activo, #C30811);transform:scale(1.2)}.acuse_legal_banners{width:100%;text-align:center;background-color:var(--color-fondo-legal, #ffffff);color:var(--color-texto-legal, #000000);padding:10px 5px;font-size:clamp(11px,1.25vw,18px)}@media screen and (min-width:1001px)and (max-width:1500px){.flecha-carrusel{width:40px;height:40px;font-size:25px}}@media screen and (min-width:700px)and (max-width:1000px){.section-carrusel-banner{display:none}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:1/1;max-height:1000px}.section-carrusel-banner-celular{display:flex}.banner-carrusel-celular{width:100%}.contenedor-carrusel-banner{height:300px}.contenedor-flechas-carrusel{width:calc(100% - 20px);padding:0 10px}.flecha-carrusel{width:40px;height:40px;font-size:25px}.contenedor-puntos-carrusel{bottom:15px}.punto-carrusel{width:12px;height:12px}}@media screen and (min-width:500px)and (max-width:699px){.section-carrusel-banner{display:none}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:1/1;max-height:1000px}.section-carrusel-banner-celular{display:flex}.banner-carrusel-celular{width:100%}.flecha-carrusel{width:35px;height:35px;font-size:18px}.contenedor-puntos-carrusel{bottom:10px}.contenedor-flechas-carrusel-celular{width:calc(100% - 30px);padding:0 15px}}@media screen and (min-width:0px)and (max-width:499px){.section-carrusel-banner{display:none}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:1/1;max-height:1000px}.section-carrusel-banner-celular{display:flex}.banner-carrusel-celular{width:100%}.flecha-carrusel{width:34px;height:34px;font-size:17px}.contenedor-puntos-carrusel{bottom:10px}.contenedor-flechas-carrusel-celular{width:calc(100% - 30px);padding:0 15px}}


/* ==== efectos.css ==== */
.fuego-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.boton-comprar-producto-resultados{height:45px;border:none;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:.25s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 10px;padding:5px 15px;background-color:#000;color:#fff;position:relative;z-index:2}.boton-comprar-producto-resultados:hover{background-color:#c30811}.contenedor-llamas{position:absolute;top:-20px;left:0;width:100%;height:100%;pointer-events:none}.llama{position:absolute;bottom:0;background:linear-gradient(to top,#ffcc00,#ff4400,transparent);border-radius:50% 50% 20% 20%;filter:blur(4px);mix-blend-mode:screen;opacity:0;animation:subir-fuego var(--duracion) infinite ease-in}@keyframes subir-fuego{0%{transform:translateY(0) scale(1);opacity:0}30%{opacity:.8}to{transform:translateY(-60px) scale(0);opacity:0}}.l1{left:10%;width:15px;height:35px;--duracion: .8s;animation-delay:.1s}.l2{left:30%;width:22px;height:50px;--duracion: 1.2s;animation-delay:.3s}.l3{left:50%;width:18px;height:40px;--duracion: .9s;animation-delay:.5s}.l4{left:70%;width:25px;height:55px;--duracion: 1.1s;animation-delay:.2s}.l5{left:85%;width:16px;height:30px;--duracion: .7s;animation-delay:.4s}.llamas-frontales{z-index:3;filter:blur(2px);opacity:.5}.texto-fuego{position:relative;display:inline-block;text-shadow:0 0 10px #fff,0 -5px 15px #ffea00,0 -10px 20px #ff9000,0 -20px 30px #ff4400,0 -30px 45px #911b00;animation:quemar-texto .15s infinite alternate}@keyframes quemar-texto{0%{transform:skew(.5deg,-.5deg);text-shadow:0 0 8px #fff,0 -4px 12px #ffea00,2px -8px 18px #ff9000,-2px -18px 25px #ff4400,0 -25px 40px #911b00}to{transform:skew(-.5deg,.5deg);text-shadow:0 0 12px #fff,0 -6px 18px #ffea00,-2px -12px 22px #ff9000,2px -22px 35px #ff4400,0 -35px 50px #911b00}}


/* ==== main.css ==== */
*{margin:0;padding:0;font-family:Poppins,sans-serif}p,a,input{text-decoration:none}::-webkit-scrollbar-thumb{background-color:#de0a14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#b31114}::-webkit-scrollbar-thumb:active{background-color:#b31114}


/* ==== header.css ==== */
/** Shopify CDN: Minification failed

Line 573:0 Unexpected "}"
Line 1168:0 Unexpected "}"

**/
/*
---------------------------------------------------------
Tema desarrollado y diseñado por Alexander GL
© 2026 Todos los derechos reservados
---------------------------------------------------------
*/
:root{
    --fondo-barra-superior: #ff0000;
}
/* SECCIÓN HEADER | FONDO OSCURO UNIFORME MENOS INTENSO */
.header{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: start;
    background: rgba(20, 20, 20, 0.4) !important;
    backdrop-filter: blur(8px);
    border-bottom: none !important;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
}

.contenedor-header-superior, 
.contenedor-header-menu {
    background: transparent !important;
}
.contenedor-header-superior-logo{
    width: 130px;
}
.usuario-celular{
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: 0.25s;
    display: none;
    filter: brightness(0) invert(1);
}
.contenedor-header-superior{
    width: calc(100% - 40px);
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: start;
    align-items: center;
    padding: 8px 20px;
}
.contenedor-opciones-header-superior{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: start;
    gap: 15px;
}
.contenedor-buscador-input-buscador{
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    padding: 8px 20px 8px 45px;
    color: #ffffff !important;
    width: 150px;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 21px;
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1080 1080'%3E%3Cpath fill='%23ffffff' d='M376.72,45.76c135.19-5.89,264.51,74.52,319.61,197.23,53.94,120.14,32.39,259.44-52.29,359.06l48.78,49.22c17.83-13.6,35.75-50.91,61.73-32.33l239.19,239.03c74.19,89.86-43.97,200.85-128.99,124.79l-236.82-237.21c-18.58-25.99,18.73-43.9,32.33-61.73l-48.17-48.33c-3.19-1.45-20.02,14.35-24.55,17.52-175.55,123.09-416.44,61.02-503.75-135.2C-12.72,300.89,141.11,56.03,376.72,45.76ZM594.56,173.82C458.59,39.75,228.59,73.12,136.37,239.58c-125.15,225.89,83.22,489.49,331.86,422.05,214.61-58.22,284.96-331.39,126.33-487.81Z'/%3E%3Cpath fill='%23ffffff' d='M216.36,239.5c-19.41-18.99,5.35-38.33,19.27-49.57,82.15-66.35,199.2-72.71,288.17-15.61,12.24,7.86,45.1,31.75,46.41,45.96,1.28,13.92-8.73,26.79-23.25,25.33-11.85-1.19-36.99-27.46-50.41-35.64-73.77-44.99-160.06-37.98-229.15,11.73-13.68,9.84-31.8,36.62-51.03,17.81Z'/%3E%3C/svg%3E");
}
.contenedor-buscador-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    width: 100%;
}
.contenedor-buscador-input-buscador{
    padding-right:50px;
}
.boton-qr{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    background:transparent;
    border:none;
    cursor:pointer;
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    pointer-events:auto;
}
.boton-qr svg{
    width:22px;
    height:22px;
    fill: #ffffff;
}
.contenedor-buscador-input-buscador::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}
.contenedor-opciones-header-superior-icono{
    width: 34px;
    filter: brightness(0) invert(1);
}
.contenedor-opciones-header-superior-icono-celular{
    width: 40px;
    display: none;
    cursor: pointer;
    transition: 0.25s;
    filter: brightness(0) invert(1);
}
.contenedor-header-menu{
    width: calc(100% -  40px);
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: start;
    align-items: center;
    padding: 0px 20px 0px 20px;
}
.contenedor-opciones-muebles-menu-computadora{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    gap: 20px 20px;
}
.opcion-header-menu{
    width: auto;
    height: auto;
    padding: 5px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 10px 10px;
    cursor: pointer;
    transition: 0.25s;
    background-color: transparent;
}
.opcion-header-menu svg{
    width: 28px;
    transition: 0.25s;
    fill: #ffffff !important;
}
.opcion-header-menu svg path{
    transition: 0.25s;
    fill: #ffffff !important;
}
.opcion-header-menu-texto{
    text-transform: uppercase;
    font-weight: 500;
    transition: 0.25s;
    font-size: clamp(14px, 1.5vw, 17px);
    color: #ffffff !important;
}
.opcion-header-menu:hover .opcion-header-menu-texto{
    color: #ff3333 !important;
}
.opcion-header-menu:hover svg path{
    fill: #ff3333 !important;
}
.carrito{
    filter: brightness(0) invert(1);
}
.animar{
    animation: carrito 2s linear;
}
.contenedor-header-buscador-celular{
    display: none;
}

@keyframes carrito {
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(-20deg); }
    50%{ transform: translateX(90px); }
    100%{ transform: translateX(0px); }
}
.contenedor-menu-celular{
    width: 100%;
    height: auto;
    display: none;
    flex-wrap: wrap;
    justify-content: start;
    align-content: start;
    padding: 20px 20px;
    background: rgba(0, 0, 0, 0.9);
}
.contenedor-opcion-menu-celular{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
    gap: 10px 10px;
    cursor: pointer;
    transition: 0.25s;
    text-decoration: none;
    padding: 10px 0px;
}
.opcion-submenu-celular{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
    gap: 10px 10px;
    padding: 7px 5px;
    cursor: pointer;
    transition: 0.25s;
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    line-height: 21px;
}
.opcion-menu-celular{
    width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
    gap: 10px 10px;
    cursor: pointer;
    transition: 0.25s;
    text-decoration: none;
}
.opcion-menu-celular p{
    text-transform: uppercase;
    color: #ffffff;
}
.contenedor-menu-celular svg{
    width: 25px;
    fill: #ffffff;
}
.contenedor-menu-celular p{
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
}
.flecha{
    margin-left: auto;
    font-size: 20px;
    color: #ffffff;
}
#id-menu-cerrar{ display: none; }
#id-menu-barras{
    display: none;
    fill: #ffffff;
}
.contenedor-svg-cerrar-abrir{
    display: flex;
}
.countdown-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.countdown-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.9;
}
.countdown {
    display: flex;
    align-items: center;
    gap: 6px;
}
.countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 38px;
}
.countdown-item span {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    background: rgba(255,255,255,0.15);
    padding: 4px 6px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.2);
    font-variant-numeric: tabular-nums;
}
.countdown-item small {
    font-size: 9px;
    margin-top: 2px;
    opacity: 0.8;
    letter-spacing: 0.5px;
}
.flecha-submenu {
    margin-left: auto;
    background: none;
    border: none;
    font-size: 24px;
    color: #ffffff;
    cursor: pointer;
    padding: 0 6px;
    line-height: 1;
    transition: transform 0.25s;
    transform: rotate(0deg);
}
.flecha-submenu.abierto {
    transform: rotate(90deg);
}
.submenu-celular{
    width: 100%;
    padding: 0px 5px;
    display: none;
    flex-wrap: wrap;
    justify-content: start;
    align-content: start;
}
.flechaactivasubmenu{
    transform: rotate(90deg);
}
@media screen and (min-width: 1001px) and (max-width: 1500px){
    .contenedor-header-menu{ padding: 0px 15px; }
    .contenedor-header-superior{ padding: 8px 15px; width: 100%; }
    .opcion-header-menu{ padding: 5px 5px; gap: 5px 5px; }
    .opcion-header-menu svg{ width: 20px; }
    .opcion-header-menu-texto{ font-size: 14px; }
}
@media screen and (min-width: 701px) and (max-width: 1000px){
    .contenedor-header-buscador-celular{ display: none !important; }
}
@media screen and (min-width: 0px) and (max-width: 1000px){
    .contenedor-opciones-muebles-menu-computadora{ display: none; }
    .contenedor-opciones-header-superior{ display: flex; }
    .contenedor-opciones-header-superior-icono{ display: flex; }
    .contenedor-header-superior-logo{ width: 95px; }
    .contenedor-header-superior{ width: 100%; padding: 8px 10px; gap: 15px; }
    .contenedor-opciones-header-superior-icono-celular{ width: 35px; display: flex; }
    .contenedor-header-buscador-celular{
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 15px 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .contenedor-header-menu{ display: none; }
    #id-menu-barras{ display: flex; }
}
.ghost-layer {
  position: absolute;
  left: 0; top: 0; width: 100%; height: 100%;
  display: flex; align-items: center; pointer-events: none; overflow: hidden;
  border-radius: 20px; padding: 8px 20px 8px 45px; box-sizing: border-box;
  font-family: inherit; font-size: inherit; white-space: pre;
}
#ghostTyped { color: transparent; }
#ghostSuggestion { color: rgba(255,255,255,0.5); }
.contenedor-buscador-input-buscador {
  background-color: transparent;
  position: relative;
  z-index: 1;
}
.contenedor-carrito-header{
    position: relative;
    display: inline-flex;
}
.carrito-celular{
    width: 35px;
    height: auto;
    display: none;
    fill: #ffffff;
    filter: brightness(0) invert(1);
}
.contador-carrito{
    position: absolute;
    top: -8px; right: 3px;
    width: 20px; height: 20px;
    border-radius: 50%;
    background-color: #C30811;
    color: #fff;
    font-size: 11px; font-weight: 600;
    display: flex; align-items: center; justify-content: center;
    line-height: 1;
}
/* SUBMENÚ PREMIUM */
.grupo-opcion-header-menu{ position: relative; }
.icono-menu{ align-content: center; display: flex; flex-wrap: wrap; }
.submenu-header-premium{
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%) translateY(20px) scale(0.96);
    min-width: 280px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(20,20,20,0.9), rgba(40,40,40,0.85));
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0px 30px 60px rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, transform 0.45s cubic-bezier(.19,1,.22,1), visibility 0.35s;
    z-index: 50;
}
.submenu-header-premium::before{
    content: "";
    position: absolute;
    top: -8px; left: 50%;
    width: 18px; height: 18px;
    background: rgba(20,20,20,0.9);
    transform: translateX(-50%) rotate(45deg);
    border-left: 1px solid rgba(255,255,255,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
}
.submenu-header-premium a{
    width: calc(100% - 36px);
    padding: 14px 18px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 15px; font-weight: 600;
    color: #ffffff;
    background: transparent;
    transition: 0.3s;
}
.submenu-header-premium a:hover{
    background: linear-gradient(135deg, #C30811, #de0a14);
    color: #ffffff;
}
.grupo-opcion-header-menu:hover .submenu-header-premium{
    opacity: 1; visibility: visible;
    transform: translateX(-50%) translateY(0px) scale(1);
}
.grupo-opcion-header-menu:first-child:hover .submenu-header-premium{
    transform: translateY(0px) scale(1); left: 0;
}
.grupo-opcion-header-menu:last-child:hover .submenu-header-premium{
    transform: translateY(0px) scale(1); left: auto; right: 0;
}
.franja-superior-header{
    width: 100% !important;
    padding: 10px 16px !important;
    min-height: 0px !important;
    background-color: var(--fondo-barra-superior) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.texto-franja-superior-header{
    color: #fff !important;
    font-weight: 600 !important;
    font-family: Arial, sans-serif !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    min-height: auto !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.texto-franja-superior-header svg{
    width: 15px; fill: #ffffff; margin-right: 2px;
}
#botonFoto{
    position: fixed; bottom: 100px; left: 18px;
    border-radius: 100%; background: #ff0000; cursor: pointer;
    border: 0px; width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 5px 5px 10px #00000030; z-index: 99;
}
#botonFoto svg{ width: 30px; fill: #ffffff !important; }
@media screen and (min-width: 0px) and (max-width: 500px){
    .texto-franja-superior-header svg { display: none; }
    .contenedor-carrito-header svg { display: none; }
    .carrito-celular { display: flex; }
    #botonFoto { display: none; }
}

/* VISTA ESCRITORIO: MENÚ, POSICIÓN Y FIX DE CLIC EN LOGO PARA PC---------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1024px) {
    .opcion-header-menu-texto {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 13px !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        font-weight: 500 !important;
    }

    .contenedor-opciones-muebles-menu-computadora { 
    display: flex !important; 
    justify-content: center !important;
    gap: 30px !important; 
    width: 100% !important; 
    max-width: 1300px !important; 
    margin: 0 auto !important; 
    padding-left: 0 !important;
}

    .contenedor-header-menu {
        margin-top: -65px !important;
        pointer-events: none !important;
    }
}

    /* Reactiva los clics exclusivamente en las opciones del menú */
    .contenedor-header-menu .opcion-header-menu,
    .contenedor-header-menu a,
    .contenedor-header-menu .grupo-opcion-header-menu {
        pointer-events: auto !important;
    }

   /* Asegura que el logo en PC tenga máxima prioridad de clic */
.contenedor-header-superior-logo-link,
.contenedor-header-superior-logo {
    position: relative !important;
    z-index: 99 !important;
    pointer-events: auto !important;
    width: 160px !important;
    
    /* En lugar de margin-top, usas transform */
    transform: translateY(0px) !important; /* Valor negativo sube, positivo baja */
}

    /* Reducir y controlar Login / Usuario en PC */
    .contenedor-opciones-header-superior a[href*="account"],
    .contenedor-opciones-header-superior .usuario-icono {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
    }

    .contenedor-opciones-header-superior a[href*="account"] svg,
    .contenedor-opciones-header-superior a[href*="account"] img,
    .contenedor-opciones-header-superior .usuario-icono svg,
    .contenedor-opciones-header-superior .usuario-icono img {
        width: 28px !important;
        height: 28px !important;
    }

    /* Controlar el Carrito en PC */
    .contenedor-carrito-header {
        width: 30px !important;
        height: 30px !important;
        margin-top: 5px !important;
        margin-right: 0px !important;
    }
}

/* CORRECCIÓN PARA MÓVIL: ICONOS PEQUEÑOS Y FRANJA DELGADA */
@media screen and (min-width: 0px) and (max-width: 700px) {
    .contenedor-header-superior {
        padding: 18px 10px 18px 10px !important;
        gap: 6px !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .contenedor-header-superior::before {
        content: none !important;
    }

    .contenedor-opciones-header-superior {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    #id-menu-barras, 
    .contenedor-svg-cerrar-abrir svg {
        width: 22px !important; 
        height: 22px !important;
        order: 1 !important;
    }

    .usuario-celular, 
    a[href*="account"], 
    .customer-logged-in, 
    .icon-user {
        width: 22px !important; 
        height: 22px !important;
        display: flex !important;
        margin-left: auto !important;
        order: 3 !important;
        margin-top: -10px !important;
    }

    .franja-superior-header {
        padding: 1px 5px !important;
        min-height: 16px !important;
        height: 16px !important;
    }
    
    .texto-franja-superior-header {
        font-size: 8px !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .header__search-dropdown-wrapper {
        position: relative;
        display: inline-flex;
        align-items: center;
    }

    .header__search-toggle-btn {
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__search-dropdown-content {
        display: none;
        position: absolute;
        top: calc(100% + 15px);
        right: 0;
        background-color: rgba(20, 20, 20, 0.95);
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
        width: 320px;
        z-index: 999;
        backdrop-filter: blur(8px);
    }

    .header__search-dropdown-content.is-active {
        display: block;
    }

    .header__search-dropdown-content .contenedor-buscador {
        width: 100%;
    }

    .contenedor-buscador, 
    .contenedor-header-buscador-celular {
        display: none !important;
    }
}

/* =========================================================
   ESTRUCTURA Y EVENTOS DE CLIC PARA MÓVIL
   ========================================================= */
@media screen and (max-width: 700px) {

    .header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: 9999 !important;
    }

    .franja-superior-header {
        width: 100% !important;
        height: 20px !important;
        min-height: 20px !important;
        padding: 0 5px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .texto-franja-superior-header {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .contenedor-header-superior {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 125px !important;
        min-height: 125px !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        background: rgba(20, 20, 20, 0.48) !important;
        pointer-events: none !important;
    }

    .contenedor-opciones-header-superior {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 125px !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        z-index: 10 !important;
        pointer-events: none !important;
    }

    .contenedor-header-superior-logo-link { 
        position: absolute !important; 
        left: 50% !important; 
        top: 20px !important; 
        transform: translateX(-50%) !important; 
        width: 120px !important; 
        height: 45px !important; 
        margin: 0 !important; 
        padding: 0 !important; 
        display: block !important; 
        z-index: 99 !important; 
        pointer-events: auto !important;
    } 

    .contenedor-header-superior-logo { 
        width: 100% !important; 
        max-width: 100px !important; 
        height: auto !important; 
        max-height: none !important; 
        margin: 0 auto !important; 
        display: block !important; 
        pointer-events: auto !important;
    }

    .menu-celular-oculto {
        position: absolute !important;
        left: 14px !important;
        top: 32px !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 30 !important;
        pointer-events: auto !important;
    }

    #id-menu-barras {
        display: block !important;
        width: 27px !important;
        height: 27px !important;
        margin: 0 !important;
        fill: #fff !important;
        filter: none !important;
    }

    .login-header-movil {
        position: absolute !important;
        right: 52px !important;
        top: 25px !important;
        width: 27px !important;
        height: 27px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 30 !important;
        pointer-events: auto !important;
    }

    .login-header-movil svg {
        display: block !important;
        width: 27px !important;
        height: 27px !important;
        fill: #fff !important;
        filter: none !important;
    }

    .contenedor-carrito-header {
        position: absolute !important;
        right: 12px !important;
        top: 26px !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 30 !important;
        pointer-events: auto !important;
    }

    .contenedor-carrito-header svg.carrito {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
        fill: #fff !important;
        filter: none !important;
    }

    .contador-carrito {
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
        font-size: 9px !important;
        z-index: 40 !important;
    }

    .contenedor-buscador {
        position: absolute !important;
        display: block !important;
        left: 12px !important;
        right: 12px !important;
        top: 78px !important;
        width: auto !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 25 !important;
        pointer-events: auto !important;
    }

    .contenedor-buscador-wrapper {
        width: 100% !important;
        height: 40px !important;
    }

    .contenedor-buscador-input-buscador {
        width: 100% !important;
        height: 40px !important;
        box-sizing: border-box !important;
        border-radius: 22px !important;
        padding: 7px 42px 7px 42px !important;
        color: #fff !important;
        background: rgba(0,0,0,.25) !important;
        border: 1px solid rgba(255,255,255,.45) !important;
        pointer-events: auto !important;
    }

    .contenedor-header-menu,
    .contenedor-opciones-muebles-menu-computadora {
        display: none !important;
    }
}

@media screen and (max-width: 380px) {
    .contenedor-header-superior {
        height: 118px !important;
        min-height: 118px !important;
    }
    .contenedor-opciones-header-superior {
        height: 118px !important;
    }
    .contenedor-header-superior-logo-link {
        width: 88px !important;
        top: 15px !important;
    }
    .menu-celular-oculto {
        left: 10px !important;
        top: 30px !important;
    }
    .login-header-movil {
        right: 45px !important;
        top: 30px !important;
    }
    .contenedor-carrito-header {
        right: 9px !important;
        top: 30px !important;
    }
    .contenedor-buscador {
        top: 74px !important;
    }
}

/* OCULTAR TEXTO FANTASMA / SUGERENCIA DEL BUSCADOR */
.ghost-layer,
#ghostTyped,
#ghostSuggestion,
#ghostHint {
    display: none !important;
}
/* SECCIÓN HEADER | FINAL */

/* =========================================================
   LUPA DEL BUSCADOR
   NO MODIFICA EL LIQUID
   ========================================================= */

@media screen and (min-width: 701px) {

    /* -----------------------------------------------------
       FORMULARIO CERRADO
       ----------------------------------------------------- */

    #formBuscador {

        position: relative !important;

        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 40px !important;

        padding: 0 !important;
        margin: 0 !important;

        flex: 0 0 38px !important;

        overflow: visible !important;

        cursor: pointer !important;

        z-index: 100 !important;
    }


    /* -----------------------------------------------------
       CREAR LA LUPA CON CSS
       ----------------------------------------------------- */

#formBuscador::before {

    content: "" !important;

    position: absolute !important;

    width: 18px !important;
    height: 18px !important;

    border: 2px solid #ffffff !important;

    border-radius: 50% !important;

    left: 5px !important;
    top: 7px !important;

    box-sizing: border-box !important;

    z-index: 20 !important;

    pointer-events: none !important;
}


#formBuscador::after {

    content: "" !important;

    position: absolute !important;

    width: 9px !important;
    height: 2px !important;

    background: #ffffff !important;

    transform: rotate(45deg) !important;

    left: 20px !important;
    top: 24px !important;

    border-radius: 2px !important;

    z-index: 20 !important;

    pointer-events: none !important;
}

    /* -----------------------------------------------------
       OCULTAR EL BUSCADOR ORIGINAL
       ----------------------------------------------------- */

    #formBuscador .contenedor-buscador-wrapper {

        position: absolute !important;

        right: 0 !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        width: 0 !important;
        min-width: 0 !important;

        height: 40px !important;

        overflow: hidden !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        transition:
            width .3s ease,
            opacity .2s ease !important;
    }


    /* -----------------------------------------------------
       BUSCADOR ABIERTO
       ----------------------------------------------------- */

   /* -----------------------------------------------------
       BUSCADOR ABIERTO
       ----------------------------------------------------- */

    #formBuscador.buscador-abierto {

        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;

        flex: 0 0 200px !important;
    }


    #formBuscador.buscador-abierto
    .contenedor-buscador-wrapper {

        width: 230px !important;
        min-width: 230px !important;

        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;
    }


    /* -----------------------------------------------------
       INPUT
       ----------------------------------------------------- */

    #formBuscador.buscador-abierto
    .contenedor-buscador-input-buscador {

        width: 260px !important;

        height: 40px !important;

        box-sizing: border-box !important;

        padding: 8px 42px 8px 18px !important;

        border-radius: 22px !important;

        border: 1px solid rgba(255,255,255,.45) !important;

        background: rgba(0,0,0,.15) !important;

        color: #fff !important;
    }


    /* -----------------------------------------------------
       LUPA CUANDO ESTÁ ABIERTA
       ----------------------------------------------------- */

    #formBuscador.buscador-abierto::before {

        left: auto !important;
        right: 17px !important;
        top: 10px !important;
    }


    #formBuscador.buscador-abierto::after {

        left: auto !important;
        right: 8px !important;
        top: 25px !important;
    }

}
/* =========================================================
   AJUSTE PARA PANTALLAS PEQUEÑAS DE COMPUTADORA (Evita choque con el menú)
   ========================================================= */
@media screen and (min-width: 701px) and (max-width: 1300px) {
    /* Reduce ligeramente el espacio entre opciones del menú central */
    .contenedor-opciones-muebles-menu-computadora {
        gap: 15px !important; 
    }

    /* Hace que el buscador sea un poco más compacto al abrirse */
    #formBuscador.buscador-abierto {
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        flex: 0 0 160px !important;
    }

    #formBuscador.buscador-abierto .contenedor-buscador-wrapper {
        width: 180px !important;
        min-width: 180px !important;
    }

    #formBuscador.buscador-abierto .contenedor-buscador-input-buscador {
        width: 190px !important;
        padding: 8px 35px 8px 14px !important;
    }
}
/* =========================================================
   FONDO TRASLÚCIDO PARA PÁGINAS INTERNAS (IGUAL QUE EL INICIO)
   ========================================================= */

.header.header--pagina-interna {
    background: rgba(20, 20, 20, 0.4) !important;
    backdrop-filter: blur(8px) !important;
}

@media screen and (max-width: 700px) {
    .header.header--pagina-interna .contenedor-header-superior {
        background: rgba(20, 20, 20, 0.48) !important;
    }
}

/* -----------------------------------------------------
       LUPA CUANDO ESTÁ ABIERTA
       ----------------------------------------------------- */

    #formBuscador.buscador-abierto::before {

        left: auto !important;
        right: 17px !important;
        top: 10px !important;
    }


    #formBuscador.buscador-abierto::after {

        left: auto !important;
        right: 8px !important;
        top: 25px !important;
    }

} /* Cierre del media query general que ya tenías */



/* ==== banners_carrusel.css ==== */
.section-carrusel-banner{width:100%;height:auto;overflow:hidden;background-color:#000}.section-carrusel-banner-celular{width:100%;overflow:hidden;display:none;flex-wrap:wrap;background-color:#ccc}.contenedor-carrusel-banner{width:100%;position:relative;overflow:hidden}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:5 /31;max-height:1000px;position:relative;overflow:hidden}.pista-carrusel-banner{width:100%;display:flex;transition:transform .6s ease}.banner-carrusel{width:100%;flex-shrink:0}.banner-carrusel img{width:100%;height:auto;display:block;object-fit:cover}.pista-carrusel-banner-celular{width:100%;height:100%;display:flex;transition:transform .6s ease}.banner-carrusel-celular{width:100%;height:100%;flex-shrink:0}.banner-carrusel-celular img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.contenedor-flechas-carrusel,.contenedor-flechas-carrusel-celular{width:calc(100% - 60px);height:100%;padding:0 30px;position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.flecha-carrusel{width:55px;height:55px;border-radius:100%;background-color:#ffffff95;color:#000;display:flex;justify-content:center;align-items:center;font-size:35px;cursor:pointer;transition:.25s;pointer-events:all;-webkit-user-select:none;user-select:none}.flecha-carrusel:hover{background-color:#c30811;color:#fff}.contenedor-puntos-carrusel{width:100%;height:auto;position:absolute;left:0;bottom:25px;display:flex;justify-content:center;align-items:center;gap:12px 12px}.punto-carrusel{width:14px;height:14px;border-radius:100%;background-color:#ffffff80;cursor:pointer;transition:.25s}.punto-carrusel.activo{background-color:#c30811;transform:scale(1.2)}.acuse_legal_banners{width:100%;text-align:center;background-color:#fff;padding:10px 5px;font-size:clamp(11px,1.25vw,18px)}@media screen and (min-width:1001px)and (max-width:1500px){.flecha-carrusel{width:40px;height:40px;font-size:25px}}@media screen and (min-width:700px)and (max-width:1000px){.section-carrusel-banner{display:none}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:1/1;max-height:1000px}.section-carrusel-banner-celular{display:flex}.banner-carrusel-celular{white:100%}.contenedor-carrusel-banner{height:300px}.contenedor-flechas-carrusel{width:calc(100% - 20px);padding:0 10px}.flecha-carrusel{width:40px;height:40px;font-size:25px}.contenedor-puntos-carrusel{bottom:15px}.punto-carrusel{width:12px;height:12px}}@media screen and (min-width:500px)and (max-width:699px){.section-carrusel-banner{display:none}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:1/1;max-height:1000px}.section-carrusel-banner-celular{display:flex}.banner-carrusel-celular{white:100%}.flecha-carrusel{width:35px;height:35px;font-size:18px}.contenedor-puntos-carrusel{bottom:10px}.contenedor-flechas-carrusel-celular{width:calc(100% - 30px);padding:0 15px}}@media screen and (min-width:0px)and (max-width:599px){.section-carrusel-banner{display:none}.contenedor-carrusel-banner-celular{width:100%;aspect-ratio:1/1;max-height:1000px}.section-carrusel-banner-celular{display:flex}.banner-carrusel-celular{white:100%}.flecha-carrusel{width:34px;height:34px;font-size:17px}.contenedor-puntos-carrusel{bottom:10px}.contenedor-flechas-carrusel-celular{width:calc(100% - 30px);padding:0 15px}}


/* ==== nav_celular.css ==== */
.menu-inferior-premium{position:fixed;bottom:0;left:0%;width:calc(100% - 20px);max-width:450px;height:65px;background:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px 26px 0 0;box-shadow:0 -5px 15px #00000015;display:none;justify-content:space-around;align-items:center;padding:5px 10px 0;z-index:9999;overflow:hidden}.menu-inferior-premium:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:85%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.en-rojo{background-color:#ff2d2d!important;border-radius:25px}.en-rojo span{color:#fff!important}.en-rojo svg{fill:#fff!important}.opcion-menu-premium{width:90px;height:70px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;position:relative;transition:.3s cubic-bezier(.17,.84,.44,1)}.opcion-menu-premium:hover{transform:translateY(-4px)}.opcion-menu-premium:active{transform:scale(.92)}.icono-menu-premium{width:24px;height:24px;transition:.3s}.icono-menu-premium svg{width:100%;height:100%;fill:#4d5666;transition:.3s}.texto-menu-premium{font-size:12px;font-weight:600;letter-spacing:.3px;color:#4d5666;transition:.3s}.opcion-menu-premium:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0%;height:3px;border-radius:20px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:.3s}.opcion-menu-premium:hover:before{width:32px}.opcion-menu-premium:hover .icono-menu-premium svg{fill:#6d28d9}.opcion-menu-premium:hover .texto-menu-premium{color:#6d28d9}@media(max-width:480px){.menu-inferior-premium{display:flex}}


/* ==== footer.css ==== */
.footer{width:100%;background-color:#111;display:flex;flex-wrap:wrap;justify-content:center;align-content:start}.contenedor-footer{width:50%;display:grid;grid-template-columns:320px 1fr 1fr 1fr;justify-content:space-between;align-items:start;gap:40px 40px;padding:50px 30px;border-bottom:1px solid #2b2b2b}.contenedor-footer-logo-descripcion{width:350px;display:flex;flex-wrap:wrap;justify-content:start;align-content:start;gap:20px 20px}.footer-logo{width:225px}.footer-descripcion{color:#d1d1d1;font-size:18px;line-height:1.5}.contenedor-redes-footer{display:flex;flex-wrap:wrap;gap:15px 15px}.footer-red-social{width:40px;height:40px;border-radius:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;transition:.25s}.footer-red-social:hover{background-color:#c30811}.footer-red-social svg{width:22px}.footer-red-social svg path{fill:#000;transition:.25s}.footer-red-social:hover svg path{fill:#fff}.contenedor-footer-opciones{display:flex;flex-wrap:wrap;justify-content:start;align-content:start;gap:5px 18px}.footer-titulo{width:100%;color:#fff;font-size:38px;position:relative;margin-bottom:15px}.footer-titulo:after{content:"";width:55px;height:3px;background-color:#c30811;position:absolute;left:0;bottom:0}.footer-opcion{width:100%;color:#c7c7c7;font-size:17px;transition:.25s}.footer-opcion:hover{color:#c30811}.contenedor-footer-inferior{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;padding:20px 0;background-color:#3b3b3b75}.footer-copy{color:#8b8b8b;font-size:14px;text-align:center}@media screen and (min-width:1601px)and (max-width:1900px){.contenedor-footer{width:80%}}@media screen and (min-width:1231px)and (max-width:1600px){.contenedor-footer{width:90%}}@media screen and (min-width:0px)and (max-width:1230px){.contenedor-footer{width:100%;grid-template-columns:1fr;gap:20px 20px;padding:20px 40px 50px}.footer-descripcion{text-align:center}.contenedor-footer-logo-descripcion{width:100%;justify-content:center}.footer-titulo{text-align:center;font-size:30px}.footer-titulo:after{content:"";width:250px;height:3px;background-color:#c30811;position:absolute;left:50%;bottom:0;transform:translate(-50%)}.contenedor-footer-opciones{width:100%;justify-content:center}.footer-opcion{width:auto}.contenedor-redes-footer{width:100%;justify-content:center;display:flex}}@media screen and (min-width:0px)and (max-width:500px){.footer-logo{width:200px}}


/* ==== boton_flotante_whatsapp.css ==== */
.boton-whatsapp{position:fixed;bottom:20px;left:18px;z-index:50;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:#25d366;box-shadow:0 8px 20px #0000002e;transition:.25s ease}.boton-whatsapp:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000038}.boton-whatsapp-icono{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.boton-whatsapp svg,.boton-whatsapp-icono svg{width:35px!important;height:35px!important;max-width:100%!important;fill:#fff}.boton-whatsapp:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(37,211,102,.4);animation:pulsoWhatsapp 2.2s infinite}@keyframes pulsoWhatsapp{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}.boton-whatsapp-mensaje{position:absolute;left:70px;bottom:50%;transform:translateY(50%);transform-origin:left center;background-color:#fff;color:#3b3b3b;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 8px 20px #0000001f;white-space:nowrap;opacity:0;transform:translate(10px,50%);transition:.3s ease;pointer-events:none;display:inline-flex;align-items:center}.boton-whatsapp-mensaje:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #ffffff}.boton-whatsapp-mensaje.activo{opacity:1;transform:translateY(50%)}@media screen and (max-width:700px){.boton-whatsapp{width:48px!important;height:48px!important;right:14px!important;bottom:95px!important;display:flex!important;z-index:999999!important}.boton-whatsapp-icono svg{width:24px!important;height:24px!important}.boton-whatsapp-mensaje{display:none!important}}


/* ==== ventana_emergente.css ==== */
*{margin:0%;padding:0%}:root{--fondo-ventana-emergente: #ffffff;--color-titulo-ventana-emergente: #000000;--color-frase-ventana-emergente: #252525;--fondo-boton-ventana-emergente: #ff0000;--color-boton-ventana-emergente: #ffffff;--grosor-boton-ventana-emergente: 600;--grosor-titulo-ventana-emergente: 600;--grosor-frase-ventana-emergente: 400;--color-cerrar-ventana-emergente: #000000;--grosor-cerrar-ventana-emergente: 600;--color-vigencia-ventana-emergente: #000000;--grosor-vigencia-ventana-emergente: 400;--sombra-titulo-ventana-emergente: 2px 2px 6px #00000075;--sombra-frase-ventana-emergente: 2px 2px 6px #00000075;--sombra-vigencia-ventana-emergente: 2px 2px 6px #00000075;--duracion-lluvia-svg: 6s;--tamano-lluvia-svg: 32px}.contenedor-ventana-emergente{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;background-color:#00000075;z-index:9999}.ventana-emergente{background-color:var(--fondo-ventana-emergente);background-image:var(--imagen-fondo-ventana-emergente);background-size:cover;background-position:center;background-repeat:no-repeat;padding:clamp(20px,2.5vw,50px);border-radius:clamp(20px,2.5vw,35px);display:flex;flex-wrap:wrap;justify-content:center;align-content:center;position:relative;overflow:hidden;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;min-width:300px;width:80%;max-width:500px;gap:clamp(20px,1.5vw,25px);max-height:350px}.lluvia-svg-ventana-emergente{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit}.lluvia-svg-ventana-emergente img{position:absolute;top:-10%;width:var(--tamano-lluvia-svg);height:auto;opacity:.9;will-change:transform;animation-name:caer-svg-ventana-emergente;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes caer-svg-ventana-emergente{0%{transform:translateY(0) rotate(0)}to{transform:translateY(1500px) rotate(360deg)}}.cerrar-ventana-emergente{position:absolute;top:10px;right:10px;cursor:pointer;transition:.25s;font-weight:var(--grosor-cerrar-ventana-emergente);padding:5px;background-color:#cccccc30;border-radius:7px;color:var(--color-cerrar-ventana-emergente);z-index:2}.cerrar-ventana-emergente:hover{background-color:#c9373730}.cerrar-ventana-emergente:active{transform:scale(.85)}.titulo-ventana-emergente{width:100%;text-align:center;color:var(--color-titulo-ventana-emergente);font-weight:var(--grosor-titulo-ventana-emergente);font-size:clamp(22px,2.25vw,27px);text-shadow:var(--sombra-titulo-ventana-emergente);position:relative;z-index:1}.frase-ventana-emergente{width:100%;text-align:center;color:var(--color-frase-ventana-emergente);font-weight:var(--grosor-frase-ventana-emergente);font-size:clamp(17px,1.75vw,22px);text-shadow:var(--sombra-frase-ventana-emergente);position:relative;z-index:1}.boton-ventana-emergente{border:none;padding:10px 15px;border-radius:clamp(10px,1.25vw,18px);cursor:pointer;transition:.25s;background-color:var(--fondo-boton-ventana-emergente);color:var(--color-boton-ventana-emergente);font-weight:var(--grosor-boton-ventana-emergente);margin-top:10px;margin-bottom:15px;position:relative;z-index:1}.boton-ventana-emergente:active{transform:scale(.9)}.vigencia-ventana-emergenter{width:100%;text-align:center;color:var(--color-vigencia-ventana-emergente);font-size:clamp(13px,1.5vw,20px);font-weight:var(--grosor-vigencia-ventana-emergente);position:absolute;left:0;bottom:10px;text-shadow:var(--sombra-vigencia-ventana-emergente);z-index:1}


/* ==== index.css ==== */
:root{--fondo-seccion-beneficios: #ffffff}*{margin:0;padding:0;font-family:Poppins,sans-serif}p,a,input{text-decoration:none}body{display:flex;flex-wrap:wrap;justify-content:start;align-content:start}.main{width:100%;overflow-x:hidden;display:flex;flex-wrap:wrap;justify-content:center}.section-favoritos-troncoso{width:100%;padding:60px 125px;box-sizing:border-box;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-content:start;gap:50px 50px}.contenedor-h2-secciones-index{width:100%;display:flex;justify-content:center}.h2-secciones-index{width:auto;position:relative;font-size:clamp(27px,3vw,55px);color:#000;padding:0 35px}.h2-secciones-index:after{content:"";width:100%;height:4px;background-color:#c30811;position:absolute;left:0;bottom:0}.contenedor-productos-favoritos-troncoso{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 25px}.tarjeta-producto-favoritos-troncoso{width:100%;display:flex;flex-wrap:wrap}.contenedor-imagen-producto-favoritos-troncoso{width:100%;aspect-ratio:4.5 / 3;position:relative;border-radius:20px;overflow:hidden}.imagen-producto-favoritos-troncoso{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}.tarjeta-producto-favoritos-troncoso:hover .imagen-producto-favoritos-troncoso{transform:scale(1.05)}.contenedor-puntos-producto-favoritos-troncoso{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:4px 4px}.contenedor-puntos-producto-favoritos-troncoso span{width:7px;height:7px;border-radius:100%}.producto-favoritos-troncoso-titulo{margin-top:0;color:#5a5a5a;font-size:clamp(15px,1.5vw,22px);font-weight:600;line-height:1.4;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.producto-favoritos-troncoso-precio-tachado{margin-top:10px;color:#9a9a9a;text-decoration:line-through;font-size:clamp(14px,1vw,17px);text-align:center}.producto-favoritos-troncoso-precio{margin-top:8px;text-align:center;color:#ff1d1d;font-size:clamp(18px,1.2vw,22px);font-weight:700}.contenedor-productos-favoritos-troncoso{grid-template-columns:repeat(5,minmax(0,1fr))}.tarjeta-producto-favoritos-troncoso:nth-child(n+16){display:none}.contenedor-precios-tarjeta-articulos{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;gap:5px 10px}.contenedor-informacion-tarjetas{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0px 10px;padding:15px 0;box-sizing:border-box}.contenedor-botones-tarjeta-articulos{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;gap:25px 25px;margin-top:20px}.boton-agregar-al-carrito{background-color:#fff;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;padding:7.5px 10px;color:#000;font-weight:600;gap:10px 10px;cursor:pointer;transition:.25s;border:none;font-size:clamp(13px,1.5vw,16px);border:1px #000000 solid}.boton-comprar{background-color:#000;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;padding:7.5px 20px;color:#fff;font-weight:600;gap:10px 10px;cursor:pointer;transition:.25s;border:none;font-size:clamp(13px,1.5vw,16px)}.boton-comprar:hover{background-color:#c30811}.contenedor-opciones-header-superior-icono-tarjeta{width:20px;fill:#000}.boton-agregar-al-carrito:hover{background-color:#000;color:#fff}.boton-agregar-al-carrito:hover svg path{fill:#fff}.contenedor-imagen-producto-favoritos-troncoso{position:relative;background:transparent}.contenedor-puntos-producto-favoritos-troncoso{position:absolute;top:15px;right:15px;width:auto;height:auto;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;z-index:1;transition:.3s ease;background:transparent}.contenedor-puntos-producto-favoritos-troncoso:hover{transform:scale(1.06);background:transparent}.contenedor-puntos-producto-favoritos-troncoso span{width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 7px #000}.menu-opciones-producto-favoritos{position:absolute;top:10px;right:10px;width:190px;background:#fff;border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s ease;z-index:10;box-shadow:0 15px 40px #00000024}.menu-opciones-producto-favoritos.activo{opacity:1;visibility:visible;transform:translateY(0)}.opcion-menu-producto-favoritos{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;cursor:pointer;transition:.25s ease;font-size:14px;font-weight:500;color:#000}.opcion-menu-producto-favoritos:hover{background:#f5f5f5}.opcion-menu-producto-favoritos svg{width:18px;height:18px;flex-shrink:0}@media screen and (min-width:1801px)and (max-width:2200px){.contenedor-productos-favoritos-troncoso{grid-template-columns:repeat(4,minmax(0,1fr))}.tarjeta-producto-favoritos-troncoso:nth-child(n+9){display:none}}@media screen and (min-width:1601px)and (max-width:1800px){.contenedor-productos-favoritos-troncoso{grid-template-columns:repeat(3,minmax(0,1fr))}.tarjeta-producto-favoritos-troncoso:nth-child(n+7){display:none}.section-favoritos-troncoso{padding:50px 100px}}@media screen and (min-width:1201px)and (max-width:1600px){.contenedor-productos-favoritos-troncoso{grid-template-columns:repeat(3,minmax(0,1fr))}.tarjeta-producto-favoritos-troncoso:nth-child(n+7){display:none}.section-favoritos-troncoso{padding:50px}}@media screen and (min-width:1001px)and (max-width:1200px){.section-favoritos-troncoso{padding:50px}.contenedor-productos-favoritos-troncoso{grid-template-columns:repeat(3,minmax(0,1fr))}.tarjeta-producto-favoritos-troncoso:nth-child(n+7){display:none}.boton-agregar-al-carrito,.boton-comprar{padding:5px 8px}}@media screen and (min-width:801px)and (max-width:1000px){.section-favoritos-troncoso{padding:50px}.contenedor-productos-favoritos-troncoso{grid-template-columns:repeat(2,minmax(0,1fr))}.tarjeta-producto-favoritos-troncoso:nth-child(n+9){display:none}.h2-secciones-index{font-size:40px}}@media screen and (min-width:701px)and (max-width:800px){.section-favoritos-troncoso{width:calc(100% + -0px);padding:25px 50px}.contenedor-productos-favoritos-troncoso{grid-template-columns:repeat(2,minmax(0,1fr))}.tarjeta-producto-favoritos-troncoso:nth-child(n+7){display:none}.h2-secciones-index{font-size:35px}}@media screen and (min-width:0px)and (max-width:700px){.section-favoritos-troncoso{padding:40px 20px;gap:35px 35px}.h2-secciones-index{text-align:center;padding:0 25px;font-size:25px}.contenedor-productos-favoritos-troncoso{grid-template-columns:1fr;gap:30px 20px;overflow-x:hidden}.tarjeta-producto-favoritos-troncoso:nth-child(n+7){display:none}.tarjeta-producto-favoritos-troncoso{width:100%;display:flex;flex-wrap:wrap}.contenedor-productos-favoritos-troncoso,.tarjeta-producto-favoritos-troncoso{min-width:0}}@media screen and (min-width:0px)and (max-width:1230px){.contenedor-opciones-header-superior-icono-tarjeta{display:none}}.seccion-categorias{width:calc(100% + -0px);height:auto;padding:100px 0;gap:50px 50px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;position:relative;background-color:#cccccc45;overflow:hidden}.shopify-section{width:100%;height:auto;padding:0;gap:50px 50px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.seccion-categorias:before,.seccion-categorias:after{content:"";position:absolute;left:0;width:200%;height:80px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'><path d='M0,60 C150,120 350,0 600,60 C850,120 1050,0 1200,60 L1200,120 L0,120 Z' fill='%23ffffff'/></svg>");background-size:600px 100%;background-repeat:repeat-x;animation:waveMove 8s linear infinite}.seccion-categorias:before{top:0;transform:scaleY(-1)}.seccion-categorias:after{bottom:0;transform:scaleY(1);animation-direction:reverse}@keyframes waveMove{0%{background-position-x:0}to{background-position-x:600px}}.contenedor-tarjetas-categorias{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:50px 50px}.tarjeta-categoria{width:300px;height:auto;border-radius:22px;background:linear-gradient(160deg,#ffffff40,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;cursor:pointer;transition:.6s cubic-bezier(.16,1,.3,1);padding:10px 10px 20px;background-color:#fff}.tarjeta-categoria:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.35),transparent 60%);opacity:0;transition:.6s}.tarjeta-categoria:hover:before{opacity:1;transform:translate(120%)}.tarjeta-categoria:hover{transform:translateY(-20px) scale(1.025) rotateX(6deg);box-shadow:0 40px 80px #0003}.tarjeta-categoria .tarjeta-categoria-image{height:160px;border-radius:18px}.tarjeta-categoria-image{display:flex;flex-wrap:wrap;justify-content:center;transition:.25s}.tarjeta-categoria-image img{height:100%;object-fit:cover;transition:.25s}.tarjeta-categoria:hover .tarjeta-categoria-image img{transform:scale(1.2) rotate(-15deg)}.tarjeta-categoria .tarjeta-categoria-content{color:#3b3b3b}.tarjeta-categoria-content{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.tarjeta-categoria h3{margin:12px 0 0;padding:0;font-size:clamp(20px,1.5vw,25px);text-align:center;width:100%}.tarjeta-categoria p{font-size:clamp(13px,1.5vw,20px);opacity:.85;line-height:1.4;text-align:center;margin-top:5px}.tarjeta-categoria a{margin-top:18px;padding:7px 18px;border:none;border-radius:15px;background:linear-gradient(135deg,var(--accent),#a66cff);color:#fff;font-weight:600;cursor:pointer;transition:.4s;background-color:#de0a14;font-size:clamp(14px,1vw,18px)}.tarjeta-categoria a:hover{transform:scale(1.1);box-shadow:0 0 25px #00000040}@media screen and (min-width:1300px)and (max-width:1530px){.tarjeta-categoria{width:240px;height:240px}}@media screen and (min-width:1001px)and (max-width:1200px){.seccion-categorias{width:calc(100% - 100px);padding:75px 50px}.tarjeta-categoria{width:calc(50% - 50px)}}@media screen and (min-width:801px)and (max-width:1000px){.seccion-categorias{width:calc(100% - 100px);padding:75px 50px}.tarjeta-categoria{width:calc(50% - 50px)}}@media screen and (min-width:701px)and (max-width:800px){.seccion-categorias{width:calc(100% - 100px);padding:75px 50px}.seccion-muebles-2{width:calc(100% - 50px);padding:25px}.seccion-categorias:before,.seccion-categorias:after{width:200%;height:70px;background-size:600px 100%}.contenedor-tarjetas-categorias{gap:25px 25px}.tarjeta-categoria{width:calc(50% - 35px)}}@media screen and (min-width:0px)and (max-width:700px){.seccion-categorias{width:calc(100% - 40px);padding:75px 20px}.seccion-muebles-2{width:calc(100% - 50px);padding:25px}.seccion-categorias:before,.seccion-categorias:after{width:200%;height:70px;background-size:600px 100%}.contenedor-tarjetas-categorias{gap:25px 25px}.tarjeta-categoria{width:100%}.contenedor-tarjetas-categorias{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-content:center;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px}.tarjeta-categoria{flex:0 0 auto;width:260px;scroll-snap-align:start}.contenedor-tarjetas-categorias::-webkit-scrollbar{display:none}}section.seccion-beneficios{width:100%!important;display:flex!important;justify-content:center!important;background-color:var(--fondo-seccion-beneficios)!important;padding:80px 20px!important;box-sizing:border-box!important}section.seccion-beneficios .contenedor-interno-beneficios{width:100%!important;max-width:1200px!important;display:flex!important;flex-direction:column!important;align-items:center!important}section.seccion-beneficios .contenedor-tarjetas-beneficios{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px!important;margin-top:50px!important;box-sizing:border-box!important;align-items:stretch!important}section.seccion-beneficios .contenedor-h2-secciones-index{width:100%!important;display:flex!important;justify-content:center!important}section.seccion-beneficios .h2-secciones-index{font-size:clamp(26px,3vw,42px)!important;color:#000!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-bottom:10px}section.seccion-beneficios .h2-secciones-index:after{content:""!important;width:60px!important;height:4px!important;background-color:#c30811!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important;bottom:0!important;border-radius:2px}section.seccion-beneficios .tarjeta-beneficios{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:24px!important;padding:35px 20px!important;box-sizing:border-box!important;box-shadow:0 10px 30px #00000008!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative;overflow:hidden}section.seccion-beneficios .tarjeta-beneficios:hover{transform:translateY(-8px)!important;border-color:#c308114d!important;box-shadow:0 20px 40px #c3081114!important}section.seccion-beneficios .contenedor-imagen-beneficios{width:130px!important;height:130px!important;background:#c308110d!important;border-radius:50%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:22px!important;flex-shrink:0!important;transition:all .4s ease}section.seccion-beneficios .tarjeta-beneficios:hover .contenedor-imagen-beneficios{background:#c30811!important;transform:scale(1.05)}section.seccion-beneficios .tarjeta-beneficios:hover .contenedor-imagen-beneficios svg path,section.seccion-beneficios .tarjeta-beneficios:hover .contenedor-imagen-beneficios svg polygon,section.seccion-beneficios .tarjeta-beneficios:hover .contenedor-imagen-beneficios svg circle{fill:#fff!important;stroke:#fff!important}section.seccion-beneficios .contenedor-imagen-beneficios svg,section.seccion-beneficios .tarjeta-beneficios img{width:65px!important;height:65px!important;object-fit:contain!important;transition:.3s ease}section.seccion-beneficios .tarjeta-beneficios h4{width:100%!important;color:#1a1a1a!important;font-size:17px!important;font-weight:700!important;margin-bottom:12px!important;letter-spacing:-.2px}section.seccion-beneficios .tarjeta-beneficios p{width:100%!important;color:#666!important;font-size:13.5px!important;line-height:1.5!important;font-weight:400!important;margin-top:auto!important}@media screen and (min-width:701px)and (max-width:1100px){section.seccion-beneficios .contenedor-tarjetas-beneficios{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:700px!important}}@media screen and (max-width:700px){section.seccion-beneficios{padding:50px 15px!important}section.seccion-beneficios .contenedor-tarjetas-beneficios{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;margin-top:30px!important;align-items:stretch!important}section.seccion-beneficios .tarjeta-beneficios{padding:20px 10px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;height:100%!important;box-sizing:border-box!important}section.seccion-beneficios .contenedor-imagen-beneficios{width:85px!important;height:85px!important;margin-bottom:15px!important}section.seccion-beneficios .contenedor-imagen-beneficios svg,section.seccion-beneficios .tarjeta-beneficios img{width:45px!important;height:45px!important}section.seccion-beneficios .tarjeta-beneficios h4{font-size:12.5px!important;margin-bottom:6px!important;min-height:30px;display:flex;align-items:center;justify-content:center}section.seccion-beneficios .tarjeta-beneficios p{font-size:10px!important;line-height:1.3!important}}.seccion-carrusel-productos{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:50px 0px;padding:100px 40px 60px;box-sizing:border-box}.contenedor-tarjetas-carrusel-productos{width:max-content;display:flex;align-items:stretch;gap:0px 25px;will-change:transform;animation:carruselInfinitoProductos 120s linear infinite}.tarjeta-carrusel-producto{width:100%;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background-color:#f9f9f9;box-shadow:0 4px 18px #00000014;transition:box-shadow .3s ease}.tarjeta-carrusel-producto:hover{box-shadow:0 8px 30px #00000026}.contenedor-imagen-tarjeta-carrusel{width:100%;aspect-ratio:4 / 3;position:relative;overflow:hidden;border-radius:18px 18px 0 0}.imagen-tarjeta-carrusel{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.tarjeta-carrusel-producto:hover .imagen-tarjeta-carrusel{transform:scale(1.07)}.boton-comprar-tarjeta-carrusel{position:absolute;bottom:12px;right:12px;padding:7px 16px;border-radius:6px;border:1.5px solid #ffffff;background-color:transparent;color:#fff;font-size:clamp(10px,1vw,13px);font-weight:600;cursor:pointer;transition:background-color .25s ease,color .25s ease;z-index:2;letter-spacing:.3px}.boton-comprar-tarjeta-carrusel:hover{background-color:#000;border-color:#000;color:#fff}.contenedor-info-tarjeta-carrusel{width:100%;padding:14px 16px 18px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px 0px}.nombre-tarjeta-carrusel{margin:0;font-size:14px;font-weight:600;color:#2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.contenedor-precios-tarjeta-carrusel{display:flex;align-items:center;gap:0px 10px;flex-wrap:wrap}.precio-lista-tarjeta-carrusel{font-size:13px;color:#9a9a9a;text-decoration:line-through;font-weight:400}.precio-costo-tarjeta-carrusel{font-size:16px;color:#c30811;font-weight:700}.seccion-carrusel-productos{overflow:hidden;position:relative}.tarjeta-carrusel-producto{flex:0 0 320px;min-width:320px;max-width:320px}@keyframes carruselInfinitoProductos{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12.5px))}}.contenedor-tarjetas-carrusel-productos:hover{animation-play-state:paused}@media screen and (min-width:1201px)and (max-width:1600px){.contenedor-tarjetas-carrusel-productos{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:901px)and (max-width:1200px){.contenedor-tarjetas-carrusel-productos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:601px)and (max-width:900px){.seccion-carrusel-productos{padding:80px 25px 50px}.contenedor-tarjetas-carrusel-productos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:600px){.seccion-carrusel-productos{padding:60px 15px 40px;gap:35px 0px}.contenedor-tarjetas-carrusel-productos{grid-template-columns:1fr;gap:30px 0px}.contenedor-tarjetas-carrusel-productos{gap:25px 25px}}.seccion-contenido-multimedia{width:calc(100% - 200px);position:relative;overflow:hidden;display:block;background:#cccccc45;padding:100px}.onda-superior-multimedia,.onda-inferior-multimedia{position:absolute;left:0;width:200%;height:100px;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'><path d='M0,60 C150,120 350,0 600,60 C850,120 1050,0 1200,60 L1200,120 L0,120 Z' fill='%23ffffff'/></svg>");background-repeat:repeat-x;background-size:1200px 100px;animation:moverOndaMultimedia 12s linear infinite}.onda-superior-multimedia{top:0;transform:scaleY(-1)}.onda-inferior-multimedia{bottom:0}@keyframes moverOndaMultimedia{0%{background-position-x:0}to{background-position-x:-1200px}}.contenedor-carrusel-multimedia{width:calc(100% - 200px);position:relative;overflow:hidden;line-height:0;border-radius:75px;margin-left:auto;margin-right:auto;z-index:1}.imagen-contenido-multimedia{width:100%;height:auto;display:block;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity .6s ease;z-index:0}.imagen-contenido-multimedia.active{opacity:1;position:relative;z-index:1}.flecha-carrusel-multimedia{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border:none;border-radius:50%;background:#3b3b3bbf;color:#fff;font-size:32px;font-weight:700;cursor:pointer;transition:.25s;z-index:10}.flecha-carrusel-multimedia:hover{background:#de0a14}.flecha-carrusel-multimedia:active{transform:translateY(-50%) scale(.95)}.flecha-anterior-multimedia{left:25px}.flecha-siguiente-multimedia{right:25px}.multimedia-layout{width:100%;display:flex;gap:25px;align-items:flex-start;margin-top:50px}.multimedia-previews{width:400px;display:flex;flex-direction:column;gap:15px;opacity:.5;transition:.25s}.multimedia-previews:hover{opacity:1}.preview-item{width:100%;height:auto;display:flex;flex-direction:column;gap:8px;cursor:pointer;padding:0;border-radius:18px;transition:.25s;background:#fff}.preview-item img{width:100%;height:auto;object-fit:cover;border-radius:12px}.preview-item span{font-size:12px;font-weight:600;color:#333}.preview-item:hover{transform:translateY(-3px);border-color:#de0a14;box-shadow:0 10px 25px #00000014}@media(max-width:1000px){.multimedia-layout{display:block}.multimedia-previews{display:none}}@media screen and (max-width:700px){.flecha-carrusel-multimedia{width:45px;height:45px;font-size:24px}.flecha-anterior-multimedia{left:10px}.flecha-siguiente-multimedia{right:10px}.seccion-contenido-multimedia{width:calc(100% - 40px);padding:100px 20px}}.contenedor-navegador-banners-multimedia{width:calc(100% - 200px);height:50px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;z-index:3;padding:10px 100px;overflow:hidden;opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.contenedor-navegador-nombre-multimedia{color:#3b3b3b;background:transparent;border-radius:10px;padding:5px 15px;font-weight:600;cursor:pointer;transition:.25s;font-size:clamp(14px,1.5vw,18px);border:2px #cccccc75 solid}.contenedor-navegador-opciones-multimedia{display:flex;flex-wrap:wrap;gap:20px 20px}.contenedor-navegador-nombre-multimedia:hover{background:#de0a14;color:#fff;border:2px #de0a14 solid}.texto-multimedia{font-size:clamp(14px,1.25vw,16px);color:#000}.texto-multimedia span{font-size:clamp(14px,1.5vw,19px);font-weight:600;color:#000;cursor:pointer;transition:.25s;display:inline-block}.texto-multimedia span:hover{color:#b31114}.texto-multimedia span:active{transform:scale(1.25)}.imagen-superpuesta-multimedia-1,.imagen-superpuesta-multimedia-2,.imagen-superpuesta-multimedia-3,.imagen-superpuesta-multimedia-4{position:absolute;top:-5px;width:25%;transform:scaleY(-1);z-index:2}.imagen-superpuesta-multimedia-1{left:0%}.imagen-superpuesta-multimedia-2{left:25%}.imagen-superpuesta-multimedia-3{left:50%}.imagen-superpuesta-multimedia-4{left:75%}.vigencia-ventana-emergente{width:100%;font-size:13px;margin-top:15px}@media screen and (min-width:1401px)and (max-width:2000px){.contenedor-carrusel-multimedia{border-radius:40px}.multimedia-previews{width:250px}}@media screen and (min-width:1000px)and (max-width:1400px){.contenedor-carrusel-multimedia{border-radius:40px}.multimedia-previews{width:230px}.seccion-contenido-multimedia{width:calc(100% - 100px);padding:100px 50px}}@media screen and (min-width:700px)and (max-width:999Px){.contenedor-carrusel-multimedia{margin-top:30px;border-radius:50px}.contenedor-carrusel-multimedia{width:calc(100% - 100px);margin-top:40px}}@media screen and (min-width:0px)and (max-width:699Px){.contenedor-carrusel-multimedia{margin-top:30px;border-radius:30px}.contenedor-carrusel-multimedia{width:calc(100% + -0px);margin-top:30px}.contenedor-navegador-banners-multimedia{width:calc(100% + -0px);padding:10px 0}.contenedor-navegador-opciones-multimedia{display:flex;flex-wrap:wrap;gap:15px 15px}.contenedor-navegador-nombre-multimedia{padding:5px 10px}}.seccion-camion-moviendose{width:100%;display:flex;overflow:hidden;position:relative;background-color:#fff;align-items:flex-start}.camion-moviendose{width:150px;position:relative;cursor:pointer;z-index:10;animation:moverCamion 15s linear infinite}@keyframes moverCamion{0%{transform:translate(-160px) scaleX(1)}49%{transform:translate(100vw) scaleX(1)}50%{transform:translate(100vw) scaleX(-1)}to{transform:translate(-160px) scaleX(-1)}}.caja-cayendo{position:absolute;width:40px;height:40px;z-index:5;animation:caerCaja .8s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes caerCaja{0%{top:var(--start-y);transform:translateY(0) rotate(0);opacity:1}90%{opacity:1}to{top:calc(var(--start-y) + 250px);transform:rotate(15deg);opacity:0}}#shopify-section-carrusel_de_banners{order:1}#shopify-section-favoritos_troncoso{order:3}#shopify-section-contenidomultimedia{order:6}#shopify-section-beneficios{order:4}#shopify-section-tarjetas_carrusel{order:5}#shopify-section-categorias{order:2}#shopify-section-muebles_generales{order:7}#shopify-section-camion_moviendose{order:8}@media screen and (min-width:701px)and (max-width:1000px){#shopify-section-carrusel_de_banners{order:1}#shopify-section-favoritos_troncoso{order:3}#shopify-section-contenidomultimedia{order:2}#shopify-section-beneficios{order:4}#shopify-section-tarjetas_carrusel{order:5}#shopify-section-categorias{order:6}#shopify-section-muebles_generales{order:7}#shopify-section-camion_moviendose{order:8}}@media screen and (min-width:501px)and (max-width:700px){#shopify-section-carrusel_de_banners{order:1}#shopify-section-favoritos_troncoso{order:3}#shopify-section-contenidomultimedia{order:2}#shopify-section-beneficios{order:4}#shopify-section-tarjetas_carrusel{order:5}#shopify-section-categorias{order:6}#shopify-section-muebles_generales{order:7}#shopify-section-camion_moviendose{order:8}}@media screen and (min-width:0px)and (max-width:500px){#shopify-section-carrusel_de_banners{order:1}#shopify-section-favoritos_troncoso{order:3}#shopify-section-contenidomultimedia{order:2}#shopify-section-beneficios{order:4}#shopify-section-tarjetas_carrusel{order:5}#shopify-section-categorias{order:6}#shopify-section-muebles_generales{order:7}#shopify-section-camion_moviendose{order:8}}a[href*="wa.me"] svg,a[href*="wa.me"] img{width:60px!important;height:60px!important;max-width:100%!important}


/* ==== collection ==== */


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.coleccion-troncoso-wrapper {
  width: 100%;
  padding: 145px 20px 40px;
  box-sizing: border-box;
}


/* =========================================================
   CUADRO GRIS PRINCIPAL
   ========================================================= */

.coleccion-troncoso {
  width: 100%;
  max-width: 1710px;
  margin: 0 auto;

  padding: 60px 40px 70px;

  background: #d4d4d4;

  border-radius: 16px;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.encabezado-coleccion-troncoso {
  text-align: center;

  max-width: 800px;

  margin: 0 auto 45px;

  position: relative;

  z-index: 3;
}


/* PEQUEÑA ETIQUETA */

.etiqueta-coleccion-troncoso {
  display: inline-block;

  margin-bottom: 10px;

  padding: 7px 15px;

  border-radius: 30px;

  background: #de0a14;

  color: #ffffff;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.5px;

  text-transform: uppercase;
}


/* TÍTULO */

.titulo-coleccion-troncoso {
  margin: 0;

  color: #d4d4d4;

  font-size: clamp(30px, 4vw, 48px);

  line-height: 1.1;

  font-weight: 700;

  letter-spacing: -0.5px;
}


/* DESCRIPCIÓN */

.descripcion-coleccion-troncoso {
  margin: 14px auto 0;

  max-width: 650px;

  color: #555;

  font-size: 16px;

  line-height: 1.6;
}


/* =========================================================
   GRID DE PRODUCTOS
   ========================================================= */

.productos-coleccion-troncoso {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 22px;

  width: 100%;

  max-width: 1550px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;
}


/* =========================================================
   TARJETA
   ========================================================= */

.tarjeta-coleccion-troncoso {

  background: #ffffff;

  border: 1px solid rgba(40, 55, 45, 0.08);

  border-radius: 18px;

  overflow: visible;

  display: flex;

  flex-direction: column;

  width: 100%;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}


/* ELEVACIÓN DE TARJETA */

.tarjeta-coleccion-troncoso:hover {

  transform: translateY(-6px);

  box-shadow:
    0 18px 45px rgba(35, 48, 39, 0.14);

  z-index: 10;
}


/* =========================================================
   ENLACE
   ========================================================= */

.enlace-producto-coleccion {

  display: block;

  width: 100%;

  color: inherit;

  text-decoration: none;

  position: relative;
}


/* =========================================================
   CONTENEDOR DE IMAGEN
   ========================================================= */

.imagen-producto-coleccion {

  position: relative;

  width: 100%;

  min-height: 360px;

  background: #eeeae1;

  border-radius: 18px 18px 0 0;

  overflow: visible;

  z-index: 2;
}


/* =========================================================
   IMAGEN
   ========================================================= */

.foto-producto-coleccion {

  width: 100%;

  height: 360px;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 18px 18px 0 0;

  position: relative;

  z-index: 1;

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}


/* =========================================================
   EFECTO POP-OUT
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

  .tarjeta-coleccion-troncoso:hover
  .foto-producto-coleccion {

    transform: scale(1.10);

    box-shadow:
      0 15px 30px rgba(0, 0, 0, 0.16);

    z-index: 20;
  }

}


/* =========================================================
   INFORMACIÓN DEL PRODUCTO
   ========================================================= */

.informacion-producto-coleccion {

  padding: 18px 18px 20px;

  background: #ffffff;

  border-radius: 0 0 18px 18px;

  position: relative;

  z-index: 3;
}


/* NOMBRE */

.nombre-producto-coleccion {

  margin: 0 0 8px;

  color: #28372d;

  font-size: 17px;

  line-height: 1.35;

  font-weight: 600;
}


/* PRECIO */

.precio-producto-coleccion {

  margin: 0;

  color: #333333;

  font-size: 16px;

  font-weight: 700;
}


/* =========================================================
   SIN PRODUCTOS
   ========================================================= */

.sin-productos-coleccion {

  padding: 70px 20px;

  text-align: center;

  background: #ffffff;

  border-radius: 18px;

  color: #555;

  font-size: 16px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1100px) {

  .productos-coleccion-troncoso {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;
  }

}


/* =========================================================
   TABLET / MÓVIL
   ========================================================= */

@media screen and (max-width: 768px) {

  .coleccion-troncoso-wrapper {

    padding: 15px 12px 30px;
  }


  .coleccion-troncoso {

    padding: 45px 14px 55px;

    border-radius: 14px;
  }


  .encabezado-coleccion-troncoso {

    margin-bottom: 30px;
  }


  .titulo-coleccion-troncoso {

    font-size: 32px;
  }


  .descripcion-coleccion-troncoso {

    font-size: 14px;

    padding: 0 10px;
  }


  .productos-coleccion-troncoso {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;
  }


  .imagen-producto-coleccion {

    min-height: 210px;
  }


  .foto-producto-coleccion {

    height: 210px;
  }


  .informacion-producto-coleccion {

    padding: 13px 12px 15px;
  }


  .nombre-producto-coleccion {

    font-size: 14px;

    margin-bottom: 6px;
  }


  .precio-producto-coleccion {

    font-size: 14px;
  }

}


/* =========================================================
   MÓVILES PEQUEÑOS
   ========================================================= */

@media screen and (max-width: 480px) {

  .coleccion-troncoso {

    padding-left: 10px;

    padding-right: 10px;
  }


  .productos-coleccion-troncoso {

    gap: 10px;
  }


  .imagen-producto-coleccion {

    min-height: 190px;
  }


  .foto-producto-coleccion {

    height: 190px;
  }


  .titulo-coleccion-troncoso {

    font-size: 28px;
  }

}

