/*Fuentes de Landing*/
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold_3.otf') format('truetype');
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light_3.otf') format('truetype');
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium_2.otf') format('truetype');
}

@font-face {
    font-family: 'Gotham-Ultra';
    src: url('../fonts/Gotham-Ultra.otf') format('truetype');
}

@font-face {
    font-family: 'Dliya-Regular';
    src: url('../fonts/Dliya-Regular.ttf') format('truetype');
}

.gothambold {
    font-family: 'Gotham-Bold';
}

.gothamlight {
    font-family: 'Gotham-Light';
}

.gothammedium {
    font-family: 'Gotham-Medium';
}

.gothamultra {
    font-family: 'Gotham-Ultra';
}

.dliyabold {
    font-family: 'Dliya-Regular'
}
body {
    background-color: #000;
}

.preloader-animation:after,
.preloader-animation:before,.preloader-animation{
    border-top-color: #204491;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.cabeceramenu {
    background-color: #204491;
    color: #fff;
    padding-top: 1rem;
}

.contenedorlogo {
    display: flex;
    justify-content: center;
}

.contenedorinfomenu {
    display: flex;
    justify-content: center;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
}

.imageninfomenu {
    flex-basis: 25%;
    text-align: right;
}

.textoinfomenu {
    flex-basis: 75%;
    display: flex;
    flex-direction: column;
}

.textoinfomenu h1,
.textoinfomenu p,
.textoinfomenu small {
    margin: 0;
    text-transform: uppercase;
}



.contenedorinfomenu h1 {
    color: #ffed00;
    font-size: 1.5em;
    font-weight: 700;

}

.contenedorinfomenu p {
    font-size: .8em;
    font-weight: 700;
    text-align: justify;
}

.contenedorinfomenu small {
    font-size: .6em;
    text-align: right;
}

.bannercabecera {
    background-image: url(../images/banner.jpg);
    color: #fff;
    min-height: calc(100vh - 120px);
    background-size: cover;
    position: relative;
}

.bannercabecera:before {
    content: "";
    background-color: rgba(32, 68, 145, .4);
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/*baner*/
.contenedorlogovive {
    display: flex;
    align-items: center;
}

/*Logo vive cientifica*/
.contenedorlogovive {
    padding: 1rem 1rem 2rem;
}

/*formulario*/
.contenedorfomulario {
    padding: 2rem 1.5rem 2rem;
    background-color: #2b2f6b;
    border-radius: 1rem;
    margin-bottom: 2rem;

}

.contenedorfomulario h1 {
    font-size: 1.8rem;
    letter-spacing: 2px;
}

.politica {
    font-size: .8rem;
}

.politica a {
    color: #f3dc37;
    text-decoration: none;
}

.btnenviar {
    background-color: #f59c00;
    color: #fff;
    letter-spacing: 1px;
    font-size: 1.5rem;
}



/*cluster*/
.contenedoritemcluster {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
}

.contenedortextoitemcluster {
    padding-top: 1rem;
}

.contenedortextoitemcluster h1 {
    text-align: center;
    font-size: 1.8rem;
}

.contenedortextoitemcluster p {
    text-align: justify;
    font-size: 1.2rem;
}

.contenedortextoitemcluster ul {
    padding: 1rem 0;
    font-size: 1.3rem;
    color: #f59c00;
    list-style-position: inside;
}

.contenedoritemcluster a:hover {
    color: #fff;
}

/*Colores para los cluster*/
.colorclustersalud {
    color: #53bbaf;
}

.colorclustersostenibilidad {
    color: #45ac34;
}

.colorclusterhumanismo {
    color: #834192;
}
.colordiferente{
    color: #76b72a;
}


.bgcolorclustersalud {
    background-color: #53bbaf;
}

.bgcolorclustersostenibilidad {
    background-color: #45ac34;
}

.bgcolorclusterhumanismo {
    background-color: #834192;
}

.detallecarreras {
    padding-top: 1rem;
}

.carrerasitemcluster {
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.carrerasitemcluster:before,
.carrerasitemcluster:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}

.carrerasitemcluster:before {
    left: 0;
    border-right: 40px solid transparent;
    border-top: 40px solid transparent;
    border-left: 40px solid #fff;
}

.carrerasitemcluster:after {
    right: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid #fff;
    border-bottom: 40px solid transparent;
}

.contenidoitemcarreras {
    color: #757475;
}

.titulotalleres {
    font-size: 2rem;
    text-transform: uppercase;
    color: #253884;
    text-align: center;
    letter-spacing: 4px;
    padding: 2rem;
}

.fuenteespecialtalleres {
    font-size: 3rem;
    letter-spacing: 4px;
    color: #76b72a;
    text-transform: lowercase;
}

.caracteristicas {
    padding: 2rem;
    margin-top: 40px;

}

/*Experimenta cuadro colores*/
.contenedortalleres{
    padding: 2rem 2rem 2rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    
}

.contenedorverdeagua {
    background-color: #70c3c2;
}

.contenedoramarillo {
    background-color: #ffec00;
}

.contenedorverdeflorescente {
    
}

.contenedorceleste {
    
}

.textoexperimenta p {
    color: #fff;
    text-align: center;
}

.textoexperimentaoscuro p {
    color: #5d5d5d;
    text-align: center;
}

.imagenexperimenta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.recuerda h1 {
    font-size: 4rem;
    color: #70c3c2;
    padding: 2rem;
}

.numerouno {
    font-size: 4rem;
    color: #70c3c2;
}

.numerodos {
    font-size: 4rem;
    color: #ffcd00;
}

.numerotres {
    font-size: 4rem;
    color: #76b72a;
}

.itemdatorecuerda {
    padding-bottom: .5rem;
    display: flex;
    align-items: center;
}

.itemdatorecuerda>span:last-child{
   padding-left: 1rem;
}

.itemdatorecuerda>span ul{
   list-style-position: inside;
    padding: 0;
    color: #70c3c2;
    
}

.itemdatorecuerda li span{
color: #757475;
}
    
.pie {
    background-color: #204491;
    color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

.pie h1 {
    font-size: 1.8rem;
    letter-spacing: 8px;
}

.cambiar {
    color: #ffed00;
}

.hashtag{
    font-size: 2rem;
}

/*Media Querys*/

@media (min-width: 576px) {
    .cabeceramenu {
        padding-top: 1.5rem;
    }

    .orderimagen {
        order: 2;
        display: flex;
        justify-content: flex-end;
        align-items: center;

    }

    .orderinfo {
        order: 1;

    }

    .contenedorinfomenu {
        display: flex;
        justify-content: center;
        padding-right: 0%;
        padding-left: 0%;
    }

    .contenedorlogo {
        display: block;
    }

    .contenedortextoitemcluster {
        min-height: 24rem;
    }

    .contenedortextoitemcluster h1 {
        letter-spacing: 0px;
        font-size: 1.3rem;
    }



}

@media (min-width: 768px) {}

@media (min-width: 992px) {

    .contenedortextoitemcluster {
        min-height: 20rem;
    }
}