/* PORTADA */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.lato-thin {
font-family: "Lato", serif;
font-weight: 100;
font-style: normal;
}

.lato-light {
font-family: "Lato", serif;
font-weight: 300;
font-style: normal;
}

.lato-regular {
font-family: "Lato", serif;
font-weight: 400;
font-style: normal;
}

.lato-bold {
font-family: "Lato", serif;
font-weight: 700;
font-style: normal;
}

.lato-black {
font-family: "Lato", serif;
font-weight: 900;
font-style: normal;
}

.lato-thin-italic {
font-family: "Lato", serif;
font-weight: 100;
font-style: italic;
}

.lato-light-italic {
font-family: "Lato", serif;
font-weight: 300;
font-style: italic;
}

.lato-regular-italic {
font-family: "Lato", serif;
font-weight: 400;
font-style: italic;
}

.lato-bold-italic {
font-family: "Lato", serif;
font-weight: 700;
font-style: italic;
}

.lato-black-italic {
font-family: "Lato", serif;
font-weight: 900;
font-style: italic;
}

/* GENERAL */

body {
    font-family: "Lato", serif;
    font-weight: 400;
    font-style: normal;
}

.metrica_bloque {
    height: 80px;
}

/* SUBMENU */
.submenu_interno {
    background-color: #333;
}

.submenu_interno a {
    color:#fff!important;
}

.submenu_interno .active {
    color:#000!important;
}

/* HEADER */
.header_counseling {
    background-color: #000;
    color:#fff!important;
}

.header_counseling .t1 {
    color:#fff!important;
}

.header_counseling .t2 {
    color:#fff!important;
}

.header_formacion {
    background-color: #000;
    color:#fff!important;
}

.header_formacion .t1 {
    color:#fff!important;
}

/* FORMACIONES */
.formacion_bloque {
    background-color: #afafaf;
    border: 1px solid #333;
    min-height: 450px;
}

.formacion_bloque h3 a {
    color:#000!important;
}

/* BOTONES */
.btn_01 {
    border: 1px solid #333;
    background-color: #cdcdcd;
    color:#000!important;
    border-radius: 5px;
}

.btn_01:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #222;
    color:#fff!important;
}

.btn_02 {
    border: 1px solid #333;
    background-color: #222;
    color:#fff!important;
    border-radius: 5px;
}

.btn_02:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #222;
    color:#fff!important;
}

/* RESEÑAS */
.estrella {
    max-width: 30px;
}

.resena_video {
    border: 1px solid #888;
    min-height: 250px;
    color:#000!important;
}

.resena_video a {
    color:#000!important;
}

.resena_video:hover {
    cursor: grab;
}

.resena {
    border: 1px solid #888;
    min-height: 400px;
}

.resena:hover {
    cursor: grab;
}

.fondo_04 {
    background-color: #efefef;
}

.color_03 {
    color:#111111!important;
}

.testimonio:hover {
    cursor: grab;
}

.lista_reproduccion {
    overflow-y: scroll;
    max-height: 450px;

}

.testimonio_bloquecito {
    background-color: #f3f3f3;
    color: #000!important;
}

.testimonio_bloquecito:hover {
    background-color: #333;
    color: #fff!important;
    text-decoration: none;
}

.wrap_reproductor {
    background-color: #000;
}

/* RESPONSIVE */

@media screen and (min-width: 0px) {
    .header_counseling .t1 {
        font-size: 6vh;
    }
    
    .header_counseling .t2 {
        font-size: 6vh!important;
    }
    .t-f {
        font-size: 4.5vh!important;
    }
    .header_formacion .t1 {
        font-size: 3vh!important;
    }
}

@media screen and (min-width: 750px) {
    .header_counseling .t1 {
        font-size: 5vh;
    }
    
    .header_counseling .t2 {
        font-size: 6vh!important;
    }
    .t-f {
        font-size: 6vh!important;
    }
    .header_formacion .t1 {
        font-size: 4vh!important;
    }
}

@media screen and (min-width: 970px) {
    .header_counseling .t1 {
        font-size: 6vh;
    }
    
    .header_counseling .t2 {
        font-size: 7vh!important;
    }
    .t-f {
        font-size: 7vh!important;
    }
    .header_formacion .t1 {
        font-size: 5vh!important;
    }
}

@media screen and (min-width: 1170px) {
    .header_counseling .t1 {
        font-size: 7vh;
    }
    
    .header_counseling .t2 {
        font-size: 9vh!important;
    }
    .t-f {
        font-size: 7vh!important;
    }
    .header_formacion .t1 {
        font-size: 6vh!important;
    }
}