/** GENERAL **/
:root {

    /*  FUENTE FAMILIA  */
    /*----------------------------------------*/
        --familia-textos            : 'Acer Foco';
    /*----------------------------------------*/

    /*  FUENTE TAMAÑO  */
    /*----------------------------------------*/
        --texto-tamanoPequeno       : 12px;
        --texto-tamanoBase          : 14px;
        --texto-tamanoMediano       : 20px;
        --texto-tamanoGrande        : 26px;
    /*----------------------------------------*/

    /*  FUENTE INTERLINEADO  */
    /*----------------------------------------*/
        --texto-interlineado        : 1.2;
    /*----------------------------------------*/

    /*  TITULOS  */
    /*----------------------------------------*/
        --subtitulo                 : 18px;
    /*----------------------------------------*/

    /*  COLORES  */
        /*----------------------------------------*/
        --color-negro               : #000000; 
        --color-oscuro              : #1E1E1E; 
        --color-oscuroClaro         : #343A40;
        --color-plomo               : #676767;
        --color-gris                : #E4E6EE;
        --color-azul                : #26304b;		
        --color-ryzen               : #131313;				
        --color-grisOscuro          : #4f4f4f;
        --color-blanco              : #ffffff;
    /*----------------------------------------*/

}

/** HASTA CELULAR **/
    @media ( max-width: 767px ) {
        :root {
            /*  FUENTE TAMAÑO  */
                /*----------------------------------------*/
                --texto-tamanoPequeno       : 10px;
                --texto-tamanoBase          : 14x;
                --texto-tamanoMediano       : 20px;
                --texto-tamanoGrande        : 26px;

            /*  TITULOS  */
                /*----------------------------------------*/
                --subtitulo                 : 22px;
                /*----------------------------------------*/

        }
    }

/* ================================================================== */
body,html{
    margin: 0px;
    padding:0px;
}
/* ================================================================== */

#acer-content{
    /* max-width: 70em; */
    max-width: 900px;
    margin: 0 auto;
    /* padding: 0 1em; */
    padding: 0;
    text-align: center;
    font-family: var(--familia-textos);
}
/* ================================================================== */

/* BANNER */
#acer-content .bannerTop{
    height: 600px;
    background-image: url(../images/bannertop.jpg);
    background-size: cover;
    background-position: top center;
}
    #acer-content .bannerTop .fila-banner{
        height: 200px;
    }

    #acer-content .bannerTop img{
        width: auto;
        max-width: 100%;
    }
	
#acer-content .imagenesvibrantes{
    height: 414px;
    background-image: url(../images/imagenesvibrantes.jpg);
    background-size: cover;
    background-position: top center;
}	


/* ================================================================== */
/* UTILES */
#acer-content .bottom{
    vertical-align: bottom;
}
#acer-content .m1{
    margin:0 1em 1em!important;
}

#acer-content .txtIzq{
    text-align:left;
}

#acer-content .txtDer{
    text-align:right;
}

#acer-content .txtCent{
    text-align:center;
}

#acer-content .img-50{ width: 50px;}
#acer-content .img-100{ width: 100px;}
#acer-content .img-150{ width: 150px;}
#acer-content .img-200{ width: 200px;}
#acer-content .img-250{ width: 250px;}
#acer-content .img-300{ width: 300px;}
#acer-content .img-350{ width: 350px;}
#acer-content .img-400{ width: 400px;}
#acer-content .img-500{ width: 500px;}

/* ================================================================== */
/* IMAGENES / IFRAME */
#acer-content .img{
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
    width: auto;
    display: initial;
}
#acer-content iframe{
    width: 100%!important;
    max-width: 100%;
}
/* ================================================================== */    
/* TEXTOS */

#acer-content .subtitulo{
    font-family: var(--familia-textos);
    font-style: normal;
    font-weight: bold;
    font-size: var(--subtitulo);
    line-height: var(--texto-interlineado);
    max-width: 75%;
    display: block;
    margin: 0 auto;
    padding: 1em 0 0;
}

#acer-content .parrafo{
    font-family: var(--familia-textos);
    font-style: normal;
    font-weight: normal;
    font-size: var(--texto-tamanoBase);
    line-height: var(--texto-interlineado);
    max-width: 80%;
    display: block;
    margin: 0 auto;
    padding:17px 0;
}


/* ================================================================== */
/* FONDOS DE COLOR */
#acer-content .oscuro{
    background-color: var(--color-oscuro);
    color: var(--color-blanco);
}

#acer-content .gris{
    background-color: var(--color-gris);
    color: var(--color-oscuro);
}

#acer-content .ryzen{
    background-color: var(--color-ryzen);
    color: var(--color-blanco);
}

#acer-content .azul{
    background-color: var(--color-azul);
    color: var(--color-blanco);
}

#acer-content .blanco{
    background-color:var(--color-blanco);
}

#acer-content .negro{
    background-color:var(--color-negro);
}

/* ================================================================== */
/* FONDOS DE IMAGEN */
#acer-content .fondoImg{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

/* ================================================================== */
/* COLOR TEXTOS */
#acer-content .txt-blanco{
    color: var(--color-blanco);
}

/* ================================================================== */
/* PIE DE PAGINA */
#acer-content .piedepagina{
    background-color: var(--color-oscuroClaro);
    padding:1em 1em 1em;
}

#acer-content .piedepagina p{
    color: var(--color-plomo);
    text-align: left;
    font-size: var(--texto-tamanoPequeno);
}