* {
	-webkit-font-smoothing: antialiased;
	pointer-events: auto;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	box-sizing: border-box;
}

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overscroll-behavior-y: none;

}

html,body{
	background:#FFF;
	font-size: 17px;
	margin: 0;
    padding: 0;
    color: #000;
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
	scroll-behavior: smooth;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.f-gotham-book{
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.f-gotham-bold{
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Medium';
    src: url('../fonts/Gotham-Medium.eot'); 
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.f-gotham-medium{
    font-family: 'Gotham Medium';
    font-weight: 500;
    font-style: normal;
}

strong{
font-family: 'Gotham'!important;
font-weight: bold!important;
font-style: normal!important;
}

.background-gris{
    background: #f2f2f2;
}

.background-beige{
    background: #dba64a;
}

.background-morado{
    background: #e1526d;
}

.background-celeste{
    background: #5ba5c0;
}

.background-violeta{
    background: #471d4d;
}

.f-gotham-medium{
    font-family: 'Gotham Medium';
    font-weight: 500;
    font-style: normal;
}

.container{
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #000;
    -webkit-animation: fadein 1s ease-in;
-moz-animation: fadein 1s ease-in;
animation: fadein 1s ease-in;
    overflow-x: hidden;
}

.section-base{
    display: block;
    margin: 20px 0;
}

.logos-cabezal{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 20px 3%;

}

.logos-cabezal a{
    width: 100%;
    height: 70px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    box-sizing: border-box;
    justify-content: space-between;
}

.logos-cabezal img{
    width: auto;
    height: 100%;
}

.cajainterna1{
    display: block;
    width: 100%;
    padding: 20px 9vw 40px;
    box-sizing: border-box;
}

.cajainterna1 h1{
    font-family: 'Gotham Medium';
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
    padding-bottom: 20px;
}

.cajainterna1 h2{
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.8rem;
}

.cajainterna1 span{
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
}

.cajainterna1 h3{
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 1.5rem;
    padding-bottom: 20px;
}

.cajainterna2{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
}

.cajainterna3{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 20px 9vw 40px;
    box-sizing: border-box;
}

.cajainterna3 h1{
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 1rem;
    padding-bottom: 20px; 
}

.cajainterna3 div{
   display: flex;
    width: 100%;
    margin-bottom: 60px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px; 
    
}

.cajainterna3 div div{
    flex: none;
   display: flex;
    flex-direction: column;
    background: #FFF;
    padding: 30px;
    box-sizing: border-box;
    width: calc((100% - 60px) / 4);
    font-size: 0.8rem;
    line-height: 1.5rem;
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: stretch;
}

.titulo-video{
    display: block;
    width: 57vw;
    text-align: center;
    font-size: 1.5rem;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.videoexpe{ 
    display: block; 
    width: 57vw; 
    }

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.titulo-seccion{
    display: inline-block;
    padding: 10px;
    color: #FFF;
    font-size: 1.5rem;
    margin-bottom: 20px;
    
}

.cajas-team{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;
    gap: 50px;

}

.team1{
    flex: none;
    display: flex;
    flex-direction: column;
    width: calc((100% - 50px) / 2);
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.team2{
    flex: none;
    display: flex;
    flex-direction: column;
    width: calc((100% - 50px) / 2);
    justify-content: flex-end;
    align-items: flex-start;
    text-align: right;
}

.pais{
    display: inline-block;
    padding: 10px;
    color: #e1526d;
    font-size: 1.5rem;
    margin-bottom: 20px; 
    border: 1px #e1526d solid;
    background: #FFF;
       font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
}

.pais2{
    align-self: flex-end;
}

.nombres-team{
    display: flex;
    flex-direction: column;
    padding: 5px 0;
    box-sizing: border-box;
    border-bottom: 1px #000 solid;
    width: 100%;
    margin-bottom: 5px;
}

.nombres-team h1{
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 1rem;
    padding-bottom: 0px;
}

.nombres-team h2{
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    font-size: 0.8rem;
    line-height: 1rem;
}

.subt-team{
    display: block;
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 1.2rem;
    padding: 40px 0 20px;
    box-sizing: border-box;
}

.results{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 20px 0;
    gap: 20px;
}

.results div{
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #5ba5c0;
    width:calc((100% - 40px) / 3);
    padding: 3.7vw 4.7vw;
    box-sizing: border-box;
    text-align: center;
    color: #FFF;
}

.results img{
    width: 9.7vw;
    height: auto;
}

.result-dest{
font-size: 4rem;
line-height: 2.2rem;
font-family: 'Gotham';
font-weight: bold;
font-style: normal;
}

.result-exp{
    display: block;
  font-size: 1rem;  
    line-height: 1.3rem!important;
    font-family: 'Gotham Book'!important;
    font-weight: normal!important;
    font-style: normal!important;
    padding-top: 20px;
}

.result-exp span{
    font-family: 'Gotham'!important;
font-weight: bold!important;
font-style: normal!important;
}

.subt-results{
    display: block;
    text-align: center!important;
    padding: 20px 0!important;
}

.results2{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 20px 0;
    gap: 20px;
}

.results2 div{
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFF;
    width:calc((100% - 60px) / 4);
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    border: 1px #5ba5c0 solid;
    border-radius: 20px;
    position: relative;
}

.results2 img{
   width: 100%;
height: auto;
}

.text-result{
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform:translate(0, -50%);
    border: none;
    
}

.text-result-dest{
font-size: 2rem;
font-family: 'Gotham';
font-weight: bold;
font-style: normal;
}

.text-result-exp{
    display: block;
  font-size: 1rem;  
    line-height: 1.3rem!important;
    font-family: 'Gotham Book'!important;
    font-weight: normal!important;
    font-style: normal!important;
    padding: 5px 20px;
}

a.bt-download{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.8rem;
    color: #066dfe;
    text-decoration: underline;
    text-align: center;
}

a.bt-download:hover{
   opacity: 0.5; 
}

a.bt-download img{
   width: 30px;
    height: auto;
    padding: 20px 0 10px;
    box-sizing: border-box;
}

.tit-workshop{
    display: block;
    font-size: 1.5rem;
    padding-bottom: 15px;
    color:#471d4d;
}

.theworkshop-cajas{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
/*justify-content: space-between;
    align-items: flex-start;*/
    
    justify-content:flex-start;
		align-items:flex-start;

}
.theworkshop-cajas div{
    flex:none;
    display: flex;
    flex-direction: column;
    width:calc((100% - 80px) / 5);
    align-items: center;
}

.theworkshop-cajas p{
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #471d4d;
}

.logos-pie{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 50px 3%;
    box-sizing: border-box;
    gap: 20px;
    justify-content: space-between;

}

.logos-pie a{
    height: 70px;
    cursor: pointer;
}

.logos-pie img{
    width: auto;
    height: 100%;
}

.movible{
    display: block;
}

.movible2{
    display: none;
}

.nav_menu_desp{
    display: block;
    width: 100%;
    padding: 0 9vw;
    margin: 20px 0;
    box-sizing: border-box;
}

.nav_menu_desp ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
   justify-content:flex-start;
align-items:stretch;
    gap:0;
}

.nav-c li{
    display: flex;
    justify-content: center;
    align-items: center;
    width:calc((100% - 0) / 7);
    list-style: none;
}

.nav-c a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100%;
    border: 1px #bcbdbd solid;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1rem;
    background: #FFF;
    text-decoration: none;
    color: #000;
    box-sizing: border-box;
    padding: 0 10px;
    
}

.nav-c a:hover{
    text-decoration: none;
    color: #FFF;
    background: #471d4d;
}

.hero{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:0;
    width: 100%;
    padding: 0 3vw;
    box-sizing: border-box;
}

.hero img{
    width: 100%;
    height: auto;
}

.bajo-hero{
    display: flex;
    width: 100%;
    margin-top: -80px;
    z-index: 100;
    margin-bottom: 70px;
    padding: 0 6vw;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch; 
    gap: 0;
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.8rem;
    
}

.text1{
    display: flex;
    width: 40%;
    padding: 40px;
    background: #471d4d;
    color: #FFF;
    font-family: 'Gotham'!important;
font-weight: bold!important;
font-style: normal!important;
    align-items: center; 
}

.text2{
    display: flex;
    flex-direction: column;
    width: 60%;
    padding: 40px;
    background: #FFF;
    color: #000;
    justify-content: center;
    align-items: flex-start;
}

.mover{
display: block;
transition: all 2s;
opacity: 0.5;
transform: scale(1.1);
/*transform:translate(-400px,0);*/
}

.mover.active{
opacity: 1;
transform: scale(1);
/*transform:translate(0,0);	*/
}

a.hiperlink{
    color: #000;
    text-decoration: underline;
}

a.hiperlink:hover{
    color: #e1526d;
    text-decoration: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media(max-width:1190px){
    
.logos-pie a{
    height: 50px;
    cursor: pointer;
}
    
.logos-cabezal a{
    height: 50px;
}
    
}

@media(max-width:1080px){
   
.theworkshop-cajas{
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
    justify-content: center;
    align-items: flex-start;
}

    
.cajainterna3 div div {
    width: calc((100% - 40px) / 3);
}
    
.nav_menu_desp{
    padding: 0 3vw;
    }    
    
.nav_menu_desp ul{
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    gap:0;
}
    
    .nav-c li{
        flex-wrap: wrap;
        width:calc((100% - 0) / 7);
    }
    

    
    
}

@media(max-width:900px){
    
.logos-pie{
    justify-content: center;
}
    
.logos-pie a{
    height: 70px;
    cursor: pointer;
}
    
.logos-cabezal a{
    height: 40px;
}
    
}

@media(max-width:810px){
    
 .nav-c a{
    height: 50px;
    width: 100%;
    font-size: 0.7rem;
    line-height: 0.9rem;    
}   
    
.logos-cabezal{
    flex-wrap: wrap;
    padding: 20px 3%;
    box-sizing: border-box;
    gap: 20px;
    justify-content: center;

}
.logos-cabezal a{
    height: 40px;
}
    
.titulo-video{
    width: 100vw;
    font-size: 1.3rem;
    padding: 0 9vw 20px;
    box-sizing: border-box;

}
    
.videoexpe{ 
    display: block; 
    width: 100vw; 
    padding: 0 9vw;
    box-sizing: border-box;
    }
    
.results2{
     flex-wrap: wrap;
    gap: 10px;
    }
    
.results2 div{
     width:calc((100% - 20px) / 2);
    }
    
.cajainterna3 div div {
   width: calc((100% - 20px) / 2);
}
    
}

@media(max-width:750px){
    
    .logos-cabezal a{
    height: 35px;
}
    
     .nav-c a{
    height: 60px;
    width: 100%;
    font-size: 0.7rem;
    line-height: 0.9rem;    
}
    
    .results{
        flex-direction: column;
       gap: 20px!important;
    }
    
    .results div{
        width: 100%;
        
    } 
    
    .results img{
        width: auto;
        height: 100px;
        
    }
    
    .result-dest{
        line-height: 4rem;
    }
    
    .bajo-hero{
    padding: 0 6vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch; 
    margin-top: -30px;
    
}

.text1{
    width: 100%;
    padding: 40px;
}

.text2{
    width: 100%;
    padding: 40px;
}
    
    .theworkshop-cajas{
    justify-content: center;
}
    
.theworkshop-cajas div{
    width:calc((100% - 60px) / 3);
}

.theworkshop-cajas p{
   font-size: 0.9rem;
    line-height: 1.2rem;
    }
}

@media(max-width:750px){
        
.nav-c a{
    height: 60px;
    width: 100%;
    font-size: 0.65rem;
    line-height: 0.8rem;    
}

}


@media(max-width:670px){
   .logos-cabezal a{
    height: 30px;
} 
}

@media(max-width:650px){
    
 .nav_menu_desp ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   justify-content:center;
align-items:stretch;
    gap:0;
}

.nav-c li{
    display: flex;
    justify-content: center;
    align-items: center;
    width:22vw;
    list-style: none;
}   
    
.nav-c a{
    height: 40px;
    width: 100%;
    font-size: 0.6rem;
    line-height: 0.6rem;    
}

.logos-cabezal{
     padding: 15px 3vw;   
    }
    
   .logos-cabezal a{
    height: 25px;
} 
   

    
.movible{
    display: none;
}

.movible2{
    display: block;
}
    
.cajas-team{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;

}
    
.team1{
    width: 100%;
}

.team2{
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}
    
.pais2 {
  align-self: flex-start;
    margin-top: 30px;
}
    
    .nav-c li{
        flex-wrap: wrap;
        width:calc((100% - 0) / 3);
    }
    
}
@media(max-width:550px){

        .nav-c li{
        flex-wrap: wrap;
        width:calc((100% - 0) / 3);
    }
    
       .logos-cabezal a{
    height: 20px;
} 
}


@media(max-width:450px){
    
    .nav-c a{
    height: 35px;
    width: 100%;
    font-size: 0.5rem;
    line-height: 0.55rem;    
}
    
.logos-cabezal{
     padding: 15px 5vw;   
    }
    
    
.results2 div{
     width: 100%;
    }
    
    .results2 img{
        width: 50%;
    }
    
.cajainterna3 div div {
    width: 100%;
  }
    
.theworkshop-cajas div{
    width:calc((100% - 40px) / 2);
}
    
 .bajo-hero{
    padding: 0 6vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch; 
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: -30px;
    
}

    
}

@media(max-width:380px){
.logos-cabezal a{
    height: 15px;
}
    
    .nav-c a{
    height: 35px;
    width: 100%;
    font-size: 0.45rem;
    line-height: 0.5rem;    
}
    
}