*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-padding-top: 5em;
  scroll-behavior: smooth;
 /*  transition: 1s; */
}

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

@font-face {
    font-family: 'b Biger Over';
    src: url('fonts/bBigerOver.woff2') format('woff2'),
        url('fonts/bBigerOver.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/fa-brands-400.woff2') format('woff2'),
       url('webfonts/fa-brands-400.ttf') format('truetype'),
       url('webfonts/fa-regular-400.woff2') format('woff2'),
       url('webfonts/fa-regular-400.ttf') format('truetype'),
       url('webfonts/fa-solid-900.woff2') format('woff2'),
  ;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

  .icon-facebook:before {
    content: "\e900";}
  .icon-instagram:before {
    content: "\e901";}
  .icon-linkedin:before {
    content: "\e902";}
  .icon-twitter:before {
    content: "\e903";}

body{
    font-family: 'Outfit', sans-serif!important;}

.fa-solid {
  color: #00e8a9 !important;
  font-size: 0.75em;
}

h1{
    /* font-family: 'b Biger Over'; */
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #83e8ac; 
    /*text-shadow: 2px 2px 4px #000000;*/}

.gradient {
    /* Set the background of the text  */
    background: linear-gradient(to right, #eb2eff, #0062ff);
    display: inline-block;
    
    /* Clip the background upto the text  */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Set the color of the text to transparent  */
    color: transparent;
  }

h2{
    font-family: 'Outfit', sans-serif;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 0.6em;
    text-shadow: 2px 2px 4px #000000;}

h3{
  font-family: 'Outfit', sans-serif;
  font-size: 2em;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  color: #0062ff;
  padding-bottom: 1em;}

h4{
  font-family: 'Outfit', sans-serif;
  font-size: 0.9em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #0062ff;
  padding: 0.4em 0 0.25em 0;
  width: 100%;}

.contenedor{
  width: 100%;
  max-width: 1000px;
  margin: auto; /* centrar */}

.background-principal{
  width: 100%;
  background-image: url(img/banner-principal.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;}

/* Banner Principal */

  #banner-principal{
    width: 100%;
    height: 750px;/*
    background-image: url(img/banner-principal.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/}

  #banner-principal .contenedor{
    width: 100%;
    height: 750px;
    margin:auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;}

/* Menu */

  .menu{
    width: 100%;
    height: 80px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 50;
    margin-top: 1em;
  }

  .menu nav{
    position: fixed;
    width: 100%;
    max-width: 1100px;
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-size: 0.8em;
    background-color: rgba(1, 5, 19, .75);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }

  nav a{
    width: 100%;
    max-width: 135px;
    padding: 2px;
    margin: 0px 2px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
  }

  nav a:hover{
    color:#00e8a9;
    font-weight: 800;}

  nav a:nth-child(1),
  nav a:nth-child(2),
  nav a:last-child{
    max-width: 100px;}

 /******** Menu movil ********/

#banner-principal .contenedor{
  width: 100%;
  display: flex;
  justify-content: center;
}

section .contenedor .menu-bar-movil{
  position: fixed;
  width: 100%;
  max-width: 800px;
  height: 4em;
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  background: rgba(0, 17, 66, 1) !important; 
  z-index: 99;
  top: 0;
}

.burger-menu{
  position: block;
  cursor: pointer;
  font-size: 2em;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end;
  padding-left: 0.5em;
  z-index: 99;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.slideMenu{
  position: fixed;
  top: 3em;
  left: -90%;
  background: rgba(1, 24, 62, .9);
  text-align: center;
  padding: 1em;
  width: 90%;
  transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.active{
  left: 0;
}

.slideMenu .menu-principal{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.slideMenu .menu-principal a{
  width: 100%;
  display: block;
  padding-left: 0.5em 0;
  border-top: 1px solid #000;
  margin: 0.2em 0;
  color: #fff;
}

.burger-menu p{
  display: inline-block;
  padding-left: 0.4em;
  text-transform: uppercase;
  color: #00e8a9;
  font-size: 0.5em;
  font-weight: 700;
}

/***************************/

  /* Destacar Costos */

  nav a:nth-child(6){
    background-color: #00e8a9;}

  nav a:nth-child(6){
    color: #121f43;}

  nav a:nth-child(6):hover{
    color: #121f43;}

  /*******************/

/* Contenido principal */
  
  .contenido-principal{
    width: 100%;
    height: 600px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: flex-start;}

  .logos{
    width: 100%;
    height: 120px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin-bottom: 3em;}

  .logos img{
    height: 65%;
  }

  .logos img:nth-child(1){
    display: block;
    /* height: 60%; */}

  /* .logos img:nth-child(2){
    display: block;
    height: 60%;
    margin-left: 8em;} */

  .titulo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;}

  .titulo p{
    width: auto;
    margin: auto;
    margin-bottom: 1em;
    font-family: 'Outfit', sans-serif;
    font-size: 1em;
    text-align: center;
    color: #fff;
    padding: 0.5em 1em;
  }

  .titulo p:nth-child(1){
    background-color: #83e8ac;
    text-transform: uppercase;
  }

  .titulo p:last-child{
    font-size: 1.15em;
    letter-spacing: 1px;
    background-color: rgba(1, 5, 19, .5);
  }

  .titulo p:nth-child(4){
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 0.5em 1em;
  }

  .titulo .conferencia{
    width: 25%;
  }

  .titulo .conferencia img{
    width: 100%;
  }

  .titulo h1 span{
    color: #ffffff;
  }

/* Texto principal */
  #texto-principal{
    width: 100%;
    height: auto;
    display: flex;}

  #texto-principal .contenedor{
    width: 100%;
    height: auto;
    padding-bottom: 2em;}

  #texto-principal h3{
    color: #ffffff;
    width: 100%;}

  #texto-principal div{
    width: 100%;}

  #texto-principal p{
    font-family: 'Outfit', sans-serif;
    font-size: 1em;
    font-weight: 200;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 1em;}

  #texto-principal .contenedor #dos_texto ul{
    padding-left: 1em;
  }

  #texto-principal .contenedor #dos_texto ul li{
    color: #ffffff;
    font-weight: 200;
  }

  #texto-principal .contenedor #dos_texto ul li::marker{
    color: #00e8a9;
  }

  #texto-principal .contenedor a{
    color: #00e8a9;
  }

/* Objetivos */
  .objetivos{
    width: 100%;
    height: auto;
    /* margin: 2em auto; */}

  .contenedor-objetivos{
    margin-top: 1em;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;}

  .contenedor-objetivos div{
    width: 33%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    margin-bottom: 2em;
    padding: 0 0.5em;}

  .contenedor-objetivos div p{
    margin-top: 1em;
    text-align: justify;
    color: #0e1f43;
    font-size: 1em;}

/* Audiencia */
  .audiencia{
    width: 100%;
    height: auto;
    /* background-color: #f0f7f6; */
    /* padding: 3em 0; */}

  .audiencia p{
    text-align: justify;}

/* Speakers */
  #speakers{
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    background-color: #f0f7f6;
    padding: 4em 0;}

  #speakers .contenedor{
    width: 100%;
    height: auto;}

  .pagina{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;}

  .pagina .titulo-speaker{
    width: 100%;
  }

  .numero-pagina{
    display: none;}

  .contenedor-speakers{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;}

  .speaker{
    width: 30%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    margin: 0 0.6em 1em 0.6em;}

  .speaker div:nth-child(1){
    display: flex;
    justify-content: center;}

  .speaker div:nth-child(2){
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;}

  .speaker p{
    width: 100%;
    font-family: 'Outfit', sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-align: center;
    color: #3f4c4a;
    padding: 0.5em;}

  #cuatro{
    justify-content: center;}

  #cuatro .speaker{
    margin-bottom: 0;}

  .botones-pagina{
    display: none;}
  
  #dos .titulo-speaker{
    padding-top: 2em;
  }
/* Programa */
  #schedule{
    width: 100%;
    height: auto;
    background-image: url(img/banner-schedule.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3em 0;}

  #schedule .contenedor{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #ffffff;}

  #schedule h3{
    text-align: center;
    color: #fff;
    font-weight: 800;
    padding: 0.3em 1em;}
  
  #schedule .programa-evento{
    text-align: center;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
  }

  #schedule .programa-evento p{
    margin-bottom: 1.5em;
    font-size: 1em;
  }

  #schedule .programa-evento a{
    color: #000535;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.5em 1em;
    background-color: #00e8a9;
    font-size: 1.5em;
    transition: 0.75s;
  }

  #schedule .programa-evento a:hover{
    background-color: #0062ff;
    color: #ffffff;
    transition: 0.75s;
  }

  .columna-programa{
    width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;}

  .titular{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2em;
    border-bottom: 2px solid #00e8a9;}

  .texto-programa{
    margin-top: 1em;
    text-align: justify;}

  .column {
    width: 100%;
    margin: 0 auto;
    padding: 1em;}

  .column-wrap {
    overflow: hidden;
    position: relative;}

  .toggle {
    width: 100%;
    color: white;
    position: relative;
    z-index: 1;}

  .drawer {
    padding: 1em;
    transition: margin-top 0.5s ease;
    position: relative;
    z-index: 0;
    background: rgba(38, 11, 37, .5);}

  button{
    border: none;
    background: rgba(38, 11, 37, .35);
    cursor: pointer;
    font-family: 'Outfit', sans-serif;}

  /*.contenedor-schedule{
    width: 100%;
    height: auto;
    margin: 2em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #ffffff;}

  .contenedor-schedule div:nth-child(1){
    width: 100%;
    margin-bottom: 2.5em;}

  .cuadro-schedule p{
    text-align: justify;
    padding-bottom: 1em;}

  .cuadro-schedule .titulo-schedule{
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;}

  .cuadro-schedule p:nth-child(1){
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;}

  .cuadro-schedule{
    width: 48%;
    height: auto;
    background-color: rgba(14, 31, 67, .6);
    border: 3px solid rgba(235, 46, 255, .6);
    padding: 0 0.5em;
    font-weight: 300;}

  .cuadro-schedule div{
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Outfit', sans-serif;
    text-align: center;
    font-size: 1.7em;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;}

  .cuadro-schedule img{
    margin-left: -2em;
    margin-top: -2em;}
*/

/* Contribution */
  #contribution{
    width: 100%;
    height: auto;
    margin: 3em auto;}

  #contribution .contenedor{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;}
  
  #contribution .contenedor p{
    padding-bottom: 0.5em;
  }

  #contribution ol{
    margin-left: 1em;
    margin-top: 1em;
    font-family: 'Outfit', sans-serif;
    font-size: 1em;
    color: #000535;}

  .subtitulo{
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #000535;}

/* Red */
  #red{
    width: 100%;
    height: auto;
    background-color: #f0f7f6;}

  #red .contenedor{
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;}

  #red .contenedor p:nth-child(3){
    text-align: justify;
    padding: 0.5em 0;}

/* Lanet Board */
  #board{
    width: 100%;
    height: auto;
    background-color: #f0f7f6;
    padding: 3em 0;}

  #board .contenedor{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;}

  .contenedor-board{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1em;}

  .contenedor-board div{
    width: 48%;}

  .contenedor-board div p{
    margin-bottom: 0.5em;}

  .contenedor-board div p:last-child{
    margin-bottom: 0;
  }

/* Comite local */
  #comite{
    width: 100%;
    margin: 2em auto;}

  #comite .contenedor{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contenedor-columnas{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .col{
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .col p:nth-child(1){
    margin-top: 0.5em;
    font-weight: 600;
    padding-bottom: 0.5em;
  }

  #comite .contenedor .contenedor-columnas .col p:nth-child(2){
    margin-bottom: 0.5em;
    text-align: center;
  }

/* Costo */
  .costo{
    width: 100%;
    height: auto;
    /* background-color: #f0f7f6; */
    padding: 2em 0;
    margin: 2em auto;}

  .costo .contenedor{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;}

  .costo .contenedor .incluye-certificado{
    font-weight: 300;
    text-align: center;
    padding-bottom: 2em;
    color: #757575;
  }

    .costo .contenedor .contenedor-precios{
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .costo .contenedor-precios > div{
      width: 30%;
      height: auto;
      background-color: #fff;
      margin: 0 0.5em;
      border-radius: 12px;
      -o-border-radius: 12px;
      -webkit-radius: 12px;
      border: 2px solid #0062ff;
    }

  .categoria{
    width: 100%;
    height: 60px;
    background-color: #0062ff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
      -webkit-radius: 10px 10px 0 0;
    padding: 0 0.7em;
  }

  .costo h5{
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
  }

  .informacion-precios{
    padding: 1em 2em;
  }

  .informacion-precios p{
    text-align: center;
  }

  #costo .contenedor p{
    padding-top: 1em;
  }

  /* .informacion-precios p:nth-child(3){
    display: none;
  } */

  .precio-fucsia{
    color: #0062ff;
    font-size: 3em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5em 0;
  }

  .mayus{
    text-transform: uppercase;
  }

  /*Registro*/
  .registro{
    width: 100%;
    height: auto;
    padding: 4em 0;
    margin: 2em auto;
    background-color: #f0f7f6;}

  .registro .contenedor{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
  
    .contenedor-registro{
      width: 100%;
    }
    .contenedor-campos{
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      width: 100%;
      justify-content: center;}
  
    .campo-llenar{
      display: block;
      width: 30%;
      border: 1px solid rgb(0, 98, 255);
      height: 3em;
      color: rgb(146, 146, 146);
      background: rgba(255, 255, 255, 1.0);
      background-color: rgba(255, 255, 255, .75);
      margin: 1em;
      -webkit-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      padding: 0.5em;
      font-size: 0.8em;}
  
    .campo-autorizaciones{
      display: block;
      box-sizing: border-box;
      width: 100%;
      margin-top: 1em;}
  
    .autorizacion{
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid rgb(255, 255, 255);
      padding: 1em;
      font-size: 0.9em;}
  
    .texto-autorizacion{
      display: block;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: center;
      width: 70%;
      font-weight: 300;}
  
    .marcar-autorizacion{
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: center;}
  
    .text-opcion{
      padding-left: 0.4em;
      padding-right: 1em;}
  
    .seccion-enviar{
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      box-sizing: border-box;
      justify-content: center;
      padding: 1em;}
  
    .btn-enviar a:link {
      text-transform: uppercase;
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: center;
      color: #0e1f43;
      text-decoration: none;
      background-color: #00e8a9;
      font-size: 0.85em;
      padding: 0.5em 1em;
      margin: 0.5em;
      -webkit-transition: ease 0.5s all;
      -o-transition: ease 0.5s all;
      transition: ease 0.5s all;
      width: 15em;
      font-size: 1.2em;
      justify-content: center;
      font-weight: 700;}
  
    .btn-enviar a:visited {
      color: rgb(255, 255, 255);}
  
    .btn-enviar a:hover {
      color: rgb(255, 255, 255);
      background-color: #eb2eff}
  
    .btn-enviar a:active {
      color: rgb(255, 255, 255);}
  
    .terminos-condiciones{
      display: flex;
      justify-content: center;
      align-items: center;}
  
    .terminos-condiciones a:link{
      color: #0062ff;
      font-size: 0.7em;}
  
    .terminos-condiciones a:visited{
      color: #0062ff;}
  
    .terminos-condiciones a:hover{
      color: #eb2eff;}
  
    .gracias{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column;}
  
    .datos-gracias{
      font-size: 1.2em;
      color: #000535;
      font-weight: 400;
      text-align: center;}

    /* Seleccionar el checked box factura */
    .seleccionarFactura{
      width: 30%;
      height: 3em;
      margin: 1em;
      font-size: 0.9em;
      font-weight: 300;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      color: #757575;}

    .seleccionarFactura p{
      padding-right: 1em;
    }

    .seleccionarFactura label:nth-child(4){
      padding-left: 0.5em;
    }

      /* Campo facturacion */
    #contenidoFactura{
      display: none;
    }

    .campo-facturacion{
      margin-top: 1em;
      background-color: #e6e6e6;
      padding: 1.5em 5em;
    }

    .campo-facturacion div{
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      color: #8f8f8f;
      font-size: 1.5em;
      margin-bottom: 1em;
    }

    .campo-facturacion input:nth-child(2),
    .campo-facturacion input:nth-child(3),
    .campo-facturacion input:nth-child(5),
    .campo-facturacion input:nth-child(6){
      width: 46%;
      border: 1px solid rgb(104, 104, 104);
      height: 3em;
      color: rgb(146, 146, 146);
      background: rgba(255, 255, 255, 0.5);
      background-color: rgba(255, 255, 255, 0.35);
    }

    .campo-facturacion input:nth-child(4){
      width: 95%;
      border: 1px solid rgb(104, 104, 104);
      height: 3em;
      color: rgb(146, 146, 146);
      background: rgba(255, 255, 255, 0.5);
      background-color: rgba(255, 255, 255, 0.35);
    }

    .disabled{
      color: #ccc;
      cursor: not-allowed;
    }
    
    .disabled input, .disabled label{
      color: #ccc;
      cursor: not-allowed;
    }

    /*Sede*/
    #sede{
      width: 100%;
      padding: 4em 0;
    }

    #sede .contenedor{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #sede .contenedor-sede{
      width: 100%;
      height: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: row;
    }

    .contenedor-sede .col{
      width: 45%;
      height: 500px;
    }

    .contenedor-sede .col:nth-child(1){
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      text-align: justify;
    }

    .contenedor-sede .col:nth-child(2){
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .contenedor-sede .col:nth-child(1) h3{
      padding-top: 1.5em ;
    }

    .contenedor-sede .col:nth-child(1) a{
      text-decoration: none;
    }

    .col .datos-UP{
      width: 100%;
      background-color: #d9d9d9;
      padding: 1em;
      margin-top: 1em;
    }

    .col .datos-UP p{
      font-weight: 400;
      line-height: 1.2em;
    }

    .col div:nth-child(5){
      margin-top: 1em;
    }

    .hotel{
      width: 100%;
    }

    .hotel_mobile{
      display: none;
    }

   /*  .boton{
      font-size: 1em;
      text-align: center;
      color: #ffffff;
      background-color: #0062ff;
      padding: 0.5em 1em
    }

    .boton a{
      color: #fff;
      text-decoration: none;
      text-transform: uppercase;
    }

    .boton:hover{
      background-color: #eb2eff;
    } */

/* Information */
  #information{
    width: 100%;
    height: auto;
    background-color: #f0f7f6;
    padding: 2em 0 3em 0;}

  #information .contenedor{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;}

  #information .contenedor p:nth-child(3){
    margin-top: 2em; margin-bottom: 0.7em;}

  #information .contenedor p:nth-child(4){
    margin-top: 0.7em;
    text-transform: none;
    margin: 0;}

  #information .contenedor > a{
    margin: 0 auto;
    font-family: 'Outfit', sans-serif;
    font-size: 1.5em;
    text-align: center;
    color: #000535;
    background-color: #00e8a9;
    padding: 0.5em 1em;
    text-decoration: none;}

  #information .contenedor > a:hover{
    background-color: #eb2eff;}

  .redes-lanet{
    margin: 1em auto;
    font-family: 'Outfit', sans-serif;
    font-size: 1.1em;}

  .vinculos {
    text-decoration: none;
    font-weight: 600;
    color: #0062ff;}

  .vinculos:hover{
    color: #eb2eff;}

/* Sponsors */
  #sponsors{
    width: 100%;
    height: auto;
    /* ß */}

  #sponsors .contenedor{
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;}

  #sponsors .contenedor div{
    margin: 4em 0;}

  #sponsors .contenedor div img:nth-child(2){
    padding-left: 3em;}

/* Footer */
  footer{
    width: 100%;
    height: auto;
    background-color: #0e1f43;}

  footer .contenedor{
    height: 150px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;}

  footer .contenedor div{
    width: 45%;}

  footer .contenedor > div:nth-child(2){
    display: flex;
    justify-content: flex-end;
    align-content: center;}

   footer .contenedor > div:nth-child(2) a{
    text-decoration: none;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 600;}

  footer .contenedor > div:nth-child(2) a:hover{
    color: #0062ff;}

  .redes{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-content: center;}

  .redes a:link{color: #ffffff; margin-right: 1em; text-decoration: none; font-size: 1.6em; -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
  .redes a:visited{color: #ffffff;}
  .redes a:hover{color: #0062ff;}
  .redes a:active{color: #ffffff;}

/* Responsive */
  @media all and (max-width: 1024px){
    .contenedor{
      max-width: 90%;}

    .speaker{
      width: 21%;
      margin: 0.5em 0.7em;}

    .cuadro-schedule div{
      font-size: 1.5em;}

    .columna-programa img{
      width: 80%;}

    .contenedor-sede .col{
      height: auto;
    }
  }

  @media all and (max-width:768px){
    h1{font-size: 4em;}

    h2{font-size: 1.6em;}

    h3{
      font-size: 1.5em;
      text-align: center;}

    #banner-principal{
      height: auto;
    }

    #banner-principal .contenedor{
      height: auto;
      padding-top: 2em;
    }

    .contenedor{
      max-width: 680px;}

     nav a:nth-child(1){
      display: none;}

    .menu {
      display: none;
    }
    
    section .contenedor .menu-bar-movil{
      display: flex;
      justify-content: center;
    }

    nav a{
      max-width: 250px;
    }

    nav a:nth-child(1), nav a:nth-child(2), nav a:last-child{
      max-width: 250px;
    }

    nav a:nth-child(6) {
      background-color: #00e8a9;
      color: #0e1f43 !important;
    }

    .logos{
      height: 120px;
      flex-direction: row;
      justify-content: space-between;
      margin: 0 auto;
      margin-top: 3em;
      margin-bottom: 2em;}

    .logos img:nth-child(1){
      height: 100%;}

    .logos img:nth-child(2){
      height: 60%;
      margin-left: 5em;}

    .titulo p:nth-child(5){
      font-size: 1em;
    }

    #texto-principal{
      margin-top: 2em;
    }

    .contenido-principal{
      align-content: space-between;
      height: auto;}

    .titulo{
      width: 100%;}

    .numero-pagina{
      display: block;
      width: 100%;
      margin-bottom: 1em;
      text-align: center;
      color: #aaaaaa;}

    .hiddenDiv {
      display: none;}

    .botones-pagina{
      display: flex;
      justify-content: center;}

    .botones-pagina a{
      font-size: 1.3em;
      font-weight: 700;
      text-decoration: none;
      color: #0062ff;
      padding: 0 0.5em;}

    .siguiente{
      display: flex;
      justify-content: flex-end;}

    .botones-pagina a:hover{
      text-decoration: underline;
      color: #eb2eff;}

    .speaker{
      width: 45%;}

    .cuadro-schedule{
      width: 45%;}

    .columna-programa img{
      width: 100%;}
    
    #costo .contenedor{
      width: 720px;
    }

    #costo .contenedor .contenedor-precios div .categoria{
      height: 90px;
      padding: 1em;
    }
    
      .precio-fucsia{
      font-size: 2em;
    }

    .campo-llenar{
      width: 46%;
    }

    .seleccionarFactura{
      width: 90%;
      justify-content: space-evenly;
    }

    .campo-facturacion{
      padding: 1.5em 1em;
    }

    #information, #speakers, #schedule, #contribution, #board{
      padding-top: 5em;
    }

    .registro .contenedor .contenedor-registro p:nth-child(1){
      text-align: justify;
    }

    .contenedor-sede .col:nth-child(1){
      padding-bottom: 2em;
      display: flex;
      justify-content: center;
    }

    .contenedor-sede .col:nth-child(1) h3{
      padding: 0;
      padding-bottom: 1em;
    }

    .contenedor-sede .col:nth-child(1) p{
      font-weight: 300;
    }

    .boton a{
      font-size: 0.8em;
    }

    #contribution .contenedor p:nth-child(2){
      text-align: justify;
    }
  
  /* Hotel asociado mobile */  

    .hotel{
      display: none;
    }

    .hotel_mobile{
      display: block;
      margin-top: 2em;
    }

    .hotel_mobile p:nth-child(1){
      font-weight: 700;
      padding: 1em 0;
    }

    .hotel_mobile p:nth-child(2){
      padding-bottom: 1em;
    }

    .hotel_mobile a{
      text-decoration: none;
    }

    /************************/  
  }

  @media all and (max-width:767px){
    h1{font-size: 2.5em;}

    h2{
      font-size: 1.1em;
      padding: 0.5em 0;}

    h4{
      font-size: 1em;
      width: auto;
      padding: 0.5em 1em;}

    .contenedor{
      max-width: 90%;}

    .menu{display: none;}

    .logos{
      height: 120px;
      flex-direction: row;
      justify-content: space-between;
      margin: 0 auto;}

    .logos img:nth-child(1){
      height: 55%;}

    .logos img:nth-child(2){
      height: 45%;
      margin-left: 0;}

    .background-principal{
      height: auto;
      background-image: url(img/fondo-mobile.jpg);}

    #banner-principal{
      height: auto;
      padding: 3em 0;
      padding-bottom: 0;}

    #banner-principal .contenedor{
      height: auto;}

    .titulo{
      width: 100%;
      margin-bottom: 2em;}

    .titulo p{
      font-size: 1em;}

    #schedule .contenedor .columna-programa:nth-child(1){
      display: none;
    }

    #schedule .contenedor .columna-programa .programa-evento p{
      font-size: 1.2em;
    }

    .columna-programa{
      width: 100%;}

    .columna-programa:nth-child(2){
      margin-top: 1em}

    .titular{
      text-align: left;}

    #schedule .contenedor{
      flex-direction: column;
      align-items: center;}

    .cuadro-schedule{
      width: 90%;}

    #sponsors{
      margin-top: 3em;}

    #sponsors .contenedor{
      flex-direction: column;
      height: auto;}

    #sponsors .contenedor div{
      margin: 4em 0;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;}

    #sponsors .contenedor div img{
      width: 80%;}

    #sponsors .contenedor div img:nth-child(2){
      padding-left: 0em;
      padding-top: 2em;}

    #comite .contenedor .contenedor-columnas .col p:nth-child(2){
      text-align: center;
    }

    .contenedor-columnas{
      flex-direction: column;
    }

    .col{
      width: 100%;
    }

    #sede .contenedor .contenedor-sede .col p:nth-child(2){
      text-align: center;
    }

    .contenedor-sede .col{
      width: 100%;
      height: auto;
    }

    .contenedor-sede .col:nth-child(1){
      display: flex;
      justify-content: center;
      align-items: center;
      padding-bottom: 2em;
    }

    .col iframe{
      width: 100%;
      max-width: 700px;
    }

    .costo .contenedor .contenedor-precios{
      justify-content: center;
    }

    .costo .contenedor-precios > div{
      width: 90%;
      margin-bottom: 1.5em;
    }
  }

  @media all and (max-width:425px){
    h1{
      font-size: 1.75em;
      padding-top: 1em;
    }

    #banner-principal{
      padding-bottom: 0;
    }

    .contenedor{
      max-width: 380px;}
    
    .logos{
      margin-top: 1em;
      justify-content: center;
    }

    .titulo p:last-child {
      margin-top: 1em;
    }

    #texto-principal{
      height: auto;
      margin-top: 1em;}

    .contenedor-objetivos div{
      width: 100%;}

    .contenedor-objetivos div p{
      text-align: center;}

    .pagina{
      flex-direction: column;
      align-items: center;}

    .speaker{
      width: 90%;}

    .speaker p{
      font-size: 1em;}

    #cuatro .speaker{
      margin-bottom: 1em;}

    .subtitulo{
      width: 100%;
      text-align: center;}

    #red{
      padding: 2em 0;}

    #red .contenedor{
      width: 85%;
      height: auto;}

    .contenedor-board{
      justify-content: center;}

    .contenedor-board div{
      width: 90%;
      font-size: 1em;}

    .costo .contenedor .contenedor-precios{
      width: 95%;
    }

    #information .contenedor > a{
      font-size: 1.2em;}

    .campo-autorizaciones{
      margin-top: 2em;
    }

    .campo-llenar, .seleccionarFactura, .texto-autorizacion{
      width: 100%;
    }

    .seleccionarFactura{
      font-size: 1em;
    }
    
    .seleccionarFactura p{
      width: 100%;
      padding: 0;
      padding-bottom: 0.5em;
    }

    .campo-facturacion{
      padding: 1em;
    }

    .campo-facturacion input:nth-child(2),
    .campo-facturacion input:nth-child(3),
    .campo-facturacion input:nth-child(5),
    .campo-facturacion input:nth-child(6){
      width: 95%;
    }

    .texto-autorizacion{
      text-align: center;
    }

    .marcar-autorizacion{
      padding-top: 1em;
    }

    footer .contenedor{
      flex-direction: column;
      justify-content: center;}

    footer .contenedor div{
      width: 90%;}

    footer .contenedor > div:nth-child(2){
      justify-content: center;}

    .redes{
      justify-content: center;}

    .redes a:link{
      margin-right: 0;}

    .redes a{
      padding: 0 0.5em;}
  }

  @media all and (max-width:375px){
    .contenedor{
      max-width: 300px;}

    .logos img:nth-child(1){
      height: 45%;}

    .logos img:nth-child(2){
      height: 35%;
      margin-left: 0;}

    #information .contenedor{
      flex-direction: row;}

    .redes-lanet{
      text-align: center;}

    #information .contenedor > a{
      font-size: 1em;}

    .titulo p:nth-child(1){
      font-size: 0.8em;
    }

    #schedule .programa-evento a{
      font-size: 1.25em;
    }
  }

  @media all and (min-width: 1000px) and (max-width:  1024px){
    h4{font-size: 0.75em;}

    .speaker div:nth-child(1) img{
      width: 100%;}

    .speaker p{font-size: 0.8em;}

    .contenedor-sede .col:nth-child(1){
      width: 40%;
    }

    .contenedor-sede .col:nth-child(2){
      width: 55%;
    }

    #texto-principal{
      margin-top: 5em;
    }

    .logos{
      margin-top: 2em;
    }
  }

  @media screen and (min-width: 600px) and (max-width:768px) {
    .contenedor-sede .col:nth-child(1){
      display: flex;
      align-items: center;
    }

    .contenedor-sede .col:nth-child(1),
    .contenedor-sede .col:nth-child(2){
      width: 100%;
    }

    .col iframe{
      width: 100%;
      max-width: 700px;
    }
  }