@import url("https://p.typekit.net/p.css?s=1&k=iul4rja&ht=tk&f=10879.10884.15586&a=132042012&app=typekit&e=css");
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap');

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

body {
    padding-top: 85px !important;
    padding-bottom: 264px !important;
    background-color: #F9E1D2 !important;
    background: url(https://www.himgs.com/imagenes/hola/promociones/belleza/fondo-mobile.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto;
}

form.single_page_quiz .header_step .quizz_question {
    font-size: 26px;
    font-family: futura-pt, sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 1rem;
}

.question-description p {
  font: 16px 'Playfair Display', serif;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    margin-bottom: 1.3rem;
}

.form_fields_contender .form_fields .form_input label,
.form_fields_contender .form_fields .form_select label,
label.step_error:not(:empty){
    color: #1D2326 !important;
    font-size: 18px;
    font-family: futura-pt, sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
}


.btn:not(:disabled):not(.disabled) {
    border: none;
    font-size: 21px;
    font-family: futura-pt, sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #fff !important;
    background-color: #000 !important;
    border-radius: 10px !important;
}

.wrapper {
    width: 90%;
    padding: 1rem;
    max-width: 826px;
    background-color: #ffffff80;
}

 .wrapper-sec-title-h1,
 .wrapper-sec-title-span{
   font-family: "futura-pt", sans-serif;
    font-weight: 800;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 23px;
    line-height: .9;
    color: #000 !important;
    margin: 0 auto 2rem auto;
    display: block;
    text-align: center;
 }
 
 .wrapper-sec-title-span {
   font-size: 50px;
    letter-spacing: 2px;
    float: none !important;
    margin-left: 0 !important;
 }
  
  .mx-auto:before {
    content: "Escribe aquí tu pregunta*";
    color: #1D2326 !important;
    font-size: 18px;
    font-family: futura-pt, sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
  }
  
  .form_fields .form_input textarea {
    margin-top: .5rem;
  }
  
  section.bg_center.full_section.clearfix.form-contender.background_image.flex-column.d-flex:before{
    display:none;
  }
  
  .notice {
    background-color: #cc0000 !important;
    margin-bottom: 1rem;
  }
  
  a {
    color: #cc0000;
  }
                  

.form_fields .form_input input,
.form_fields .form_input textarea {
  background-color: #fff !important;
    border: none;
    border-radius: 7px;
}

.form_fields.form_row {
    margin-bottom: 0;
    width: 85%;
}

.wizard .column-contender .form_fields, 
.wizard .steps-contender .form_fields {
    width: 100%;
}

.column-contender .section-contender {
    border-bottom: none;
}

.col-12.col-md-8.mx-auto > input {
  height: 100px;
}

form .header_step .quizz_question {
  margin-bottom: .2rem;
}

@media screen and (min-width: 768px) {
    .wizard .column-contender .form_fields, 
    .wizard .steps-contender .form_fields {
      width: 90%;
  }
  
  .form_fields.form_row {
    width: 100%;
  }
  
 section.wrapper-sec:before {
    font-size: 42px;
  }
}
 
 @media screen and (min-width: 550px) { 
   
  body {
    background: url(https://www.himgs.com/imagenes/hola/promociones/belleza/fondo-desktop.png);
    background-position: bottom left;
    background-repeat: no-repeat;
  }

}