@font-face {
    font-family: Museo;
    src: url("../fonts/fontmuseo/MuseoSans-300.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Museo;
    src: url('../fonts/fontmuseo/MuseoSans_700.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Museo;
    src: url('../fonts/fontmuseo/MuseoSans_500.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

body{
    color: #444;
    font-family: Museo;
    font-size: 16px;
}

a{
    color: #71c5e8;
    text-decoration: none;
}

h1{
  font-weight: bold;
  margin-bottom: 3rem;
}

h2{
    font-size: 32px;
    line-height: 38px;
    color: #4a4a4a;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 3rem;
}

.titulo h1{
  font-size: 42px;
  margin-top: 0;
  padding: 2.5rem 0 2rem;
  color: #FFF;
  margin-bottom: 0;
}
.titular_h1 {
  font-size: 42px;
  margin-top: 0;
  padding: 1rem 0 1rem!important;
  color: #FFF;
  margin-bottom: 0;
} 
.titular_h2 {
  font-size:21px;
  line-height:1.2em;
}
.bloque-texto .boton-cta a{
  font-size: 22px;
}

.no-margin-top{
  margin-top: 0;
}

.margen-top{
  margin-top: 1rem;
}

.img-center{
  margin: 0 auto;
}

.color-rosa {
  background: #9bcbeb80;
  padding: 2rem;
  color: #666;
}

.titulares_h2 {
    font-size:30px!important;
}

/* Pantalla pequeña */
@media only screen and (max-width: 771px) {

  .titulares_h2 {
    font-size:20px!important;
    line-height: 1.2em!important;
  }

  h1, h2, h3, h4{
    color: #555;
    margin-top: 10px;
  }

  h2{
    font-size: 28px;
    margin-bottom: 2rem;
  }

  .titulo h1{
    font-size: 32px;
    font-weight: 500;
    padding: 1.5rem 0 2rem;
  }

  .logo-cabecera{
      height: 86px;
  }

  .navbar-cabecera .logo {
    max-width: 200px;
  }

  .boton-cta2 a {
    text-align: center;
    padding: 16px 12px;
    font-size: 22px;
  }

  .numberCircle {
      border-radius: 50%;
      width: 52px;
      height: 52px;
      padding: 6px;
      border: 3px solid #71c5e8;
      text-align: center;
      font-size: 26px;
      color: #71c5e8;
      margin-top: 1rem;
      margin-bottom: 2rem;
  }

  .img-explicacion {
    margin-bottom: 2rem;
  }

  .seccion-explicacion ul{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .boton-cta{
    width: 100%;
  }

.boton-cta a{
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    display: inline-block;
    background-color: #FFBC42!important;
    color: #333!important;
    font-weight: 500!important;
    border: none!important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5)!important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    font-size: 20px!important;
    cursor:pointer!important;
}


.boton-cta a:hover{background-color:#ffc966!important;color:#333!important;text-decoration: none!important;}

}

.mensaje-destacado {padding:10px 20px;margin:-12px 0 0 0;display:block;font-size:15px;}
.mensaje-destacado strong {font-weight:700;color:#ff0000;}
.parpadea {animation-name: parpadeo;animation-duration: 2s;animation-timing-function: linear;animation-iteration-count: infinite;-webkit-animation-name:parpadeo;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;}
@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}
@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


/* Pantalla mediana */
@media only screen and (max-width: 992px) {
  .boton-cta2 a {
    text-align: center;
  }
}