/*
 * UPSEX HOME PC V347
 * Solo corrige:
 * - Lo más elegido casi full width.
 * - Reseñas adaptadas realmente a PC.
 * No modifica móvil, blog, banner, categorías, intención,
 * recién llegados, header, CTA ni footer.
 */

@media (min-width:992px){

    /* =========================================================
       LO MÁS ELEGIDO: MISMO ANCHO VISUAL QUE RECIÉN LLEGADOS
       ========================================================= */

    html body.common-home section:has(> #txp2-best-grid),
    html body.common-home div:has(> #txp2-best-grid){
        display:block!important;
        width:calc(100vw - 32px)!important;
        min-width:0!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw + 16px)!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow:visible!important;
    }

    html body.common-home #txp2-best-grid#txp2-best-grid{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:18px!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow:visible!important;
        transform:none!important;
    }

    html body.common-home #txp2-best-grid#txp2-best-grid > *{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        transform:none!important;
    }

    html body.common-home #txp2-best-grid#txp2-best-grid .product-thumb{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
    }

    /* =========================================================
       RESEÑAS: CONTENEDOR CASI FULL WIDTH
       ========================================================= */

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        position:relative!important;
        left:50%!important;
        right:auto!important;
        width:calc(100vw - 32px)!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:26px 0 30px!important;
        padding:0!important;
        overflow:visible!important;
        transform:translateX(-50%)!important;
        clear:both!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-wrap{
        display:grid!important;
        grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr)!important;
        grid-template-areas:
            "hero form"
            "live live"!important;
        align-items:stretch!important;
        gap:16px!important;

        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-hero{
        grid-area:hero!important;
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:22px!important;
        border-radius:24px!important;
        overflow:hidden!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-hero h2{
        margin:14px 0 10px!important;
        font-size:32px!important;
        line-height:1.05!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-hero p{
        font-size:15px!important;
        line-height:1.48!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-badges{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        margin-top:16px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-badges span{
        min-height:42px!important;
        padding:10px 13px!important;
        font-size:13.5px!important;
    }

    /* =========================================================
       OPINIONES RECIENTES: CARDS COMPACTAS CON SCROLL
       ========================================================= */

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-live{
        grid-area:live!important;
        display:block!important;
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        padding:15px 16px 10px!important;
        border-radius:23px!important;
        background:#fffdf8!important;
        border:1px solid rgba(196,154,58,.24)!important;
        box-shadow:0 12px 26px rgba(73,54,35,.07)!important;
        overflow:hidden!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-live-head{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:16px!important;
        margin:0 0 11px!important;
        padding:0 2px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-live-head b{
        font-size:17px!important;
        line-height:1.2!important;
        color:#4d423f!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-live-head span{
        font-size:13px!important;
        line-height:1.2!important;
        color:#5c514e!important;
        font-weight:700!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    #onxrv13-cards#onxrv13-cards{
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:stretch!important;
        gap:12px!important;

        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;

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

        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:thin!important;
        scrollbar-color:#c49a3a #f3e4b8!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    #onxrv13-cards#onxrv13-cards::-webkit-scrollbar{
        height:7px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    #onxrv13-cards#onxrv13-cards::-webkit-scrollbar-track{
        background:#f3e4b8!important;
        border-radius:999px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    #onxrv13-cards#onxrv13-cards::-webkit-scrollbar-thumb{
        background:#c49a3a!important;
        border-radius:999px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    #onxrv13-cards#onxrv13-cards
    > article.onxrv13-card{
        display:grid!important;
        grid-template-columns:82px minmax(0,1fr)!important;
        align-items:center!important;
        gap:12px!important;

        flex:0 0 320px!important;
        width:320px!important;
        min-width:320px!important;
        max-width:320px!important;
        height:148px!important;
        min-height:148px!important;
        max-height:148px!important;

        margin:0!important;
        padding:12px!important;
        border-radius:18px!important;
        background:#ffffff!important;
        border:1px solid rgba(196,154,58,.22)!important;
        box-shadow:0 8px 18px rgba(73,54,35,.055)!important;

        overflow:hidden!important;
        scroll-snap-align:start!important;
        transform:none!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    article.onxrv13-card img{
        display:block!important;
        width:82px!important;
        min-width:82px!important;
        max-width:82px!important;
        height:112px!important;
        min-height:112px!important;
        max-height:112px!important;
        margin:0!important;
        object-fit:contain!important;
        border-radius:14px!important;
        background:#fffaf1!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    article.onxrv13-card > div{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        overflow:hidden!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    article.onxrv13-card h4{
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;

        min-height:34px!important;
        max-height:34px!important;
        margin:0 0 5px!important;
        font-size:13.5px!important;
        line-height:17px!important;
        color:#4d423f!important;
        font-weight:800!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    article.onxrv13-card .onxrv13-stars{
        margin:0 0 4px!important;
        font-size:14px!important;
        line-height:1!important;
        color:#f5b700!important;
        white-space:nowrap!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    article.onxrv13-card p{
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;

        min-height:32px!important;
        max-height:32px!important;
        margin:0 0 5px!important;
        font-size:12.5px!important;
        line-height:16px!important;
        color:#5c514e!important;
        font-weight:600!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    article.onxrv13-card small{
        display:block!important;
        margin:0!important;
        font-size:11.5px!important;
        line-height:1.2!important;
        color:#7A5A18!important;
        font-weight:800!important;
    }

    /* =========================================================
       FORMULARIO: COLUMNA DERECHA COMPACTA
       ========================================================= */

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-form-card{
        grid-area:form!important;
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:16px!important;
        border-radius:23px!important;
        clear:none!important;
        overflow:visible!important;
        transform:none!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-title{
        margin-bottom:10px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-form-card h3{
        font-size:22px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-form{
        gap:8px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-form-card input{
        height:44px!important;
        min-height:44px!important;
        padding:0 13px!important;
        border-radius:14px!important;
        font-size:13.5px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-form-card textarea{
        height:72px!important;
        min-height:72px!important;
        max-height:110px!important;
        padding:11px 13px!important;
        border-radius:14px!important;
        font-size:13.5px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-rate{
        gap:7px!important;
        margin:0!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-rate button{
        width:36px!important;
        min-width:36px!important;
        max-width:36px!important;
        height:36px!important;
        min-height:36px!important;
        max-height:36px!important;
        border-radius:11px!important;
        font-size:19px!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-submit{
        height:44px!important;
        min-height:44px!important;
        max-height:44px!important;
        border-radius:14px!important;
        font-size:14px!important;
    }
}

/* PC ancho: tres bloques en una sola fila */
@media (min-width:1200px){

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-wrap{
        grid-template-columns:
            minmax(270px,.78fr)
            minmax(430px,1.42fr)
            minmax(330px,1fr)!important;

        grid-template-areas:"hero live form"!important;
        align-items:stretch!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    .onxrv13-live{
        height:100%!important;
    }

    html body.common-home
    #onx-reviews-v13#onx-reviews-v13
    #onxrv13-cards#onxrv13-cards
    > article.onxrv13-card{
        flex-basis:300px!important;
        width:300px!important;
        min-width:300px!important;
        max-width:300px!important;
    }
}