/* === CUSTOM CSS === */
@charset "UTF-8";
/* Fonts */
@font-face {
  font-family: "flamabasic";
  src: url("https://ctfront3.ct-assets.com/2024/cepsa/Flama-Basic.otf") format("opentype"), url("https://ctfront3.ct-assets.com/2024/cepsa/flama-basic-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "flamabook";
  src: url("https://ctfront3.ct-assets.com/2024/cepsa/Flama-Book.otf") format("opentype"), url("https://ctfront3.ct-assets.com/2024/cepsa/flama-book-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "flamamedium";
  src: url("https://ctfront3.ct-assets.com/2024/cepsa/Flama-Medium.otf") format("opentype"), url("https://ctfront3.ct-assets.com/2024/cepsa/flama-medium-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "flamasemibold";
  src: url("https://ctfront3.ct-assets.com/2024/cepsa/Flama-Semibold.otf") format("opentype"), url("https://ctfront3.ct-assets.com/2024/cepsa/flama-semibold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "flamabold";
  src: url("https://ctfront3.ct-assets.com/2024/cepsa/Flama-Bold.otf") format("opentype");
}
/* variables */
/* Texto custom para el botón de Enviar de la Ruleta */
/* reset fonts */
html, body, div, span, applet, object, iframe,
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:not(.fas):not(.fab):not(.far), 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, .select, #error_explanation {
  font-family: "flamabook", Arial, Helvetica, sans-serif !important;
  color: #004656;
  font-size: inherit;
}

.pagination,
.legal_row label,
.m_countdown_time,
.error,
.notice,
.error_explanation,
.m_follow_text,
.m_no_promo_header,
.m_no_promo_content_title,
.m_powered_by,
.m_url_description,
.pagination em.current,
.footer_text,
select,
.form_fields .form_input label,
.form_fields .form_select label,
.form_fields .form_input input,
.form_fields .form_input textarea,
.form_fields .form_checkbox a,
.m_btn,
.alertify-button,
.wizard > .actions a,
.m_btn_goto,
.link_btn,
.m_action_count,
.m_comment_name,
.m_countdown_title,
.m_entry_user,
.m_entry_points,
.m_entry_votes,
.m_header_step,
.m_no_promo_content p strong,
.m_option,
.m_participations_text,
.m_powered_by strong,
.m_score_value,
.alertify-notifier,
.m_tabs_nav,
.m_url_content,
.m_user_name,
.m_wysiwyg_dialog_title,
.wizard,
.tabcontrol,
.m_header_strong > *,
.m_comment_date,
.m_entry .m_figure_content_text .m_text_content,
.m_entry .m_figure_content_quotes .m_text_content,
.m_entry_date,
.m_figure_caption .m_text,
.m_user_created_at,
.swiper-buttons button,
.select2-container .select2-choice,
.select .select_label {
  font-family: "flamabasic", Arial, Helvetica, sans-serif !important;
}

.promo_info h1,
.participate_button,
.m_btn span,
.m_btn,
.btn,
.btn span,
.m_header > *,
.title h1,
.title h2,
.title h3,
.m_popup_header,
.m_action_share_title,
.header_step .quizz_question {
  font-family: "flamabold", Arial, Helvetica, sans-serif !important;
}

h1 {
  font-size: 1.5rem !important;
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  h1 {
    font-size: 2.5rem !important;
  }
}

h2 {
  font-size: 1.4rem !important;
}

h3, h4, h5,
.modal.legal_terms_modal .modal-content .modal-title {
  font-size: 1.125rem !important;
  font-family: "flamabold", Arial, Helvetica, sans-serif !important;
}

@media screen and (min-width: 744px) {
  .modal.legal_terms_modal .modal-content .modal-title {
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 744px) {
  p,
  .modal-body > * {
    font-size: 1.125rem !important;
  }
}
p > a,
.modal-body > * > a {
  font-size: 1rem !important;
}

a.btn,
.btn,
.m_btn:not(.m_wysiwyg_btn),
.link_btn:not(.show_legal):not(#legal_provider_link):not(.link_btn_goto),
.m_comments_actions button,
.m_btn_goto,
.m_btn,
.m_btn span,
.btn span {
  border-radius: 1rem !important;
  color: #ffffff;
  font-size: 1rem !important;
  text-transform: initial;
  line-height: 1;
}
@media screen and (min-width: 744px) {
  a.btn,
  .btn,
  .m_btn:not(.m_wysiwyg_btn),
  .link_btn:not(.show_legal):not(#legal_provider_link):not(.link_btn_goto),
  .m_comments_actions button,
  .m_btn_goto,
  .m_btn,
  .m_btn span,
  .btn span {
    margin-inline: auto;
    max-width: 484px;
  }
}

.m_btn.neg-btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):not(.m_btn_icon):not(.m_wysiwyg_btn) {
  color: #047dba !important;
  background-color: #FFFFFF !important;
}
.m_btn.neg-btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):not(.m_btn_icon):not(.m_wysiwyg_btn):hover, .m_btn.neg-btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):not(.m_btn_icon):not(.m_wysiwyg_btn):active {
  color: #90FFBB !important;
  border-color: #90FFBB !important;
  background-color: #FFFFFF !important;
}

.headline_row .m_text_content a:not(.x_cool_tabs_legal_options_button):hover, .headline_row .m_text_content a:not(.x_cool_tabs_legal_options_button):active,
a.btn:hover,
a.btn:active,
.btn:hover,
.btn:active,
.m_btn:not(.m_wysiwyg_btn):hover,
.m_btn:not(.m_wysiwyg_btn):active,
.link_btn:not(.show_legal):not(#legal_provider_link):not(.link_btn_goto):hover,
.link_btn:not(.show_legal):not(#legal_provider_link):not(.link_btn_goto):active,
.m_comments_actions button:hover,
.m_comments_actions button:active,
.m_btn_goto:hover,
.m_btn_goto:active,
.m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):not(.m_btn_icon):not(.m_wysiwyg_btn):hover,
.m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):not(.m_btn_icon):not(.m_wysiwyg_btn):active,
.m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):not(.m_btn_icon):not(.m_wysiwyg_btn) span:hover,
.m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):not(.m_btn_icon):not(.m_wysiwyg_btn) span:active,
.btn span:hover,
.btn span:active {
  background-color: #90FFBB !important;
  border-color: #90FFBB !important;
  color: #FFFFFF !important;
}

a.btn,
.btn,
.m_btn:not(.m_wysiwyg_btn),
.link_btn:not(.show_legal):not(#legal_provider_link):not(.link_btn_goto),
.modal .modal-footer button {
  padding-block: 1.125rem;
  padding-inline: 1rem;
  width: 100%;
}

a,
.headline_row .m_text_content a {
  font-family: "flamamedium", Arial, Helvetica, sans-serif !important;
  color: #047dba;
}
a:hover, a:active,
.headline_row .m_text_content a:hover,
.headline_row .m_text_content a:active {
  color: #047dba;
}

.form_fields .form_checkbox a.legal-check {
  font-family: "flamabook", Arial, Helvetica, sans-serif !important;
  font-weight: 600;
  color: #047dba;
  font-size: inherit;
  text-decoration: none;
}
.form_fields .form_checkbox a.legal-check:hover, .form_fields .form_checkbox a.legal-check:focus {
  text-decoration: none;
}

.home_layout .legal_row {
  text-align: left !important;
  padding-inline: 1rem !important;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.img-modal {
  max-width: min(100%, 20vw);
}

.img-form {
  max-width: min(100%, 65vw) !important;
}

/* estructure */
html {
  height: 100%;
}

body {
  min-height: inherit !important;
  height: 100% !important;
}

.js_share_options i {
  display: none;
}

.action_row,
.m_action_share {
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
  padding-block: 0 !important;
}

.modal .modal-content {
  border-radius: 1rem !important;
  background-color: #ffffff;
}

.header_section {
  margin-top: 2.5rem;
}
@media screen and (min-width: 744px) and (orientation: portrait) {
  .header_section {
    margin-top: 5rem;
  }
}
.header_section {
  padding-inline: 1rem;
}
.header_section .m_banner {
  padding-inline: 2.5rem;
}
@media screen and (min-width: 744px) and (orientation: portrait) {
  .header_section .m_banner img {
    max-width: 467px !important;
  }
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  .header_section .m_banner img {
    max-width: 312px !important;
  }
}

.full_section {
  margin-bottom: 0;
}

.m_header h1 {
  text-align: left !important;
  margin: 0;
}

.headline_row {
  margin-top: 1.5rem;
}

.m_header_title {
  margin-top: 2.5rem;
}
@media screen and (min-width: 744px) {
  .m_header_title {
    margin-top: 5rem;
  }
}

.wrapper.home_layout {
  min-height: inherit;
}

.home_layout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 744px) {
  .home_layout {
    justify-content: flex-start;
    max-width: 484px;
  }
}
.home_layout {
  height: 100% !important;
}
.home_layout > * {
  padding-inline: 0 !important;
  margin-bottom: 0 !important;
}
.home_layout > *:nth-child(2) {
  flex: 1 1 auto;
}
@media screen and (min-width: 744px) {
  .home_layout > *:nth-child(2) {
    flex: 0 1 auto;
  }
}
.home_layout > *:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.home_layout > *:nth-child(2) .headline_row {
  flex: 1 1 auto;
}
.home_layout > *:nth-child(2) .headline_row .m_text,
.home_layout > *:nth-child(2) .headline_row .m_text_content {
  height: 100%;
}
.home_layout > *:nth-child(2) .headline_row .m_text_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home_layout .full_section:not(.header_section) .legal_row,
.home_layout .full_section:not(.header_section) .action_row,
.home_layout .full_section:not(.header_section) .m_action_share {
  display: none;
}
.home_layout .my_participation_link {
  display: none;
  margin: 0;
  padding: 0;
}
.home_layout .modal.legal_terms_modal .close {
  top: 1rem;
  right: 1rem;
  padding: 0;
}
@media screen and (min-width: 744px) {
  .home_layout .modal.legal_terms_modal .close {
    top: 2rem;
    right: 2rem;
  }
}
@media screen and (min-width: 744px) {
  .home_layout .actions-section {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1.5rem;
  }
  .home_layout .actions-section p {
    flex: 1 1 auto;
  }
}

/* Quiz */
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout {
  height: 100%;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout .form,
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout .section-form-contender {
  min-height: inherit;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout .form .actions,
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout .section-form-contender .actions {
  margin-top: 0 !important;
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout .form,
  body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout .section-form-contender {
    max-width: 552px;
  }
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout #wizard {
  flex: 1 1 auto;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.last_step .form-contender {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.last_step .form-contender::after {
  content: none;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.last_step .form-contender .form_fields_contender {
  margin-bottom: 1.5rem;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.last_step .form-contender .form_fields_contender .js_error_placement {
  flex-direction: column;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.scratch-and-win-wrapper .wizard.clearfix::after {
  content: none;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.scratch-and-win-wrapper .section-form-contender {
  /* padding: 3.75rem 15px 0 15px; */
  /* Menos espacio arriba */
  padding: 0 15px 0 15px;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.scratch-and-win-wrapper .form_fields_contender {
  padding-inline: 0 !important;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout.scratch-and-win-wrapper .actions_section .actions ul {
  margin-top: 1rem !important;
  margin-inline: 0 !important;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .steps-counter {
  font-size: 0;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .steps-counter::after {
  content: "de 3";
  display: inline-block;
  font-size: 1rem;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .steps-counter .current-step {
  font-size: 1rem;
  margin-right: 0.25rem;
}
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]) .wrapper.form_layout .actions ul {
  margin-top: 0 !important;
}

.wrapper.form_layout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit !important;
}
.wrapper.form_layout form {
  height: inherit;
}
.wrapper.form_layout #wizard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit;
}
.wrapper.form_layout #wizard .content {
  flex: 1 1 auto;
}
.wrapper.form_layout #wizard .form_input {
  margin-bottom: 0;
}
.wrapper.form_layout #wizard .form_input ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin-bottom: 0;
}
.wrapper.form_layout #wizard .form_input ul li.control-checks label {
  border: 0;
  color: #004656 !important;
  font-family: "flamamedium", Arial, Helvetica, sans-serif !important;
  background-color: transparent !important;
  font-weight: regular;
  padding: 1rem 0 1rem 2.5rem !important;
}
.wrapper.form_layout #wizard .form_input .answer_columns_1 .li_wrapper,
.wrapper.form_layout #wizard .form_input .answer_columns_2 .li_wrapper,
.wrapper.form_layout #wizard .form_input .answer_columns_3 .li_wrapper,
.wrapper.form_layout #wizard .form_input .answer_columns_4 .li_wrapper {
  max-width: calc(100% - 30px);
}
.wrapper.form_layout #wizard .form_fields_contender {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wrapper.form_layout .control-checks input ~ .control-point,
.wrapper.form_layout .control-check-link input ~ .control-point {
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border: 1px solid #004656;
  top: 0.5rem;
  left: 0;
}
.wrapper.form_layout .control-checks input ~ .control-point::after,
.wrapper.form_layout .control-check-link input ~ .control-point::after {
  width: 1rem;
  height: 1rem;
  top: calc(0.5rem - 1px);
  left: calc(0.5rem - 1px);
}
.wrapper.form_layout .control-checks input:checked ~ .control-point::after,
.wrapper.form_layout .control-check-link input:checked ~ .control-point::after {
  background-color: #00A59F;
}
.wrapper.form_layout .control-checks:hover input ~ .control-point, .wrapper.form_layout .control-checks:active input ~ .control-point,
.wrapper.form_layout .control-check-link:hover input ~ .control-point,
.wrapper.form_layout .control-check-link:active input ~ .control-point {
  background-color: transparent !important;
}
.wrapper.form_layout .actions ul {
  margin-inline: 1rem !important;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.wrapper.form_layout .actions ul li {
  flex: 1 1 auto;
  width: 50%;
}
.wrapper.form_layout .actions ul li.disabled {
  opacity: 1;
}
.wrapper.form_layout .actions ul li.disabled a {
  background-color: transparent !important;
  color: #D2D0CD !important;
  border-color: #D2D0CD !important;
}
.wrapper.form_layout .actions ul li a {
  min-width: auto;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent !important;
  line-height: 1;
  padding-block: 1.19rem;
  font-size: 16px;
}
.wrapper.form_layout .actions ul li a:active, .wrapper.form_layout .actions ul li a:focus {
  background-color: #047dba !important;
}
.wrapper.form_layout .actions ul li a:hover {
  background-color: #FFFFFF !important;
  color: #047dba !important;
  border-color: #047dba !important;
}
.wrapper.form_layout .actions ul li a::before {
  content: none;
}
.wrapper.form_layout .actions ul li:not(.disabled) a[href="#previous"] {
  background-color: transparent !important;
  color: #047dba !important;
  border-color: #047dba !important;
}
.wrapper.form_layout .quizz_question.step_error {
  background-color: transparent !important;
  color: #004656 !important;
}
.wrapper.form_layout form:not(.two_steps_quiz) .wizard .content .js_type_radio_button .js_error_placement.required_field,
.wrapper.form_layout form:not(.two_steps_quiz) .wizard .content .js_type_checkbox .js_error_placement.required_field {
  position: relative;
  display: block;
  top: 0;
  bottom: 0;
  height: auto;
}
.wrapper.form_layout form:not(.two_steps_quiz) .wizard .content .js_type_radio_button .js_error_placement.required_field label.step_error:not(:empty),
.wrapper.form_layout form:not(.two_steps_quiz) .wizard .content .js_type_checkbox .js_error_placement.required_field label.step_error:not(:empty) {
  background-color: #047dba !important;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1rem !important;
  margin-inline: -1rem;
  width: calc(100% + 2rem);
  padding-inline: 1rem;
}
.wrapper.form_layout form:not(.two_steps_quiz) .wizard .content .js_type_radio_button .js_error_placement.required_field label.step_error:not(:empty)::before,
.wrapper.form_layout form:not(.two_steps_quiz) .wizard .content .js_type_checkbox .js_error_placement.required_field label.step_error:not(:empty)::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("https://ctfront3.ct-assets.com/2024/cepsa/icon_forbidden.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  display: block;
}
.wrapper.form_layout input[type=checkbox] ~ label:hover, .wrapper.form_layout input[type=checkbox] ~ label:focus-visible {
  border: 0 !important;
}
.wrapper.form_layout input[type=checkbox] ~ label:hover::before, .wrapper.form_layout input[type=checkbox] ~ label:focus-visible::before {
  border: 0 !important;
}
.wrapper.form_layout .wizard > .steps.linear-steps ul li.current,
.wrapper.form_layout .wizard > .steps.linear-steps ul li.done {
  background-color: #00A59F;
}
.wrapper.form_layout .wizard > .steps.linear-steps ul li.current ~ .done {
  background-color: rgba(0, 165, 159, 0.22);
}
.wrapper.form_layout .wizard > .steps.linear-steps .steps-counter .current-step {
  color: #004656;
}

.header_step .quizz_question {
  text-align: left !important;
  margin-bottom: 0 !important;
}

.wizard .content {
  padding: 0 !important;
}

/* Form */
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]).part_new .wrapper, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]).part_new .wrapper {
  background-color: #F3F2F3 !important;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form {
  justify-content: flex-end !important;
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form {
    justify-content: center !important;
  }
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender {
    box-shadow: 0 0 0 100vmax rgba(63, 63, 63, 0.3) !important;
    border-radius: 1rem !important;
  }
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form {
  align-items: center;
  height: 100%;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form .grid-wrapper, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form .grid-wrapper {
  max-height: initial;
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media screen and (min-width: 744px) {
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex {
    padding-inline: 2rem;
  }
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex .actions_section, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex .actions_section {
    padding-inline: 0 !important;
  }
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex .actions, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender #wizard .form_fields_contender.d-flex .actions {
    padding-bottom: 2rem !important;
  }
}
@media screen and (min-width: 744px) {
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) .form_header_for_multistep_quizz, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) .form_header_for_multistep_quizz {
    padding: 2rem 2rem 0 2rem !important;
  }
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) .form_header_for_multistep_quizz h3, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) .form_header_for_multistep_quizz h3 {
    font-size: 1.5rem !important;
  }
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender {
    max-width: 552px;
    margin-inline: auto;
  }
  body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) .game-grid, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) .game-grid {
    margin-top: 4rem;
  }
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender {
  min-height: inherit;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender .actions_section, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender .actions_section {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender .actions_section .actions, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender .actions_section .actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender .actions_section .actions ul, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender .actions_section .actions ul {
  margin: 0 !important;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender:not(.participation-with-errors), body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender:not(.participation-with-errors) {
  margin-top: 0 !important;
  position: relative;
  pointer-events: auto;
  overflow: visible;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender.show-down, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"]) form.js_participation_form > .section-form-contender.show-down {
  height: auto !important;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"])[data-locale=es] #js_cool_promo_submit_button, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"])[data-locale=es] #js_cool_promo_submit_button {
  font-size: 0 !important;
}
body[data-embedded="1"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"])[data-locale=es] #js_cool_promo_submit_button::after, body[data-embedded="0"][data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-form="1"]:not([data-custom-html="1"])[data-locale=es] #js_cool_promo_submit_button::after {
  content: "¡Vamos alla!";
  font-size: 1rem;
}

.form_header_for_multistep_quizz {
  padding-bottom: 0 !important;
}

.section-form-contender {
  background-color: #ffffff !important;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  box-shadow: none !important;
}

.fields-contender {
  padding-top: 0 !important;
}

.form_fields .form_input input {
  border-radius: 1rem;
  background-color: #FFFFFF !important;
  border: 0 !important;
  outline: #3F3F3F solid 1px !important;
  color: #3F3F3F !important;
}
.form_fields .form_input input::placeholder {
  color: #3F3F3F !important;
  font-size: 0.875rem !important;
}
.form_fields .form_input input:focus-visible {
  outline: #00A59F solid 1px !important;
  box-shadow: none;
}

body .wizard .fields-contender {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.form_fields > .js_error_placement_parent {
  display: flex;
  flex-direction: column;
}
.form_fields > .js_error_placement_parent span {
  order: -1;
}
.form_fields > .js_error_placement_parent label.step_error {
  background-color: transparent !important;
  color: #3F3F3F !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  margin-bottom: 0;
}
.form_fields > .js_error_placement_parent label.step_error:not(:empty) {
  margin-top: 0.5rem;
}
.form_fields > .js_error_placement_parent label.step_error:not(:empty)::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("https://ctfront3.ct-assets.com/2024/cepsa/Info-gray.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.25rem;
}

.form_fields .form_input input ~ label.step_error,
.form_checkbox [type=checkbox]:not(:checked) ~ label.step_error:not(:empty) {
  background-color: transparent !important;
  color: #3F3F3F !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  margin-bottom: 0;
  max-width: 100%;
  text-align: left;
}
.form_fields .form_input input ~ label.step_error:not(:empty),
.form_checkbox [type=checkbox]:not(:checked) ~ label.step_error:not(:empty):not(:empty) {
  margin-top: 0.5rem;
}
.form_fields .form_input input ~ label.step_error:not(:empty)::before,
.form_checkbox [type=checkbox]:not(:checked) ~ label.step_error:not(:empty):not(:empty)::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("https://ctfront3.ct-assets.com/2024/cepsa/Info-gray.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.25rem;
}

.form_fields .form_input.js_error_placement_parent > .js_error_placement ~ div,
.form_fields > div:not(.js_error_placement) {
  margin: 1.5rem 0 0 0 !important;
  padding: 0 !important;
}

.actions_section {
  padding-bottom: 0;
}
.actions_section .form_fields .form_checkbox {
  padding-inline: 0 !important;
}

#error_explanation {
  background-color: #047dba !important;
  padding-inline: 1rem !important;
}
#error_explanation h3 {
  line-height: 1.1;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem !important;
}
#error_explanation h3::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("https://ctfront3.ct-assets.com/2024/cepsa/icon_forbidden.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.25rem;
  display: block;
}
#error_explanation > *, #error_explanation > * > * {
  color: #FFFFFF !important;
}

/* legal terms checkboxes */
form [type=checkbox]:not(:checked) + label:not(.step_error),
form [type=checkbox]:checked + label:not(.step_error),
.ct_checkboxes [type=checkbox]:not(:checked) + label:not(.step_error),
.ct_checkboxes [type=checkbox]:checked + label:not(.step_error) {
  padding-left: 3rem;
  margin-bottom: 0;
  padding-block: 0.3rem;
}

.actions_section > .form_fields {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 2rem;
  justify-content: center !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 {
  border-radius: 0.5rem;
  box-shadow: none;
  outline: #3F3F3F solid 1px !important;
  border: 0 !important;
  width: 2rem;
  height: 2rem;
}

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 {
  font-size: 1.6em;
}

[type=checkbox]:not(:checked) + label::after, [type=checkbox]:checked + label::after {
  color: #00A59F;
  font-weight: thin;
}

.actions_section a, .actions_section label {
  font-size: 1rem;
}

.section-form-contender .actions {
  margin: 1.5rem 0 0 0 !important;
  padding: 0 0 1.5rem 0 !important;
}
.section-form-contender .actions ul[role=menu] {
  padding: 0 !important;
}
.section-form-contender .actions ul[role=menu] li {
  margin: 0 !important;
}

/* date selector */
.ui-widget.ui-widget-content {
  padding: 0.5rem;
  border-radius: 1rem;
}

.ui-datepicker-header {
  position: relative;
}

/* Spin wheel */
@media screen and (max-width: 991.999px) {
  .game-grid.grid-with-images .the-wheel {
    padding-top: 1rem !important;
    margin: 0 0.7rem !important;
  }
}
@media screen and (min-width: 744px) {
  body[data-fortune-wheel-enabled="1"] .game-grid-container {
    max-width: 492px !important;
  }
  body[data-fortune-wheel-enabled="1"] .game-grid-container .the-wheel {
    padding-top: 22px !important;
    margin: 0 1rem !important;
  }
}
#arrow,
#arrow-inner-border {
  fill: #00A59F !important;
}

#arrow-inner-circle {
  fill: #3F3F3F !important;
  stroke: #00A59F;
  stroke-width: 14 !important;
}

#arrow,
body[data-fortune-wheel-enabled="1"] .over-spin svg#spin-decoration .st2 {
  stroke: #3F3F3F;
  stroke-width: 1 !important;
}

#inner-circle-in {
  fill: #3F3F3F !important;
}

/* modals */
.modal-backdrop.show {
  opacity: 0.045;
}

.modal-body h2 {
  text-align: left;
  font-family: "flamabold", Arial, Helvetica, sans-serif !important;
  font-size: 1.125rem !important;
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  .modal-body h2 {
    font-size: 1.5rem !important;
  }
}

.modal .modal-dialog {
  margin: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.modal .modal-content {
  border-radius: 0 !important;
}

#accepted_conditions .modal-dialog-centered,
#legal_provider .modal-dialog-centered,
#accepted_conditions_checkbox_body .modal-dialog-centered {
  min-height: 100%;
}
#accepted_conditions .modal-dialog-scrollable,
#legal_provider .modal-dialog-scrollable,
#accepted_conditions_checkbox_body .modal-dialog-scrollable {
  max-height: 100%;
}
@media screen and (min-width: 744px) {
  #accepted_conditions .modal-content,
  #legal_provider .modal-content,
  #accepted_conditions_checkbox_body .modal-content {
    border-radius: 0 !important;
    border: 0 !important;
    flex: 1 1 auto;
    background-color: transparent !important;
  }
  #accepted_conditions .modal-lg,
  #legal_provider .modal-lg,
  #accepted_conditions_checkbox_body .modal-lg {
    max-width: 100% !important;
  }
  #accepted_conditions .modal-dialog,
  #legal_provider .modal-dialog,
  #accepted_conditions_checkbox_body .modal-dialog {
    margin: 0 !important;
  }
  #accepted_conditions .modal-header,
  #legal_provider .modal-header,
  #accepted_conditions_checkbox_body .modal-header {
    padding: 2rem 97px;
  }
  #accepted_conditions .modal-header h5,
  #legal_provider .modal-header h5,
  #accepted_conditions_checkbox_body .modal-header h5 {
    text-align: left;
    max-width: 744px;
    margin: 0 auto;
  }
  #accepted_conditions .modal-header,
  #accepted_conditions .modal-body,
  #accepted_conditions .modal-footer,
  #legal_provider .modal-header,
  #legal_provider .modal-body,
  #legal_provider .modal-footer,
  #accepted_conditions_checkbox_body .modal-header,
  #accepted_conditions_checkbox_body .modal-body,
  #accepted_conditions_checkbox_body .modal-footer {
    background-color: #ffffff;
  }
  #accepted_conditions .modal-footer,
  #legal_provider .modal-footer,
  #accepted_conditions_checkbox_body .modal-footer {
    z-index: 1;
    padding-top: 1.5rem !important;
    padding-bottom: 2rem !important;
  }
  #accepted_conditions .modal-footer button,
  #legal_provider .modal-footer button,
  #accepted_conditions_checkbox_body .modal-footer button {
    max-width: 484px;
    margin-inline: auto;
  }
  #accepted_conditions .modal-body,
  #legal_provider .modal-body,
  #accepted_conditions_checkbox_body .modal-body {
    max-width: 744px;
    margin: 0 auto;
    padding: 2rem max(97px, 2rem);
  }
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  #accepted_conditions .modal-header h5,
  #legal_provider .modal-header h5,
  #accepted_conditions_checkbox_body .modal-header h5 {
    padding: 0 97px;
  }
}
@media screen and (min-width: 744px) and (max-width: 991.999px) and (orientation: portrait) {
  #accepted_conditions .modal-body,
  #legal_provider .modal-body,
  #accepted_conditions_checkbox_body .modal-body {
    background-color: #F3F2F3;
  }
}

.modal-header,
.modla-footer {
  border-radius: 0;
}

.modal-footer {
  box-shadow: 0px -0.5rem 0.5rem rgba(63, 63, 63, 0.1);
  padding-block: 1.5rem !important;
}

.modal.legal_terms_modal .close {
  margin: 0;
  top: 1rem;
  right: 1rem;
  padding: 0;
}
@media screen and (min-width: 744px) {
  .modal.legal_terms_modal .close {
    top: 2rem;
    right: 2rem;
  }
}
.modal.legal_terms_modal .close,
.modal.legal_terms_modal .cross {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 1 !important;
}
.modal.legal_terms_modal .close::before, .modal.legal_terms_modal .close::after,
.modal.legal_terms_modal .cross::before,
.modal.legal_terms_modal .cross::after {
  background-color: #3F3F3F !important;
  opacity: 1 !important;
  left: 11px !important;
  height: 25px !important;
}

/* TYP */
body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]).part_mine, body:not([data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]).part_fake {
  height: 100%;
}
body.part_mine .flash_notice, body.part_fake .flash_notice {
  display: none;
}
body.part_mine, body.part_fake {
  /* Fortune wheel */
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper {
  justify-content: flex-end;
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper {
    justify-content: center;
  }
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .blank, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .blank {
  height: 0;
  padding-bottom: 0 !important;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .full_section.show-up, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .full_section.show-up {
  flex: 0 1 auto;
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .full_section, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .full_section {
    max-width: 552px;
    margin-inline: auto;
  }
  body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .full_section .game-grid, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper .full_section .game-grid {
    margin-top: 4rem;
  }
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper.entry_layout, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper.entry_layout {
  background-color: #F3F2F3 !important;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper.entry_layout .blank, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) > .wrapper.entry_layout .blank {
  padding-bottom: 40vh;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section {
  width: 100% !important;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section::after, body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section::before, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section::after, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section::before {
  display: none !important;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section > *, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section > * {
  flex: 1 1 auto;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section {
  background-color: #FFFFFF !important;
  flex: 1 1 auto;
  padding-bottom: 0 !important;
  justify-content: space-between;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section > .row, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section > .row {
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section > .row .col-12, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section > .row .col-12 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .actions-section, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .actions-section {
  max-width: 484px;
  margin-inline: auto;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .section, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .section {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .share_row, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .share_row {
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
  margin-top: 1rem !important;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender {
  height: 100%;
  padding-top: 1rem;
}
@media screen and (min-width: 744px) {
  body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender {
    padding-top: 2rem;
    padding-bottom: 0.5rem;
    padding-inline: 1rem;
  }
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender .actions-body, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender .actions-body {
  padding-top: 0.5rem;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender .actions-footer, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender .actions-footer {
  text-align: center;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h1, body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h3, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h1, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h3 {
  font-size: 1.125rem !important;
}
@media screen and (min-width: 744px) {
  body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h1, body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h3, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h1, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h3 {
    font-size: 1.5rem !important;
  }
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h1, body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h3, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h1, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender h3 {
  font-family: "flamamedium", Arial, Helvetica, sans-serif !important;
  color: #004656;
  padding: 0;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender p, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender p {
  font-family: "flamabook", Arial, Helvetica, sans-serif !important;
  padding: 0;
}
body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender img, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender img {
  max-width: 30vw;
}
@media screen and (min-width: 744px) {
  body.part_mine[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender img, body.part_fake[data-fortune-wheel-enabled="1"][data-fortune-wheel-enabled-in-end-screen="1"]:not([data-custom-html="1"]) .full_section .raw-contender img {
    max-width: 80px;
    padding-bottom: 0.5rem;
  }
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout {
  min-height: 100%;
  height: 100%;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender {
  padding-top: 2rem !important;
  padding-bottom: 0 !important;
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .row, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .row {
  flex: 1 1 auto;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .raw-contender, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .raw-contender {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .raw-contender h1, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .raw-contender h1 {
  font-family: "flamabold", Arial, Helvetica, sans-serif !important;
  font-size: 1.5rem;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .raw-contender .actions-body, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .raw-contender .actions-body {
  justify-content: flex-start;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .share_row, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender .share_row {
  margin-bottom: 1.5rem;
}
body.part_mine .actions-section, body.part_fake .actions-section {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.part_mine .actions-section .actions-body, body.part_fake .actions-section .actions-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.part_mine .actions-section .actions-footer, body.part_fake .actions-section .actions-footer {
  text-align: center;
}
body.part_mine .actions-section .actions-footer a, body.part_fake .actions-section .actions-footer a {
  margin-bottom: 1.5rem;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .scratch-and-win-message, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .scratch-and-win-message {
  padding: 0 !important;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative {
  /* padding: 3.75rem 0 0 0 !important; */
  /* Menos espacio arriba */
  padding: 0 0 0 0 !important;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative .form-contender, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative .form-contender {
  padding-top: 0 !important;
  min-height: calc(100dvh - 3.75rem);
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative .form-contender .row, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative .form-contender .row {
  margin-inline: 0 !important;
  align-items: center;
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative #wScratchPad, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .position-relative #wScratchPad {
  top: 3.75rem !important;
  min-height: calc(100dvh - 3.75rem);
}
body.part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .actions-body img, body.part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout.scratch-and-win-wrapper .actions-body img {
  max-width: 100px;
}

/* Share modal */
.mfp-bg {
  background-color: #3F3F3F;
  opacity: 1 !important;
}

#js_share_modal .m_header h1 {
  text-align: center !important;
  margin-bottom: 2rem;
}
#js_share_modal .share-btn a.btn {
  width: auto;
  flex: 1 0 auto;
}
#js_share_modal .share-btn a.btn::before {
  font-size: 2rem;
}
#js_share_modal .m_url_content {
  font-size: 1rem !important;
}
#js_share_modal .url_share_link {
  width: 100%;
  text-align: center;
  font-size: 0.8rem !important;
  margin-bottom: 2rem;
}

@media screen and (min-width: 560px) {
  .m_popup.fan_us .m_url_btn {
    flex-direction: column;
  }
}

.alertify:not(.ajs-maximized) .ajs-modal {
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.alertify .ajs-dialog {
  padding: 1rem 1rem 0 1rem;
  border-radius: 1rem;
  margin: 0;
}

.alertify .ajs-body .ajs-content {
  padding: 0;
  line-height: 1.2;
  margin-bottom: 1rem;
  text-align: center !important;
}
.alertify .ajs-body .ajs-content::before {
  content: "";
  background-image: url("https://uploads7.ct-assets.com/assets/pictures/3a2afba4aaeb4a36ab7958ebd3611bc4/content_Pantalla-sin-oportunidades-v2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 1rem;
  display: block;
  height: 100px;
  width: 100%;
}

.alertify .ajs-footer {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: center !important;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 0;
  font-size: 0 !important;
  margin-bottom: 1rem;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button::before {
  content: "Entendido";
  font-size: 1rem;
  display: inline-block;
}

.alertify .ajs-commands {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
}
.alertify .ajs-commands button.ajs-close {
  display: block;
  background-image: none;
  margin: 0;
  position: relative;
  width: 20px;
  height: 20px;
  opacity: 1;
  padding: 0;
  top: 0;
}
.alertify .ajs-commands button.ajs-close::before, .alertify .ajs-commands button.ajs-close::after {
  position: absolute;
  left: 8px;
  content: " ";
  height: 25px;
  width: 2px;
  background-color: #3F3F3F;
  transform-origin: center;
  top: 0;
}
.alertify .ajs-commands button.ajs-close::before {
  transform: rotate(45deg);
}
.alertify .ajs-commands button.ajs-close::after {
  transform: rotate(-45deg);
}

.js_fake-close .close {
  display: block;
  background-image: none;
  margin: 0;
  position: relative;
  width: 20px;
  height: 20px;
  opacity: 1;
  padding: 0;
  top: 0;
}
.js_fake-close .close::before, .js_fake-close .close::after {
  position: absolute;
  left: 8px;
  content: " ";
  height: 25px;
  width: 2px;
  background-color: #3F3F3F;
  transform-origin: center;
  top: -2px;
}
.js_fake-close .close::before {
  transform: rotate(45deg);
}
.js_fake-close .close::after {
  transform: rotate(-45deg);
}

span.click_to_view {
  display: none !important;
}

.top-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 99;
  background-color: #FFFFFF;
}
.top-header .title {
  width: 100%;
  text-align: center;
  padding-left: 1.25rem;
  font-family: "flamabold", Arial, Helvetica, sans-serif !important;
  font-size: 1.125rem !important;
}

/* Este CSS es necesario cuando se visualiza el header fake para webview ya que éste se posiciona de manera absoluta y tapa ciertos contenidos */
body[data-webview="1"][data-fortune-wheel-enabled-in-form="1"] .wrapper.form_layout .form_header {
  padding-top: 0;
}
body[data-webview="1"][data-fortune-wheel-enabled-in-form="1"] .wrapper.form_layout .game-grid {
  margin-top: 4.8rem;
}
body[data-webview="1"][data-fortune-wheel-enabled-in-end-screen="1"] .game-grid {
  margin-top: 4.8rem;
}
body[data-webview="1"] .wrapper.home_layout .header_section {
  margin-top: 4.8rem;
}
body[data-webview="1"] .wrapper.form_layout .form_header {
  padding-top: 3.75rem;
}
body[data-webview="1"].part_mine:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender, body[data-webview="1"].part_fake:not([data-fortune-wheel-enabled="1"]) .wrapper.entry_layout .form-contender {
  padding-top: 3.75rem !important;
}

.js_main_promo_image img {
  max-height: 200px;
  width: auto;
}

.x_cool_tabs_participate_button,
.x_cool_tabs_participate_button:hover,
.x_cool_tabs_participate_button:focus,
.x_cool_tabs_participate_button:active {
  color: #ffffff !important;
}

/* ==========================================================================
   Ajustes campaña oZRY6BR — Moeve gow / LaLiga
   1. Cajas de respuesta más pequeñas
   2. Sí / No en horizontal, con aspecto de botón y estado marcado
   3. Checkboxes de aceptación pequeños y alineados a la izquierda
   4. Pie de página fijo

   NOTA SOBRE LOS SELECTORES
   Las reglas base de promos-v2 llegan con !important y mucha especificidad,
   así que todo va anclado en #wizard. En los labels de Sí/No hace falta
   además repetir .m_option_label para superar el padding original: con menos
   especificidad el padding-left de 40px no cede y el texto queda descentrado.
   ========================================================================== */
/* --------------------------------------------------------------------------
   0. CENTRAR EL FORMULARIO EN DESKTOP
   .wrapper.form_layout es un flex en columna de 810px (max-width) y el
   formulario tiene max-width:552px, así que sobraban 258px que caían todos
   al lado derecho: el formulario quedaba 129px a la izquierda del centro,
   desalineado respecto al banner del pie.
   Ojo: el wrapper es flex-direction:column, por lo que justify-content NO
   alinea en horizontal; hay que usar márgenes automáticos (o align-items).
   En móvil no cambia nada: ahí el wrapper y el formulario miden lo mismo.
   -------------------------------------------------------------------------- */
#new_participation {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --------------------------------------------------------------------------
   1. CAJAS DE RESPUESTA MÁS PEQUEÑAS
   Nombre / Email / Teléfono: 50px -> ~40px de alto.
   font-size se queda en 16px a propósito: por debajo, Safari iOS hace zoom
   automático al enfocar el campo y descuadra la vista.
   -------------------------------------------------------------------------- */
#wizard .form_input input[type=text],
#wizard .form_input input[type=email],
#wizard .form_input input[type=tel] {
  padding: 9px 12px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
}

#wizard .fields-contender > .form_input {
  margin-bottom: 12px !important;
}

/* --------------------------------------------------------------------------
   2. "¿Eres cliente Moeve gow?" — SÍ / NO EN HORIZONTAL Y CON ASPECTO DE BOTÓN
   El <ul> venía con flex-direction:column, por eso se apilaban.
   El radio real está en opacity:0 y .control-point en display:none, así que
   no había ninguna señal visual de la opción elegida: el estado marcado lo
   pinta ahora el propio botón.
   -------------------------------------------------------------------------- */
#wizard .m_options.js_quizz_question ul.row {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  margin-bottom: 0 !important;
}

#wizard .m_options.js_quizz_question .m_options_list_item {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  margin-bottom: 0 !important;
  padding: 0 6px !important;
}

/* Separador que ocupaba alto sin pintar nada */
#wizard .m_options.js_quizz_question .m_options_list_separator {
  display: none !important;
}

/* Botón — estado NO marcado */
#wizard .m_options.js_quizz_question .m_options_list_item .m_option .m_option_label.m_option_label.js_quizz_label {
  display: block !important;
  padding: 10px 8px !important;
  margin: 0 !important;
  border: 2px solid #004656 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #004656 !important;
  text-align: center !important;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

#wizard .m_options.js_quizz_question .m_options_list_item .m_option .m_option_label.m_option_label.js_quizz_label:hover {
  background: #eef6fb !important;
}

/* Botón — estado MARCADO */
#wizard .m_options.js_quizz_question .m_options_list_item .m_option .m_option_input:checked ~ .m_option_label.m_option_label.js_quizz_label {
  background: #047dba !important;
  border-color: #047dba !important;
  color: #ffffff !important;
}

/* Foco visible al navegar con teclado */
#wizard .m_options.js_quizz_question .m_options_list_item .m_option .m_option_input:focus-visible ~ .m_option_label.m_option_label.js_quizz_label {
  outline: 2px solid #00a59f;
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   3. CHECKBOXES DE ACEPTACIÓN: PEQUEÑOS Y ALINEADOS A LA IZQUIERDA
   Se quita el padding lateral de .actions_section para que el bloque arranque
   en la misma vertical que los campos de texto, y se le devuelve a .actions
   para que el botón de envío no cambie de tamaño.
   -------------------------------------------------------------------------- */
#wizard .actions_section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#wizard .actions_section > .actions {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

#wizard .actions_section .form_fields {
  justify-content: center !important;
}

/* Mismo ancho que los campos de texto -> misma vertical izquierda.
   Los inputs usan 90% a partir de 576px y 100% por debajo; el checkbox
   replica esa pareja de valores (el 100% está en el bloque móvil). */
#wizard .actions_section .form_checkbox {
  width: 90% !important;
  max-width: none !important;
  margin: 0 auto 4px !important;
  text-align: left !important;
}

#wizard .actions_section .form_checkbox label {
  padding: 0 0 0 26px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  min-height: 20px !important;
}

#wizard .actions_section .form_checkbox label a {
  font-size: 13px !important;
}

/* El cuadro: 32px -> 18px */
#wizard .actions_section .form_checkbox label::before {
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  top: 2px !important;
  left: 0 !important;
}

/* La marca de check es un glifo de Font Awesome, no una caja: se centra con
   font-size + line-height, no con width/height (por eso antes caía por abajo).
   El ::after se superpone exacto al cuadro y el glifo se centra dentro. */
#wizard .actions_section .form_checkbox label::after {
  width: 18px !important;
  height: 18px !important;
  top: 2px !important;
  left: 0 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: center !important;
}

#wizard .actions_section .form_checkbox input[type=checkbox] {
  width: 18px !important;
  height: 18px !important;
  top: 2px !important;
  left: 0 !important;
}

/* --------------------------------------------------------------------------
   4. PIE DE PÁGINA FIJO
   z-index 1030: por debajo del backdrop (1040) y de los modales (1050) de
   Bootstrap, para que no tape los pop-ups de términos y privacidad.

   #057dba es el azul muestreado del propio banner (ocupa el 100% de su fila
   superior y el 59,8% de la imagen), así que la barra y la imagen empalman
   sin costura. Es el mismo azul de marca del botón de envío (#047dba); la
   diferencia de 1 unidad en el rojo es artefacto de compresión del JPEG.
   Sin sombra ni borde superior: la barra se integra en el banner.
   -------------------------------------------------------------------------- */
.custom_campaign_footer {
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1030;
  margin: 0 !important;
  padding: 8px 12px;
  background: #057dba;
}

.custom_campaign_footer p {
  margin: 0 !important;
  text-align: center;
}

.custom_campaign_footer img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 56px; /* ← esta es la que falta */
  height: auto;
  margin: 0 auto;
}

/* Hueco para que el pie no tape el contenido del final.
   Va en body > .wrapper y no en .wrapper.form_layout porque cada pantalla de
   la campaña usa un wrapper distinto: .form_layout en el formulario y
   .home_layout en la landing (donde el botón "¡Juega aquí!" quedaba tapado).
   Además el wrapper de la landing es el propio contenedor de scroll
   (overflow-y:auto), así que este padding le aumenta el scrollHeight y el
   botón se puede alcanzar bajando del todo. */
body > .wrapper {
  padding-bottom: 88px !important;
}

#wizard .actions_section > .actions {
  margin-bottom: 80px !important;
}

/* --------------------------------------------------------------------------
   AJUSTES MÓVIL
   -------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  #wizard .m_options.js_quizz_question .m_options_list_item .m_option .m_option_label.m_option_label.js_quizz_label {
    padding: 10px 4px !important;
    font-size: 15px !important;
  }
  /* Por debajo de 576px los campos de texto pasan a 100%: el checkbox también */
  #wizard .actions_section .form_checkbox {
    width: 100% !important;
  }
  #wizard .actions_section .form_checkbox label,
  #wizard .actions_section .form_checkbox label a {
    font-size: 12px !important;
  }
  .custom_campaign_footer {
    padding: 0 !important;
  }
  .custom_campaign_footer p {
    line-height: 0 !important;
  }
  .custom_campaign_footer img {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    margin: 0 !important;
  }
  /* El alto del pie ahora depende del ancho (proporción 810:141 = 5,745),
     así que la reserva tiene que escalar con él en lugar de ser fija */
  body > .wrapper {
    padding-bottom: calc(17.4064403829vw + 16px) !important;
  }
  body > .wrapper {
    padding-bottom: 66px !important;
  }
  #wizard .actions_section > .actions {
    margin-bottom: 60px !important;
  }
}
.wrapper.home_layout .m_banner .js_main_promo_image img {
  max-height: 140px !important;
  width: auto !important;
  height: auto !important;
}

#wScratchPad#wScratchPad {
  top: 0 !important;
}

/* ============================================================
   FALDÓN DE COOKIES (Klaro) — adaptado al diseño de la campaña
   ============================================================ */
/* 1) POR ENCIMA del footer fijo de patrocinadores (z-index:1030).
      Este es el motivo real de que se viera cortado. */
.klaro .cookie-notice,
.klaro .cookie-modal,
.klaro .context-notice {
  z-index: 1041 !important;
}

/* 2) COLORES DE LA CAMPAÑA (blanco + teal #004656 + azul Moeve #057DBA) */
.klaro .cookie-notice {
  background: #ffffff !important;
  color: #004656 !important;
  border: 1px solid rgba(0, 70, 86, 0.15) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 28px rgba(0, 70, 86, 0.22) !important;
}

.klaro .cookie-notice .cn-body,
.klaro .cookie-notice .cn-body p,
.klaro .cookie-notice .cn-body p span,
.klaro .cookie-notice .cn-body p strong,
.klaro .cookie-notice .cn-body a {
  color: #004656 !important;
}

.klaro .cookie-notice .cn-body {
  padding: 16px !important;
}

.klaro .cookie-notice .cn-body p {
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 0 12px !important;
}

.klaro .cookie-notice .cn-body .cm-link,
.klaro .cookie-notice .cn-learn-more {
  color: #057DBA !important;
  text-decoration: underline !important;
  font-size: 14px !important;
}

/* 3) BOTONES */
.klaro .cookie-notice .cn-ok {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 4px !important;
}

.klaro .cookie-notice .cn-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

.klaro .cookie-notice .cm-btn {
  border-radius: 999px !important;
  padding: 9px 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.klaro .cookie-notice .cm-btn-success {
  background: #057DBA !important;
  color: #fff !important;
}

.klaro .cookie-notice .cm-btn-danger,
.klaro .cookie-notice .cn-decline {
  background: transparent !important;
  color: #004656 !important;
  border-color: #004656 !important;
}

/* 4) DESKTOP: tarjeta abajo a la derecha, justo ENCIMA de la barra de
      patrocinadores (72px), y nunca más alta que la ventana. */
@media (min-width: 769px) {
  .klaro .cookie-notice {
    left: auto !important;
    right: 20px !important;
    bottom: 88px !important; /* 72px del footer + 16px de aire */
    width: auto !important;
    max-width: 380px !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
  }
}
/* 5) MÓVIL: hoja inferior a ancho completo, con scroll y botones apilados.
      Se superpone al footer, así no depende de su altura variable. */
@media (max-width: 768px) {
  .klaro .cookie-notice {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-width: 1px 0 0 !important;
    border-radius: 12px 12px 0 0 !important;
  }
  .klaro .cookie-notice .cn-body {
    padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .klaro .cookie-notice .cn-ok {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .klaro .cookie-notice .cn-body .cm-link {
    display: block !important;
    text-align: center !important;
    margin: 0 0 4px !important;
  }
  .klaro .cookie-notice .cn-buttons {
    flex-direction: column !important;
    width: 100% !important;
  }
  .klaro .cookie-notice .cm-btn {
    display: block !important;
    width: 100% !important;
  }
}
/* 6) Modal "Personalizar...": también por encima del footer y con scroll propio */
.klaro .cookie-modal .cm-modal.cm-klaro {
  max-height: 90vh !important;
  overflow-y: auto !important;
}

/* ============================================================
   MODAL "Personalizar..." (Klaro .cookie-modal)
   ============================================================ */
/* Overlay en teal de marca en vez de negro puro */
.klaro .cookie-modal .cm-bg {
  background: rgba(0, 70, 86, 0.55) !important;
}

.klaro .cookie-modal .cm-modal {
  background: #ffffff !important;
  color: #004656 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 70, 86, 0.3) !important;
  max-height: 92vh !important; /* nunca más alto que la pantalla */
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

/* --- Cabecera --- */
.klaro .cookie-modal .cm-modal .cm-header {
  border-bottom: 1px solid rgba(0, 70, 86, 0.15) !important;
  padding: 20px 48px 16px 20px !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1,
.klaro .cookie-modal .cm-modal .cm-header h1.title {
  color: #004656 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  padding-right: 0 !important;
}

/* el <span> interno es el que heredaba el teal sobre negro */
.klaro .cookie-modal .cm-modal .cm-header p,
.klaro .cookie-modal .cm-modal .cm-header p span,
.klaro .cookie-modal .cm-modal .cm-header a {
  color: #004656 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  opacity: 0.85;
}

.klaro .cookie-modal .cm-modal .hide {
  top: 16px !important;
  right: 16px !important;
}

.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #004656 !important;
}

/* --- Cuerpo: propósitos y servicios --- */
.klaro .cookie-modal .cm-modal .cm-body {
  padding: 16px 20px !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul,
.klaro .cookie-modal .cm-modal .cm-purposes,
.klaro .cookie-modal .cm-modal .cm-services {
  color: #004656 !important;
}

.klaro .cookie-modal .cm-modal .cm-purpose,
.klaro .cookie-modal .cm-modal .cm-service {
  border-bottom: 1px solid rgba(0, 70, 86, 0.1) !important;
  padding-bottom: 10px !important;
}

.klaro .cookie-modal .cm-modal .cm-list-label,
.klaro .cookie-modal .cm-modal .cm-list-title,
.klaro .cookie-modal .cm-modal .cm-list-description {
  color: #004656 !important;
}

.klaro .cookie-modal .cm-modal .cm-list-title {
  font-weight: 700 !important;
}

.klaro .cookie-modal .cm-modal .cm-required,
.klaro .cookie-modal .cm-modal .cm-list-description {
  color: rgba(0, 70, 86, 0.65) !important;
}

/* "↓ 1 aplicación" / "↓ 2 aplicaciones" */
.klaro .cookie-modal .cm-modal .cm-caret,
.klaro .cookie-modal .cm-modal .cm-caret a,
.klaro .cookie-modal .cm-modal .cm-caret span {
  color: #057DBA !important;
}

/* --- Interruptores: OJO, Klaro pone .active en TODOS los sliders, ---
   --- así que NO sirve como marcador de estado. Solo vale :checked. --- */
/* APAGADO — gris, palanca a la izquierda */
.klaro .cookie-modal .cm-modal .slider,
.klaro .cookie-modal .cm-modal .slider.active {
  background-color: #cfd8dc !important;
  border: 1px solid #b0bec5 !important;
  opacity: 1 !important;
}

.klaro .cookie-modal .cm-modal .slider::before,
.klaro .cookie-modal .cm-modal .slider.active::before {
  background-color: #fff !important;
  box-shadow: 0 1px 3px rgba(0, 70, 86, 0.35) !important;
}

/* ENCENDIDO — azul Moeve, palanca a la derecha */
.klaro .cookie-modal .cm-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-modal .cm-list-input:checked + .cm-list-label .slider.active {
  background-color: #057DBA !important;
  border-color: #057DBA !important;
  opacity: 1 !important;
}

/* PARCIAL (unos servicios sí y otros no) — azul atenuado, palanca a media altura */
.klaro .cookie-modal .cm-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-modal .cm-list-input.half-checked:checked + .cm-list-label .slider.active {
  background-color: #057DBA !important;
  border-color: #057DBA !important;
  opacity: 0.6 !important;
}

/* OBLIGATORIA (bloqueada) — azul grisáceo, cursor de no permitido */
.klaro .cookie-modal .cm-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-modal .cm-list-input.required:checked + .cm-list-label .slider.active,
.klaro .cookie-modal .cm-modal .cm-list-input.only-required + .cm-list-label .slider,
.klaro .cookie-modal .cm-modal .cm-list-input.only-required + .cm-list-label .slider.active {
  background-color: #7fa9c2 !important;
  border-color: #7fa9c2 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* --- Pie y botones --- */
.klaro .cookie-modal .cm-modal .cm-footer {
  border-top: 1px solid rgba(0, 70, 86, 0.15) !important;
  padding: 14px 20px !important;
}

/* el `wrap` es lo que evita el desbordamiento en pantallas estrechas */
.klaro .cookie-modal .cm-modal .cm-footer-buttons {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.klaro .cookie-modal .cm-modal .cm-btn {
  border-radius: 999px !important;
  padding: 9px 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border: 2px solid transparent !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.klaro .cookie-modal .cm-modal .cm-btn-decline,
.klaro .cookie-modal .cm-modal .cm-btn-danger {
  background: transparent !important;
  color: #004656 !important;
  border-color: #004656 !important;
  margin-right: auto !important;
}

.klaro .cookie-modal .cm-modal .cm-btn-info { /* Aceptar seleccionados */
  background: #fff !important;
  color: #057DBA !important;
  border-color: #057DBA !important;
}

.klaro .cookie-modal .cm-modal .cm-btn-accept-all { /* Aceptar todo */
  background: #057DBA !important;
  color: #fff !important;
  border-color: #057DBA !important;
}

.klaro .cookie-modal .cm-modal .cm-powered-by,
.klaro .cookie-modal .cm-modal .cm-powered-by a {
  color: rgba(0, 70, 86, 0.5) !important;
}

/* --- Móvil: botones apilados y modal con margen --- */
@media (max-width: 768px) {
  .klaro .cookie-modal .cm-modal {
    border-radius: 12px !important;
    width: calc(100% - 24px) !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
  }
  .klaro .cookie-modal .cm-modal .cm-header h1 {
    font-size: 19px !important;
  }
  .klaro .cookie-modal .cm-modal .cm-footer-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn {
    width: 100% !important;
    margin: 0 !important;
  }
  .klaro .cookie-modal .cm-modal .cm-btn-accept-all {
    order: 1 !important;
  }
  .klaro .cookie-modal .cm-modal .cm-btn-info {
    order: 2 !important;
  }
  .klaro .cookie-modal .cm-modal .cm-btn-decline,
  .klaro .cookie-modal .cm-modal .cm-btn-danger {
    order: 3 !important;
    margin-right: 0 !important;
  }
}