@charset "utf-8";
/********************** Reseteo de estilos **********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
nav div #menutext1 
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/********************** Reseteo de estilos **********************/

/********************** Menu - portada **********************/

.contenedor-principal{
width: auto;
height: 839px;
background-image: url(./img/-portada.png);
}

.titulo-portada{
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 64px;
line-height: 39px;
text-align: center;
padding: auto;
color:#ffffff;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.titulo-portada-parrafo{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 64px;
line-height: 39px;
text-align: center;
color:#ffffff;
padding: 2%;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.logo1 {
margin-top: -5px;
margin-right: 6em;
width: 20%;
}

.logoprimero1{
display:block;
margin:auto;
padding-top: 50px;
padding-bottom:150px;
width: 155px;
height: 46,97px;
}

/*-------------------contador-------------------------*/
.contador1{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 55px;
  text-align: center;
  padding-top: 100px;
  color:#ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  
  .styleContador{
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding-left: 1em;
  padding-top: 0;
  padding-right: 1em;
  padding-bottom: 0;
  text-transform: uppercase;
  }
  
  li span {
  font-family: 'Montserrat', sans-serif;
  display: block;
  font-size: 4.5rem;
  }
/********************** fin - Menu - portada **********************/

p{
margin: 0;
text-align: justify;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
padding-left: 30%;
padding-right: 30%;
color:#424949;
}

.titulo-principal{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 39px;
text-align: justify;
padding-left: 30%;
padding-right: 30%;
padding-top: 2%;
}

.img-diagnostico{
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 28%;
padding-right: 30%;
width: 657px;
height: 773px;
left: 367px;
top: 1770px;
}

.img-resultado{
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 35%;
padding-right: 35%;
width: 505px;
height: 529px;
left: 443px;
top: 3386px;
}

h3{
text-align: justify;
padding-left: 30%;
padding-right: 30%;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
}

a{
text-decoration: none;
padding-left: 30%;
padding-right: 30%;
font-family: 'Montserrat';
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #0044B8;
}

a:hover{
color:#0B2353;
text-decoration: underline;
}

h2{
text-align: center;
padding-left: 30%;
padding-right: 30%;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
}

.motivacion{
margin: 65px;
}

.h2-titulo{
color:#FBA416;
text-align: center;
}

/*------------Fouter-----------------*/
.Fouter1 {
justify-content: center;
text-align: center;
background-color: #0B2353;
height: 150px;
width: auto;
padding-top: 50px;
}

.finaltext{
font-family: 'Montserrat', sans-serif;
color: #ffffff;
font-weight: 600;
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
}

/*------------Corazon-----------------*/

.corazon1{
color: #fff;
display: block;
bottom: 10px;
position: absolute;
width: 90%;
left: 50%;
font-family: 'Montserrat', sans-serif;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

.corazon22{
width: 15px;
margin: 5px;
animation: latidos .5s infinite;
}

.corazon3{
color: #FFFFFF;
font-size: 17px;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
margin: 5px;
}

    @keyframes latidos {
        from { transform: none; }
        50% { transform: scale(1.4); }
        to { transform: none; }
      }

/*------------TerminaCorazon-----------------*/

/*------------Terminan Fouter-----------------*/
  /********************** ipad **********************/

  @media only screen and (max-width: 830px) {
    body {
      background-color: #FFFFFF;
    }

/********************** Menu - portada **********************/

.contenedor-principal{
  width: auto;
  height: 839px;
  background-image: url(./img/-portada.png);
}
  
  .titulo-portada{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 39px;
  text-align: center;
  padding: auto;
  color:#ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  
  .titulo-portada-parrafo{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 39px;
  text-align: center;
  color:#ffffff;
  padding: 2%;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  
  .logo1 {
  margin-top: -5px;
  margin-right: 6em;
  width: 20%;
  }
  
  .logoprimero1{
  display:block;
  margin:auto;
  padding-top: 50px;
  padding-bottom:150px;
  width: 155px;
  height: 46,97px;
  }
  
  /*-------------------contador-------------------------*/
  .contador1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 55px;
    text-align: center;
    padding-top: 100px;
    color:#ffffff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    
    .styleContador{
    font-family: 'Montserrat';
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding-left: 1em;
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    text-transform: uppercase;
    }
    
    li span {
    font-family: 'Montserrat';
    display: block;
    font-size: 4.5rem;
    }
  /********************** fin - Menu - portada **********************/

 
  
    p{
      text-align: justify;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      padding-left: 25px;
      padding-right: 25px;
      color:#424949;
      }
    .titulo-principal{
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      font-size: 22px;
      line-height: 39px;
      text-align: start;
      padding-left: 25px;
      padding-right: 25px;
      }
    .img-diagnostico{
      text-align: center;
      margin-top: 40px;
      margin-bottom: 40px;
      padding-left: 15px;
      padding-right: 15px;
      width: 380px;
      height: 500px;
      left: 367px;
      top: 1770px;
      }
    .img-resultado{
      text-align: center;
      margin-top: 40px;
      margin-bottom: 40px;
      padding-left: 25px;
      padding-right: 25px;
      width: 305px;
      height: 329px;
      left: 443px;
      top: 3386px;
      }
    h3{
      text-align: justify;
      padding-left: 25px;
      padding-right: 25px;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      }
    a{
      text-decoration: none;
      padding-left: 25px; 
      padding-right: 25px;
      font-family: 'Montserrat';
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #0044B8;
      }
    a:hover{
      color:#0B2353;
      text-decoration: underline;
      }
        
    h2{
      text-align: center;
      padding-left: 25px;
      padding-right: 25px;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      }
    .motivacion{
      margin: 5px,25px;
      text-align: center;
      }
        
    .h2-titulo{
      color:#FBA416;
      text-align: center;
      }


  /********************** celular **********************/

@media only screen and (max-width: 400px) {
  body {
    background-color: #FFFFFF;
  }

  /********************** Menu - portada **********************/

.contenedor-principal{
  width: 400px;
  height: 839px;
  background-image: url(./img/portada-movil.png);
}
  
  .titulo-portada{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 39px;
  text-align: center;
  padding: auto;
  color:#ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  
  .titulo-portada-parrafo{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 39px;
  text-align: center;
  color:#ffffff;
  padding: 2%;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  
  .logo1 {
  margin-top: -5px;
  margin-right: 6em;
  width: 20%;
  }
  
  .logoprimero1{
  display:block;
  margin:auto;
  padding-top: 50px;
  padding-bottom:150px;
  width: 155px;
  height: 46,97px;
  }
  
  /*-------------------contador-------------------------*/
  .contador1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 55px;
    text-align: center;
    padding-top: 100px;
    color:#ffffff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    
    .styleContador{
    font-family: 'Montserrat';
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding-left: 1em;
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    text-transform: uppercase;
    }
    
    li span {
    font-family: 'Montserrat';
    display: block;
    font-size: 4.5rem;
    }
  /********************** fin - Menu - portada **********************/

  p{
    text-align: justify;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-left: 25px;
    padding-right: 25px;
    color:#424949;
    }
  .titulo-principal{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 39px;
    text-align: start;
    padding-left: 25px;
    padding-right: 25px;
    }
  .img-diagnostico{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    width: 380px;
    height: 500px;
    left: 367px;
    top: 1770px;
    }
  .img-resultado{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
    width: 305px;
    height: 329px;
    left: 443px;
    top: 3386px;
    }
  h3{
    text-align: justify;
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    }
  a{
    text-decoration: none;
    padding-left: 25px; 
    padding-right: 25px;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #0044B8;
    }
  a:hover{
    color:#0B2353;
    text-decoration: underline;
    }
      
  h2{
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    }
  .motivacion{
    margin: 5px,25px;
    text-align: center;
    }
      
  .h2-titulo{
    color:#FBA416;
    text-align: center;
    }

}