/* TXP_HERO_ENGINE_V1_BASE */

body.common-home .qivo-home-slider-fullbleed{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

body.common-home .txp-hero-engine-v1{
    display:block!important;
    position:relative!important;

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

    aspect-ratio:5/7!important;
    height:auto!important;

    margin-left:calc(50% - 50vw)!important;

    padding:0!important;

    overflow:hidden!important;

    background:#fffefe!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    line-height:0!important;
}

body.common-home .txp-hero-engine-v1__track{
    position:absolute!important;
    inset:0!important;

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

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

body.common-home .txp-hero-engine-v1__slide{
    position:absolute!important;
    inset:0!important;

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

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

    overflow:hidden!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transition:
        opacity .58s cubic-bezier(.22,.61,.36,1),
        visibility .58s linear!important;
}

body.common-home .txp-hero-engine-v1__slide.is-active{
    z-index:3!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

body.common-home .txp-hero-engine-v1__image{
    position:absolute!important;
    inset:0!important;

    display:block!important;

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

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

    object-fit:cover!important;
    object-position:center center!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body.common-home .txp-hero-engine-v1__dots{
    position:absolute!important;
    z-index:40!important;

    left:50%!important;
    bottom:13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

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

    transform:translateX(-50%)!important;

    border-radius:999px!important;

    background:rgba(255,254,254,.76)!important;
    box-shadow:0 5px 18px rgba(86,75,85,.12)!important;
}

body.common-home .txp-hero-engine-v1__dot{
    appearance:none!important;
    -webkit-appearance:none!important;

    display:block!important;

    width:7px!important;
    min-width:7px!important;
    height:7px!important;

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

    border:0!important;
    border-radius:999px!important;

    background:rgba(86,75,85,.28)!important;

    box-shadow:none!important;
    outline:0!important;
    cursor:pointer!important;
}

body.common-home .txp-hero-engine-v1__dot.is-active{
    width:24px!important;

    background:linear-gradient(
        92deg,
        #a72952 0%,
        #c65578 48%,
        #775f91 100%
    )!important;
}

@media(max-width:767px){
    body.common-home .txp-hero-engine-v1{
        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;

        height:140vw!important;
        min-height:140vw!important;
        max-height:140vw!important;

        aspect-ratio:auto!important;
    }
}


/* =============================================
   STORE: BOGOTA
   ============================================= */

/* SOURCE: txp-bogota-static-banner-v1-css */
body.common-home .qivo-home-slider-fullbleed{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"]{
    display:block !important;
    position:relative !important;
    width:100vw !important;
    max-width:none !important;
    height:auto !important;
    margin:0 0 18px calc(50% - 50vw) !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    line-height:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"] img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:1px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

@media (max-width:767px){
    body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"]{
        margin-bottom:14px !important;
    }
}

/* SOURCE: txp-bogota-hero-slider-v2-css */
@media (max-width:767px){

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"]{
    position:relative!important;
    width:100vw!important;
    max-width:none!important;
    margin:0 0 18px calc(50% - 50vw)!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"] .txp-hero-engine-v1__slide{
    display:none!important;
    position:relative!important;
    width:100%!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"] .txp-hero-engine-v1__slide.is-active{
    display:block!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"] .txp-hero-engine-v1__slide img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"] .txp-hero-engine-v1__dots{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:12px!important;
    display:flex!important;
    justify-content:center!important;
    gap:8px!important;
    z-index:8!important;
    pointer-events:auto!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"] .txp-hero-engine-v1__dot{
    width:8px!important;
    height:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(86,75,85,.22)!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"] .txp-hero-engine-v1__dot.is-active{
    width:18px!important;
    background:linear-gradient(92deg,#a72952 0%,#c65578 48%,#775f91 100%)!important;
  }
/* slide 1 preservativos: mover copy para que no quede encima del producto */
  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"]
  .txp-bogota-hero-slide-v2--preservativos
  .txp-hero-copy-v1{
    top:18.4%!important;
    left:4.2%!important;
    width:43%!important;
    max-width:43%!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"]
  .txp-bogota-hero-slide-v2--preservativos
  .txp-hero-copy-v1__title{
    font-size:clamp(28px,7.2vw,52px)!important;
    line-height:.93!important;
    max-width:none!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"]
  .txp-bogota-hero-slide-v2--preservativos
  .txp-hero-copy-v1__text{
    max-width:100%!important;
    font-size:clamp(13px,3.8vw,24px)!important;
    line-height:1.18!important;
  }

  body.common-home .txp-hero-engine-v1[data-txp-hero-store="bogota"]
  .txp-bogota-hero-slide-v2--preservativos
  .txp-hero-copy-v1__btn{
    margin-top:14px!important;
    max-width:252px!important;
    padding-left:18px!important;
    padding-right:44px!important;
    font-size:13px!important;
  }
}

/* SOURCE: txp-bogota-sen-intimo-v25-css */
@media(max-width:767px){

    /*
     * SEN ÍNTIMO:
     * copy estrictamente dentro del vacío izquierdo.
     */

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1{
        top:20.5%!important;
        left:4.2%!important;

        width:39vw!important;
        max-width:160px!important;
    }


    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1__eyebrow{
        width:max-content!important;
        max-width:39vw!important;

        font-size:9.3px!important;
        line-height:1!important;
        letter-spacing:.075em!important;

        white-space:nowrap!important;

        color:#8b7180!important;
    }


    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1__eyebrow::before{
        width:25px!important;
        min-width:25px!important;
        flex:0 0 25px!important;

        margin-right:9px!important;
    }


    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1__title{
        width:39vw!important;
        max-width:160px!important;

        margin-top:10px!important;
        margin-bottom:0!important;

        font-size:clamp(
            25px,
            6.6vw,
            28px
        )!important;

        line-height:.98!important;
        letter-spacing:-.035em!important;

        color:#564b55!important;
    }


    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-bogota-sen-accent-v25{
        display:inline-block!important;

        background:
            linear-gradient(
                92deg,
                #a72952 0%,
                #c65578 48%,
                #775f91 100%
            )!important;

        background-clip:text!important;
        -webkit-background-clip:text!important;

        color:transparent!important;
        -webkit-text-fill-color:transparent!important;
    }


    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1__text{
        width:38vw!important;
        max-width:154px!important;

        margin-top:10px!important;
        margin-bottom:0!important;

        font-size:11.7px!important;
        line-height:1.29!important;
        letter-spacing:-.005em!important;

        color:#796e77!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--preservativos.txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1__btn
    {
        position:relative!important;
        top:-10px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:max-content!important;
        min-width:0!important;
        max-width:140px!important;

        height:36px!important;
        min-height:36px!important;

        margin-top:34px!important;

        padding:0 11px!important;

        font-size:10.8px!important;
        line-height:1!important;
        font-weight:800!important;

        white-space:nowrap!important;

        border-radius:999px!important;

        color:#fffefe!important;

        background:
            linear-gradient(
                92deg,
                #a72952 0%,
                #c65578 48%,
                #775f91 100%
            )!important;
    
    }
}


@media(max-width:360px){

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1{
        width:39vw!important;
        max-width:146px!important;
    }


    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1__title{
        width:39vw!important;
        max-width:146px!important;
        font-size:24px!important;
    }


    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--sen-intimo
    .txp-hero-copy-v1__text{
        width:38vw!important;
        max-width:142px!important;
        font-size:11.1px!important;
    }
}

/* SOURCE: txp-bogota-unificado-v15 */
@media (max-width:767px){

    /* =====================================================
       CONTENEDOR GENERAL
       ===================================================== */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]{
        position:relative!important;
        overflow:hidden!important;
    }


    /* =====================================================
       JUGUETES
       La imagen baja 44px Y ahora el slide reserva esos
       mismos 44px. Por eso también baja el módulo siguiente.
       ===================================================== */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--juguetes{
        position:relative!important;

        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;
        inset:auto!important;

        width:100%!important;

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

        margin:0!important;

        padding-top:0!important;
        padding-right:0!important;
        padding-bottom:44px!important;
        padding-left:0!important;

        box-sizing:border-box!important;

        overflow:visible!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--juguetes:not(.is-active){
        display:none!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--juguetes.is-active{
        display:block!important;
    }


    /* IMAGEN JUGUETES */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--juguetes
    > img{
        position:relative!important;

        top:44px!important;
        left:0!important;
        right:auto!important;
        bottom:auto!important;

        display:block!important;

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

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

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

        object-fit:contain!important;
        object-position:center top!important;

        transform:none!important;
        clip-path:none!important;

        opacity:1!important;
        visibility:visible!important;
    }


    /* =====================================================
       TEXTO JUGUETES
       Baja junto con la imagen.
       27.3vw = posición original 19.5% sobre imagen 140vw.
       +44px = mismo desplazamiento aplicado a la imagen.
       ===================================================== */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--juguetes
    .txp-hero-copy-v1{
        top:calc(27.3vw + 44px)!important;
    }


    /* =====================================================
       INDICADORES
       MISMO estándar en ambos banners.
       Siempre misma distancia del borde inferior visible.
       ===================================================== */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dots{
        position:absolute!important;

        left:50%!important;
        right:auto!important;

        bottom:32px!important;

        width:auto!important;
        height:8px!important;

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

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        gap:7px!important;

        transform:translateX(-50%)!important;

        z-index:40!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dot{
        display:block!important;

        width:8px!important;
        min-width:8px!important;
        max-width:8px!important;

        height:8px!important;
        min-height:8px!important;
        max-height:8px!important;

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

        flex:0 0 8px!important;

        border:0!important;
        border-radius:999px!important;

        background:rgba(86,75,85,.22)!important;

        box-shadow:none!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dot.is-active{
        width:20px!important;
        min-width:20px!important;
        max-width:20px!important;

        flex-basis:20px!important;

        background:
            linear-gradient(
                92deg,
                #a72952 0%,
                #c65578 48%,
                #775f91 100%
            )!important;
    }


    /* =====================================================
       BOTÓN PRESERVATIVOS
       Evitar desbordamiento hacia la derecha.
       ===================================================== */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--preservativos
    .txp-hero-copy-v1__btn{
        display:inline-flex!important;

        align-items:center!important;
        justify-content:center!important;

        width:max-content!important;
        inline-size:max-content!important;

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

        height:auto!important;
        min-height:39px!important;

        margin-top:12px!important;
        margin-right:0!important;
        margin-left:0!important;

        padding:0 14px!important;

        box-sizing:border-box!important;

        gap:7px!important;

        align-self:flex-start!important;

        font-size:12px!important;
        line-height:1!important;

        white-space:nowrap!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--preservativos
    .txp-hero-copy-v1__btn > span{
        flex:0 0 auto!important;
        margin:0!important;
    }

}

/* SOURCE: txp-bogota-solo-ui-v18 */
@media (max-width:767px){

    /* ======================================================
       1. INDICADOR
       UN SOLO DISEÑO PARA LOS DOS BANNERS
       ====================================================== */

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dots{
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:auto!important;
        gap:9px!important;

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

        z-index:30!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dot{
        display:block!important;

        width:11px!important;
        min-width:11px!important;
        max-width:11px!important;

        height:11px!important;
        min-height:11px!important;
        max-height:11px!important;

        flex:0 0 11px!important;

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

        border:0!important;
        border-radius:999px!important;

        background:rgba(86,75,85,.20)!important;
        box-shadow:none!important;

        opacity:1!important;

        appearance:none!important;
        -webkit-appearance:none!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dot.is-active{
        width:34px!important;
        min-width:34px!important;
        max-width:34px!important;

        height:11px!important;
        min-height:11px!important;
        max-height:11px!important;

        flex:0 0 34px!important;

        border-radius:999px!important;

        background:
        linear-gradient(
            92deg,
            #a72952 0%,
            #c65578 48%,
            #775f91 100%
        )!important;

        box-shadow:none!important;
    }


    /* ======================================================
       2. PRESERVATIVOS
       SUBIR SOLO EL BOTÓN
       ====================================================== */

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--preservativos
    .txp-hero-copy-v1__btn{
        position:relative!important;
        top:-14px!important;

        transform:none!important;

        max-width:252px!important;
        box-sizing:border-box!important;

        white-space:nowrap!important;
    }


    /* ======================================================
       3. JUGUETES
       NO TOCA IMAGEN
       NO TOCA TEXTO

       SOLO aumenta la separación DESPUÉS del banner,
       para bajar el módulo de confianza.
       ====================================================== */

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]:has(
        .txp-bogota-hero-slide-v2--juguetes.is-active
    ){
        margin-bottom:14px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]:has(
        .txp-bogota-hero-slide-v2--preservativos.is-active
    ){
        margin-bottom:14px!important;
    }

}

/* SOURCE: txp-bogota-final-align-v21-css */
@media (max-width:767px){

    /*
     * INDICADOR:
     * MISMO DISEÑO SIN IMPORTAR QUÉ SLIDE ESTÉ ACTIVO.
     */
    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dot{
        width:11px!important;
        min-width:11px!important;
        max-width:11px!important;

        height:11px!important;
        min-height:11px!important;
        max-height:11px!important;

        flex:0 0 11px!important;

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

        border:0!important;
        border-radius:999px!important;

        background:rgba(86,75,85,.20)!important;
        background-image:none!important;

        box-shadow:none!important;
        opacity:1!important;
    }

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dot.is-active{
        width:34px!important;
        min-width:34px!important;
        max-width:34px!important;

        height:11px!important;
        min-height:11px!important;
        max-height:11px!important;

        flex:0 0 34px!important;

        border-radius:999px!important;

        background:
            linear-gradient(
                92deg,
                #a72952 0%,
                #c65578 48%,
                #775f91 100%
            )!important;

        opacity:1!important;
        filter:none!important;
        box-shadow:none!important;
    }

}

/* SOURCE: txp-bogota-pres-match-juguetes-v22-css */
@media (max-width:767px){

    /*
     * PRESERVATIVOS:
     * usar EXACTAMENTE la geometría vertical
     * que V15 ya usa para JUGUETES.
     *
     * JUGUETES:
     *   imagen   = +44px
     *   copy     = 27.3vw + 44px
     *   reserva  = 44px
     */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--preservativos{
        padding-bottom:44px!important;
        box-sizing:border-box!important;
        overflow:visible!important;
    }

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--preservativos
    > img{
        position:relative!important;
        top:44px!important;
        left:0!important;
        right:auto!important;
        bottom:auto!important;

        display:block!important;

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

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

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

        object-fit:contain!important;
        object-position:center top!important;

        transform:none!important;
        clip-path:none!important;
    }

    /*
     * MISMO TOP EXACTO DEL COPY DE JUGUETES.
     * Elimina el antiguo top:18.4% exclusivo
     * de Preservativos.
     */
    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-bogota-hero-slide-v2--preservativos
    .txp-hero-copy-v1{
        top:calc(27.3vw + 44px)!important;
    }
}

/* SOURCE: txp-bogota-home-match-national-v2 */
@media only screen and (max-width:767px){

    /*
     * BOGOTÁ:
     * quitar el contenedor exterior que comprime
     * el home frente al Nacional.
     */

    html body.mobile-layout.common-home{
        overflow-x:hidden!important;
    }

    html body.mobile-layout.common-home #content,
    html body.mobile-layout.common-home #content > .row,
    html body.mobile-layout.common-home #content > .row > [class*="col-"]{
        width:100%!important;
        max-width:none!important;

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

        padding-left:0!important;
        padding-right:0!important;

        float:none!important;
        box-sizing:border-box!important;
    }

    html body.mobile-layout.common-home #content > .container,
    html body.mobile-layout.common-home #content > .row > [class*="col-"] > .container,
    html body.mobile-layout.common-home #content > .row > [class*="col-"] > div > .container,
    html body.mobile-layout.common-home #content [class*="pt-layout"] > .container,
    html body.mobile-layout.common-home #content [class*="ptlayout"] > .container,
    html body.mobile-layout.common-home #content .pt-layout-builder > .container,
    html body.mobile-layout.common-home #content .row-container > .container{
        width:100%!important;
        max-width:none!important;

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

        padding-left:0!important;
        padding-right:0!important;

        box-sizing:border-box!important;
    }


    /*
     * Quitar los 14px que V18 mete
     * después del slider de Bogotá.
     */

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"],

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]:has(
        .txp-bogota-hero-slide-v2--juguetes.is-active
    ),

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"]:has(
        .txp-bogota-hero-slide-v2--preservativos.is-active
    ){
        margin-bottom:0!important;
    }


    /*
     * Trust inmediatamente pegado al banner.
     */

    html body.mobile-layout.common-home
    #qivo-trust-after-banner{
        max-width:none!important;
        margin-top:-1px!important;
        box-sizing:border-box!important;
    }

}

/* =============================================
   STORE: PEREIRA
   ============================================= */

/* SOURCE: txp-pereira-static-banner-v1-css */
body.common-home .qivo-home-slider-fullbleed{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

body.common-home .txp-hero-engine-v1[data-txp-hero-store="pereira"]{
    display:block !important;
    position:relative !important;
    width:100vw !important;
    max-width:none !important;
    height:auto !important;
    margin:0 0 18px calc(50% - 50vw) !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    line-height:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

body.common-home .txp-hero-engine-v1[data-txp-hero-store="pereira"] img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:1px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

@media (max-width:767px){
    body.common-home .txp-hero-engine-v1[data-txp-hero-store="pereira"]{
        margin-bottom:14px !important;
    }
}

/* SOURCE: txp-pereira-home-fullwidth-v1 */
@media only screen and (max-width:767px){

    html body.common-home{
        overflow-x:hidden!important;
    }

    /*
     * Elimina el contenedor exterior adicional de Pereira.
     * Los márgenes internos propios de cada módulo se conservan.
     */
    html body.common-home #content,
    html body.common-home #content > .row,
    html body.common-home #content > .row > [class*="col-"]{
        width:100%!important;
        max-width:none!important;

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

        padding-left:0!important;
        padding-right:0!important;

        float:none!important;
        box-sizing:border-box!important;
    }

    html body.common-home #content > .container,
    html body.common-home #content > .row > [class*="col-"] > .container,
    html body.common-home #content > .row > [class*="col-"] > div > .container,
    html body.common-home #content [class*="pt-layout"] > .container,
    html body.common-home #content [class*="ptlayout"] > .container,
    html body.common-home #content .pt-layout-builder > .container,
    html body.common-home #content .row-container > .container{
        width:100%!important;
        max-width:none!important;

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

        padding-left:0!important;
        padding-right:0!important;

        box-sizing:border-box!important;
    }

    /*
     * Corrige también cualquier fila Bootstrap exterior que envuelva
     * los módulos nuevos del home.
     */
    html body.common-home #content .row:has(#txp-store-best-final),
    html body.common-home #content .row:has(#txp-store-new-final),
    html body.common-home #content .container:has(#txp-store-best-final),
    html body.common-home #content .container:has(#txp-store-new-final),
    html body.common-home #content [class*="col-"]:has(#txp-store-best-final),
    html body.common-home #content [class*="col-"]:has(#txp-store-new-final){
        width:100%!important;
        max-width:none!important;

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

        padding-left:0!important;
        padding-right:0!important;

        box-sizing:border-box!important;
    }

    /*
     * Mantiene los módulos en el ancho completo disponible,
     * conservando sus propios 10–15 px de respiración.
     */
    html body.common-home #txp-store-best-final,
    html body.common-home #txp-store-new-final,
    html body.common-home .txp-ig-home,
    html body.common-home #txp-health-guides-home-v1{
        max-width:none!important;
        box-sizing:border-box!important;
    }
}

/* =============================================
   STORE: MEDELLIN
   ============================================= */

/* SOURCE: txp-medellin-hero-slider-v4-css */
body.common-home .qivo-home-slider-fullbleed{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="medellin"]{
    display:block!important;
    position:relative!important;
    top:44px!important;

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

    aspect-ratio:5/7!important;
    height:auto!important;

    margin:
        0
        0
        44px
        calc(50% - 50vw)!important;

    padding:0!important;

    overflow:hidden!important;

    background:#fffefe!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    line-height:0!important;
}


/* =========================================================
   SLIDES
   ========================================================= */

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="medellin"]
.txp-hero-engine-v1__slide{
    position:absolute!important;
    inset:0!important;

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

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

    overflow:hidden!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transition:
        opacity .58s cubic-bezier(.22,.61,.36,1),
        visibility .58s linear!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="medellin"]
.txp-hero-engine-v1__slide.is-active{
    z-index:3!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}


/* =========================================================
   IMÁGENES
   ========================================================= */

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="medellin"]
.txp-hero-engine-v1__slide
> img{
    position:absolute!important;
    inset:0!important;

    display:block!important;

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

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

    object-fit:cover!important;
    object-position:center center!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
}


/* =========================================================
   INDICADORES
   ========================================================= */

body.common-home
.txp-hero-engine-v1__dots{
    position:absolute!important;

    z-index:40!important;

    left:50%!important;
    bottom:13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:7px!important;

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

    transform:translateX(-50%)!important;

    border-radius:999px!important;

    background:rgba(255,254,254,.76)!important;

    box-shadow:
        0 5px 18px rgba(86,75,85,.12)!important;

    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
}

body.common-home
.txp-hero-engine-v1__dot{
    appearance:none!important;
    -webkit-appearance:none!important;

    display:block!important;

    width:7px!important;
    height:7px!important;
    min-width:7px!important;

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

    border:0!important;
    border-radius:999px!important;

    background:rgba(86,75,85,.28)!important;

    box-shadow:none!important;
    outline:0!important;

    cursor:pointer!important;

    transition:
        width .30s ease,
        background .30s ease,
        transform .30s ease!important;
}

body.common-home
.txp-hero-engine-v1__dot.is-active{
    width:24px!important;

    background:
        linear-gradient(
            92deg,
            #a72952 0%,
            #c65578 48%,
            #775f91 100%
        )!important;
}


/* =========================================================
   EL MISMO COPY/ANIMACIÓN DEL HERO ACTUAL
   ========================================================= */

@media(max-width:767px){

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__eyebrow,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__title,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__text,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__btn{
        opacity:0!important;
        animation:none!important;
    }


    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__eyebrow{
        animation:
            txpHeroEyebrowV2
            .58s
            cubic-bezier(.16,1,.3,1)
            .08s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__title{
        animation:
            txpHeroTitleV2
            .72s
            cubic-bezier(.16,1,.3,1)
            .15s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__text{
        animation:
            txpHeroTextV2
            .68s
            cubic-bezier(.16,1,.3,1)
            .25s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__btn{
        animation:
            txpHeroButtonV2
            .72s
            cubic-bezier(.16,1,.3,1)
            .34s
            forwards!important;
    }
}

/* SOURCE: txp-medellin-full-image-v5 */
@media (max-width:767px){

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]{
        position:relative!important;

        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;

        height:140vw!important;
        min-height:140vw!important;
        max-height:140vw!important;

        aspect-ratio:auto!important;

        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;

        padding:0!important;

        overflow:hidden!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-hero-engine-v1__slide{
        position:absolute!important;
        inset:0!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

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

        overflow:hidden!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-hero-engine-v1__slide > img{
        position:absolute!important;
        inset:0!important;

        display:block!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

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

        object-fit:contain!important;
        object-position:center top!important;

        transform:none!important;

        background:#fffefe!important;
    }

    body.common-home
    .txp-hero-engine-v1__dots{
        bottom:14px!important;
    }
}

/* SOURCE: txp-medellin-hero-final-v7-css */
@media (max-width:767px){

    /*
     * SOLO CALI / SLIDE LUBRICANTES:
     * mantiene imagen completa 5:7 y libera el producto.
     */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1{
        left:18px!important;
        top:18.2%!important;
        width:166px!important;
        max-width:166px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__eyebrow{
        margin-bottom:6px!important;
        font-size:9px!important;
        line-height:1.1!important;
        letter-spacing:1.25px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__title{
        width:160px!important;
        max-width:160px!important;
        margin-bottom:7px!important;
        font-size:22px!important;
        line-height:1.01!important;
        letter-spacing:-.55px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__text{
        width:150px!important;
        max-width:150px!important;
        margin-bottom:9px!important;
        font-size:10.4px!important;
        line-height:1.22!important;
        letter-spacing:0!important;
    }

    /*
     * Botón corto: termina antes del producto.
     */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__btn{
        box-sizing:border-box!important;
        width:104px!important;
        min-width:104px!important;
        max-width:104px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0 11px!important;
        gap:5px!important;
        justify-content:space-between!important;
        font-size:10.7px!important;
        line-height:1!important;
        white-space:nowrap!important;
        border-radius:999px!important;
        box-shadow:0 7px 16px rgba(167,41,82,.13)!important;
    }

    /*
     * ÍCONOS DEL HEADER:
     * solamente halo/sombra clara sutil.
     * NO fondo, NO círculo, NO pastilla, NO caja.
     * Este style solo existe en store_id 8.
     */
    body.mobile-layout.common-home header i,
    body.mobile-layout.common-home header [class*="icon-"]::before{
        text-shadow:
            0 1px 2px rgba(255,255,255,.92),
            0 0 4px rgba(255,255,255,.42)!important;
    }

    body.mobile-layout.common-home header svg{
        filter:
            drop-shadow(0 1px 1.5px rgba(255,255,255,.90))
            drop-shadow(0 0 3px rgba(255,255,255,.38))!important;
    }
}

/* SOURCE: txp-medellin-connected-copy-v4-css */
@media(max-width:767px){

    /* COPY COMPLETO: SOLO ZONA IZQUIERDA */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1{
        width:42vw!important;
        max-width:166px!important;
        overflow:visible!important;
    }

    /* CATEGORÍA */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__eyebrow{
        display:block!important;
        width:max-content!important;
        max-width:43vw!important;

        color:#8b7180!important;

        font-size:9.4px!important;
        line-height:1!important;
        font-weight:800!important;
        letter-spacing:.075em!important;

        white-space:nowrap!important;
    }

    /* TÍTULO */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__title{
        width:42vw!important;
        max-width:166px!important;

        margin-top:10px!important;
        margin-bottom:0!important;

        color:#564b55!important;

        font-size:clamp(
            25px,
            6.9vw,
            28px
        )!important;

        line-height:1.01!important;
        letter-spacing:-.035em!important;
    }

    /* ACENTO OFICIAL */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-medellin-connected-accent-v4{
        display:inline-block!important;

        background:
            linear-gradient(
                92deg,
                #a72952 0%,
                #c65578 48%,
                #775f91 100%
            )!important;

        background-clip:text!important;
        -webkit-background-clip:text!important;

        color:transparent!important;
        -webkit-text-fill-color:transparent!important;
    }

    /* DESCRIPCIÓN */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__text{
        width:41vw!important;
        max-width:160px!important;

        margin-top:11px!important;
        margin-bottom:0!important;

        color:#796e77!important;

        font-size:11.8px!important;
        line-height:1.34!important;
        font-weight:500!important;
        letter-spacing:-.005em!important;
    }

    /* CTA:
       pequeño, comercial y dentro del espacio vacío */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__btn{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:max-content!important;
        inline-size:max-content!important;

        min-width:0!important;
        max-width:158px!important;

        height:36px!important;
        min-height:36px!important;

        margin-top:11px!important;
        margin-left:0!important;
        margin-right:0!important;

        padding:0 11px!important;

        box-sizing:border-box!important;

        gap:5px!important;

        white-space:nowrap!important;

        color:#fffefe!important;

        background:
            linear-gradient(
                92deg,
                #a72952 0%,
                #c65578 48%,
                #775f91 100%
            )!important;

        border:0!important;
        border-radius:999px!important;

        font-size:10.7px!important;
        line-height:1!important;
        font-weight:800!important;
        letter-spacing:-.01em!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__btn > span{
        margin:0!important;
        flex:0 0 auto!important;
    }
}

/* Muy estrechos */
@media(max-width:360px){

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1{
        width:43vw!important;
        max-width:154px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__title{
        width:43vw!important;
        max-width:154px!important;
        font-size:24px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__text{
        width:42vw!important;
        max-width:150px!important;
        font-size:11.2px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__btn{
        max-width:150px!important;
        height:35px!important;
        min-height:35px!important;
        font-size:10.2px!important;
    }
}

/* SOURCE: txp-medellin-premium-label-v1-css */
@media(max-width:767px){

    /*
     * ÚNICAMENTE etiqueta superior del primer banner.
     * No afecta título, descripción, botón ni imagen.
     */

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__eyebrow{
        color:#8b7180!important;
        font-size:9.2px!important;
        font-weight:800!important;
        letter-spacing:.085em!important;
        line-height:1.05!important;
        white-space:nowrap!important;
    }

    /*
     * Separar la línea decorativa del texto.
     */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="medellin"]
    .txp-medellin-hero-slide-v4--connected
    .txp-hero-copy-v1__eyebrow::before{
        width:27px!important;
        min-width:27px!important;
        margin-right:10px!important;
        flex:0 0 27px!important;
    }
}

/* =============================================
   STORE: CALI
   ============================================= */

/* SOURCE: txp-cali-hero-slider-v4-css */
body.common-home .qivo-home-slider-fullbleed{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="cali"]{
    display:block!important;
    position:relative!important;
    top:44px!important;

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

    aspect-ratio:5/7!important;
    height:auto!important;

    margin:
        0
        0
        44px
        calc(50% - 50vw)!important;

    padding:0!important;

    overflow:hidden!important;

    background:#fffefe!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    line-height:0!important;
}


/* =========================================================
   SLIDES
   ========================================================= */

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="cali"]
.txp-hero-engine-v1__slide{
    position:absolute!important;
    inset:0!important;

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

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

    overflow:hidden!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transition:
        opacity .58s cubic-bezier(.22,.61,.36,1),
        visibility .58s linear!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="cali"]
.txp-hero-engine-v1__slide.is-active{
    z-index:3!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}


/* =========================================================
   IMÁGENES
   ========================================================= */

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="cali"]
.txp-hero-engine-v1__slide
> img{
    position:absolute!important;
    inset:0!important;

    display:block!important;

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

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

    object-fit:cover!important;
    object-position:center center!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
}


/* =========================================================
   INDICADORES
   ========================================================= */

body.common-home
.txp-hero-engine-v1__dots{
    position:absolute!important;

    z-index:40!important;

    left:50%!important;
    bottom:13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:7px!important;

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

    transform:translateX(-50%)!important;

    border-radius:999px!important;

    background:rgba(255,254,254,.76)!important;

    box-shadow:
        0 5px 18px rgba(86,75,85,.12)!important;

    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
}

body.common-home
.txp-hero-engine-v1__dot{
    appearance:none!important;
    -webkit-appearance:none!important;

    display:block!important;

    width:7px!important;
    height:7px!important;
    min-width:7px!important;

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

    border:0!important;
    border-radius:999px!important;

    background:rgba(86,75,85,.28)!important;

    box-shadow:none!important;
    outline:0!important;

    cursor:pointer!important;

    transition:
        width .30s ease,
        background .30s ease,
        transform .30s ease!important;
}

body.common-home
.txp-hero-engine-v1__dot.is-active{
    width:24px!important;

    background:
        linear-gradient(
            92deg,
            #a72952 0%,
            #c65578 48%,
            #775f91 100%
        )!important;
}


/* =========================================================
   EL MISMO COPY/ANIMACIÓN DEL HERO ACTUAL
   ========================================================= */

@media(max-width:767px){

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__eyebrow,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__title,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__text,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__btn{
        opacity:0!important;
        animation:none!important;
    }


    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__eyebrow{
        animation:
            txpHeroEyebrowV2
            .58s
            cubic-bezier(.16,1,.3,1)
            .08s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__title{
        animation:
            txpHeroTitleV2
            .72s
            cubic-bezier(.16,1,.3,1)
            .15s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__text{
        animation:
            txpHeroTextV2
            .68s
            cubic-bezier(.16,1,.3,1)
            .25s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__btn{
        animation:
            txpHeroButtonV2
            .72s
            cubic-bezier(.16,1,.3,1)
            .34s
            forwards!important;
    }
}

/* SOURCE: txp-cali-full-image-v5 */
@media (max-width:767px){

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]{
        position:relative!important;

        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;

        height:140vw!important;
        min-height:140vw!important;
        max-height:140vw!important;

        aspect-ratio:auto!important;

        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;

        padding:0!important;

        overflow:hidden!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]
    .txp-hero-engine-v1__slide{
        position:absolute!important;
        inset:0!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

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

        overflow:hidden!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]
    .txp-hero-engine-v1__slide > img{
        position:absolute!important;
        inset:0!important;

        display:block!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

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

        object-fit:contain!important;
        object-position:center top!important;

        transform:none!important;

        background:#fffefe!important;
    }

    body.common-home
    .txp-hero-engine-v1__dots{
        bottom:14px!important;
    }
}

/* SOURCE: txp-cali-hero-final-v7-css */
@media (max-width:767px){

    /*
     * SOLO CALI / SLIDE LUBRICANTES:
     * mantiene imagen completa 5:7 y libera el producto.
     */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]
    .txp-cali-hero-slide-v4--lubricantes
    .txp-hero-copy-v1{
        left:18px!important;
        top:18.2%!important;
        width:166px!important;
        max-width:166px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]
    .txp-cali-hero-slide-v4--lubricantes
    .txp-hero-copy-v1__eyebrow{
        margin-bottom:6px!important;
        font-size:9px!important;
        line-height:1.1!important;
        letter-spacing:1.25px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]
    .txp-cali-hero-slide-v4--lubricantes
    .txp-hero-copy-v1__title{
        width:160px!important;
        max-width:160px!important;
        margin-bottom:7px!important;
        font-size:22px!important;
        line-height:1.01!important;
        letter-spacing:-.55px!important;
    }

    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]
    .txp-cali-hero-slide-v4--lubricantes
    .txp-hero-copy-v1__text{
        width:150px!important;
        max-width:150px!important;
        margin-bottom:9px!important;
        font-size:10.4px!important;
        line-height:1.22!important;
        letter-spacing:0!important;
    }

    /*
     * Botón corto: termina antes del producto.
     */
    body.common-home
    .txp-hero-engine-v1[data-txp-hero-store="cali"]
    .txp-cali-hero-slide-v4--lubricantes
    .txp-hero-copy-v1__btn{
        box-sizing:border-box!important;
        width:104px!important;
        min-width:104px!important;
        max-width:104px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0 11px!important;
        gap:5px!important;
        justify-content:space-between!important;
        font-size:10.7px!important;
        line-height:1!important;
        white-space:nowrap!important;
        border-radius:999px!important;
        box-shadow:0 7px 16px rgba(167,41,82,.13)!important;
    }

    /*
     * ÍCONOS DEL HEADER:
     * solamente halo/sombra clara sutil.
     * NO fondo, NO círculo, NO pastilla, NO caja.
     * Este style solo existe en store_id 8.
     */
    body.mobile-layout.common-home header i,
    body.mobile-layout.common-home header [class*="icon-"]::before{
        text-shadow:
            0 1px 2px rgba(255,255,255,.92),
            0 0 4px rgba(255,255,255,.42)!important;
    }

    body.mobile-layout.common-home header svg{
        filter:
            drop-shadow(0 1px 1.5px rgba(255,255,255,.90))
            drop-shadow(0 0 3px rgba(255,255,255,.38))!important;
    }
}

/* =============================================
   STORE: NACIONAL
   ============================================= */

/* SOURCE: txp-nacional-hero-slider-satisfyer-v3-css */
body.common-home .qivo-home-slider-fullbleed{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

body.common-home .txp-hero-engine-v1[data-txp-hero-store="nacional"]{
    display:block!important;
    position:relative!important;
    top:0!important;

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

    aspect-ratio:5/7!important;
    height:auto!important;

    margin:
        0
        0
        44px
        calc(50% - 50vw)!important;

    padding:0!important;
    overflow:hidden!important;

    background:#fffefe!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    line-height:0!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__slide{
    position:absolute!important;
    inset:0!important;

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

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

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    overflow:hidden!important;

    transition:
        opacity .58s cubic-bezier(.22,.61,.36,1),
        visibility .58s linear!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__slide.is-active{
    z-index:3!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__slide > img{
    position:absolute!important;
    inset:0!important;

    display:block!important;

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

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

    object-fit:cover!important;
    object-position:center center!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body.common-home .txp-hero-engine-v1__dots{
    position:absolute!important;
    z-index:40!important;

    left:50%!important;
    bottom:13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

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

    transform:translateX(-50%)!important;

    border-radius:999px!important;

    background:rgba(255,254,254,.76)!important;
    box-shadow:0 5px 18px rgba(86,75,85,.12)!important;

    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
}

body.common-home .txp-hero-engine-v1__dot{
    appearance:none!important;
    -webkit-appearance:none!important;

    display:block!important;

    width:7px!important;
    height:7px!important;
    min-width:7px!important;

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

    border:0!important;
    border-radius:999px!important;

    background:rgba(86,75,85,.28)!important;

    box-shadow:none!important;
    outline:0!important;
    cursor:pointer!important;

    transition:
        width .30s ease,
        background .30s ease!important;
}

body.common-home .txp-hero-engine-v1__dot.is-active{
    width:24px!important;
    background:linear-gradient(
        92deg,
        #a72952 0%,
        #c65578 48%,
        #775f91 100%
    )!important;
}

@media(max-width:767px){

    body.common-home .txp-hero-engine-v1[data-txp-hero-store="nacional"]{
        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;

        height:140vw!important;
        min-height:140vw!important;
        max-height:140vw!important;

        aspect-ratio:auto!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__eyebrow,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__title,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__text,

    body.common-home
    .txp-hero-engine-v1__slide:not(.is-active)
    .txp-hero-copy-v1__btn{
        opacity:0!important;
        animation:none!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__eyebrow{
        animation:
            txpHeroEyebrowV2
            .58s
            cubic-bezier(.16,1,.3,1)
            .08s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__title{
        animation:
            txpHeroTitleV2
            .72s
            cubic-bezier(.16,1,.3,1)
            .15s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__text{
        animation:
            txpHeroTextV2
            .68s
            cubic-bezier(.16,1,.3,1)
            .25s
            forwards!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide.is-active
    .txp-hero-copy-v1__btn{
        animation:
            txpHeroButtonV2
            .72s
            cubic-bezier(.16,1,.3,1)
            .34s
            forwards!important;
    }
}

/* SOURCE: txp-nacional-hero-full-dots-v4-css */
/*
 * ============================================================
 * NACIONAL · SLIDER FINAL
 * Corrige únicamente el conflicto producido por las reglas
 * antiguas de .txp-hero-engine-v1[data-txp-hero-store="nacional"].
 *
 * NO afecta Medellín / Bogotá / Cali / Pereira.
 * ============================================================
 */


/* ============================================================
   CONTENEDOR NACIONAL
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]{

    display:block!important;

    position:relative!important;
    top:44px!important;

    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;

    aspect-ratio:5/7!important;

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

    margin:
        0
        0
        44px
        calc(50% - 50vw)!important;

    padding:0!important;

    box-sizing:border-box!important;

    overflow:hidden!important;

    background:#fffefe!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    transform:none!important;
    clip-path:none!important;

    visibility:visible!important;
    opacity:1!important;

    line-height:0!important;
}


/* ============================================================
   SLIDES
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__slide{

    position:absolute!important;
    inset:0!important;

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

    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;

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

    box-sizing:border-box!important;

    overflow:hidden!important;

    transform:none!important;
    clip-path:none!important;
}


/* ============================================================
   IMAGEN 900 × 1260 COMPLETA DENTRO DEL 5:7
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__slide > img{

    position:absolute!important;
    inset:0!important;

    display:block!important;

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

    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;

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

    object-fit:cover!important;
    object-position:center center!important;

    transform:none!important;
    clip-path:none!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    opacity:1!important;
    visibility:visible!important;
}


/* ============================================================
   INDICADOR — MISMO SISTEMA VISUAL DE MEDELLÍN
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__dots{

    position:absolute!important;

    z-index:40!important;

    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:auto!important;

    gap:7px!important;

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

    transform:translateX(-50%)!important;

    border:0!important;
    border-radius:999px!important;

    background:rgba(255,254,254,.76)!important;

    box-shadow:
        0 5px 18px rgba(86,75,85,.12)!important;

    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;

    opacity:1!important;
    visibility:visible!important;

    pointer-events:auto!important;
}


/* ============================================================
   DOT NORMAL
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__dot{

    appearance:none!important;
    -webkit-appearance:none!important;

    display:block!important;

    width:7px!important;
    min-width:7px!important;
    max-width:7px!important;

    height:7px!important;
    min-height:7px!important;
    max-height:7px!important;

    flex:0 0 7px!important;

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

    border:0!important;
    border-radius:999px!important;

    background:rgba(86,75,85,.28)!important;
    background-image:none!important;

    box-shadow:none!important;
    outline:0!important;

    opacity:1!important;
    visibility:visible!important;

    cursor:pointer!important;

    transition:
        width .30s ease,
        min-width .30s ease,
        max-width .30s ease,
        flex-basis .30s ease,
        background .30s ease!important;
}


/* ============================================================
   DOT ACTIVO
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
.txp-hero-engine-v1__dot.is-active{

    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;

    flex:0 0 24px!important;

    background:
        linear-gradient(
            92deg,
            #a72952 0%,
            #c65578 48%,
            #775f91 100%
        )!important;

    opacity:1!important;
}


/* ============================================================
   MÓVIL
   100vw × 140vw = relación exacta 5:7
   ============================================================ */

@media (max-width:767px){

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]{

        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;

        height:140vw!important;
        min-height:140vw!important;
        max-height:140vw!important;

        aspect-ratio:auto!important;

        overflow:hidden!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
    .txp-hero-engine-v1__slide{

        position:absolute!important;
        inset:0!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

        overflow:hidden!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
    .txp-hero-engine-v1__slide > img{

        position:absolute!important;
        inset:0!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

        object-fit:cover!important;
        object-position:center center!important;
    }


    /*
     * Medellín termina usando bottom:14px en móvil.
     * Nacional queda exactamente igual.
     */
    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="nacional"].txp-hero-engine-v1[data-txp-hero-store="nacional"]
    .txp-hero-engine-v1__dots{

        bottom:14px!important;

        display:flex!important;

        opacity:1!important;
        visibility:visible!important;
    }
}


/* =========================================================
   GEOMETRIA FINAL POR STORE
   ========================================================= */

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="nacional"]{
    top:0!important;
    margin:
        0
        0
        44px
        calc(50% - 50vw)!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="bogota"]{
    top:0!important;
    margin:
        0
        0
        18px
        calc(50% - 50vw)!important;
}

body.common-home
.txp-hero-engine-v1[data-txp-hero-store="medellin"],
body.common-home
.txp-hero-engine-v1[data-txp-hero-store="pereira"],
body.common-home
.txp-hero-engine-v1[data-txp-hero-store="cali"]{
    top:44px!important;
    margin:
        0
        0
        44px
        calc(50% - 50vw)!important;
}

/* TXP_HERO_ENGINE_V1_END */

/* =========================================================
   TXP_AMOR_AMISTAD_V15_UNIFIED_START
   ========================================================= */

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-engine-v1__image{
    object-fit:cover!important;
    object-position:center center!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1{
    position:absolute!important;
    z-index:15!important;

    top:11.5%!important;
    left:7.2%!important;

    width:45%!important;
    max-width:405px!important;

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

    color:#564b55!important;

    line-height:1.15!important;

    transform:none!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__eyebrow{
    display:inline-flex!important;
    align-items:center!important;

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

    color:#C70616!important;

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

    letter-spacing:1.15px!important;
    text-transform:uppercase!important;

    background:none!important;
    border:0!important;
    box-shadow:none!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__eyebrow::before{
    content:""!important;

    display:inline-block!important;

    width:18px!important;
    height:2px!important;

    margin:0 7px 0 0!important;

    border-radius:999px!important;

    background:#C70616!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__title{
    margin:0!important;
    padding:0!important;

    color:#564b55!important;

    font-size:clamp(38px,11.5vw,55px)!important;
    font-weight:800!important;
    line-height:.93!important;

    letter-spacing:-2px!important;

    text-shadow:none!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__dot{
    color:#C70616!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__categories{
    display:grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:9px 7px!important;

    width:100%!important;

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

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category{
    display:flex!important;
    align-items:center!important;

    min-width:0!important;

    gap:6px!important;

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

    color:#564b55!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 25px!important;

    width:25px!important;
    height:25px!important;

    border:
        1px solid
        rgba(199,6,22,.24)!important;

    border-radius:50%!important;

    color:#C70616!important;

    background:
        rgba(255,255,255,.76)!important;

    box-shadow:
        0 4px 12px
        rgba(86,75,85,.07)!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category-icon svg{
    display:block!important;

    width:13px!important;
    height:13px!important;

    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category-label{
    min-width:0!important;

    color:#564b55!important;

    font-size:9px!important;
    font-weight:700!important;
    line-height:1.08!important;

    letter-spacing:-.1px!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:0!important;

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

    border:0!important;
    border-radius:999px!important;

    color:#fff!important;
    background:#C70616!important;

    box-shadow:
        0 9px 20px
        rgba(199,6,22,.22)!important;

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

    text-decoration:none!important;
    white-space:nowrap!important;
}

body.common-home
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__btn > span{
    margin-left:7px!important;
}

@media(max-width:390px){

    body.common-home
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-hero-copy-v1{
        left:6.3%!important;
        width:47%!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-hero-copy-v1__title{
        font-size:11.2vw!important;
    }

    body.common-home
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-amor-v15__category-label{
        font-size:8.3px!important;
    }
}

/* TXP_AMOR_AMISTAD_V15_UNIFIED_END */








/* TXP_AMOR_V15_LAYOUT_FIX_3_START */

/*
 * BLOQUE IZQUIERDO:
 * ancho suficiente para que ENCIENDE nunca se corte,
 * pero sin meterse encima del producto central.
 */
html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1{
    position:absolute!important;
    z-index:20!important;

    top:13.1%!important;
    left:6.8%!important;
    right:auto!important;
    bottom:auto!important;

    display:block!important;

    width:42.5vw!important;
    max-width:294px!important;
    min-width:0!important;

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

    overflow:visible!important;

    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
}

/* Ciudad + Amor & Amistad */
html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__eyebrow{
    display:flex!important;
    align-items:center!important;

    width:max-content!important;
    max-width:none!important;

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

    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.8px!important;

    white-space:nowrap!important;

    overflow:visible!important;
    clip:auto!important;
}

/*
 * TÍTULO:
 * dos líneas solamente:
 * ENCIENDE
 * TU NOCHE.
 */
html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__title{
    display:block!important;

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

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

    font-size:8vw!important;
    font-weight:800!important;
    line-height:.94!important;
    letter-spacing:-1.5px!important;

    white-space:normal!important;

    overflow:visible!important;
    text-overflow:clip!important;

    clip:auto!important;
    clip-path:none!important;
    -webkit-mask:none!important;
    mask:none!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__title-line{
    display:block!important;

    width:max-content!important;
    max-width:none!important;

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

    white-space:nowrap!important;

    overflow:visible!important;
    clip:auto!important;
}

/*
 * CATEGORÍAS:
 * UNA SOLA COLUMNA.
 * Juguetes
 * Parejas
 * Geles
 * Cuidado
 * Estimulación
 * Accesorios
 */
html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__categories{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;

    grid-template-columns:none!important;
    grid-auto-flow:unset!important;

    width:205px!important;
    max-width:205px!important;

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

    gap:8px!important;
    row-gap:8px!important;
    column-gap:0!important;

    overflow:visible!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;

    width:205px!important;
    max-width:205px!important;
    min-width:0!important;

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

    gap:8px!important;

    overflow:visible!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 24px!important;

    width:24px!important;
    height:24px!important;
    min-width:24px!important;

    margin:0!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category-icon svg{
    width:12px!important;
    height:12px!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category-label{
    display:block!important;

    width:auto!important;
    max-width:none!important;

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

    color:#564b55!important;

    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:0!important;

    white-space:nowrap!important;

    overflow:visible!important;
    text-overflow:clip!important;
}

/* Botón debajo de las seis categorías */
html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:166px!important;
    max-width:205px!important;
    height:auto!important;
    min-height:0!important;

    margin:18px 0 0!important;
    padding:11px 16px!important;

    font-size:10.5px!important;
    line-height:1!important;

    white-space:nowrap!important;
}

/* Teléfonos más angostos */
@media(max-width:390px){

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-hero-copy-v1{
        left:6%!important;
        width:43vw!important;
        max-width:168px!important;
    }

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-hero-copy-v1__title{
        font-size:8.3vw!important;
        letter-spacing:-1px!important;
    }

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-amor-v15__categories,
    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-amor-v15__category{
        width:165px!important;
        max-width:165px!important;
    }

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-amor-v15__category-label{
        font-size:9px!important;
    }
}

/* TXP_AMOR_V15_LAYOUT_FIX_3_END */


/* TXP_AMOR_V16_LAYOUT_START */

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1{
    position:absolute!important;
    z-index:20!important;
    top:13.2%!important;
    left:6.8%!important;
    width:43vw!important;
    max-width:290px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__title{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    font-size:8vw!important;
    font-weight:800!important;
    line-height:.92!important;
    letter-spacing:-1.4px!important;
    color:#564b55!important;
    white-space:normal!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v16__title-line{
    display:block!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v16__title-icon{
    display:inline-block!important;
    margin-left:3px!important;
    color:#C70616!important;
    font-size:.8em!important;
    line-height:1!important;
    vertical-align:baseline!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__categories{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:205px!important;
    max-width:205px!important;
    margin:18px 0 0!important;
    padding:0!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:205px!important;
    margin:0!important;
    padding:0!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-amor-v15__category-label{
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    margin:20px 0 0!important;
    padding:12px 16px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}

html body.common-home
.txp-hero-engine-v1
.txp-hero-engine-v1__slide--amor-amistad-v15
.txp-hero-copy-v1__btn > span{
    margin-left:6px!important;
}

@media(max-width:390px){

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-hero-copy-v1{
        left:6.1%!important;
        width:44vw!important;
        max-width:170px!important;
    }

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-hero-copy-v1__title{
        font-size:8.2vw!important;
        gap:2px!important;
    }

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-amor-v15__categories,
    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-amor-v15__category{
        width:170px!important;
        max-width:170px!important;
    }

    html body.common-home
    .txp-hero-engine-v1
    .txp-hero-engine-v1__slide--amor-amistad-v15
    .txp-hero-copy-v1__btn{
        width:156px!important;
        min-width:156px!important;
        max-width:156px!important;
    }
}

/* TXP_AMOR_V16_LAYOUT_END */




/* TXP_BOGOTA_CLONE_NACIONAL_V2_START */
/* Geometría Bogotá = geometría Nacional, sin reinterpretaciones. */
.txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]{

    display:block!important;

    position:relative!important;
    top:0!important;

    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;

    aspect-ratio:5/7!important;

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

    margin:
        44px
        0
        44px
        calc(50% - 50vw)!important;

    padding:0!important;

    box-sizing:border-box!important;

    overflow:hidden!important;

    background:#fffefe!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    transform:none!important;
    clip-path:none!important;

    visibility:visible!important;
    opacity:1!important;

    line-height:0!important;
}


/* ============================================================
   SLIDES
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
.txp-hero-engine-v1__slide{

    position:absolute!important;
    inset:0!important;

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

    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;

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

    box-sizing:border-box!important;

    overflow:hidden!important;

    transform:none!important;
    clip-path:none!important;
}


/* ============================================================
   IMAGEN 900 × 1260 COMPLETA DENTRO DEL 5:7
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
.txp-hero-engine-v1__slide > img{

    position:absolute!important;
    inset:0!important;

    display:block!important;

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

    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;

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

    object-fit:cover!important;
    object-position:center center!important;

    transform:none!important;
    clip-path:none!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    opacity:1!important;
    visibility:visible!important;
}


/* ============================================================
   INDICADOR — MISMO SISTEMA VISUAL DE MEDELLÍN
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
.txp-hero-engine-v1__dots{

    position:absolute!important;

    z-index:40!important;

    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:auto!important;

    gap:7px!important;

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

    transform:translateX(-50%)!important;

    border:0!important;
    border-radius:999px!important;

    background:rgba(255,254,254,.76)!important;

    box-shadow:
        0 5px 18px rgba(86,75,85,.12)!important;

    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;

    opacity:1!important;
    visibility:visible!important;

    pointer-events:auto!important;
}


/* ============================================================
   DOT NORMAL
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
.txp-hero-engine-v1__dot{

    appearance:none!important;
    -webkit-appearance:none!important;

    display:block!important;

    width:7px!important;
    min-width:7px!important;
    max-width:7px!important;

    height:7px!important;
    min-height:7px!important;
    max-height:7px!important;

    flex:0 0 7px!important;

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

    border:0!important;
    border-radius:999px!important;

    background:rgba(86,75,85,.28)!important;
    background-image:none!important;

    box-shadow:none!important;
    outline:0!important;

    opacity:1!important;
    visibility:visible!important;

    cursor:pointer!important;

    transition:
        width .30s ease,
        min-width .30s ease,
        max-width .30s ease,
        flex-basis .30s ease,
        background .30s ease!important;
}


/* ============================================================
   DOT ACTIVO
   ============================================================ */

html body.common-home
.txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
.txp-hero-engine-v1__dot.is-active{

    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;

    flex:0 0 24px!important;

    background:
        linear-gradient(
            92deg,
            #a72952 0%,
            #c65578 48%,
            #775f91 100%
        )!important;

    opacity:1!important;
}


/* ============================================================
   MÓVIL
   100vw × 140vw = relación exacta 5:7
   ============================================================ */

@media (max-width:767px){

    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]{

        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;

        height:140vw!important;
        min-height:140vw!important;
        max-height:140vw!important;

        aspect-ratio:auto!important;

        overflow:hidden!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__slide{

        position:absolute!important;
        inset:0!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

        overflow:hidden!important;
    }


    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__slide > img{

        position:absolute!important;
        inset:0!important;

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

        height:100%!important;
        min-height:100%!important;
        max-height:100%!important;

        object-fit:cover!important;
        object-position:center center!important;
    }


    /*
     * Medellín termina usando bottom:14px en móvil.
     * Nacional queda exactamente igual.
     */
    html body.mobile-layout.common-home
    .txp-hero-engine-v1[data-txp-hero-store="bogota"].txp-hero-engine-v1[data-txp-hero-store="bogota"]
    .txp-hero-engine-v1__dots{

        bottom:14px!important;

        display:flex!important;

        opacity:1!important;
        visibility:visible!important;
    }
}


/* =========================================================
   GEOMETRIA FINAL POR STORE
   ========================================================= */


/* TXP_BOGOTA_CLONE_NACIONAL_V2_END */
