/******************************************************************
===================================================================
 GCT CONSULTING
 Responsive System
 Compact Edition
 Versión: 1.0
===================================================================
*/

/******************************************************************
 VARIABLES
******************************************************************/

:root{

    /* Escala global */

    --gct-zoom-8k:        1;
    --gct-zoom-5k:        1;
    --gct-zoom-4k:        1;
    --gct-zoom-qhd:       1;
    --gct-zoom-fhd:       .85;
    --gct-zoom-desktop:   .85;
    --gct-zoom-laptop-xl: .85;
    --gct-zoom-laptop:    .85;
    --gct-zoom-tablet:    .85;
    --gct-zoom-mobile:    .75;

}

/******************************************************************
 8K
 7680 px o superior
******************************************************************/

@media (min-width:7680px){

    html{
        zoom:var(--gct-zoom-8k);
    }

}

/******************************************************************
 5K
 5120 - 7679 px
******************************************************************/

@media (min-width:5120px) and (max-width:7679px){

    html{
        zoom:var(--gct-zoom-5k);
    }

}

/******************************************************************
 4K UHD
 3840 - 5119 px
******************************************************************/

@media (min-width:3840px) and (max-width:5119px){

    html{
        zoom:var(--gct-zoom-4k);
    }

}

/******************************************************************
 QHD / UltraWide
 2560 - 3839 px
******************************************************************/

@media (min-width:2560px) and (max-width:3839px){

    html{
        zoom:var(--gct-zoom-qhd);
    }

}

/******************************************************************
 Full HD
 1920 - 2559 px
******************************************************************/

@media (min-width:1920px) and (max-width:2559px){

    html{
        zoom:var(--gct-zoom-fhd);
    }

}

/******************************************************************
 Desktop
 1600 - 1919 px
******************************************************************/

@media (min-width:1600px) and (max-width:1919px){

    html{
        zoom:var(--gct-zoom-desktop);
    }

}

/******************************************************************
 Laptop XL
 1440 - 1599 px
******************************************************************/

@media (min-width:1440px) and (max-width:1599px){

    html{
        zoom:var(--gct-zoom-laptop-xl);
    }

}

/******************************************************************
 Laptop
 1280 - 1439 px
******************************************************************/

@media (min-width:1280px) and (max-width:1439px){

    html{
        zoom:var(--gct-zoom-laptop);
    }

}

/******************************************************************
 Tablet horizontal
 1024 - 1279 px
******************************************************************/

@media (min-width:1024px) and (max-width:1279px){

    html{
        zoom:var(--gct-zoom-tablet);
    }

}

/******************************************************************
 Tablet
 768 - 1023 px
******************************************************************/

@media (min-width:768px) and (max-width:1023px){

    html{
        zoom:var(--gct-zoom-tablet);
    }

}

/******************************************************************
 Móviles
 Hasta 767 px
******************************************************************/

@media (max-width:767px){

    html{
        zoom:var(--gct-zoom-mobile);
    }

}