@import 'https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:300,400';
@import 'https://fonts.googleapis.com/css?family=Kanit:400,600,700';

:root{
   --color-cero:#cccccc;
   --color-uno:#4f177d;
   --color-dos:#e2a900;
   --color-tres:#3aa3bd;
}

body{background-color: var(--color-cero);padding:0px; margin:0px;font-family:'Saira Extra Condensed', sans-serif;font-size:120%;}

.subtitulos{color:#fff;text-transform:uppercase;padding:20px 5%;display: inline-block;font-weight:300;font-size:140%;}
.caja-ancho{max-width:1024px;width:90%;margin:0 auto;box-sizing:border-box;}

.llamada {background-color:var(--color-uno);width:100%;overflow:hidden;position:relative;text-align:center;padding:100px 0px 200px;}
.llamada .img_portada {width:100%;position: absolute;opacity:.1;top:0;left:0;right:0;object-fit:cover;width:100%;height:100%;}
.llamada .titulos {text-align:center;margin:50px auto;position: relative;}
.llamada .titulos h1{color:#fff;font-size:160%;font-weight:300;text-transform:uppercase;}
.llamada .titulos p{color:#fff;font-size:260%;font-weight:300;text-transform:uppercase;}

#contador {text-align:center;background-color:var(--color-tres);color:#fff;position: relative;}

#cronometro {width:100%;text-align:center;position:relative;font-family:'Kanit', sans-serif;font-weight:700;}
#cronometro .cronometro_box {width:100%;background:rgba(26,153,123,.3);}
#cronometro .cronometro{display:inline-block;vertical-align:middle;background:rgba(58,163,189,1);color:#fff;box-sizing:border-box;padding:15px 15px;margin:0px;text-align:center;}
#cronometro .cronometro .cronometro_num{font-size:500%;line-height:100%;}
#cronometro .cronometro .cronometro_tit{font-size:140%;}
#cronometro .dia{background:rgba(58,163,189,.6);width:30%;padding-left:10%;}
#cronometro .hora{background:rgba(58,163,189,.5);width:20%;}
#cronometro .minuto{background:rgba(58,163,189,.6);width:20%;}
#cronometro .segundo{background:rgba(58,163,189,.5);width:30%;padding-right:10%;}

.btn_accion {position: relative;margin:50px auto;font-weight:700;font-family:'Kanit', sans-serif;font-size:140%; }
.btn_accion a {padding:15px 30px;box-shadow:2px 3px 1px #0f8cac;cursor: pointer;outline:none;border-radius:4px;box-shadow:2px 2px 1px #0f8cac;color:#fff;border:0;background-color:var(--color-tres);text-decoration:none;transform: scale(1);}
.btn_accion a:hover {transform: scale(1.04);transition:.5s;}
.btn_accion a:active {transform: scale(2)}


.expositores{width:100%;margin-top:-40px;clip-path: polygon(0 40px,100% 0,100% 100%,0 100%);color:#fff;background-color:var(--color-dos);}
.expositores .expositores-caja{width:100%;clip-path: polygon(0 40px,100% 0,100% 100%,0 100%);margin-bottom:-135px;}
.expositores .fotos {max-width:100%;margin:0 auto;}
.expositores .foto {display:inline-table;width:25%;height:0px;padding-bottom:45%;position:relative;transition:all .5s;background-color:var(--color-dos);}
.expositores .foto img{width:100%;position:absolute;top:0;display:block;}
.expositores .uno{bottom:3px;}
.expositores .dos{bottom:10px;}
.expositores .tres{bottom:20px;}
.expositores .cuatro{bottom:30px;}
.expositores .foto:hover img{opacity:.5;}
.expositores .foto:hover {background-color:var(--color-dos);}
.expositores .foto .info {background-color:rgba(79,23,125,.8);position:absolute;padding:30px 25px;bottom:30%;left:0px;z-index:6;line-height:135%;opacity:0;clip-path: polygon(0 0,100% 0,95% 95%,0 100%);font-size:120%;font-weight:300;}
.expositores .foto .info span{font-weight:400;}
.expositores .foto:hover .info {opacity:1;transition:all .8s;}
.expositores .foto:hover {transform:scale(1.05);z-index:5;}


.programa{background-color:var(--color-tres);width:100%;padding:100px 0px;margin-top:-40px;clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);color:#fff;}
.programa .video{position:fixed;top:0;opacity:.1;height:100%;width:100%;object-fit:cover;}
.programa h2{background-color:var(--color-uno);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);padding-right:10%;}
.programa .articulo {display:block;width:80%;display:flex;}
.programa .articulo-uno {margin:40px 0 0px auto;}
.programa .articulo-dos {margin:60px auto 0px 0;}
.programa .dia-titulo {max-width:200px;width:30%;background-color:var(--color-uno);text-align:center;font-family:'Kanit', sans-serif;font-weight:700;flex: 1;position: relative;line-height:350%;display:flex;align-items:center;justify-content: center;}
.programa .dia-contenido {width:70%;box-sizing:border-box;padding:50px;background-color:rgba(79,23,125,.8);flex:1;position: relative;display:flex;align-items:center;}
.programa h3 {font-size:600%;}
.programa h3 div {font-size:30%;}
.programa .articulo-uno .dia-titulo {clip-path:polygon(0 0,100% 0,100% 100%,10px 100%);}
.programa .articulo-dos .dia-titulo {clip-path:polygon(0 0,100% 0,90% 100%,0 100%);}
.programa .dia-contenido p{font-weight:300;font-size:110%;line-height:110%;margin:8px 0;}
.programa .dia-contenido .tit-uno{font-weight:400;font-size:110%;}



.consultas {background-color:var(--color-dos);width:100%;margin-top:-40px;padding:50px 0px 150px;position:relative;clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);text-align:right;}
.consultas .consultas_img{position: absolute;top:0px;left:0px;width:100%;height:100%;opacity:.07;object-fit:cover;}
.consultas h2 {background-color:var(--color-uno);clip-path: polygon(0 0,100% 0,100% 100%,9% 100%);padding-left:10%;}
.consultas .datos {display:inline-block;width:50%;vertical-align:middle;color:#fff;padding-top:30px;font-size:120%;font-weight:300;position: relative;line-height:100%;text-align:left;}
.consultas .datos > div {padding:6px 0px;white-space: nowrap;}
.consultas .datos > div > div {display:inline-block;vertical-align:middle;margin-right:10px;}
.consultas .datos .consultas-icon {width:26px;height:26px;opacity:.5;}
.consultas .datos .direccion{background: url(../img/sprite.png) 0px 0px no-repeat transparent;}
.consultas .datos .telefono{background: url(../img/sprite.png) 0px -35px no-repeat transparent;}
.consultas .datos .celular{background: url(../img/sprite.png) 0px -70px no-repeat transparent;}
.consultas .datos .facebook{background: url(../img/sprite.png) 0px -105px no-repeat transparent;}
.consultas .datos .email{background: url(../img/sprite.png) 0px -140px no-repeat transparent;}
.consultas .datos .web{background: url(../img/sprite.png) 0px -175px no-repeat transparent;}

.consultas .formulario {display:inline-block;width:50%;vertical-align:middle;text-align:right;position: relative;padding-top:30px;}
.consultas .formulario input, .consultas .formulario textarea {width:100%;box-sizing:border-box;padding:20px 15px;margin:8px auto;background-color:rgba(79,23,125,.5);border:0;color:#ccc;font-weight:300;font-size:120%;font-family:'Saira Extra Condensed', sans-serif;}
.consultas .formulario input::-webkit-input-placeholder{color:#ccc;font-weight:300;font-size:100%;font-family:'Saira Extra Condensed', sans-serif;}
.consultas .formulario textarea{height:150px;}
.consultas .formulario textarea::-webkit-input-placeholder{color:#ccc;font-weight:300;font-size:120%;font-family:'Saira Extra Condensed', sans-serif;}
.consultas .formulario input.submit{padding:14px 45px;width:auto;color:#fff;text-transform:uppercase;box-shadow:1px 1px 2px #4f177d;cursor: pointer;}
.consultas .formulario input.submit:hover{box-shadow:1px 2px 4px #4f177d;}
.consultas .formulario form {position: relative;}
.consultas .formulario .formConsulta_alerta {display:none;position:absolute;width:100%;height:100%;top:0;left:0;}
.consultas .formulario .formConsulta_alerta > div {background-color:rgba(79,23,125,.9);display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;padding:20px;box-sizing:border-box;}

.mapa{background-color:var(--color-uno);width:100%;margin-top:-40px;padding:0;clip-path: polygon(0 40px,100% 0,100% 100%,0 100%);position: relative;}
.mapa h2{position: absolute;top:10%;left:0px;background-color:var(--color-uno);clip-path: polygon(0 0,100% 0,90% 100%,0 100%);padding-right:10%;z-index:1;}
#map {width:100%;height:600px;border:0;padding:0px;margin:0px;display:block;position: relative;top:0;left:0;right:0;bottom:0;}
/* .mapa iframe{width:100%;height:600px;border:0;padding:0px;margin:0px;display:block;} */


.footer {background-color:#111;width:100%;margin-top:-40px;padding:70px 0 50px;clip-path: polygon(0 40px,100% 0,100% 100%,0 100%);color:#333;}
.footer > div >div {display:inline-block;vertical-align:middle;width:50%;}
.footer .copyright {float: left;}
.footer .desarrollador {float: right;text-align:right}
.footer .desarrollador a{color:inherit;text-decoration:none;}





@media (max-width: 1366px){
   .llamada {padding:120px 0px 100px;}
   .llamada .titulos {margin:20px auto;}
   .llamada .titulos h1{font-size:140%;margin:4px auto;}
   .llamada .titulos p{font-size:220%;margin:0px auto;} 
   .expositores .foto .info{padding:24px 36px;bottom:30%;font-size:120%;}
   .programa .dia-contenido {padding:4% 10%;}
   .programa .dia-contenido p{font-size:100%;}
   .consultas .datos {font-size:100%;}
   .consultas .formulario input, .consultas .formulario textarea {font-size:100%;padding:15px 15px;}
}
@media (max-width: 1024px){
   .llamada {padding:80px 0px 80px;}
   .expositores .foto .info{padding:20px 28px;bottom:30%;font-size:100%;}
}
@media (max-width: 800px){
   .caja-ancho{width:100%;padding:0 30px;display:table;}

   .llamada .titulos h1{font-size:120%;margin:4px auto;}
   .llamada .titulos p{font-size:180%;margin:0px auto;}
   #cronometro .cronometro .cronometro_num{font-size:380%;line-height:100%;}
   #cronometro .cronometro .cronometro_tit{font-size:120%;}
   .btn{padding:10px 26px;margin:50px auto;font-size:120%;}
   .expositores .foto {width:25%;padding-bottom:55%;}
   .expositores .foto .info{padding:10px 20px;bottom:30%;font-size:90%;line-height:100%;}
   .programa h3 {margin:80px auto;}
   .programa .articulo {width:90%;}
}
@media (max-width: 500px){
   .llamada .titulos h1{font-size:90%;margin:4px auto;}
   .llamada .titulos p{font-size:120%;margin:0px auto;}
   #cronometro .cronometro .cronometro_num{font-size:200%;}
   #cronometro .cronometro .cronometro_tit{font-size:60%;}
   .btn{padding:10px 20px;margin:50px auto;font-size:120%;}
   .expositores .foto {width:25%;padding-bottom:68%;}
   .expositores .foto .info{padding:6px 8px;bottom:45%;font-size:55%;line-height:110%;}
   .programa .articulo {width:100%;flex-direction:column;}
   .programa .dia-titulo {max-width:100%;width:100%;line-height:350%;}
   .programa .dia-contenido {width:100%;padding:30px;}

   .programa h3 {font-size:400%;margin:20px auto 10px;line-height:60%;}
   .programa .articulo-uno .dia-titulo {clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
   .programa .articulo-dos .dia-titulo {clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
   .programa .articulo-dos .dia-contenido {order:1;}

   .consultas .datos {width:100%;font-size:100%;}
   
   .consultas .formulario {width:100%;padding-top:30px;}
   .consultas .formulario input, .consultas .formulario textarea {padding:10px 15px;}
   .consultas .formulario input.submit{padding:8px 25px;}

   .footer {padding: 50px 0 15px;}

   .footer > div >div {width:100%;}
}
@media (max-width: 320px){
   .llamada .titulos h1{font-size:80%;margin:4px auto;}
   .llamada .titulos p{font-size:100%;margin:0px auto;}
   #cronometro .cronometro .cronometro_num{font-size:180%;}
   #cronometro .cronometro .cronometro_tit{font-size:45%;}
   .btn{padding:8px 16px;margin:50px auto;font-size:100%;}
   .expositores .foto {width:25%;padding-bottom:73%;}
   .expositores .foto .info{padding:4px 6px;bottom:50%;font-size:50%;line-height:100%;}
}
































/* 
.caritas{background-color:var(--color-dos);width:100%;clip-path: polygon(0 50px,100% 0,100% 100%,0 100%);padding-top:50px;}
.caritas .cara{display:inline-block;width:20%;height:0px;padding-bottom:30%;position:relative;transform: skewY(-5deg);background-color: #4e1b75;overflow: hidden;}

.caritas .uno{}
.caritas .dos{bottom:10px;;}
.caritas .tres{bottom:20px;}
.caritas .cuatro{bottom:30px;}
.caritas .cinco{bottom:40px;}

.caritas .cara img{width:100%;transform:skewY(5deg);}
.caritas .datos {display:none} */