/* =========================================================
   CRYSTAL CLEANING - LAPTOP TEXT SAFE FIX V66
   Hotfix mínimo para PRODUCCIÓN.
   Solo corrige legibilidad del texto del glass panel en laptops.
   NO modifica geometría del slider, NAV, barra inferior ni responsive base.
   ========================================================= */

/* Desktop / laptop normal */
@media (min-width:921px){

    html body .hero--premium-v53 .hero-description{
        font-size:15px!important;
        line-height:1.48!important;
        letter-spacing:-.003em!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        display:flex!important;
        align-items:center!important;
        gap:9px!important;

        margin-top:12px!important;

        font-size:8.6px!important;
        line-height:1.32!important;
        letter-spacing:.13em!important;
        font-weight:800!important;

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

    html body .hero--premium-v53 .hero-bottom-note>span{
        flex:0 0 32px!important;
        width:32px!important;
    }
}

/* Laptops habituales: 1366x768 / 1536x864 / similares */
@media (min-width:921px) and (max-height:820px){

    html body .hero--premium-v53 .hero-description{
        font-size:14px!important;
        line-height:1.44!important;
    }

    html body .hero--premium-v53 .hero-actions{
        margin-top:12px!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        display:flex!important;
        margin-top:9px!important;

        font-size:8.1px!important;
        line-height:1.28!important;
        letter-spacing:.12em!important;
    }
}

/*
 * Pantallas portátiles de poca altura.
 * Versiones anteriores ocultaban esta línea con display:none.
 * V66 la vuelve a mostrar explícitamente sin tocar la estructura del hero.
 */
@media (min-width:921px) and (max-height:690px){

    html body .hero--premium-v53 .hero-description{
        font-size:13.2px!important;
        line-height:1.40!important;
    }

    html body .hero--premium-v53 .hero-actions{
        margin-top:10px!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        display:flex!important;
        align-items:center!important;

        margin-top:7px!important;

        font-size:7.6px!important;
        line-height:1.24!important;
        letter-spacing:.105em!important;

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

    /*
     * El panel conserva su tamaño actual. Solo reducimos espacios verticales
     * secundarios para asegurar que la línea inferior permanezca visible.
     */
    html body .hero--premium-v53 .hero-description{
        margin-top:8px!important;
        margin-bottom:0!important;
    }
}

/* Tablet/móvil: no hacemos cambios agresivos. */
@media (max-width:920px){

    html body .hero--premium-v53 .hero-description{
        font-size:13.4px!important;
        line-height:1.46!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        display:flex!important;
        align-items:center!important;

        font-size:7.5px!important;

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