﻿
@media (min-width:380px) and (max-width:766px) {
    /*#Seccion01 {
        position: relative;
        width: 100%;
        aspect-ratio: 9 / 16;*/ /* ajusta según la imagen vertical */
        /*background-image: url('../imagenes/OficinaVertical02.jpg');
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
    }*/
    #Seccion01 {
        position: relative;
        width: 100%;
        aspect-ratio: 9 / 16; /* o 9/16 en móvil según imagen */
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url('../imagenes/OficinaVertical02.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media (min-width: 767px) {
    /* ejemplo para imagen 16:9 */
    /*#Seccion01 {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: calc(16 / 9 * 100%);*/ /* (alto/ancho)*100% */
        /*background-image: url('../imagenes/OficinaHorizontal02.jpg');
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
    }*/
    #Seccion01 {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9; /* o 9/16 en móvil según imagen */
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url('../imagenes/OficinaHorizontal02.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/* hace que el espacio central crezca y empuje el botón abajo */
#Seccion01 .spacer {
    flex: 1 1 auto;
}

/* botón centrado y con separación inferior */
#MasInfoBoton {
    margin-bottom: 75px;
    width: 200px;
}

/*Font de titulo servicios*/
#Proposicion{
    font-family: 'Reiher-headline', sans-serif;
}

#Texto01{
    font-family: 'Sofia-pro-soft', sans-serif;
}

#Slogan01 {
    font-family: 'Sofia-pro-soft', sans-serif;
    font-weight: bold;
}
#Slogan02 {
    font-family: 'ltc-remington-typewriter-pro', sans-serif;
    font-weight: bold;
}

