@import url('https://fonts.googleapis.com/css2?family=Gantari:ital,wght@0,100..900;1,100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Londrina+Shadow&display=swap');
:root{--gray:#17181c;--black:#181e27;--blue:#1d2830;--acua:#083554;--acua2:#12629a;}
body{margin:0px;padding:0px;font-family: "Gantari", sans-serif;}
p,a,li,h1,h2,h3,h4,h5,h6,section,aside,div,input{box-sizing:border-box;margin:0px;vertical-align:middle;}
h1,h3{font-size:40px;font-family: "Libre Baskerville", serif;font-weight:700;}
h2,p,a,li{font-size:18px;opacity:.6;line-height:1.3em;}
h1,h2{text-transform:uppercase;}
h5{font-size:25px;font-weight:400;}
h4{font-size:30px;font-weight:700;font-family: "Libre Baskerville", serif;}
a{text-decoration:none;color:inherit;opacity:.8;}
img{vertical-align:middle;}
.container{display:flex;flex-direction:column;min-height:100vh;}
.container .content{flex-grow:1;}
.center{width:100%;max-width:1240px;padding:0px 20px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.movil{display:none;}
.breakspaces{white-space:break-spaces;}
.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;opacity:1;}
.float:hover{text-decoration: none;color: #25d366;background-color:#fff;}
.my-float{margin-top:16px;}

/*-- HEAD --*/
header .center{display:flex;align-items:center;}
header .top{text-align:center;color:#fff;background:var(--black);}
header .center .logo{flex:1;align-items:center;padding:20px 0px;}
header .center nav a{margin-left:40px;color:var(--black);}
header .center nav a:last-child{color:#fff;background:var(--acua);padding:15px 20px;border-radius:10px;border-bottom:none !important;}


/*-- INICIO --*/
.bannerinicio{position:relative;padding:15% 0px 150px;color:#fff;background: linear-gradient(0deg,rgba(29, 40, 48, 1) 0%, rgba(29, 40, 48, 1) 60%, rgba(29, 40, 48, 0.68) 80%, rgba(29, 40, 48, 0) 100%);}
.bannerinicio section{position:relative;z-index:1;}
.bannerinicio .imagenbanner{position:absolute;width:100%;top:0;z-index:-1;}
.bannerinicio .txtinicio{margin:0px auto 15%;}
.bannerinicio .infocongreso{display:flex;justify-content:space-between;}
.bannerinicio .infocongreso .txtinfo{width:40%;}
.bannerinicio .infocongreso .txtinfo section{display:flex;justify-content:space-between;}
.bannerinicio .infocongreso .txtinfo section div{width:45%;}
.bannerinicio .infocongreso .txtinfo span{background:var(--black);margin:20px 0px 40px;display:block;padding:20px;color:#fff;}
.bannerinicio .infocongreso aside{width:40%;position:relative;}
.bannerinicio .infocongreso aside div{background:#fff;width:90%;color:#000;padding:50px 20px;transform:translateY(-100%);position:absolute;margin-left:5%;}
.bannerinicio .infocongreso aside div p{white-space:break-spaces;}

.servicios{background:var(--blue);color:#fff;padding-bottom:100px;}
.servicios .center{display:flex;flex-wrap:wrap;align-items:flex-start;}
.servicios .menu{background:var(--acua);padding:50px 20px;width:300px;position:relative;z-index:1;}
.servicios .menu h4{margin-top:8px;}
.servicios .menu .menutggle{background:var(--blue);margin-top:8px;padding:5px 10px;cursor:pointer;text-transform:uppercase;opacity:.8;}
.servicios .menu .menutggle:hover{background:var(--black);}
.servicios .info{flex:1;background:var(--black);min-height:500px;padding:50px 50px 50px 200px;margin-left:-150px;margin-top:50px;position: relative;}
.servicios .info .tggle{transition:max-height 1s linear;overflow:hidden;padding-right:50px;background:var(--black);}
.servicios .info .tggle.hidden{max-height:0;transition:.5s linear;}
.servicios .info .tggle p{margin-top:20px;}
.servicios .info .tggle h3{margin-top:20px;}
.servicios .info .tggle span{color:var(--acua2);}

.parallax{padding:200px 0px;background-repeat:no-repeat;background-size:cover;text-align:center;background-attachment:fixed;}
.parallax1{background-image:url(../IMG/parallax-home.jpg);color:#fff;}

.eventosinicio{padding:100px 20px;}
.eventosinicio .titulo{border-bottom:solid var(--black) 1px;padding-bottom: 10px;}
.eventosinicio section{display:flex;gap:50px;margin-top:100px;}
.eventosinicio section aside{}
.eventosinicio section aside span{display:block;font-size:50px;line-height:1em;}
.eventosinicio section div{flex:1;}
.eventosinicio section div h5{color:#fff;background:var(--acua);display:table;padding:5px 20px;}

.capacidad{background: linear-gradient(0deg,rgba(22, 24, 28, 1) 0%, rgba(29, 40, 48, 1) 100%);color:#fff;padding-bottom:200px;}
.capacidad .center{display:flex;gap:50px;align-items:center;}
.capacidad .center div{width:30%;}
.capacidad span{display:block;margin:20px 0px;background:var(--acua);height:1px;}
.capacidad .center section{flex:1;text-align:center;padding:100px 0px;position:relative;}
.capacidad .center section div{position:absolute;top:0;width:80%;background:var(--acua);height:100%;margin-left:10%;}
.capacidad .center section img{position:relative;z-index:1;}
.capacidad .center .logo{margin-bottom:50px;max-width:60%;}

/*-- NOSOTROS --*/
.bannernosotros{position:relative;color:#fff;}
.bannernosotros section{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0;}

.nosotros{display:flex;gap:50px;padding:100px 0px;position:relative;}
.nosotros aside{width:40%;}
.nosotros img{width:90%;margin-top:-200px;}
.nosotros section{flex:1;}
.nosotros section h4{background:var(--black);color:#fff;margin:40px 0px;padding:20px;}

.vision{color:#fff;background:var(--blue);padding:100px 0px;}
.vision .titulo{text-align:center;}
.vision .titulo span{background:var(--acua);padding:5px 20px;display:block;}
.vision section{background:var(--black);margin-top:100px;padding:50px 30px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.vision section div{width:100%;margin-bottom:40px;padding-bottom:20px;border-bottom:solid #fff 1px;}
.vision section aside{width:47%;}

.parallax2{background-image:url(../IMG/parallax-home.jpg);color:#fff;}

.mapa{padding:100px 0px;color:#fff;}
.mapa h3{margin-bottom:50px;color:#000;text-align:center;}
.mapa section{display:flex;color:#000;gap:40px;margin-top:50px;justify-content:space-between;}
.mapa section h3{margin-bottom:20px;text-align:left;}
.mapa section ul{margin:0px;padding:0px;padding-left:20px;}

.equipo{color:#fff;background: linear-gradient(0deg,rgba(22, 24, 28, 1) 0%, rgba(29, 40, 48, 1) 100%);padding:100px 0px 50px;}
.equipo section{display:flex;flex-wrap:wrap;gap:4%;}
.equipo section div{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:solid var(--acua) 1px;}
.equipo section aside{width:22%;padding:25px;background:var(--black);margin-bottom:80px;}
.equipo section aside img{margin-bottom:20px;}
.equipo section .imgequipo{margin-top:100px;display:block;}


/*-- EVENTOS --*/
.bannereventos{position:relative;z-index:1;}
.bannereventos section{position:absolute;height:100%;display:flex;align-items:center;width:50%;min-width:600px;color:#fff;}
.bannereventos section h3{background:var(--black);padding:30px 20px 10px;}
.bannereventos section h4{background:var(--black);padding:10px 20px 30px;}

.eventoinfo{width:100%;margin-top:-100px;}
.eventoinfo .center{display:flex;background:var(--acua);padding:50px;position:relative;z-index:2;color:#fff;}
.eventoinfo .qr{margin-right:30px;}
.eventoinfo .qr div{padding:20px;background:#fff;}
.eventoinfo .fecha{margin-left:50px;}
.eventoinfo .fecha a{text-decoration:underline;}
.eventoinfo .info{flex:1;}
.eventoinfo .info h4{background:#000;color:#fff;padding:5px 10px;font-size:20px;}
.evntbutton{display:flex;justify-content:space-between;}

.eventoint{padding:100px 0px 100px;margin-bottom:100px;}
.eventoint h3{text-align:center;margin-bottom:60px;}
.eventoint span{color:#fff;}
.eventoint section{display:flex;border-top:solid rgba(0, 0, 0, .6) 1px;}
.eventoint section:last-child{border-bottom:solid rgba(0, 0, 0, .6) 1px;}
.eventoint section:nth-child(2){border-top:none;background:var(--acua);margin-bottom:40px;}
.eventoint section aside{width:30%;max-width:200px;padding:20px 10px;}
.eventoint section div{flex:1;padding:20px 20px;background:var(--acua);color:#fff;}

.bgcongreso{background:var(--blue);padding:150px 0px 100px;color:#fff;}

.eventopresentadores{display:flex;flex-wrap:wrap;gap:5%;}
.eventopresentadores .titulo{text-align:center;margin-bottom:50px;width:100%;}
.eventopresentadores section{background:var(--black);margin-bottom:50px;width:30%;overflow:hidden;}
.eventopresentadores section img{transition:.5s;cursor:pointer;}
.eventopresentadores section img:hover{transform:scale(1.1)}
.eventopresentadores section div{padding:20px;min-height:150px;position:relative;z-index:2;}
.eventopresentadores section div h4{margin-top:-40px;}
.lightbox{display:none;max-width:1000px;background:#fff;color:var(--black);padding:20px;}

.eventodesc{max-width:1000px;display:flex;justify-content:space-between;margin:150px auto;}
.eventodesc section{width:40%;}
.eventodesc section span{background:var(--acua);width:80%;min-width:200px;height:1px;display:block;margin:20px 0px 30px;}

.eventocomite{background:var(--blue);color:#fff;}
.eventocomite .center{max-width:1040px;}
.eventocomite h3{text-align:center;margin-bottom:100px;}
.eventocomite .imgcomite{margin-bottom:100px;}
.eventocomite section{text-align:center;}
.eventocomite img{margin-bottom:30px;}

.eventoregistro{background: linear-gradient(0deg,rgba(255, 255, 255, 1) 50%, rgba(29, 40, 48, 1) 50%);;color:#fff;display:flex;justify-content:right;}
.eventoregistro aside{background:linear-gradient(90deg,rgba(255, 255, 255, 0) 50%, rgba(8, 53, 84, 1) 50%);position:relative;padding:50px 0px;}
.eventoregistro aside div{display:flex;align-items:center;height:100%;}
.eventoregistro section{width:50%;padding:150px 100px;background:var(--acua);}
.eventoregistro section form{max-width:500px;}
.eventoregistro .input{color:#fff;}

.eventopatrocinadores{padding:200px 20px 150px;text-align:center;}
.eventopatrocinadores h3{}
.eventopatrocinadores h4{background:var(--acua);height:20px;width:400px;margin:10px auto 50px;display:block;}
.eventopatrocinadores section{display:flex;flex-wrap:wrap;}
.eventopatrocinadores section div{width:200px;padding:0px 40px;margin-bottom:50px;}

/* From Uiverse.io by mrhyddenn */ 
.button {-moz-appearance: none;-webkit-appearance: none;appearance: none;border: none;background: none;color: #0f1923;cursor: pointer;position: relative;padding: 8px;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;font-size: 14px;transition: all .15s ease;display:inline-block;}
.button::before,.button::after {content: '';display: block;position: absolute;right: 0;left: 0;height: calc(50% - 5px);border: 1px solid #7D8082;transition: all .15s ease;}
.button::before {top: 0;border-bottom-width: 0;}
.button::after {bottom: 0;border-top-width: 0;}
.button:active,.button:focus {outline: none;}
.button:active::before,.button:active::after {right: 3px;left: 3px;}
.button:active::before {top: 3px;}
.button:active::after {bottom: 3px;}
.button_lg {position: relative;display: block;padding: 10px 20px;color: #fff;background-color: #0f1923;overflow: hidden;box-shadow: inset 0px 0px 0px 1px transparent;}
.button_lg::before {content: '';display: block;position: absolute;top: 0;left: 0;width: 2px;height: 2px;background-color: #0f1923;}
.button_lg::after {content: '';display: block;position: absolute;right: 0;bottom: 0;width: 4px;height: 4px;background-color: #0f1923;transition: all .2s ease;}
.button_sl {display: block;position: absolute;top: 0;bottom: -1px;left: -8px;width: 0;background-color: var(--acua2);transform: skew(-15deg);transition: all .2s ease;}
.button_text {position: relative;}
.button:hover {color: #0f1923;}
.button:hover .button_sl {width: calc(100% + 15px);}
.button:hover .button_lg::after {background-color: #fff;}
  


/*-- EVENTO --*/
/*-- CONTACTO --*/
.mapacontacto{}

.contacto{padding:150px 20px;}

.contacto section{display:flex;flex-wrap:wrap;align-items:center;}

.contacto .titulo{margin-bottom:100px;width:100%;}

.contacto .info{width:30%;background:var(--black);color:#fff;padding:100px 50px;margin-left:10%;margin-right:10%;}
.contacto .info h3{margin-bottom:40px;}
.contacto .info p{margin-bottom:40px;}

.contacto .mensaje{flex:1;padding:50px;background:#f1f1f1;border-radius:20px;}
.input-group{position:relative;margin-top:30px;}
.input{border:none;border-bottom:solid 1.5px #9e9e9e;background:transparent;padding:.5rem;font-size:1rem;transition:border 150ms cubic-bezier(0.4,0,0.2,1);width:100%;}
.user-label{position:absolute;left:5px;pointer-events:none;transform:translateY(.5rem);transition:150ms cubic-bezier(0.4,0,0.2,1);top:0;}
.input:focus, input:valid {outline:none;}
.input:focus ~ label, input:valid ~ label {transform:translateY(-70%) scale(0.8);background-color:#212121;color:#fff;}
.sendBtn{display:table;background:var(--blue);color:#fff;padding:10px 20px;margin-top:30px;border:none;}
.g-recaptcha{display:block;margin:20px 0px}

/*-- REGISTRO --*/
.registro{margin:0px auto;padding:0px 0px;background:var(--black);}
.registro section{max-width:1000px;padding:50px 0px;width:100%;color:#fff;margin:0px auto;}
.registro section div{display:table;margin:0px auto;}

.pdf{display:table;margin:0px auto;}
.pdf .qr{margin:0px 0px 40px;}
.pdf h4{margin-top:20px;}
.pdf p{margin-top:10px;}


/*-- PRIVACY --*/
.privacy{padding:100px 20px;}
.privacy h3{margin-top:50px;}

/*-- FOOT --*/
footer{color:#fff;background:var(--black);padding-top:10px;}
footer p{opacity:.5;}
footer a{opacity:.5;}
footer .center{}
footer .center .menu{background:#000;width:100%;padding:10px 20px;display:flex;}
footer .center .menu div{flex:1;}
footer .center .menu a{margin-right:40px;}
footer .center .info{display:flex;padding:50px 0px;gap:50px;}
footer .center .info aside{flex:1;text-align:right;}
footer .center .info aside p{width:100%;max-width:300px;margin-left:auto;}
footer .bottom{background:#000;padding:30px 0px;}
footer .bottom .center{display:flex;}
footer .bottom .center aside{flex:1;}

@media screen and (max-width:750px){
    .movil{display:inherit;}
    .nonemovil{display:none;}
    h1,h3{font-size:26px;}
    h2,p,a,li{font-size:16px;opacity:.6;}
    h5{font-size:18px;}h4{font-size:22px;}
    
    /*-- HEAD --*/
    header .center .logo{padding:0px 0px;}
    header .center{flex-wrap:wrap;padding:20px 20px;}
    header .center nav{overflow:hidden;max-height:0px;transition:max-height 0.4s ease;width:100%;}
    .hmb1, .hmb2, .hmb3{border-bottom:solid 5px var(--black);margin:0px auto 5px;transition:1s;display:block;}
    .hmb{width:50px;position:relative;cursor:pointer;}
    header .center.active .hmb{padding:15px 0px;}
    header .center.active .hmb1{display:none;}
    header .center.active .hmb2{transform:rotate(405deg);}
    header .center.active .hmb3{transform:rotate(-405deg);margin-top:-10px;}
    header .center.active nav{max-height:350px;}
    header .center nav a{display:block;margin-left:0px;text-align:center;margin-top:20px;font-size:40px;}

    /*-- INICIO --*/
    .bannerinicio{padding:15% 0px 100px;}
    .bannerinicio .infocongreso{display:block;}
    .bannerinicio .infocongreso .txtinfo{width:100%;}
    .bannerinicio .infocongreso aside{width:100%;}
    .bannerinicio .infocongreso aside img{display:none;}
    .bannerinicio .infocongreso aside div{background:#fff;width:100%;color:#000;padding:50px 20px;transform:translateY(0%);position:relative;margin:50px 0px;}
    .bannerinicio .infocongreso aside div p{white-space:break-spaces;}
    .servicios .menu{width:100%;}
    .servicios .info{flex:1;background:var(--black);min-height:00px;padding:20px;margin-left:0px;margin-top:0px;position: relative;}
    .servicios .info .tggle{transition:max-height 1s linear;overflow:hidden;padding-right:0px;background:var(--black);}
    .servicios .info .tggle.hidden{max-height:0;transition:.5s linear;}
    .servicios .info .tggle p{margin-top:20px;}
    .servicios .info .tggle h3{margin-top:20px;}
    .servicios .info .tggle span{color:var(--acua2);}
    .parallax{padding:200px 0px;background-repeat:no-repeat;background-size:cover;text-align:center;background-attachment:local;}

    .capacidad{padding:100px 0px 50px;}
    .capacidad .center{display:block;}
    .capacidad .center div{width:100%;margin-bottom:50px;}
    .capacidad span{display:block;margin:20px 0px;background:var(--acua);height:1px;}
    .capacidad .center section{display:none;}

    /*-- NOSOTROS --*/
    .bannernosotros{position:relative;color:#000;}
    .bannernosotros section{position:relative;display:flex;align-items:center;width:100%;height:auto;top:0;margin-top:40px;}

    .nosotros{display:block;gap:50px;padding:60px 20px;position:relative;}
    .nosotros aside{display:none;}
    .nosotros section{flex:1;}
    .nosotros section h4{background:var(--black);color:#fff;margin:40px 0px;padding:20px;}

    .equipo{color:#fff;background: linear-gradient(0deg,rgba(22, 24, 28, 1) 0%, rgba(29, 40, 48, 1) 100%);padding:100px 0px 50px;}
    .equipo section{display:flex;flex-wrap:wrap;gap:5%;}
    .equipo section div{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:solid var(--acua) 1px;}
    .equipo section aside{width:47.5%;padding:25px;background:var(--black);margin-bottom:80px;}
    .equipo section aside img{margin-bottom:20px;}
    .equipo section .imgequipo{margin-top:100px;display:block;}

    
    /*-- EVENTOS --*/
    .eventoinfo{margin-top:0px;}
    .eventoinfo .center{flex-wrap:wrap;display:block;}
    .eventoinfo .qr{margin:0px 0px 50px;display:table;}
    .eventoinfo .fecha{margin:50px 0px;}
    .eventodesc{max-width:1000px;display:block;margin:100px 0px 150px;}
    .eventodesc section{width:100%;}
    .eventodesc section span{background:var(--acua);width:80%;min-width:200px;height:1px;display:block;margin:20px 0px 30px;}
    .eventodesc section p{margin-bottom:30px;}
    
    .eventopresentadores section{display:block;width:47.5%;overflow:hidden;}
    .eventopresentadores section aside{margin-right:0px;max-width:200px;width:100%;margin-bottom:20px;}
    .bgcongreso{padding:100px 0px;}

    .eventoint{padding:50px 0px;margin-bottom:100px;}
    .eventoint h3{text-align:center;margin-bottom:30px;}
    .eventoint section:nth-child(2){display:none;}
    .eventoint span{color:#000;}
    .eventoint section{flex-wrap:wrap;}
    .eventoint section aside:first-child{width:100%;margin-bottom:0px;padding-bottom:20px;background:var(--acua);color:#fff;}
    .eventoint section aside{width:30%;max-width:1000px;padding:20px 10px 0px;}
    .eventoint section div{flex:1;padding:0px 20px 20px;background:#fff;color:#000;}

    .eventoregistro{display:block;}
    .eventoregistro aside{display:none;}
    .eventoregistro section{width:100%;padding:50px 20px;}
    .eventoregistro section form{max-width:500px;}

    .eventopatrocinadores{padding:80px 20px 50px;text-align:center;}
    .eventopatrocinadores h4{width:70%;max-width:400px;}
    .eventopatrocinadores section{display:flex;flex-wrap:wrap;gap:5%;}
    .eventopatrocinadores section div{width:30%;padding:0px 0px;margin-bottom:50px;}

    /*-- CONTACTO --*/
    .mapacontacto{}

    .contacto{padding:60px 20px 100px;}

    .contacto section{display:block;}

    .contacto .titulo{margin-bottom:60px;width:100%;}

    .contacto .info{width:100%;margin:0% 0px 50px;}

    .contacto .mensaje{flex:1;padding:50px;background:#f1f1f1;border-radius:20px;}
    .input-group{position:relative;margin-top:30px;}
    .input{border:none;border-bottom:solid 1.5px #9e9e9e;background:transparent;padding:.5rem;font-size:1rem;transition:border 150ms cubic-bezier(0.4,0,0.2,1);width:100%;}
    .user-label{position:absolute;left:5px;pointer-events:none;transform:translateY(.5rem);transition:150ms cubic-bezier(0.4,0,0.2,1);top:0;}
    .input:focus, input:valid {outline:none;}
    .input:focus ~ label, input:valid ~ label {transform:translateY(-70%) scale(0.8);background-color:#212121;color:#fff;}
    .sendBtn{display:table;background:var(--blue);color:#fff;padding:10px 20px;margin-top:30px;border:none;}
    .g-recaptcha{display:block;margin:20px 0px}
}