/* === CUSTOM CSS === */
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap");
.wrapper {
  background-color: transparent; }
  .wrapper a.x_cool_tabs_legal_options_button:hover {
    color: #212529; }

.wrapper.home_layout {
  margin: 0 auto;
  max-width: 1920px; }
  @media (min-width: 768px) {
    .wrapper.home_layout {
      padding: 0px;
      background-color: #fff;
      float: none; } }

.full_section:not(.header_section):not(.footer_powct), .wizard .content, .wrapper.entry_layout .section, .wrapper.entry_layout .bg_center .section, .wrapper.entry_layout .winners_layout .stats_row, .wrapper.home_layout .section {
  padding: 0; }

.page-landing .home_layout {
  min-height: auto; }

body {
  overflow-x: hidden;
  padding-top: 45px !important;
  background-color: #fff !important; }
  body.part_new {
    padding-top: 0 !important; }
    body.part_new .form_header {
      padding-top: 45px !important; }

.mfp-close {
  right: 21px; }

.wizard > .content > .body input[type="checkbox"] {
  display: none; }

#wizard .panel-primary {
  margin-top: 15px;
  display: none; }

.form_layout .row [data-step] {
  margin: 0 auto; }

.back_home-link {
  color: #fff; }

.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 16px; }

.boutique_img {
  margin: 0 auto;
  width: auto !important; }

.logo-hofmann {
  width: 290px !important;
  max-width: 100% !important; }

.how_t {
  font: italic 2.8rem 'Playfair Display', serif;
  font-style: italic;
  color: #383838;
  margin: 50px auto 0 auto;
  display: block; }

.greetings_user {
  font: 1.7rem "Roboto", sans-serif;
  padding: 2rem 0;
  color: #FF6760;
  letter-spacing: .15rem;
  text-align: center;
  text-transform: uppercase;
  display: block; }

.upper {
  padding: 0 !important;
  margin: 0 !important; }

.upper img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%; }

.page-landing #topBar {
  background-color: #CC0000; }

.page-form #topBar {
  background-color: #CC0000; }

.home_layout .action_row {
  background-color: white; }

.home_layout .m_actions_viewport {
  background-color: transparent !important; }

.home_layout .m_action {
  border: none !important; }

@media (max-width: 559.99px) {
  .action_row.pagina_1 {
    text-align: center; } }

.pagina_1 .description {
  font-family: "Roboto",sans-serif;
  font-weight: 100;
  font-style: normal;
  letter-spacing: 0;
  font-size: 1.2rem;
  background-color: #F7F7F7;
  margin: 0;
  color: #666666;
  line-height: 1.5;
  padding: 20px; }
  @media (min-width: 768px) {
    .pagina_1 .description {
      padding: 20px 200px;
      font-size: 1.4rem; } }
  .pagina_1 .description p {
    color: #2E2E2E; }
  .pagina_1 .description:first-of-type {
    padding-top: 40px; }
  .pagina_1 .description:last-of-type {
    padding-bottom: 40px; }

.small_gift {
  text-transform: capitalize; }

.global p {
  padding-top: 5px;
  letter-spacing: 1px; }
.global .col-sm-6 p {
  padding-top: 0;
  padding-bottom: 10px; }
.global strong {
  padding: 5px 0;
  display: block;
  text-decoration: underline; }

.home_layout .header_section,
.full_section {
  text-align: center; }

.m_banner,
.m_option_input:checked + .m_option_label,
.m_tab_nav_item.m_tab_nav_item_active,
.m_wysiwyg_color,
.m_figure_caption,
.m_figure_combined .m_figure_content {
  border: none !important; }

.promo_title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 94%;
  padding: 23px;
  background-color: #ffffffeb; }
  @media (min-width: 550px) {
    .promo_title {
      display: none; } }

.concurso_orange,
.belleza,
.primavera_2021,
.regalos {
  display: block; }

.concurso_orange {
  font: 2.1rem 'Playfair Display', serif;
  font-style: normal;
  color: #2E2E2E !important;
  text-align: center;
  letter-spacing: 5px;
  line-height: 1; }
  @media (min-width: 768px) {
    .concurso_orange {
      font-size: 3.1rem;
      line-height: 0.5; } }

.regalos {
  font: 1.2rem 'Playfair Display', serif;
  font-style: normal;
  color: #959595;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.3; }
  @media (min-width: 600px) {
    .regalos {
      font-size: 1.3rem;
      margin: 10px auto;
      max-width: 343px; } }

.cubierta {
  font-size: 1.3rem !important; }
  @media (min-width: 600px) {
    .cubierta {
      font-size: 2.8rem !important;
      margin-left: 355px; } }

.belleza {
  font: bold 2.5rem 'Playfair Display', serif;
  color: #ff6760;
  text-align: center;
  letter-spacing: 2px;
  line-height: 2; }
  @media (min-width: 600px) {
    .belleza {
      font-size: 2.8rem;
      margin-right: 284px; } }

.primavera_2021 {
  font: 1.7rem 'Playfair Display', serif;
  font-style: normal;
  color: #575757;
  text-align: center;
  line-height: 1; }
  @media (min-width: 768px) {
    .primavera_2021 {
      font-size: 2.4rem;
      line-height: .5; } }

.page-form h1 {
  font: 1.1rem 'FuturaMdBTMedium', sans-serif;
  padding: .5rem 1rem;
  letter-spacing: .15rem;
  line-height: 1.6rem;
  text-align: center; }

.full_section .claim {
  font: .9rem 'futura-light', sans-serif;
  line-height: 1.6rem; }

.numero {
  font: italic 7rem 'Playfair Display', serif;
  font-style: italic;
  color: #FF6760;
  margin-bottom: -50px; }

.cursiva {
  font: italic 2.8rem 'Playfair Display', serif;
  font-style: italic;
  color: #383838;
  margin-top: 40px;
  margin-bottom: 17px;
  display: block; }

.claim_light {
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #666666;
  font-size: 1.4rem;
  line-height: 1.5; }

.claim_oblique {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #5f5f5f;
  font-size: 1.4rem;
  line-height: 1.3; }

/* Botones */
.x_cool_tabs_participate_button,
.wizard > .actions a,
a.btn-default, a.m_btn_standard, .btn-default, .wizard > .actions ul li a, .actions ul li a, .m_btn.m_btn_standard, .open-popup-link {
  background-color: #FF6760 !important;
  color: #fff !important;
  font: normal 2rem 'Playfair Display', serif !important;
  border-radius: 35px !important;
  margin: 3rem auto;
  padding: .55rem 2.8rem 1rem;
  cursor: pointer;
  border: none !important;
  text-shadow: none;
  text-transform: none; }
  .x_cool_tabs_participate_button:hover,
  .wizard > .actions a:hover,
  a.btn-default:hover, a.m_btn_standard:hover, .btn-default:hover, .wizard > .actions ul li a:hover, .actions ul li a:hover, .m_btn.m_btn_standard:hover, .open-popup-link:hover {
    color: #fff !important;
    background-color: #FF6760 !important; }
  .x_cool_tabs_participate_button:active,
  .wizard > .actions a:active,
  a.btn-default:active, a.m_btn_standard:active, .btn-default:active, .wizard > .actions ul li a:active, .actions ul li a:active, .m_btn.m_btn_standard:active, .open-popup-link:active {
    color: #fff !important;
    background-color: #FF6760 !important; }

.btn.link_btn_goto {
  display: none; }

.back_home {
  background-color: #FF6760;
  font: normal 2rem 'Playfair Display', serif;
  border-radius: 35px;
  margin: 3rem auto;
  padding: 0.5rem 2.8rem 1rem;
  cursor: pointer;
  border: none;
  text-align: center;
  display: block;
  max-width: 420px; }
  .back_home a:hover, .back_home a:active, .back_home a:focus {
    color: #ffffff; }
  .back_home.back_share {
    max-width: 245px; }

.actions ul li a[href="#next"]::before, .actions ul li a[href="#previous"]::before, .actions ul li a[href="#finish"]::before, .actions ul li button[href="#next"]::before, .actions ul li button[href="#previous"]::before, .actions ul li button[href="#finish"]::before {
  content: none; }

.actions ul li:not([aria-hidden="true"]).disabled {
  display: none !important; }

.participa {
  background-color: #FF6760;
  height: 80px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }

.participa .back {
  color: #fff;
  display: block;
  margin-bottom: 1.5rem; }

.participa .m_action {
  border: none; }

.bases {
  margin: 1.5rem auto; }

.bases a {
  color: #fff; }

.m_options_list_figure {
  position: relative; }

.page-form .bases {
  display: none; }

.form_fields .form_input span {
  background-color: transparent !important; }

.form_fields .form_input input {
  margin-top: 10px;
  border: 1px solid #ddd !important;
  box-shadow: none !important;
  max-width: 750px;
  border-radius: 20px; }

.form_fields .form_input label.step_error,
label.step_error, label.step_error:not(:empty) {
  color: #383838 !important;
  background-color: transparent;
  font-size: 1em; }

.m_header_step > *,
.m_url_description,
.m_user_name,
.m_pagination_page,
.m_tab_item,
.m_tab_nav_item_active,
.form_fields .form_input input,
.form_fields .form_input textarea,
.form_fields .form_input label,
.select .select_label,
.click_to_view {
  color: #383838 !important; }

#participation_answer {
  min-height: 100px; }

.form_fields .form_input label.required_field:before {
  content: "Contesta a nuestra pregunta:";
  display: block;
  padding-bottom: 50px;
  font: normal 200 1.2rem "Roboto", sans-serif !important;
  text-align: center; }

.notice {
  background-color: transparent !important;
  padding: 0 !important; }

.notice p {
  font: 1rem 'FuturaMdBTMedium', sans-serif !important;
  color: #000 !important;
  line-height: 1.5rem !important; }

.form_fields h4 {
  font-size: .9rem;
  margin-bottom: 2rem;
  color: #000; }

.click_to_view {
  font-size: 0 !important;
  width: 0 !important; }

.m_header > * {
  font: 2rem 'FuturaMdBTMedium', sans-serif !important; }

.m_header {
  color: #000 !important; }

.step_error {
  display: block !important; }

form .actions_section .form_checkbox {
  margin-left: 10px; }
  form .actions_section .form_checkbox a.control-checks-link {
    color: inherit;
    font: .9rem 'FuturaMdBTMedium', sans-serif !important;
    text-transform: capitalize; }

.page-form .form_layout .m_header_guide {
  margin-bottom: 0; }

.page-form .wizard > .content > .body {
  padding-top: 50px;
  width: 100%; }

.legal-terms-btn,
.x_cool_tabs_legal_options_button {
  font: .8rem 'FuturaMdBTMedium', sans-serif;
  color: #fff;
  padding-top: .5rem;
  letter-spacing: .1rem; }

form .header_step .quizz_question {
  font-weight: 300 !important;
  font-style: normal;
  letter-spacing: 0;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #000 !important;
  font-family: "Raleway", sans-serif;
  margin-bottom: 2rem; }

.last_step .wizard .content {
  min-height: auto; }

.form_fields .form_input input, .form_fields .form_input textarea, .form_fields .form_input select, .form_fields .form_input .select2-container .select2-selection, .form_fields .form_select input, .form_fields .form_select textarea, .form_fields .form_select select, .form_fields .form_select .select2-container .select2-selection {
  background-color: #ffffff !important; }

form [type="checkbox"]:not(:checked) + label:not(.step_error):not(.m_option_label_icond)::before, form [type="checkbox"]:checked + label:not(.step_error):not(.m_option_label_icond)::before, .ct_checkboxes [type="checkbox"]:not(:checked) + label:not(.step_error):not(.m_option_label_icond)::before, .ct_checkboxes [type="checkbox"]:checked + label:not(.step_error):not(.m_option_label_icond)::before {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  top: -2px; }

form [type="checkbox"]:not(:checked) + label:not(.step_error):not(.m_option_label_icond)::after, form [type="checkbox"]:checked + label:not(.step_error):not(.m_option_label_icond)::after, .ct_checkboxes [type="checkbox"]:not(:checked) + label:not(.step_error):not(.m_option_label_icond)::after, .ct_checkboxes [type="checkbox"]:checked + label:not(.step_error):not(.m_option_label_icond)::after {
  top: -8px;
  left: 2px; }

input[type="checkbox"] ~ label:hover::before {
  border: 2px solid #FF6760 !important; }

[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
  color: #FF6760; }

#error_explanation {
  background-color: transparent; }
  #error_explanation > * {
    color: #FF6760; }

.page-form .section {
  padding: 0 !important; }

.page-form .wizard > .content {
  margin: 0 !important;
  padding-top: 0 !important; }

.control-point, .control-checks input:disabled ~ .control-point {
  opacity: 0; }

.m_options_list_input {
  min-height: auto !important;
  background-color: transparent !important; }

.form_fields .form_input span {
  padding: 5px 0 !important; }

.m_figure_content {
  background-color: transparent !important; }

#wizard {
  margin-top: 40px !important; }

.hidden.btn {
  display: none; }

label.required_field {
  font: bold 1.5rem/1.8rem 'Playfair Display', serif !important;
  letter-spacing: 0; }

.form_fields label:not(.step_error) {
  font: italic 1.5rem/1.8rem 'Playfair Display', serif !important;
  letter-spacing: 0;
  text-align: left; }

.form_input label.required_field::after {
  color: red; }

.form_fields_contender .form_fields .form_input label, .form_fields_contender .form_fields .form_select label {
  color: #383838 !important; }

.tt_accepted_conditions::after {
  content: "*";
  color: red;
  padding-left: 3px;
  font-size: 22px;
  vertical-align: sub; }

.pagina_2 .concurso_orange,
.pagina_2 .belleza {
  text-align: left; }
  @media (min-width: 600px) {
    .pagina_2 .concurso_orange,
    .pagina_2 .belleza {
      text-align: center; } }

.pagina_2 .promo_title {
  background-color: transparent !important; }
.pagina_2 .regalos {
  text-align: left;
  width: 60%; }
  @media (min-width: 600px) {
    .pagina_2 .regalos {
      text-align: center;
      width: 100%; } }

.full_section.thanks {
  letter-spacing: 0;
  padding: 50px !important;
  line-height: 2;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4rem;
  color: #666666;
  margin: 0 auto; }
  .full_section.thanks strong {
    font: bold 1.4rem 'Playfair Display', serif;
    color: #383838;
    font-style: italic; }

@media (min-width: 768px) {
  .full_section.thanks p {
    max-width: 75%;
    margin: 0 auto; } }

.notice {
  display: none; }

@media (max-width: 560px) {
  .wrapper.entry_layout .full_section .col-12 {
    padding: 0; } }

.entry_layout .raw-contender {
  padding-top: 40px; }

body.part_fake, body.part_mine {
  padding-top: 0 !important; }

/* Results dashboard */
.quiz_results .quiz_dashboard .col-md-offset-1 {
  margin-left: 0; }
  @media (min-width: 560px) {
    .quiz_results .quiz_dashboard .col-md-offset-1.col-md-10 {
      flex: 0 0 50%;
      max-width: 50%;
      width: 50%; } }
.quiz_results .quiz_dashboard .owl-item h4 {
  display: none; }
.quiz_results .quiz_dashboard [data-answer^="wizard-p"] {
  background-color: transparent;
  border: 1px solid #EDBFD2;
  padding: 0.5rem; }
  @media (min-width: 560px) {
    .quiz_results .quiz_dashboard [data-answer^="wizard-p"] {
      padding: 3rem; } }
.quiz_results .quiz_dashboard [data-answer^="wizard-p"] .quizz-score > span {
  font-size: 1rem; }
.quiz_results .quiz_dashboard .progress {
  background-color: #EDBFD2; }
.quiz_results .quiz_dashboard [data-answer^="wizard-p"] .quizz-score.user-select[data-success="1"] .progress {
  border: none; }
.quiz_results .quiz_dashboard [data-answer^="wizard-p"] .quizz-score.user-select[data-success="1"] .progress .progress-bar {
  background-color: #DE88B4; }
.quiz_results .quiz_dashboard [data-success="1"] .progress {
  border: none; }
.quiz_results .quiz_dashboard [data-success="1"] .progress .progress-bar {
  background-color: #DE88B4; }
.quiz_results .quiz_dashboard [data-answer^="wizard-p"] .quizz-score[data-success="1"] .progress::after {
  color: #DE88B4;
  opacity: 0.5; }

/* Modal */
.modal .modal-content {
  background-color: #ffffff; }
  .modal .modal-content .modal-header {
    background-color: #FF6760;
    border-radius: 0; }

.modal.legal_terms_modal .modal-content .modal-title {
  color: #ffffff; }

.modal.legal_terms_modal .close .cross::before, .modal.legal_terms_modal .close .cross::after {
  background-color: #ffffff; }

.legal_terms_modal .modal-body > *, .m_popup_text, .legal_landing .text {
  margin-left: 19px; }

.modal-footer .btn {
  background-color: #FF6760 !important;
  color: #fff !important;
  font: normal 1.4rem 'Playfair Display', serif;
  border-radius: 35px !important;
  padding: .55rem 2.8rem .55rem !important;
  border: none;
  text-transform: none; }

/* Estilos Hola */
@media (min-width: 768px) and (max-width: 990px) {
  #lr-iframe {
    width: 90% !important; } }

@media (max-width: 425px) {
  [data-controller="widget/winners"] .full_section {
    margin-top: 3rem; } }

@media only screen and (max-width: 600px) {
  html.gigya-screen-displayed #lr-overlay2 {
    position: fixed !important;
    height: 100vh !important;
    width: 100%;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    padding-bottom: 20%; } }