/* Albert Sans */ 
@font-face {
    font-family: 'Albert Sans';
    font-display: auto;    
    src: url('../img/empresa/empresa2027/fonts/AlbertSans-Light.ttf') format('truetype');         
    font-display: swap;
}

/* Monograph */ 
@font-face {
    font-family: 'Monograph';
    font-display: auto;    
    src: url('../img/empresa/empresa2027/fonts/monograph-Regular.ttf') format('truetype');         
    font-display: swap;
}

/* Autography */ 
@font-face {
    font-family: 'Autography';
    font-display: auto;    
    src: url('../img/empresa/empresa2027/fonts/autography.otf') format('opentype');         
    font-display: swap;
}

#empresa { background: #ffe5d8; }
#empresa{ background-image: url(../img/empresa/empresa2027/empresa-2027-bg1.webp), url(../img/empresa/empresa2027/empresa-2027-bg2.webp); background-position: left -6vw center, right -6vw center; background-size: 22.5vw auto, 22.5vw auto; background-repeat: no-repeat, no-repeat; }
    #empresa .empresa_bg{ position: relative; display: block; width: 100%; background: transparent; /*background-image: url(../img/empresa/empresa2027/empresa-2027-bg1.webp), url(../img/empresa/empresa2027/empresa-2027-bg2.webp); background-position: left -5.5vw top, right -5.5vw top; background-size: 22.5vw auto, 22.5vw auto; background-repeat: no-repeat, no-repeat; */ }
        #empresa .empresa_contenido > .seccion.media{ padding-top: 3em; padding-bottom: 0; }
            #empresa .empresa_contenido .seccion > *{ background-color: rgb(255, 229, 216, .75); }
                #empresa_eslogan{ margin-bottom: 4em; }
                    #empresa_bloque1 > .flex:first-of-type { padding-right: 1vw; }
                    #empresa_texto1 span{ font-family: "Albert Sans"; }
                    #empresa_bloque_titulo1 span { font-family: "Monograph"; color: #e26c00; }
                #empresa_texto2{ max-width: 1200px; } 
                    #empresa_texto2 span{  }
                    #empresa_texto2 span{ font-family: "Autography"; color: #585faa; line-height: 125%; font-size: 5em; }

@media all and (width > 1200px) {     
    #empresa_bloque_titulo1 span { font-size: 4em; }
    #empresa_bloque_texto1 span{ font-size: 2.8em; }
}

@media all and (width > 1024px) {     
    #empresa_texto2{ margin-bottom: 0; }   
}

@media all and (width <= 1200px) {     
    #empresa_texto2 span{ font-size: 4em; }
    #empresa_bloque_titulo2 span { font-size: 3.25em; } 
}

@media all and (width <= 1024px) {     
    #empresa_texto2 span{ font-size: 3.5em; }
}

@media all and (width <= 860px) {
    #empresa_texto2 span{ font-size: 3em; }
    #empresa_bloque_titulo2 span { font-size: 2.75em; } 
}

@media all and (width <= 480px) {
    #empresa_texto2 span{ font-size: 2.5em; }
    #empresa_bloque_titulo2 span { font-size: 2em; } 
}