:root {
    /* fuentes */    
    --fuentePrincipal : 'Lato', sans-serif;
    --fuenteTexto  : 'Open Sans', sans-serif;
    --colorNaranja : #d3823eff;
    --blanco       : #FFFFFF;
    --grisNormal   : rgb(169, 169, 169);
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
    font-family: var(--fuentePrincipal);
    color: #FFFFFF;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html {
    background-color: var(--colorNaranja);    
}

img {
    max-width: 100%;
    height: auto;
    
    
}

.ofertas img {
    display: none;
}


.sesion input {
    width: 100%;
}


@media (min-width: 768px) {
    .ofertas img {
        display: block;                 
    }    
}

.contenedor-login {
    display: flex;            
    height: 100vh;
}

.sesion {   
    display: flex;     
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: var(--colorNaranja);
    margin-left: 2rem;   
    
}


.ofertas {
    align-self: center;
    margin-left: 3rem;
    margin-right: 3rem;       
    
}