/* @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: #fffffff7;
}

.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: #d61e50;
  transition: 0.2s;
}

h1.titulo-principal{
  color: #209fda;
  font-size:40px;
  line-height:40px;
  font-weight: 300;
}

h2.titulo-header{
  font-size:74px;
  line-height: 70px;
  color:#fff0f0;
}
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;
}

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

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;
}

form{
  padding: 30px 29px 45px 45px;
}
form .input{
  margin-right:16px !important;
}

form .hs_acepto_el_aviso_de_privacidad .hs-field-desc span{
    text-decoration: none !important;
}

form .hs_acepto_el_aviso_de_privacidad .hs-field-desc span a{
    text-decoration: none;
    color: #62beff;
}

.submitted-message p span{
  
}

.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;
  }
  h2.titulo-header{
    font-size:42px;
    line-height: 40px;
    color:#fff0f0;
  }
  h3.subtitulo-header{
    margin-top:10px;
    font-size: 20px !important;
  }
 
 
  h3#titulo-form{
    font-size: 30px !important;
    padding: 14px 40px !important;
  }
  
  .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;
  }
  .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;
  }
  
}