:root {
    /*FAMILIAS*/
    --font-helvetica: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-barlowcon: 'Barlow Condensed', Helvetica, Arial, sans-serif;

    /*TAMAÑO DE FUENTES TÍTULOS*/
    --font-size-t01: clamp(2.1rem, 5vw, 2.45rem);
    --font-size-t01-iphone: clamp(2.6rem, 5vw, 2.8rem); 
    --font-size-t01-r: clamp(2.35rem, 5vw, 2.5rem);  

    --font-size-t02: clamp(1.6rem, 5vw, 1.75rem);
    --font-size-t02-iphone: clamp(2.05rem, 5vw, 2.65rem);
    --font-size-t02-r: clamp(1.85rem, 5vw, 2.1rem); 

    --font-size-t03: clamp(1.125rem, 5vw, 1.25rem);
    --font-size-t03-iphone: clamp(1.70rem, 5vw, 2.25rem);
    --font-size-t03-r: clamp(1.52rem, 5vw, 1.72rem);

    /* --font-size-t03-noticias: clamp(1em, 5vw, 1.15rem); */
    --font-size-t03-noticias: clamp(1em, 5vw, 1.25rem);
    /* --font-size-t03-noticias-iphone: clamp(1rem, 6vw, 1.37rem);  */
    --font-size-t03-noticias-iphone: clamp(1rem, 6vw, 1.3rem);
    
    --font-size-t03-noticias-r: clamp(4px, 5vw, 18px); 

    --font-size-t03-mini: clamp(0.875rem, calc(3vw + 0.3125rem), 1.375rem);
    /* --font-size-t03-promo: clamp(1.125rem, 5vw, 1.25rem); */

    /* --font-size-t04: clamp(0.9375rem, 1.5vw, 1rem);
    --font-size-t04-iphone: clamp(1.125rem, 4.2vw, 1.1875rem);
    --font-size-t04-r: clamp(1.0625rem, 4.2vw, 1.1875rem); */

    --font-size-t04: clamp(0.9375rem, 1.5vw, 1rem);
    --font-size-t04-iphone: clamp(1rem, 6vw, 1.23rem);
    --font-size-t04-r: clamp(1rem, 6vw, 1.15rem);  

    --font-size-t05: clamp(0.75rem, 5vw, 0.8125rem);

    /* --font-size-star01: clamp(1.6875rem, 3vw, 2.0625rem);
    --font-size-star01-r: clamp(1.25rem, 6.62vw, 1.875rem); */

    /* --font-size-star01: clamp(1.6875rem, 3vw, 2.0625rem);
    --font-size-star01-iphone: clamp(1.25rem, 6.62vw, 1.875rem);
    --font-size-star01-r: clamp(1.25rem, 6.62vw, 1.875rem); */

    /*--font-size-star01: clamp(1.6rem, 5vw, 1.75rem);
    --font-size-star01-iphone: clamp(2.05rem, 5vw, 2.65rem);
    --font-size-star01-r: clamp(1.9rem, 5vw, 2.1rem); */

    --font-size-star01: clamp(1.6rem, 5vw, 1.88rem);
    --font-size-star01-iphone: clamp(2.25rem, 5vw, 2.65rem);
    --font-size-star01-r: clamp(2rem, 5vw, 2.1rem);  

    /* --font-size-star02: clamp(1rem, calc(1.5vw + 0px), 1.0625rem); */
    /* --font-size-star02: clamp(1rem, calc(1.5vw + 0px), 1.0625rem);
    --font-size-star02-iphone: clamp(1rem, calc(1.5vw + 0px), 1.0625rem);    
    --font-size-star02-r: clamp(1rem, calc(1.5vw + 0px), 1.0625rem);    */
    
    --font-size-star02: clamp(1em, 5vw, 1.25rem);
    /* --font-size-star02-iphone: clamp(1rem, 6vw, 1.52rem);  */
    --font-size-star02-iphone: clamp(1rem, 6vw, 1.30rem); 
    --font-size-star02-r: clamp(5px, 5vw, 19px);

    --font-size-star03: clamp(1rem, calc(1.5vw + 0px), 1.3125rem);

    /*TAMAÑO DE FUENTES CUERPOS*/
    --font-size-b01: clamp(0.85rem, 0.9vw, 0.89rem);
    /*--font-size-b01-iphone: clamp(1.07rem, 1.2vw, 1.4rem);*/
    --font-size-b01-iphone: clamp(1rem, 1.2vw, 1.4rem);
    --font-size-b01-r: clamp(0.95rem, 1.2vw, 1.2rem); 

    /*TAMAÑO DE FUENTES ESPECIALES*/
   

    --font-size-label: clamp(0.5625rem, 1.2vw, 0.66rem);
    --font-size-label-iphone: clamp(0.7rem, 1.5vw, 0.75rem);
    --font-size-label-r: clamp(0.7rem, 1.5vw, 0.75rem);

    --font-size-t-division: clamp(1.1875rem, 5vw, 1.25rem);
    --font-size-t-division-iphone: clamp(1.70rem, 5vw, 2.25rem);
    --font-size-t-division-r: clamp(1.1875rem, 6vw, 1.5rem);

    --font-size-seccion: clamp(0.5625rem, 5vw, 0.82rem);
    /* --font-size-seccion-iphone: clamp(1rem, calc(5vw), 1.15rem); */
    --font-size-seccion-iphone: clamp(0.95rem, 1.2vw, 1.2rem); 
    --font-size-seccion-r: clamp(0.93rem, 1vw, 1rem); 

    --font-size-opinion-nombre: clamp(0.9rem, 5vw, 1rem);
    --font-size-opinion-nombre-iphone: clamp(0.95rem, 1.3vw, 1.2rem); 
    --font-size-opinion-nombre-r: clamp(0.94rem, 1vw, 1rem); 

    --font-size-opinion-modulo-nombre: clamp(0.8rem, 5vw, 0.85rem);
    --font-size-opinion-modulo-nombre-iphone: clamp(0.95rem, 1.3vw, 1.2rem); 
    --font-size-opinion-modulo-nombre-r: clamp(0.94rem, 1vw, 1rem); 


    --font-size-opinion-titulo-nota: clamp(0.9375rem, 1.5vw, 1.1rem);
    --font-size-opinion-titulo-nota-iphone: clamp(1rem, 6vw, 1.34rem);
    --font-size-opinion-titulo-nota-r: clamp(1rem, 6vw, 1.25rem);  


    /*--font-size-opinion-slide-nombre: clamp(0.9rem, 5vw, 1.1rem); 
    --font-size-opinion-slide-nombre-iphone: clamp(1.2rem, 6vw, 1.45rem); 
    --font-size-opinion-slide-nombre-r: clamp(1.3rem, 5vw, 1.5rem); */
    
    --font-size-opinion-slide-nombre: clamp(0.9rem, 5vw, 0.95rem); 
    --font-size-opinion-slide-nombre-iphone: clamp(1rem, 6vw, 1.15rem); 
    /*--font-size-opinion-slide-nombre-r: clamp(1.3rem, 5vw, 1.5rem); */
    --font-size-opinion-slide-nombre-r: clamp(1rem, 5vw, 1rem); 

    --font-size-opinion-slide-seccion: clamp(0.8rem, 5vw, 0.9rem);
    /*--font-size-opinion-slide-seccion-iphone: clamp(1.2rem, 5vw, 1.25rem); */
    --font-size-opinion-slide-seccion-iphone: clamp(1rem, 6vw, 1.15rem); 
    /*--font-size-opinion-slide-seccion-r: clamp(1rem, 5vw, 1.1rem); */
    --font-size-opinion-slide-seccion-r: clamp(1rem, 5vw, 1rem); 

    --font-size-opinion-slide-nota: clamp(1rem, 5vw, 1.4rem);
    --font-size-opinion-slide-nota-iphone: clamp(1.5rem, 6vw, 1.7rem); 
    --font-size-opinion-slide-nota-r: clamp(1.5rem, 5vw, 1.8rem); 

    /* --font-size-promo: clamp(1.125rem, 5vw, 1.25rem);
    --font-size-promo-iphone: clamp(1.70rem, 5vw, 2.25rem);
    --font-size-promo-r: clamp(1.52rem, 5vw, 1.72rem); */

    --font-size-promo: clamp(1.125rem, 5vw, 1.25rem);
    --font-size-promo-iphone: clamp(1.70rem, 5vw, 2.25rem);
    --font-size-promo-r: clamp(1.52rem, 5vw, 1.72rem); 

    --font-size-promo2x1: clamp(1.6rem, 5vw, 1.88rem);
    --font-size-promo2x1-tablet: clamp(1.5rem, 5vw, 0.75rem);

    /* --font-size-promo2x1: clamp(1.25rem, 2.4vw, 1.5rem); */

    /* --font-size-print: clamp(0.3125rem, calc(1.69vw + 0.1875rem), 1.25rem); */
    --font-size-print: clamp(1.1875rem, 5vw, 1.25rem);
    --font-size-print-iphone: clamp(1.70rem, 5vw, 2.25rem);
    --font-size-print-r: clamp(1.1875rem, 6vw, 1.5rem);

    --font-size-boton: clamp(0.6rem, 5vw, 0.7rem);
    --font-size-boton-iphone: clamp(0.7rem, 5vw, 0.82rem);
    --font-size-boton-r: clamp(0.6rem, 5vw, 0.82rem); 

    --font-sbp: 500;
    --font-sb-border: 1.8px;
    --font-sb-border-r: 2px;

    /*COLORES*/
    --color-black: #000;
    --color-white: #fff;
    /* --color-gray4: #20242F; */
    --color-gray4: #141B26;

    --color-gray3: #2D313B;
    --color-gray2: #686D7D;
    /* --color-gray1: #ADB4C3; */
    --color-gray1: #B6BCC6;      
    /* --color-gray0: 219, 219, 219, 0.8; */
    /* --color-gray0: 233, 235, 239, 1; */
    --color-gray0: 211, 215, 222,1;
    /* --color-gray0: #B6BCC6; */
    --color-norte: #298aff;
    --color-mural: #dc1d2a;
    --color-reforma: #29B765;

    /*COLORES SECCIÓN*/
    --color-internacional: #2e5ee1;
    --color-primera-fila: #8718B6; 
    --color-moda: #05cab3;
    --color-ciencia: #0ea78a;
    --color-cultura: #CB3EDD;  

    /*COLORES NUEVOS*/
    --color-resumen: #3E4857;
    --color-titulos-prime: #141b26;
    /*--color-titulos-noticias: #5C6673;*/
    --color-titulos-noticias: #141b26; 

    --color-verde-claro: #dff6ea;
    --color-verde-claro02: #29B765;
    --color-verde-claro-borde: #96E5B8;
    --color-verde-oscuro: #1B7A43;
    --color-etiqueta-oscuro: #141B26;

    --color-gris-claro01: #E9EBEF; 
    
    /* --color-gris-boton-promos-fondo: #F5F6F9;
    --color-gris-boton-promos: #5C6673;
    --color-gris-borde-oscuro-promos: #3E4857;  */

    --color-gris-boton-promos-fondo: #dff6ea;
    --color-gris-boton-promos: #1B7A43;  
    --color-gris-borde-oscuro-promos: #3E4857; 
    
    --color-fuerte-opinion:#79CBCB;
    --color-claro-opinion:#D2F0F0;

    --color-gris-fondo-otros-slots: #F5F6F9;
    --color-bordes-verdes-lmvr:#B5ECCD;

    --color-divisiones:#D3D7DE;

    --color-gris-boton-aristeguiny: #5C6673; 

 
    /*MENU COLORES*/
    --color-edicion-impresa: #7A8490;  

    --color-gray-fix-opinion: #D3D7DE;   
}


@media (prefers-color-scheme: dark) {

    :root {
        --color-black: #fff;
        --color-white: #000;
        --color-gray4: #d1d1d1;
        --color-gray3: #b0b0b0;
        --color-gray2: #8a8a8a;
        /* --color-gray1: #777; */
        --color-gray1: #7A8490;    
        /* --color-gray0: 219, 219, 219, 0.3; */
        --color-gray0: 20, 27, 38, 1;
        --background-color: var(--color-black);

        /*COLORES NUEVOS*/ 
        --color-resumen: #B6BCC6; 
        --color-titulos-noticias-oscuro: #D3D7DE;  
        --color-titulos-prime-oscuro: #fff;

        --color-verde-claro-borde: #1B7A43; 

        /* --color-gris-boton-promos-fondo: #141B26; 
        --color-gris-boton-promos: #5C6673;
        --color-gris-borde-oscuro-promos: #141B26;   */

        --color-gris-boton-promos-fondo: #141B26; 
        --color-gris-boton-promos: #29B765; 
        --color-gris-borde-oscuro-promos: #141B26;  
        
        --color-bordes-verdes-lmvr:#1B7A43; 

        --color-divisiones:#202A3B;
        /*--color-divisiones:#3E4857;*/

        --color-gris-boton-aristeguiny: #98A1AD; 
        
        
        /*MENU COLORES*/
        --color-edicion-impresa: #fff;

        --color-gray-fix-opinion: #202A3B;   
    } 

}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--color-white);
}

.gr_flexset {
    width: 100%;
    max-width: 960px;
    /* margin: 30px auto; */
    margin: 80px auto;
    background-color: var(--color-white);
    /* GRID*/
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    grid-gap: 60px 30px;
    overflow: hidden;
}  

/*-------------------*/
/*ELEMENTOS GENERALES*/
/*-------------------*/

.divider {
    position: absolute;
    height: .5px;
    /* background-color: rgba(var(--color-gray0)); */
    background-color: var(--color-divisiones);
    z-index: 1;
}

.v-divider {
    position: absolute;
    width: .5px;
    /* background-color: rgba(var(--color-gray0)); */
    background-color: var(--color-divisiones);
    z-index: 1;
}



/*-------------*/
/*MEDIA QUERIES*/
/*-------------*/

@media (max-width:1000px) {

    .gr_flexset {
        max-width: 96%;
    }

}

@media (max-width:750px) {

    .gr_flexset {
        grid-gap: 50px 21px;
    }

}

@media (max-width:600px) {

    .gr_flexset {
        display: flex;
        flex-direction: column;
         /*AJUSTE ESPACIADOS*/
        gap: 30px 0px;
        /*---*/
        max-width: 100%;
        padding: 0px 15px 0px 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

}