@charset "utf-8";
/* CSS Document */

/************
BASE
************/

/*Resoluciones más comunes (Ancho x Alto en px)
Estándar Resolución (px) Tipo de dispositivo
HD 720 × 1280 Smartphones antiguos
HD+ 720 × 1600 Gama de entrada moderna
Full HD 1080 × 1920 Gama alta clásica
Full HD+ 1080 × 2400 Estándar actual (gama media/alta)
1.5K 1220 × 2712 Gama media-alta / premium
Quad HD (QHD) 1440 × 2560 Gama alta anterior
Quad HD+ 1440 × 3200 Buques insignia modernos
Desktops y pantallas tv grandes @media (min-width: 2046px) and (max-width: 5119px)
Pantallas tv gigantes @media (min-width: 5120px) and (max-width: 7679px)
Pantallas tv 8K y superiores @media (min-width: 7680px) { } */

html {
        font-size: 17px;
     }

/* Móviles en vertical      
   ------------------------------------------------------------------------- /
@media (max-width: 480px) { }*/

@media only screen and (min-width: 1px) and (max-width: 209px)
    {
    .textoAdaptable { font-size: .9rem; }
    .textoAdaptable2 { font-size: .9rem; }
    article { font-size: .9rem; }
    div article { font-size: .9rem; }
    main    { font-size: .9rem; }
    main p    { font-size: .9rem; }
    main p p   { font-size: .9rem; }
    }

@media only screen and (min-width: 210px) and (max-width: 240px)
    {
    .textoAdaptable { font-size: 1.1rem; }
    .textoAdaptable2 { font-size: 1.1rem; }
    article { font-size: 1.1rem; }
    div article { font-size: 1.1rem; }
    main    { font-size: 1.1rem; }
    main p    { font-size: 1.1rem; }
    main p p   { font-size: 1.1rem; }
    }
    
@media only screen and (min-width: 241px) and (max-width: 319px)
    {
    .textoAdaptable { font-size: 1.2rem; }
    .textoAdaptable2 { font-size: 1.2rem; }
    article { font-size: 1.2rem; }
    div article { font-size: 1.2rem; }
    main    { font-size: 1.2rem; }
    main p    { font-size: 1.2rem; }
    main p p   { font-size: 1.2rem; }
    }

@media only screen and (min-width: 320px) and (max-width: 480px)
    {
    .textoAdaptable { font-size: 1.3rem; }
    .textoAdaptable2 { font-size: 1.3rem; }
    article { font-size: 1.3rem; }
    div article { font-size: 1.3rem; }
    main    { font-size: 1.3rem; }
    main p    { font-size: 1.3rem; }
    main p p   { font-size: 1.3rem; }
    }

/*/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (max-width: 767px) { }*/

@media only screen and (min-width: 481px) and (max-width: 575px)
    {
    .textoAdaptable { font-size: 1.4rem; }
    .textoAdaptable2 { font-size: 1.4rem; }
    article { font-size: 1.4rem; }
    div article { font-size: 1.4rem; }
    main    { font-size: 1.4rem; }
    main p    { font-size: 1.4rem; }
    main p p   { font-size: 1.4rem; }
    }

@media only screen and (min-width: 576px) and (max-width: 640px)
    {
    .textoAdaptable { font-size: 1.6rem; }
    .textoAdaptable2 { font-size: 1.6rem; }
    article { font-size: 1.6rem; }
    div article { font-size: 1.6rem; }
    main    { font-size: 1.6rem; }
    main p    { font-size: 1.6rem; }
    main p p   { font-size: 1.6rem; }
    }

@media only screen and (min-width: 641px) and (max-width: 767px)
    {
    .textoAdaptable { font-size: 1.8rem; }
    .textoAdaptable2 { font-size: 1.8rem; }
    article { font-size: 1.8rem; }
    div article { font-size: 1.8rem; }
    main    { font-size: 1.8rem; }
    main p    { font-size: 1.8rem; }
    main p p   { font-size: 1.8rem; }
    }
 
/*/ Tablets en horizontal y laptops
   ------------------------------------------------------------------------- /
@media (min-width: 768px) and (max-width: 1199px) { }*/
 
@media only screen and (min-width: 768px) and (max-width: 900px)
    {
    .textoAdaptable { font-size: 1.4rem; }
    .textoAdaptable2 { font-size: 1.2rem; }
    article { font-size: 1.9rem; }
    div article { font-size: 1.9rem; }
    main    { font-size: 1.9rem; }
    main p    { font-size: 1.9rem; }
    main p p   { font-size: 1.9rem; }
    }

@media only screen and (min-width: 901px) and (max-width: 1024px)
    {
    .textoAdaptable { font-size: 1.5rem; }
    .textoAdaptable2 { font-size: 1.3rem; }
    article { font-size: 2rem; }
    div article { font-size: 2rem; }
    main    { font-size: 2rem; }
    main p    { font-size: 2rem; }
    main p p   { font-size: 2rem; }
    }

@media only screen and (min-width: 1025px) and (max-width: 1199px)
    {
    .textoAdaptable { font-size: 1.6rem; }
    .textoAdaptable2 { font-size: 1.4rem; }
    article { font-size: 2.1rem; }
    div article { font-size: 2.1rem; }
    main    { font-size: 2.1rem; }
    main p    { font-size: 2.1rem; }
    main p p   { font-size: 2.1rem; }
    }

/*/  Laptops y Desktops normales
   ------------------------------------------------------------------------- /
@media (min-width: 1200px) and (max-width: 2045px) { }*/

@media only screen and (min-width: 1200px) and (max-width: 1280px)
    {
    .textoAdaptable { font-size: 1.6rem; }
    .textoAdaptable2 { font-size: 1.4rem; }
    article { font-size: 2.1rem; }
    div article { font-size: 2.1rem; }
    main    { font-size: 2.1rem; }
    main p    { font-size: 2.1rem; }
    main p p   { font-size: 2.1rem; }
    }

@media only screen and (min-width: 1281px) and (max-width: 1440px)
    {
    .textoAdaptable { font-size: 1.9rem; }
    .textoAdaptable2 { font-size: 1.7rem; }
    article { font-size: 2.4rem; }
    div article { font-size: 2.4rem; }
    main    { font-size: 2.4rem; }
    main p    { font-size: 2.4rem; }
    main p p   { font-size: 2.4rem; }
    }

@media only screen and (min-width: 1441px) and (max-width: 1680px)
    {
    .textoAdaptable { font-size: 2.2rem; }
    .textoAdaptable2 { font-size: 2rem; }
    article { font-size: 2.7rem; }
    div article { font-size: 2.7rem; }
    main    { font-size: 2.7rem; }
    main p    { font-size: 2.7rem; }
    main p p   { font-size: 2.7rem; }
    }

@media only screen and (min-width: 1681px) and (max-width: 1920px)
    {
    .textoAdaptable { font-size: 2.4rem; }
    .textoAdaptable2 { font-size: 2.2rem; }
    article { font-size: 2.9rem; }
    div article { font-size: 2.9rem; }
    main    { font-size: 2.9rem; }
    main p    { font-size: 2.9rem; }
    main p p   { font-size: 2.9rem; }
    }

@media only screen and (min-width: 1921px) and (max-width: 2045px)
    {
    .textoAdaptable { font-size: 2.5rem; }
    .textoAdaptable2 { font-size: 2.3rem; }
    article { font-size: 3rem; }
    div article { font-size: 3rem; }
    main    { font-size: 3rem; }
    main p    { font-size: 3rem; }
    main p p   { font-size: 3rem; }
    }

/*/  Desktops y pantallas tv grandes
   ------------------------------------------------------------------------- /
@media (min-width: 2046px) and (max-width: 5119px) { }*/

@media only screen and (min-width: 2046px) and (max-width: 3200px)
    {
    .textoAdaptable { font-size: 2.9rem; }
    .textoAdaptable2 { font-size: 2.7rem; }
    article { font-size: 3.4rem; }
    div article { font-size: 3.4rem; }
    main    { font-size: 3.4rem; }
    main p    { font-size: 3.4rem; }
    main p p   { font-size: 3.4rem; }
    }

@media only screen and (min-width: 3201px) and (max-width: 4320px)
    {
    .textoAdaptable { font-size: 3.2rem; }
    .textoAdaptable2 { font-size: 3rem; }
    article { font-size: 3.7rem; }
    div article { font-size: 3.7rem; }
    main    { font-size: 3.7rem; }
    main p    { font-size: 3.7rem; }
    main p p   { font-size: 3.7rem; }
    }

@media only screen and (min-width: 4321px) and (max-width: 5119px)
    {
    .textoAdaptable { font-size: 3.4rem; }
    .textoAdaptable2 { font-size: 3.2rem; }
    article { font-size: 3.9rem; }
    div article { font-size: 3.9rem; }
    main    { font-size: 3.9rem; }
    main p    { font-size: 3.9rem; }
    main p p   { font-size: 3.9rem; }
    }

/*/  Pantallas tv gigantes
   ------------------------------------------------------------------------- /
@media (min-width: 5120px) and (max-width: 7679px) { }*/

@media only screen and (min-width: 5120px) and (max-width: 6400px)
    {
    .textoAdaptable { font-size: 4rem; }
    .textoAdaptable2 { font-size: 3.8rem; }
    article { font-size: 4.5rem; }
    div article { font-size: 4.5rem; }
    main    { font-size: 4.5rem; }
    main p    { font-size: 4.5rem; }
    main p p   { font-size: 4.5rem; }
    }

@media only screen and (min-width: 6401px) and (max-width: 7679px)
    {
    .textoAdaptable { font-size: 4.5rem; }
    .textoAdaptable2 { font-size: 4.3rem; }
    article { font-size: 5rem; }
    div article { font-size: 5rem; }
    main    { font-size: 5rem; }
    main p    { font-size: 5rem; }
    main p p   { font-size: 5rem; }
    }

/*/  Pantallas tv 8K y superiores
   ------------------------------------------------------------------------- /
@media (min-width: 7680px) { } */

@media only screen and (min-width: 7680px)
    {
    .textoAdaptable { font-size: 5rem; }
    .textoAdaptable2 { font-size: 4.8rem; }
    article { font-size: 5.5rem; }
    div article { font-size: 5.5rem; }
    main    { font-size: 5.5rem; }
    main p    { font-size: 5.5rem; }
    main p p   { font-size: 5.5rem; }
    }