/* ============================================================
   TXP HOME CARDS SEARCH V8 — REFINADO FINAL
   - Imagen completa y centrada
   - Card compacta
   - Nombre / precio / carrito más cerca
   - Sin tocar lógica dinámica
   ============================================================ */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final){
    --txp-brand-red:#DA0405;
    --txp-brand-text:#564b55;
    --txp-brand-muted:#796e77;
    --txp-brand-soft-text:#82727d;
    --txp-brand-eyebrow:#8b7180;
    --txp-brand-primary:#a72952;
    --txp-brand-primary-soft:#c65578;
    --txp-brand-purple:#775f91;
    --txp-brand-rose-accent:#9d4261;
    --txp-brand-lilac-accent:#705c8c;
    --txp-brand-rose-bg:#fff3f5;
    --txp-brand-white:#fffefe;
    --txp-brand-border:rgba(84,69,80,.11);
    font-family:Poppins,Arial,sans-serif!important;
}

/* =========================
   CABECERAS
   ========================= */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final){
    width:calc(100% - 12px)!important;
    max-width:1180px!important;
    margin:15px auto 0!important;
    padding:0!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0 0 10px!important;
    padding:0 0 8px!important;
    position:relative!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-head::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:44px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#a72952!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-title{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-title b{
    color:#564b55!important;
    font-family:Poppins,Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-.35px!important;
    text-shadow:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:999px!important;
    background:#fff3f5!important;
    border:1px solid rgba(84,69,80,.11)!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#DA0405!important;
    font-size:18px!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-all{
    height:33px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#9d4261!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:500!important;
    text-decoration:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    box-shadow:none!important;
}

/* =========================
   GRID
   ========================= */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:start!important;
}

/* =========================
   CARD
   ========================= */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-card{
    background:#fffefe!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-shadow:0 5px 14px rgba(84,69,80,.06)!important;
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
}

/* =========================
   IMAGEN — SIEMPRE COMPLETA
   ========================= */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-img{

display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-bottom:1px solid #f1e8ed!important;
overflow:hidden!important;
box-sizing:border-box!important;

}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-img img{

display:block!important;
position:static!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
min-height:0!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
object-position:center!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:none!important;

}

/* =========================
   INFO MÁS COMPACTA
   ========================= */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-info{

display:grid!important;
grid-template-columns:minmax(0,1fr) 34px!important;
grid-template-rows:20px 35px!important;
column-gap:6px!important;
row-gap:2px!important;
width:100%!important;
height:70px!important;
min-height:70px!important;
max-height:70px!important;
margin:0!important;
padding:6px 10px 7px!important;
background:#fffefe!important;
overflow:hidden!important;
box-sizing:border-box!important;
align-items:end!important;
position:relative!important;

}

/* Nombre con identidad, compacto y cercano */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-name{

grid-column:1/-1!important;
grid-row:1!important;
display:block!important;
width:100%!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
margin:0!important;
padding:0!important;
color:#564b55!important;
font-family:Poppins,Arial,sans-serif!important;
font-size:12.7px!important;
font-weight:500!important;
line-height:20px!important;
letter-spacing:-.2px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-decoration:none!important;

}

/* Precio más cerca */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-price{
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-self:end!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-oldrow{
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin:0 0 1px!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-old{
    color:#82727d!important;
    font-size:9.8px!important;
    line-height:1!important;
    font-weight:400!important;
    text-decoration:line-through!important;
    text-decoration-color:#c65578!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:56px!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-normal,
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-sale{
    color:#a72952!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:-.45px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:0!important;
    padding:0!important;
}

/* Descuento pequeño y limpio */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-off{
    height:18px!important;
    min-width:auto!important;
    border-radius:999px!important;
    background:#775f91!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:8.4px!important;
    line-height:1!important;
    font-weight:600!important;
    padding:0 7px!important;
    white-space:nowrap!important;
}

/* =========================
   CARRITO MÁS CERCA DEL PRECIO
   ========================= */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-cart{
    grid-column:2!important;
    grid-row:2!important;
    align-self:end!important;
    justify-self:end!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:#DA0405!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    position:static!important;
    cursor:pointer!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-cart svg{

display:block!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
color:#fffefe!important;
stroke:#fffefe!important;
fill:none!important;
opacity:1!important;
visibility:visible!important;
filter:none!important;

}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-cart span{
    display:none!important;
}

/* =========================
   BADGES
   ========================= */

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-badge{
    right:8px!important;
    top:8px!important;
    z-index:20!important;
    min-width:40px!important;
    height:22px!important;
    border-radius:999px!important;
    background:#DA0405!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:600!important;
    padding:0 9px!important;
    box-shadow:none!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-badge.top,
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-badge.new{
    background:#DA0405!important;
}

/* =========================
   DESKTOP / TABLET
   ========================= */

@media(min-width:768px){
    html body.common-home:not(.qivo-mayoristas-home)
    :is(#txp2-best-final,#txp2-new-final) .txp2-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:12px!important;
    }

    html body.common-home:not(.qivo-mayoristas-home)
    :is(#txp2-best-final,#txp2-new-final) .txp2-img{

display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-bottom:1px solid #f1e8ed!important;
overflow:hidden!important;
box-sizing:border-box!important;

}
}

/* Móviles angostos */
@media(max-width:360px){
    html body.common-home:not(.qivo-mayoristas-home)
    :is(#txp2-best-final,#txp2-new-final) .txp2-img{

display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-bottom:1px solid #f1e8ed!important;
overflow:hidden!important;
box-sizing:border-box!important;

}

    html body.common-home:not(.qivo-mayoristas-home)
    :is(#txp2-best-final,#txp2-new-final) .txp2-normal,
    html body.common-home:not(.qivo-mayoristas-home)
    :is(#txp2-best-final,#txp2-new-final) .txp2-sale{
        font-size:17px!important;
    }
}

/* TXP_HOME_CART_WHITE_PATHS_V1 */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final)
.txp2-cart svg *,
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final)
.txp2-cart svg :is(path,circle,rect,line,polyline,polygon){
    stroke:#fffefe!important;
    fill:none!important;
    color:#fffefe!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
}


/* TXP_HOME_UNIFORM_CARDS_V9_START */

/* Misma altura de tarjetas, sin alterar proporciones */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}

/* Área visual constante; imagen siempre completa */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-img{
    display:flex!important;
    position:relative!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2 / 3!important;
    margin:0!important;
    padding:0!important;
    background:#fffefe!important;
    border:0!important;
    border-bottom:1px solid #f1e8ed!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-img img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
}

/* Información inferior compacta */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-info{
    display:grid!important;
    position:relative!important;
    flex:0 0 74px!important;
    grid-template-columns:minmax(0,1fr) 36px!important;
    grid-template-rows:21px 36px!important;
    gap:3px 5px!important;
    align-items:end!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    margin:0!important;
    padding:6px 10px 8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#fffefe!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-name{
    display:block!important;
    grid-column:1 / -1!important;
    grid-row:1!important;
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#564b55!important;
    font-family:Poppins,Arial,sans-serif!important;
    font-size:12.7px!important;
    font-weight:500!important;
    line-height:21px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-decoration:none!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-price{
    display:flex!important;
    position:static!important;
    grid-column:1!important;
    grid-row:2!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-self:end!important;
    height:36px!important;
    min-height:0!important;
    max-height:36px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

/* Carrito rojo, icono blanco */
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-cart{
    display:flex!important;
    position:static!important;
    grid-column:2!important;
    grid-row:2!important;
    align-self:end!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:#DA0405!important;
    color:#fffefe!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-cart svg,
html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-cart svg *{
    stroke:#fffefe!important;
    fill:none!important;
    color:#fffefe!important;
    opacity:1!important;
    visibility:visible!important;
}

html body.common-home:not(.qivo-mayoristas-home)
:is(#txp2-best-final,#txp2-new-final) .txp2-cart span{
    display:none!important;
}

@media(min-width:768px){
    html body.common-home:not(.qivo-mayoristas-home)
    :is(#txp2-best-final,#txp2-new-final) .txp2-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:12px!important;
    }
}

/* TXP_HOME_UNIFORM_CARDS_V9_END */