/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
html, body, h1, h2, h3, h4, h5, h6, p, a, div, ul, ol, li  {
     font-family: 'Roboto', sans-serif;0;
}
html{
  scroll-behavior:smooth;
}

.header__container{
  position: fixed;
  z-index: 3;
  width: 100%;
  top: 0px;
}

.header__container .header__wrapper{
  max-width: 1260px;
}

.header__container .header__bottom{
  padding: 14px;
  background: #19284a;
}

.header__container .header__menu--desktop li.header__menu-item{
  padding: 0;
}

.header__container .header__menu--desktop a.header__menu-link{
  padding: 10px 16px;
  transition: 0.4s;
}

.header__container .header__menu--desktop .header__menu-link:hover{
  background: #394e76;
  transition: 0.2s;
  border-radius: 100px;
}

.header__menu-col .header__menu-container--mobile{
}

h1.titulo-principal{
  color: #e2eaff;
  font-size:34px;
  line-height:40px;
  font-weight: 300;
  margin: 0px;
}

h2.titulo-header{
  font-size:22px;
  color:#86d5fb;
  margin:0px;
  font-weight: 400;
}
h2.titulo-header-item{
  font-size:40px;
  color:#26618b;
  margin: 0px;
  font-weight: 100;
}
h2.titulo-cuerpo{
  color:#209fda;
  font-size:30px;
  font-weight:300;
}
h2.titulo-cuerpo2{
  color:#209fda;
  font-size:30px;
  font-weight:300;
}

h2.titulo-cuerpo2 span{
  background: #9d93c1;
  color: #faf1f0;
  padding: 10px;
}

.detalle{
  font-weight:300;
  color:#666666;
}

.detalle li{
  margin: 5px 0px;
  font-weight: 300;
}


.detalle li::marker{
  color: #d61e50;
}

h3.titulo-detalle{
  font-size: 24px;
  color: #209fda;
  font-weight: 500;
}
h3.ficha-tema{
  font-size: 22px;
  color: #25347a;
  font-weight: bold;
  margin: 0px 0px 10px;
  line-height: 24px;
}

h4.titulo-contacto{
  font-size: 18px;
  color: #594c8d;
  font-weight: 500;
}

h4.info-form{
  color: #e2eaff;
  font-size:28px;
  line-height:40px;
  font-weight: 300;
  margin: 0px;
}

li.detalle-contacto{
  color: #666666;
  text-align: justify;
  font-size: 18px;
  font-weight: 300;
  margin: 5px 0px;
}

li.detalle-contacto strong{
  color: #666666;
  text-align: justify;
  font-size: 18px;
  font-weight: bold;
}

li.detalle-contacto a{
  color:#424242;
  font-size: 18px;
  font-weight: bold;
}

li.detalle-contacto a:hover{
  color:#4a7fa5;
  font-style: normal;
  font-family: 'Roboto', sans-serif;0;
  font-size: 18px;
}


p.cuerpo-texto{
  color:#666666;
  text-align: justify;
  font-size: 18px;
  font-weight: 300;
}

p.cuerpo-texto a{
  color:#424242;
  font-size: 18px;
  font-weight: bold;
}

p.cuerpo-texto a:hover{
  color:#4a7fa5;
  font-style: normal;
  font-family: 'Roboto', sans-serif;0;
  font-size: 18px;
}

p.cuerpo-texto2{
  color:#666666;
  font-size: 16px;
  font-weight: 400;
}

p.cuerpo-texto-contacto{
  color:#666666;
  font-size: 16px;
  font-weight: 300;
}

p.cuerpo-texto-contacto a{
  color:#424242;
  font-size: 16px;
  font-weight: bold;
}

p.cuerpo-texto-contacto a:hover{
  color:#4a7fa5;
  font-style: normal;
  font-family: 'Roboto', sans-serif;0;
  font-size: 16px;
}

p.tema{
  color: #ffffff;
  margin: 0px 0px 10px;
  background: #21357f;
  display: inline-block;
  border-radius: 100px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 100;
}
p.tema2{
  color: #ffffff;
  margin: 0px 0px 10px;
  background: #69d8ff;
  display: inline-block;
  border-radius: 100px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 100;
}
p.tema3{
  color: #ffffff;
  margin: 0px 0px 10px;
  background: #05a9c4;
  display: inline-block;
  border-radius: 100px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 100;
}
p.tema4{
  color: #ffffff;
  margin: 0px 0px 10px;
  background: #33bc91;
  display: inline-block;
  border-radius: 100px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 100;
}
p.tema5{
  color: #ffffff;
  margin: 0px 0px 10px;
  background: #ffb35a;
  display: inline-block;
  border-radius: 100px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 100;
}
.ficha-semana-1{
  background: #f5f8ff;
  border-radius: 10px;
  padding: 20px 30px;
  margin-bottom: 10px;
  border-bottom: 5px solid #acc6e1;
}
.ficha-semana-2{
  background: #f5f8ff;
  border-radius: 10px;
  padding: 20px 30px;
  margin-bottom: 10px;
  border-bottom: 5px solid #ccefff;
}
.ficha-semana-3{
  background: #f5f8ff;
  border-radius: 10px;
  padding: 20px 30px;
  margin-bottom: 10px;
  border-bottom: 5px solid #bbdce1;
}
.ficha-semana-4{
  background: #f5f8ff;
  border-radius: 10px;
  padding: 20px 30px;
  margin-bottom: 10px;
  border-bottom: 5px solid #b8dfd3;
}
.ficha-semana-5{
  background: #f5f8ff;
  border-radius: 10px;
  padding: 20px 30px;
  margin-bottom: 10px;
  border-bottom: 5px solid #ffe8ce;
}
 a.btn-registro{
  color: #21357f;
  padding: 10px 30px;
  border-radius: 100px;
  border: 2px solid #21357f;
  text-decoration: none;
  margin: 15px 0px 0px;
  display: inline-block;
  transition: 0.2s;
}
 a.btn-registro:hover{
  font-family: 'Roboto', sans-serif;
  background: #d61e50;
  border: 2px solid #d61e50;
  color: #ffffff;
}
a.btn-registro:active{
  font-family: 'Roboto', sans-serif;
}
a.btn-registro:focus{
  font-family: 'Roboto', sans-serif;
}
    
p.ficha{
  color: #4f535c;
  margin: 0px;
}

form{
  padding: 0px;
}

form .hs_acepto_el_aviso_de_privacidad .hs-field-desc span{
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-decoration: none !important;
}

form .hs_acepto_el_aviso_de_privacidad .hs-field-desc span a{
    text-decoration: none;
    color: #62beff;
}
.widget-type-form{
  font-family: 'Roboto', sans-serif;
}
.widget-type-form h3{
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  background: #d61e50;
  font-weight: 100;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 30px;
}
.widget-type-form form{
  font-family: 'Roboto', sans-serif ;
  background: none;
}

.widget-type-form form label{
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  margin-left: 10px;
}

.widget-type-form form .input{
  font-family: 'Roboto', sans-serif !important;
  margin: 0 10px !important;
}

.widget-type-form form .hs-field-desc{
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  margin: 0 10px !important;
}

.widget-type-form form .hs-submit .actions input{
  width: 30%;
}



.accordion__summary:before{
    color: #ffffff;
    background: #d61e50;
    padding: 0px 7px;
    line-height: 30px;
}

.accordion__content{
  background-color: #f9f9f9 !important;
  padding: 30px 5%!important;
}

.accordion__content p {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
  color: #666666 !important;
}

.accordion__content span {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
  margin:0px;
  color: #666666 !important;
}

.accordion__content p strong{
  font-weight: 500;
  color: black;
}

.accordion__content span strong{
  font-weight: 500;
  color: black;
}

.accordion__content ul{
  margin:0px;
}

.accordion__content ul li{
  margin:5px;
  color: #cb4c58 !important;

}

.accordion__content h4 span{
   font-family: 'Roboto', sans-serif !important;
   font-weight: 300;
   color: #209fda  !important;
}

.slick-slide{
  margin: 0px !important;
}

.slick-slide .slick-slide-inner-wrapper .caption{
  padding: 0 3%;
}

.slick-slide .slick-slide-inner-wrapper .caption h4{
  margin: 30px 0 10px;
}
.slick-slide .slick-slide-inner-wrapper .caption h3{
  margin: 0px;
}
.hs_cos_gallery_main .slick-prev, .slick-next {
  height: 30px;
  width: 30px;
  top: 154px;
}
button:hover, button:focus, button:active{
  border: 0px;
}

.hs_cos_gallery_main .slick-prev:before{
  color: #26447d;
  font-size: 24px;
}
.hs_cos_gallery_main .slick-next:before{
  color: #26447d;
  font-size: 24px;
}

.slick-dots li.slick-active button:before{
  color: #26447d;
}

p#footer-links{
 margin-top: 60px;
}

p#footer-links a{
  text-decoration: none;
  padding: 0 5px;
  display: inline-block;
}

p#footer-links a:hover{
  font-family: 'Roboto', sans-serif;
}

@media only screen and (max-width: 767px) {
  body {
    background-color: #ffffff;
  }
   h1{
    font-size: 26px;
    line-height: 26px;
  }
  h1.titulo-principal {
    font-size: 26px;
    line-height: 28px;
    margin: 10px 0px;
  }
  h2.titulo-header{
    font-size:20px;
    line-height: 22px;
    color:#86d5fb;
  }
  h2.titulo-header-item{
    font-size: 26px;
    line-height: 26px;
  }
  h3.subtitulo-header{
    margin-top:10px;
    font-size: 20px !important;
  }
  h3#titulo-form{
    font-size: 30px !important;
    padding: 14px 40px !important;
  }
  h4.info-form{
    line-height:32px;
  }
  
  .header__container .header__bottom{
    padding: 0px;
  }
  .header__container .header__bottom .header__logo img {
    padding: 10px 20px;
    margin: 10px 0 0;
  }
  .header__container .header__menu-container--mobile{
    margin: 5px 20px;
  }
  
  .header__container .header__menu-container--mobile .header__menu-toggle svg{
    fill: #ffffff;
  }
  
  .header__container .header__menu-container--mobile .header__menu--show{
    background: #1a4581;
  }
  
  form .hs-form-field{
    margin-bottom: 10px;
  }
  
  .widget-type-form form .hs-submit .actions input{
    width: 100%;
  }

  .slick-slide .slick-slide-inner-wrapper .caption h3{
    font-size: 20px !important;
    padding: 20px 0px 0px !important;
  }
  
  .hs_cos_gallery_main .slick-prev, .slick-next {
    top: 169px;
  }
  p#footer-links{
   margin:0px 20px;
  }
  
}