@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");

/* temario */
.bot-temario a span, .bot-temario a h2{
  -webkit-transition: text-shadow 0.2s linear;
   -moz-transition: text-shadow 0.2s linear;
   -ms-transition: text-shadow 0.2s linear;
   -o-transition: text-shadow 0.2s linear;
   transition: text-shadow 0.2s linear;
   text-shadow: 0 0 10px #fff;
}
.bot-temario a:hover span, .bot-temario a:hover h2{
  text-shadow: 0 0 10px violet;
}
.cont-txt-dietetica a{
  -webkit-transition: text-shadow 0.2s linear;
   -moz-transition: text-shadow 0.2s linear;
   -ms-transition: text-shadow 0.2s linear;
   -o-transition: text-shadow 0.2s linear;
   transition: text-shadow 0.2s linear;
   text-shadow: 0 0 10px #fff;
}
.cont-txt-dietetica a:hover{
  text-shadow: 0 0 10px #4e9402;
}
.banner-temario-cont {
  position: absolute;
  right: calc(50% - 315px);
  top: calc(10% - 30px);
  max-width: 370px;
  opacity: 0.9;
}
.banner-temario-cont img{
  max-width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.banner-temario-cont h2{
  color: #723D9B;
  text-align: center;
}
.banner-temario-cont h3{
  color: #723D9B;
  text-align: center;
}
.banner-temario-cont p{
  color: #000;
  text-align: center;
  font-size: 1em;
}
.banner-temario-cont span{
  margin-top: 20px;
  color: #723D9B;
  text-align: center;
  display: block;
  margin-bottom: -15px;
  font-weight: bold;
}
/* fecha */
#fecha-evento{
  position: absolute;
  left: calc(5% + 354px);
  top: 60px;
}
/* registro */
.banner-registro3-cont{
  position: absolute;
  right: calc(10% - 30px);
  top: calc(10% + 25px);
  max-width: 370px;
  border-radius: 5px;
  opacity: 0.9;
}
.banner-registro2-cont{
  position: absolute;
  right: calc(10% + 300px);
  top: calc(10% - 30px);
  max-width: 370px;
  border-radius: 5px;
  opacity: 0.9;

}
.banner-registro-cont h2{
  color: #000;
  font-size: 2.7em;
  text-align: center;
  margin-top: 0;
}
.banner-registro-cont h3{
  color:#000;
  font-size: 1.5em;
  text-align: center;
  margin-top: -10 px;
}
.banner-registro-cont p{
  color: #000;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 0 10px;
}

.cont-logo-dietetica{
  background-color: #fff;
  padding: 10px;
  border-radius: 5px 5px 0 0;
}

.cont-txt-dietetica{
}
.cont-txt-dietetica img {
  max-width: 90%;
  display: block;
  margin: 0 auto;
}
#main-sponsors{
  position: absolute;
  left: 40%;
  bottom: 5px;
  display: none;
}
/*.logos-contador img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 140px;
  margin-bottom: 30px;
  display: none;
}*/

/* cont landing */
.img-center{
  display: block;
  margin:0 auto;
}
.principal h1{
  text-align: center;
  font-weight: bold;
  color: #222222;
}
.separador-img{
  margin-bottom: 10px;
}

.separador-verde{
  margin-top: 25px;
  margin-bottom: 25px;
}
.separador-verde img{
  display: block;
  margin:0 auto;
}
/* fecha evento */
.fecha-evento{
  padding: 20px;
  border-radius: 15px 15px 0 0;
}
.fecha-evento div {
  display: table-cell;
}
.fecha-evento div:nth-child(3) {
  padding-left: 20px;
}
.text-align-center{
  text-align: center !important;
}
.fecha-evento h2{
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
  text-align:center;
}
.fecha-evento.bg-azul{
  border-bottom: 15px solid #212a33;
}
.fecha-evento.bg-rojo {
  border-bottom: 15px solid #c65a10;
}
/* simposio */
.simposio-size{
  width: 80%;
}
.simposio-cont{
  border-radius: 15px;
  min-height: 100px;
  padding: 20px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.simposio-grid{
  display: grid;
  grid-template-columns: [col1] auto [col2] auto;
}
.simposio-grid span{
  font-size: 1.5em;
  line-height: 35px;
}
.simposio-cont h3{
  text-align: right;
  color: #fff;
}

.simposio-cont h1{
  text-align: right;
  color: #fff;
  font-weight: bold;
}

.auspiciante-simp {
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  margin-left: 10px;
}
/* disertantes */
.modulo-disertantes{
  display: flex;
  background-color: #F6F6F6;
  border-radius: 10px;
  padding: 20px;
  margin-top: 40px;
}
.modulo-disertantes.borde-azul{
  background-image: url(../img/agenda-simbol_simbol.svg);
  background-repeat: no-repeat;
  background-position-y: 17px;
  background-size: 40px;
  background-position-x: right;
}
.modulo-disertantes.borde-verde{
  background-image: url(../img/agenda-simbol-verde.svg);
  background-repeat: no-repeat;
  background-position-y: 17px;
  background-size: 40px;
  background-position-x: right;
}
.modulo-disertantes.borde-rojo{
  background-image: url(../img/agenda-simbol-rojo.svg);
  background-repeat: no-repeat;
  background-position-y: 17px;
  background-size: 40px;
  background-position-x: right;
}
.modulo-disertantes.borde-rosa{
  background-image: url(../img/agenda-simbol-rosa.svg);
  background-repeat: no-repeat;
  background-position-y: 17px;
  background-size: 40px;
  background-position-x: right;
}
.cont-disertantes{
  grid-template-columns: [col1] 200px [col2] auto;
  display: grid;
  justify-items: center;
}
.p-destacado{
  font-weight: bold !important;
}
.img-disertante{
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  margin-bottom: 15px;
}

.img-disertante0{
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  margin-bottom: 15px;
}

.img-disertante2{
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  margin-bottom: 15px;
  width:150%;
}

.img-disertante20{
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  margin-bottom: 15px;
  width:150%;
}

.disertantes-col-uno p{
  font-weight: bold;
  text-align: center;
}

.disertantes-col-tres p{
  font-weight: bold;
  text-align: center;
 
}

.disertantes-col-dos{
  padding-left: 20px;
  padding-top: 20px;
}
.horarios {
  padding: 10px;
  border-radius: 15px;
  color: #fff;
  font-size: 1 em;
  font-weight: bold;
  width: 100px;
  text-align: center;
  margin-top: -23px;
  float: right;
  margin-right: 25px;
}
p.p-destacado {
  margin-bottom: 0;
}
/* #colores */ 
.borde-rosa{
  border: 1px solid #72388d;
}
.color-rosa{
  color: #72388d !important;
}

.color-bl{
  color: #ffffff !important;
}

.bg-rosa{
  background-color: #72388d !important;
  color:#ffffff;
}

.bg-bl{
  background-color: #ffffff !important;
  color:#72388d;
}

.borde-rojo{
  border: 1px solid #ec6707;
}
.color-rojo{
  color: #ec6707 !important;
}
.bg-rojo{
  background-color: #ec6707 !important;
}

.borde-verde{
  border: 1px solid #aba70b;
}
.color-verde{
  color: #aba70b !important;
}
.bg-verde{
  background-color: #aba70b !important;
}

.borde-azul{
  border: 1px solid #173654;
}
.color-azul{
  color: #173654 !important;
}
.bg-azul{
  background-color: #173654 !important;
}

.bg-gris{
  background-color: #545454 !important;
}


.borde-rojo2{
  border: 1px solid #ba1f12;
}
.color-rojo2{
  color: #ba1f12 !important;
}
.bg-rojo2{
  background-color: #ba1f12 !important;
}

.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
#sponsors-simposio{
  min-height: 270px;
}
.banner-destacado{
  background-color: #009D83;
  background-image: url(../img/bg-kv-plantas-sm.png);
  background-repeat: repeat;
  background-size: cover;
  padding: 30px;
  color: #fff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-destacado a{
  padding: 15px 25px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 30px;
  font-size: 1.5em;
  text-align: center;
}
.banner-destacado i{
  font-size: 1.3em;
  vertical-align: middle;
  margin-left: 10px;
}

.banner-destacadoACR{
  background-color:#F39616;
  background-image: url(../img/bg-kv-plantas-sm.png);
  background-repeat: repeat;
  background-size: cover;
  padding: 30px;
  color: #fff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-destacadoACR a{
  padding: 15px 25px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 30px;
  font-size: 1.5em;
  text-align: center;
}
.banner-destacadoACR i{
  font-size: 1.3em;
  vertical-align: middle;
  margin-left: 10px;
}

section#participantes{
  background-color: #D7EFEB;
  background-image: url(../img/bg-kv-plantas.png);
  background-size: cover;
  padding: 50px 0;;
}
.participantes-flex{
  display: flex;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 15px;
  padding: 30px;
}
.participantes-grid{
  display: grid;
  margin-top: 0px;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.participantes-grid img {
  margin: 0 auto;
}
div.boton-borde{
  border: 1px solid #009D83;
  padding: 10px 15px;
  color: #009D83;
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
  width: 180px;
  margin: 0 auto;
}
a.boton-borde{
  border: 1px solid #009D83;
  padding: 7px;
  color: #009D83;
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 150px;
}
a.boton-borde i{
  font-size: 1.3em;
}
#gen-body{
  background-image: url(../img/bg-kv-home.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 250px;
}
.container.principal {
  padding-top: 50px;
}

.separador{
  margin: 60px 0;
  display: block;
}
.separador-sm{
  margin: 30px 0;
  display: block;
}

@media (max-width: 500px) {
  .simposio-grid span {
    font-size: 1.2em;
}
  .simposio-size {
    width: 90%;
  }
  .container.principal {
    padding-top: 0;
  }
  .container {
    padding-right: 25px;
    padding-left: 25px;
  }
  section#participantes {
    padding: 20px 0;
  }
  .fecha-evento h2 {
    font-size: 1.2em;
  }
  .fecha-evento {
    padding: 10px 20px;
  }
  #sponsors-simposio {
    min-height: 180px;
  }
  div#logo-footer {
    justify-items: center;
  }
  #logo-footer img {
    max-width: 130px;
  }
  .footer-grid {
    grid-template-columns: 1fr;
    width: 100%;
    justify-content: center;
    justify-items: center;
  }
  .cont-disertantes {
    grid-template-columns: [col1] 80px [col2] auto;
    display: grid;
    justify-items: center;
  }
  .banner-destacado a {
    font-size: 1em;
  }
  
    .banner-temario-cont{
    max-width: 220px;
    left: calc(50% - 90px);
    top: 300px;
    right: unset;
  }
  #main-sponsors{
    bottom: unset;
    top: calc(100vh - 203px);
    left: calc(50% - 142px);
  }
  #main-sponsors img {
    max-width: 130px;
}
}