* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;}

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

  [class^="icon-"], [class*=" icon-"] {.contenedor-campos
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    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;font-family: icomoon}

  .icon-up:before {content: "\e900";}

  .icon-sociedad:before {content: "\e901";}

  .icon-linkedin:before {content: "\e902";}

  .icon-youtube:before {content: "\e903";}

  .icon-instagram:before {content: "\e904";}

  .icon-twitter:before {content: "\e905";}

  .icon-facebook:before {content: "\e906";}

  .icon-next:before {content: "\e907";}

  .icon-prev:before {content: "\e908";}

  .icon-apply:before {content: "\e909";}

  .icon-contact:before {content: "\e90a";}

  .icon-people:before {content: "\e90b";}

  .icon-microphone:before {content: "\e90c";}

  .icon-calendar:before {content: "\e90d";}

  .icon-target:before {content: "\e90e";}

  .icon-home:before {content: "\e90f";}

  body{
      font-family: 'Rubik', sans-serif;}

  .contenedor{
    width: 100%;
    margin: auto; /* centrar */}

  h2{
    display: inline-block;
    font-size: 1.5em;
    color: rgb(0, 98, 255);
    padding: 0.5em 2em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    margin-bottom: 1em;}

  h4{
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    color: #ffffff;
    background-color: rgb(0, 98, 255);
    padding: 0.5em 0.5em;}

  h5{
    text-transform: uppercase;
    color: rgb(0, 98, 255);
    font-size: 1em;
    font-weight: 700;
    margin: 0.6em auto;
    text-align: center;}
  
  ::-webkit-input-placeholder { /* Edge */
    color: #fff;
  }
    
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
    
  ::placeholder {
    color: #fff;
  }

/* Boton */
  .boton{margin: 1em auto;}

  .boton a{
    text-decoration: none;
    color: #0F2A4D !important;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    background: #00ffce;
    padding: 1em 2em;}

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

/* Menu */

  nav{
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;}

  nav ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    list-style: none;
    background: rgba(0, 0, 0, 1);
    overflow: hidden;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0;
    -webkit-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    -webkit-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    transition: ease 0.5s all;}

  aside.black ul {
    background: rgb(0, 0, 0);}

  aside.black .logo {
    font-size: 2em;}

  aside ul li {
    display: inline-block;
    padding: 20px;}

  aside ul li a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 0.9em;}

  .menu-icon {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    text-align: right;
    box-sizing: border-box;
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: none;
    font-size: 2.5em;
    padding-top: 0.5em;
    padding-right: 0.5em;}

  .btns-menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;}

  .btn-menu a:link {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(116, 0, 208, 0);
    font-size: 0.85em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin: 0.5em;
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    -webkit-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    transition: ease 0.5s all;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 400;}

  .btn-menu a:visited {
    color: rgb(255, 255, 255);}

  .btn-menu a:hover {
    color: rgb(255, 255, 255);
    background-color: #0062ff;}

  .btn-menu a:active {
    color: #0062ff}

  .btn-menu2 a:link {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: #0062ff;
    font-size: 0.85em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin: 0.5em;
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    -webkit-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    transition: ease 0.5s all;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 400;}

  .btn-menu2 a:visited {
    color: rgb(255, 255, 255);}

  .btn-menu2 a:hover {
    color: rgb(255, 255, 255);
    background-color: #6100ff;}

  .btn-menu2 a:active {
    color: #1ADAFE;}

  .sizeicomenu {
    font-size: 0.9em;
    margin-right: 0.5em;font-family:icomoon}

  .sizeicomenu2 {
    font-size: 0.9em;
    margin-left: 0.5em;font-family:icomoon}

/* Banner Principal */
  section{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;}

  /* section .contenedor{
    width: 100%;
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: auto;}*/

  .logos{
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    align-content: center;
    background-color: #00001a;
  /* background-color: #0062ff; */}

  .logos .logo img{
    width: 100%;
    max-height: 90px;}

  .logos .logo:first-child img{
    width: 100%;
    max-height: 130px;}

  .banner-principal{
    background-color: #00001a;
    width: 100%;
    height: 550px;
    background-image: url(img/background.jpg);
    background-size: cover;
    background-position: 0 110px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;}

  .banner-principal img{
    width: 45%;
    margin-bottom: 1em;}

/* Texto principal */

  .contenedor .texto{
    margin: 2em auto;
    width: 100%;
    max-width: 1200px;
    height: auto;}

  .texto p{
    font-size: 1.1em;
    font-family: 'Rubik', sans-serif;
    color: #000;
    text-align: center;
    padding-bottom: 1em;}

  .texto p:nth-child(3){
    padding-bottom: 0;
  }

/* Fecha y Hora */
  .fondo{
    width: 100%;
    height: auto;
    background-image: url(img/fondo-01.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;}

  .fecha-hora{
    width: 100%;
    max-width: 80%;
    margin: 4em auto;
    margin-bottom: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;}

  .fecha-hora .columna{
    width: 50%;/* 
    height: auto; */
    margin: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    color: #fff;}

  .fecha-hora .columna .minus p:first-child{
    font-weight: 700;
  }
  
  .minus{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .minus > div:last-child{
    width: 60%;
  }

  .columna h3{
    font-size: 1.5em;
    color: #52CAF5;
    margin: 1em 0;}

  .columna .boton{
    margin-top: 8em;}

  .icon-next{
    font-size: 1em;
    padding-left: 0.5em;font-family:icomoon}

  .lugar{
    width: 100%;
    padding: 1em 2em;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
  }

  .lugar img{
    padding-right: 0.5em;
  }

  .btn-inscripciones{
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 2em;
  }

/* De que vamos a hablar */
  #hablar{
    padding: 2em 0;
    height: auto;
  }
  .contenedor-auxiliar{
    width: 90%;
    /* max-width: 1200px; */
    margin: 1em auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .contenedor-temas{
    margin: 0 2em;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    align-content: space-around;
    height: auto;
  }

  .tema{
    width: 25%;
    height: auto;
    margin: 1em 1em;
    padding: 1em 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 3px 2px 9px 0px rgba(0,0,0,0.61);
    -webkit-box-shadow: 3px 2px 9px 0px rgba(0,0,0,0.61);
    -moz-box-shadow: 3px 2px 9px 0px rgba(0,0,0,0.61);
  }

  .tema p{
    text-align: justify;
    font-size: 1em;
    color: #000;
    padding-bottom: 0.5em;}

  .tema h6{
    color: #0062ff;
    font-size: 1em;
    text-align: center;
    padding-top: 0.5em;
    font-weight: 400;
  }

  .tema .col:last-child{
    width: 70%;
    background-color: #fff;
    padding: 2em;
    box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.29);
    -webkit-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.29);
  }

  .tema .col:last-child ul{
    padding-left: 1.5em;
  }

/* Evento Anterior */
  
  #edicion-anterior{
    background-image: url(img/fondo-02.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}

  .contenedor-videos{
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;}

  .contenedor-auxiliar .boton{
    margin: 1.5em 0;}


/* Speakers */

  .contenedor-speakers{
    width: 100%;
    height: auto;
    padding-top:  5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;}

  .speaker{
    width: 20%;
    height: auto;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    margin: 1em;
    margin-bottom: 5em;
    padding: 0 1em;}

  #speakers .speaker{
    width: 40%;
  }

  .speaker img{
    margin-top: -4em;}

  .speaker p{
    font-size: 0.85em;
    text-align: center;
    color: #000;
    margin-bottom: 1em;}
  
  .speaker h5{
    font-size: 0.9em;
  }

  .speaker .speaker-info{
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1em;
  }

  .btn-linkedin{
    margin: 1em auto;}

  .btn-linkedin a{
    background-color: #0062ff;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 1em;
    padding: 0.5em 2em;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -o-border-radius: 1em;}

    .btn-linkedin a:hover{
      background-color: #6100ff;
    }

/* Expositores */
  #expositores{
    background-color: rgba(202, 202, 202, 0.35);
  }

/* Moderadores */
  #moderadores .contenedor-speakers .speaker{
    width: 25%;
  }

/*Programa*/
  #programa{
    /* background-color: rgba(202, 202, 202, 0.35); */
    padding-bottom: 2em;
  }
  .parent {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .hiddenDiv {
    display: none !important;
  }

  .buttonActionsActive {
    background: rgb(139, 65, 65);}
 
  .buttonActions:hover {
    cursor: pointer;
    background: rgba(97, 0, 255, 1);
  }
    
/* Inscripciones */
  #inscripciones{
    width: 100%;
    height: auto;
    background-image: url(img/fondo-03.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3em 0;}

    #inscripciones .contenedor .contenedor-auxiliar h2{
      color: #fff;
    }

  .contenedor-campos{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 90%;
    justify-content: center;margin: 0 auto;}

  input{
    color: rgb(255, 255, 255);}

  .campo-llenar{
    display: block;
    width: 25%;
    border: 1px solid rgb(255, 255, 255);
    height: 3em;
    color: rgba(255, 255, 255, 1.0);
    background: rgba(255, 255, 255, 1.0);
    background-color: rgba(21, 58, 124, 1.0);
    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: 80%;
    color: rgb(255, 255, 255);
    margin-top: 1em;}

  .autorizacion{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
    border-bottom: 1px solid rgb(255, 255, 255);
    padding: 1em;
    font-size: 0.8em;}

  .texto-autorizacion{
    display: block;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
    width: 70%;}

  .marcar-autorizacion{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;}

  .text-opcion{
    padding-left: 0.4em;
    padding-right: 1em;}

  .contenedor-abierto{
    display: block;
    width: 100%;
    padding: 1em;
    background: #2D2E83;
    box-sizing: border-box;}

  .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: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(97, 0, 255);
    font-size: 0.85em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin: 0.5em;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -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: rgb(0, 98, 255)}

  .btn-enviar a:active {
    color: rgb(255, 255, 255);}

  .terminos-condiciones a:link{
    color: rgb(255, 255, 255);
    font-size: 0.7em;}

  .terminos-condiciones a:visited{
    color: rgb(255, 255, 255);}

  .terminos-condiciones a:hover{
    color: rgb(255, 255, 255);}

  .terminos-condiciones a:active{}

  .gracias{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;}

  .datos-gracias{
    color: #ffffff;
    font-weight: 700;
    text-align: center;}

/* Media Partner*/
  #partner{
    padding: 1em 0;}

  #colaboradores{
    width: 100%;
    padding: 2em 0;
  }

  .titulo-colaborador{
    padding-bottom: 2em;
    color: #0b208f;
    font-size: 1.2em;
    font-weight: 500;
  }

  #colaboradores .contenedor .contenedor-auxiliar .logos-organizadores{
    width: 100%;
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    
  }

  #colaboradores .contenedor .contenedor-auxiliar .logos-organizadores div{
    height: 70px;
    margin: 0 2em;
  }

  .logos-organizadores div img{
    height: 100%;
  }
    
/* Footer */
  footer{
    width: 100%;
    background: rgb(0, 0, 0);
    padding: 1em 0;
    box-sizing: border-box;}
  
  .organiza{
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 0.9em;
    width: 90%;}

  .links-footer{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    padding-top: 1em;}

  .redes{
    font-size: 1.5em;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;}

  .red a:link{
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-decoration: none;
    margin: 0.3em;
  }
  .red a:visited{
    color: rgb(255, 255, 255);
  }
  .red a:hover{
    color: rgb(0, 255, 247);
  }
  .red a:active{}

/***** RESPONSIVE ****/

@media screen and (max-width:375px) {
  h2{
    font-size: 1.5em;
    padding: 0.5em 1em;}

  nav{}

  nav ul{width: 90%;}
  
  .btns-menu{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}

  .aux{display: none;}
  
  .logos{
    height: auto;
    width: 100%;
    margin-bottom: 1em;}

  .logos img{
    width: 100%;
    max-width: 350px;}

  .banner-principal{
    width: 100%;
    height: auto !important;
    background-color: #00001a;}

  .banner-principal img{
    margin-top: 2em;
    width: 80%;}

  .contenedor .texto{
    margin: 1em auto;
    width: 100%;
    max-width: 300px;
    height: auto;}

  .texto p{
    font-size: 1;
    font-family: 'Rubik', sans-serif;}

  .fecha-hora{
    width: 100%;
    max-width: 300px;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 2em 0;}

  .fecha-hora .columna{
    width: 90%;
    height: auto;}

  .columna img{
    width: 100%;}

  .fecha-hora .columna:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;}

  .columna h3{
    font-size: 1em;
    color: #52CAF5;
    margin: 1em 0;}

  .columna .boton a{
    font-size: 1em;
    margin:0;}

  #edicion-anterior{
    padding: 2em 0;}

  .contenedor-videos{
    width: 90%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;}

  .contenedor-auxiliar .boton a{
    font-size: 1em;
    margin: 0;}

  .contenedor-videos a:nth-child(1){display: none;}
  .contenedor-videos a:nth-child(3){display: none;}

  .contenedor-videos a:nth-child(2) img{width: 100%;}

  .contenedor-auxiliar{
    width: 100%;}

  .contenedor-temas{}
  
  .contenedor-temas{}

  .tema{
    width: 90%;
    height: 130px;
    margin: 1em 1em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;}

  .tema p{
    margin: 1em 0;
    text-align: center;
    font-size: 1em;
    color: #666666;}

  .contenedor-speakers{
    width: 90%;
    height: auto;
    padding-top:  5em;
    margin: 0 0.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}

  .speaker{
    width: 90%;
    height: 250px;}

  .speaker:nth-child(10){height: 300px;}

  .contenedor-texto-slider {
    width: 90%;}

  #inscripciones {
    background-image: none;
    background-color: #0F2A4D;}

  .campo-llenar{
    width: 80%;}

  .campo-autorizaciones{
    width: 100%;}

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

  .marcar-autorizacion{
    margin: auto;}

  #partner img{
    width: 80%;}

  #programa{height: auto;}

  #programa .contenedor-auxiliar{
    width: 100%;
    max-width: 360px;}

  #slides{
    width: 100%;
    max-width: 360px;}

  .contenedor .texto{
    width: 90%;}

  .contenedor-texto-slider{
    width: 100%;
    max-width: 360px;
    margin: 0;
    padding: 0;}
  
  .slides-container li{
    width: 100%;
    max-width: 360px;
  }

  .slides-navigation a.prev{
    top: -2em;}

  .slides-navigation a.next{
    top: -2em;}
}

@media screen and (min-width: 376px) and (max-width: 768px){
  h2{font-size: 1.5em;padding: 0.5em 1em;}

  nav ul{width: 90%;}

  .btns-menu{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
  
  .logos{
    height: 120px;
    width: 100%;}

  .logos img{
    width: 100%;
    max-width: 90%;}

  .banner-principal{
    background-color: #00001a;
    background-position: center;
    width: 100%;
    height: 400px;
    padding: 0;}

  .banner-principal img{
    width: 100% !important;
    max-width: 60% !important;}

  .contenedor .texto{width: 90%;}

  .fecha-hora{
    width: 100%;
    max-width: 90%;
    justify-content: center;
    align-items: center;}

  .fecha-hora .columna{
    width: 100%;
    align-items: center;
    text-align: center;}

  .fecha-hora .columna:nth-child(2){
    width: 100%;
    justify-content: center;
    align-items: center;  }
  
    .lugar{
      width: 80%;
      font-size: 1em;
    }

  .contenedor-videos{
    width: 90%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;}

  .contenedor-videos a:nth-child(1){display: none;}
  .contenedor-videos a:nth-child(3){display: none;}

  #hablar{
    height: auto;
    padding: 1em 0;}

  .contenedor-temas{
    margin: 0 1em;}

  .tema{
    width: 40%;
    height: 150px;}

  .contenedor-speakers{
    width: 90%;
    height: auto;
    padding-top:  5em;
    margin: 0 0.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;}

  .speaker{
    width: 40%;
    height: auto;}

  #programa{height: auto;}

  #programa .contenedor-auxiliar{
    width: 100%;
    max-width: 360px;}

  #slides{
    width: 100%;
    max-width: 360px;}

  .contenedor-texto-slider{
    width: 100%;
    max-width: 360px;
    margin: 0;
    padding: 0;}
  
  .slides-container li{
    width: 100%;
    max-width: 360px;
  }

  .contenedor-temas{
    margin: 0;
  }

  .tema{
    width: 90%;
    height: auto;
  }

  .tema .col:nth-child(1) h6{
    font-size: 1em;
  }

  .tema .col:last-child{
    padding: 1em;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px){
  h2{font-size: 1.3em; margin-top: 1em;}

  h4{font-size: 0.9em;}

  nav{}
  
  .logos{
    height: 150px;}

  .logos img{
    width: 80%;}

  .banner-principal{
    width: 100%;
    height: 450px;
    padding: 0;
    background-color: #00001a;}

  .banner-principal img{
    width: 35%;
    padding-bottom: 0;}

  .contenedor-auxiliar{
    width: 100%;
    max-width: 1000px;
    margin: 3em auto;}

  .contenedor .texto{ padding: 1em 1.5em;}

  .texto p{
    font-size: 1.13em;
    margin-bottom: 0.5em;}

  .fecha-hora{width: 95%;}

  .columna .boton a{
    font-size: 1.2em;}

  .minus img {width: 70%;}

  .contenedor-videos{
    width: 80%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;}

  .contenedor-videos a img{
    padding: 0 1em; width: 90%;
  }

  .contenedor-temas{
    margin: 0 1.2em;}

  .tema{}

  .tema p{font-size: 0.9em;}

  .tema h4{
    width: 100%;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;}

  #expositores .contenedor-auxiliar{
    margin: 1em;}

  .contenedor-speakers{
    width: 90%;
    height: auto;
    padding-top:  5em;
    margin: 0 0.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;}

  .speaker{
    width: 21%;
    height: auto;
    justify-content: flex-start;}

  .speaker:nth-child(25){height: 290px;}
  .speaker:nth-child(26){height: 290px;}

  .speaker:nth-child(25) .btn-linkedin{margin-top: 3.5em;}

  .contenedor-texto-slider{
    width: 90%;}

  .contenedor .texto{
    width: 90%;}
}

@media screen and (min-width: 1025px) and (max-width: 1399px){

  #edicion-anterior .contenedor-videos{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 2em;}

  .contenedor-videos img{
    width: 100%;}

  /* .contenedor-speakers{
    max-width: 1000px;
  } */
}

@media screen and (min-width: 1700px){
  .banner-principal img{
    width: 35%;
    padding-bottom: 0;}
}

@media screen and (max-width: 1650px){
  .banner-principal img{
    width: 47%;}

  #edicion-anterior{
    padding: 3em 0;
  }
}

@media screen and (max-width: 600px){
  header{
    width: 100%;
  }

  #logos-m{
    background-color: #00001a;
  }

  .logos {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .logos img{
    max-width: 98%;
  }

  .banner-principal img{
    width: 100% !important;
    max-width: 80% !important;
    margin-bottom: 1em;
  }

  .contenedor .texto{
    width: 80%;
  }

  .banner-principal{
    height: 450px;
    background-color: #00001a;
  }

  .contenedor-temas{
    margin: 0;
  }

  .tema{
    width: 70%;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
  }

  .tema .col:nth-child(1){
    width: 80%;
    flex-direction: row;
  }

  .tema .col:nth-child(2){
    display: none;
  }

  .tema .col:nth-child(3){
    display: block;
  }

  .tema .col:last-child{
    width: 80%;
  }

  .fecha-hora{
    flex-direction: column;
  }

  .fecha-hora .columna:first-child {
    width: 100%;
  }

  /* .fecha-hora .columna:first-child .minus div:first-child{
    display: none;
  } */

  .fecha-hora .columna .minus{
    width: 90%;
    justify-content: center;
  }

  .fecha-hora .columna .minus p{
    text-align: center;
  }

  .fecha-hora .columna .minus div:first-child{
    padding: 0;
  }

  .contenedor-speakers{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
  }

  .speaker{
    width: 80%;
    padding: 0 1.25em;
    padding-bottom: 1.25em;
    height: auto;
  }

  #speakers .speaker{
    width: 90%;
  }

  .campo-llenar{
    width: 80%;
  }
}

@media screen and (max-width: 500px){
  header{
    background-color: #00001a;
  }

  .logos{
    margin-top: 6em;
    margin-bottom: 1em;
  }
}

@media all and (max-width: 420px){
  .logos{
    margin-top: 3.75em;
    margin-bottom: 1em;
  }

  .tema .col:last-child p{
    color: #000;
    text-align: justify;
  }

  .tema .col:last-child{
    width: 90%;
    color: #000;
    padding: 1em;
  }
}

@media screen and (max-width: 320px){
  #programa{height: auto;}

  #programa .contenedor-auxiliar{
    width: 100%;
    max-width: 310px;}

  #slides{
    width: 100%;
    max-width: 310px;}

  .contenedor-texto-slider{
    width: 100%;
    max-width: 310px;
    margin: 0;
    padding: 0;}
  
  .slides-container li{
    width: 100%;
    max-width: 310px;
  }
}

@media screen and (max-width:375px){
  .tema .col:nth-child(1){
    width: 90%;
  }

  .tema{
    margin: 0.5em 0;
  }
}

@media screen and (min-width: 376px) and (max-width: 419px){
  .aux{display: none;}

  .contenedor-speakers{
    width: 90%;
    height: auto;
    padding-top:  5em;
    margin: 0 0.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}

  .speaker{
    width: 90%;
    height: auto;}

  .speaker:nth-child(10){height: 300px;}

  #slides{height: 1520px !important;
  }

  .autorizacion{
    justify-content: center;
  }

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

@media screen and (min-width: 720px) and (max-width: 767px){
  .logos{height: 130px;}
  .logos img{width: 100%; max-width: 650px;}
}

@media screen and (min-width: 768px) and (max-width: 970px){

  .contenedor .texto{
    width: 80%;
  }

  #progrma .contenedor-auxiliar{
    width: 90%;
    max-width: 700px;}

  .slides-container li{
    max-width: 700px;
  }

  #programa .contenedor-auxiliar{
    width: 100%;
    max-width: 700px;}

    .fecha-hora .columna:first-child {
      width: 100%;
    }
  
    .fecha-hora .columna .minus{
      width: 100%;
    }
  
    .fecha-hora .columna .minus p{
      text-align: center;
    }
  
    .fecha-hora .columna .minus div:first-child{
      padding: 0;
    }
}