@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab:opsz,wght@16..144,100..700&display=swap');

body {
    overflow-x: hidden;
}

.logo {
    max-height: 100px;
}
 
.f1 {
    font-family: "League Spartan"!important;
}

.f2 {
    font-family: "Old Standard TT"!important;
}

.f3 {
    font-family: "Montagu Slab"!important;
}

.c1 {
    color:#fff;
}

.c2 {
    color: #717171;
}

.c3 {
    color: #938c7c;
}

.w1 {
    min-height: 90vh;
}

.fondo-00 {
    background-color: #fff;
}

.fondo-01 {
    background-image: url('../uploads/fondos/01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.fondo-02 {
    background-color: #938c7c;
}

.fondo-03 {
    background-color: #e8e6e3;
}

.fondo-04 {
    background-color: #d6d3cd;
}

.fondo-05 {
    background-color: #f7f7f7;
}

.fondo-06 {
    background-image: url('../uploads/fondos/02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}

.fondo-07 {
    background-image: url('../uploads/fondos/03.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fondo-08 {
    background-image: url('../uploads/circulo_diferencial.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.fondo-09 {
    background-image: url('../uploads/fondos/04.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.fondo-10 {
    background-color: #cbbba1!important;
}

.fondo-11 {
    background-color: #cbbc9f!important;
}

.fondo-12 {
    background-color: #e6e0d0;
}

.subtitulo_principal {
    font-weight: 300!important;
}

.circulo {
    max-width: 50px;
}

.comillas {
    max-width: 100px;
}

.circulo_diferencial {
    min-height: 80px;
    font-size: 3.5vh;
    padding-top: 18px;
}

.call-to-action-01 {
    border: 1px solid #fff;
    background-color: #f7f7f7;
    font-size: 20px;
}

.call-to-action-01:hover {
    text-decoration: none;
    background-color: #938c7c;
    color: #fff;
}

.call-to-action-02 {
    border: 1px solid #fff;
    background-color: #cbbba1;
    color: #fff;
    font-size: 20px;
}

.call-to-action-02:hover {
    text-decoration: none;
    background-color: #d6d3cd;
    color: #fff;
}

.btn_flecha:hover{
    cursor: pointer;
}

.btn_ver_cv:hover{
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.bloque_persona:hover{
    cursor: pointer;
    background-color: #fff;
    color: #938c7c!important;
}

.bloque_persona:hover a {
    color: #938c7c!important;
    font-weight: bold;
}



.toggleAreas {
    
}

.toggleAreas:hover {
    text-decoration: none;
    background-color: #f7f7f7!important;
    color: #717171!important;
    cursor: pointer;
}

.areaDetalle {
    display: none;
}

.areaIcono {
    max-width: 50px;
}

.rrss {
    width: 30px;
}

.resumen {
    font-weight: 200;
}

.cv {
    max-width: 20px;
}

.redondeado {
    border-radius: 25px;
}

.diferencial {
    border: 1px solid #717171;
}

.especialidad {
    border: 1px solid #717171;
}

.fotoPerfil {
    max-width: 60%;
}

.areaExplicacion {
    font-size: 20px;
}

/* RESPONSIVE */
@media screen and (min-width: 0px) {
    .resumen {
        font-size: 3vh;
        line-height: 3vh;
    }
    .mision {
        font-size: 5.5vh;
    }
    .cambio {
        font-size: 5vh;
    }
    .resena {
        font-size: 2vh;
    }
    .titulo_principal {
        font-size: 6vh;
    }
    .subtitulo_principal {
        font-size: 2.5vh;
    }
    .diferencial {
        min-height: 230px;
    }
}

@media screen and (min-width: 750px) {
    .resumen {
        font-size: 3vh;
        line-height: 3vh;
    }
    .mision {
        font-size: 7vh;
    }
    .cambio {
        font-size: 7vh;
    }
    .resena {
        font-size: 2vh;
    }
    .titulo_principal {
        font-size: 7vh;
    }
    .subtitulo_principal {
        font-size: 4vh;
    }
    .diferencial {
        min-height: 290px;
    }
}

@media screen and (min-width: 970px) {
    .resumen {
        font-size: 3vh;
        line-height: 3vh;
    }
    .mision {
        font-size: 7vh;
    }
    .cambio {
        font-size: 9vh;
    }
    .resena {
        font-size: 2vh;
    }
    .titulo_principal {
        font-size: 7vh;
    }
    .subtitulo_principal {
        font-size: 4vh;
    }
    .diferencial {
        min-height: 280px;
    }
}

@media screen and (min-width: 1170px) {
    .resumen {
        font-size: 4vh;
        line-height: 4vh;
    }
    .mision {
        font-size: 7vh;
    }
    .cambio {
        font-size: 9vh;
    }
    .resena {
        font-size: 2vh;
    }
    .titulo_principal {
        font-size: 7vh;
    }
    .subtitulo_principal {
        font-size: 4vh;
    }
    .diferencial {
        min-height: 260px;
    }
}