/* =========================================================
   MENTE & MANOS - VIP FULL COMPACTO V9.0
   ========================================================= */

@media (max-width: 760px) {

    /*
       Reducimos el bloque completo de selección VIP.
    */
    body.vipActivoV85 #configurador {
        padding:
            12px
            !important;

        border-radius:
            15px
            !important;

        margin-top:
            10px
            !important;
    }


    body.vipActivoV85 #tituloConfigurador {
        margin:
            0
            0
            9px
            !important;

        font-size:
            17px
            !important;

        line-height:
            1.1
            !important;
    }


    /*
       6 ING adicionales = 2 columnas x 3 filas.
       Esto es lo que permite que el CTA entre en la pantalla.
    */
    body.vipActivoV85 #listaAdicionales {
        display:
            grid
            !important;

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

        gap:
            6px
            !important;

        width:
            100%
            !important;

        margin:
            0
            !important;
    }


    /*
       Tarjeta de cada ING: mucho más corta.
    */
    body.vipActivoV85 #listaAdicionales .adicionalWrap {
        min-width:
            0
            !important;

        min-height:
            72px
            !important;

        margin:
            0
            !important;

        padding:
            7px
            !important;

        border-radius:
            10px
            !important;

        display:
            flex
            !important;

        flex-direction:
            column
            !important;

        justify-content:
            space-between
            !important;

        gap:
            4px
            !important;
    }


    /*
       Checkbox + nombre.
    */
    body.vipActivoV85 #listaAdicionales .adicional {
        display:
            grid
            !important;

        grid-template-columns:
            15px
            minmax(0, 1fr)
            !important;

        align-items:
            start
            !important;

        gap:
            5px
            !important;

        margin:
            0
            !important;

        padding:
            0
            !important;
    }


    body.vipActivoV85 #listaAdicionales .adicional input[type="checkbox"] {
        width:
            13px
            !important;

        height:
            13px
            !important;

        margin:
            1px
            0
            0
            !important;
    }


    body.vipActivoV85 #listaAdicionales .adicional strong {
        display:
            -webkit-box
            !important;

        -webkit-box-orient:
            vertical
            !important;

        -webkit-line-clamp:
            2
            !important;

        overflow:
            hidden
            !important;

        margin:
            0
            !important;

        font-size:
            9.7px
            !important;

        line-height:
            1.12
            !important;
    }


    /*
       En VIP ya sabemos que todo está incluido.
       Ocultamos las descripciones para ahorrar altura.
    */
    body.vipActivoV85 #listaAdicionales .adicional small,
    body.vipActivoV85 #listaAdicionales .recomendacionMini {
        display:
            none
            !important;
    }


    /*
       En VIP no necesitamos "Ver qué incluye" en esta vista.
       El objetivo aquí es confirmar visualmente que todos
       están incluidos y llegar al CTA.
    */
    body.vipActivoV85 #listaAdicionales .verIncluye {
        display:
            none
            !important;
    }


    body.vipActivoV85 #listaAdicionales .fichaAdicional {
        display:
            none
            !important;
    }


    /*
       Barra inferior muy pequeña:
       solo "INCLUIDO EN VIP".
    */
    body.vipActivoV85 #listaAdicionales .adicionalInfoBar {
        display:
            flex
            !important;

        justify-content:
            flex-end
            !important;

        align-items:
            center
            !important;

        min-height:
            13px
            !important;

        margin:
            0
            !important;

        padding:
            0
            !important;
    }


    body.vipActivoV85 #listaAdicionales .estadoSeleccion {
        display:
            inline-flex
            !important;

        align-items:
            center
            !important;

        justify-content:
            center
            !important;

        padding:
            2px
            4px
            !important;

        border-radius:
            999px
            !important;

        font-size:
            6.5px
            !important;

        line-height:
            1
            !important;

        white-space:
            nowrap
            !important;
    }


    /*
       CTA WhatsApp claramente visible debajo de la grilla.
    */
    body.vipActivoV85 #continuarWhatsapp {
        display:
            flex
            !important;

        align-items:
            center
            !important;

        justify-content:
            center
            !important;

        width:
            100%
            !important;

        min-height:
            48px
            !important;

        margin:
            9px
            0
            0
            !important;

        padding:
            8px
            10px
            !important;

        border-radius:
            12px
            !important;

        font-size:
            13px
            !important;

        line-height:
            1.1
            !important;

        font-weight:
            850
            !important;
    }


    body.vipActivoV85 #continuarWhatsapp .whatsappV60Secundario {
        font-size:
            8px
            !important;

        line-height:
            1.1
            !important;
    }


    /*
       El resumen ya está oculto por V8.5.
       Garantizamos que no reserve espacio.
    */
    body.vipActivoV85 #resumenPedidoV59,
    body.vipActivoV85 #resumenPedidoV58,
    body.vipActivoV85 .resumenPedido,
    body.vipActivoV85 #detalleVip {
        display:
            none
            !important;
    }
}


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

    body.vipActivoV85 #configurador {
        padding:
            10px
            !important;
    }


    body.vipActivoV85 #tituloConfigurador {
        margin-bottom:
            7px
            !important;

        font-size:
            15px
            !important;
    }


    body.vipActivoV85 #listaAdicionales {
        gap:
            5px
            !important;
    }


    body.vipActivoV85 #listaAdicionales .adicionalWrap {
        min-height:
            64px
            !important;

        padding:
            6px
            !important;
    }


    body.vipActivoV85 #listaAdicionales .adicional strong {
        font-size:
            8.8px
            !important;
    }


    body.vipActivoV85 #listaAdicionales .estadoSeleccion {
        font-size:
            6px
            !important;
    }


    body.vipActivoV85 #continuarWhatsapp {
        min-height:
            44px
            !important;

        margin-top:
            7px
            !important;

        font-size:
            12px
            !important;
    }
}