/* Globales */

* {
  font-family: "Telefonica";
}
html,
body {
  position: relative;
  height: 100%;
  font-family: 'Telefonica,sans-serif' !important;
}
@font-face {
  font-family: "GuthenBlootsBasic";
  src: url("../fonts/GuthenBloots/Guthen-Bloots-Basic.woff2") format("woff2"),
    url("../fonts/GuthenBloots/Guthen-Bloots-Basic.woff") format("woff"),
    url("../fonts/GuthenBloots/Guthen-Bloots-Basic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.guthen {
  font-family: "GuthenBlootsBasic";
  font-size: 1.3em;
}
/* #region Estilos otras dinamicas */
nav {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 59px !important;
}
/* NAV 2026 */
nav {
  background-color: transparent!important;
  z-index: 99;
  position: relative;
  box-shadow: none!important;
}

nav img {
  max-width: 50px;
  width: 2.5vw;
  margin-left: 100px;
}
nav li a {
  padding: 30px;
}
#divShowMsg {
  padding: 50px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
  position: relative;
  height: 100%;
  padding: 0;
  cursor: pointer;
  color: #fff;
  overflow: hidden;
  width: 100%;
  background: rgba(239, 239, 239, 1);
}
.select-wrapper input.select-dropdown {
  color: rgba(150, 150, 150, 1) !important;
  height: 25px !important;
}
.select-wrapper input.select-dropdown.dropdown-trigger {
  margin: 3px 0 0 !important;
  background-color: transparent!important;
  border:0;
}
.select-wrapper input.select-dropdown.dropdown-trigger:focus {
      border-bottom: 1px solid #86888c;
}
.dropdown-content li>a, .dropdown-content li>span {
  color:#313235!important;
}
@media only screen and (max-width: 522px) {
  nav img {
    width: 10%;
  }
  nav li a {
    font-size: 3.5vw !important;
    padding: 0px 4px !important;
  }
  #divShowMsg {
    padding: 0px;
    background: unset;
    opacity: unset;
  }
  #divResultado {
    height: 300px;
  }
  #btnSend {
    width: 100%;
  }
  #juego {
    margin-top: 0px;
    background-size: cover;
  }
  
  #formulario {
    background: url("../img/website/Fondo_MB.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 0px;
    background-size: cover;
    margin: 0 .75rem;
  }
}

@media only screen and (max-width: 365px) {
  nav img {
    width: 10%;
  }
  nav li a {
    padding: 0px 2px !important;
  }
}

/** Promo 2022**/
/* Bloque útil Fer */
.indicaciones {
  display: block;
  max-width: 1440px;
  position: relative;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top:50px;
  margin-bottom: 0px !important;
  padding-bottom: 105px;
  overflow: hidden;
  min-height: 93vh;
}
.indicaciones .wrapperBlock {
  width: 90%;
  margin: 0px auto 7%;
  border-radius: 39px;
  padding: 0;
}
.indicaciones p {
  color: #fff;
}

.indicaciones .Instrucciones {
  font-size: clamp(0.875rem, 0.6396rem + 1.3746vw, 1.125rem);
}
/* Revisar Fer */
p.subtitleInstrucciones {
  font-family: "Telefonica";
  font-size: clamp(1.0625rem, 0.8125rem + 1.1111vw, 1.8125rem);
  line-height: 1.3;
  margin: 0;
  color: #fff;
}
/* Revisar Fer */
.TyC {
  position: relative;
  font-family: "Telefonica";
  font-weight: 300;
  font-size: 14px;
  margin: 0 auto;
  display: block;
  color: #fff;
}
.TyC p,
.TyC a {
  color: #0a2739 !important;
  margin: 0;
  font-size: 15px;
}
.TyC a {
  text-decoration: underline;
}
#juego {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}
#juego .wrap {
    width:100%;
    max-width: 1250px;
    margin:0 auto;
    position: relative;
  }
  
#juego .title, #calendario .title {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.modal-head {
  background: url(../img/website/2023/desk/HEADER-POP-UP-REGISTRO-DESK.png)
    bottom no-repeat !important;
  padding: 30px 0;
}
.modal .modal-footer {
  background: transparent !important;
}
p.tilteModal {
  font-size: clamp(0.9375rem, 0.75rem + 0.8333vw, 1.5rem);
  margin: 0;
  color: #86888c;
  line-height: 1.3;
  text-align: center;
}
p.subtilteModal {
  font-size: 18px;
  margin-top: 5px;
  color: #86888c;
  text-align: center;
  font-weight: 600;
  padding: 10px;
}
.modal-footer a {
  background: #5CB615;
  color: #fff;
  width: 150px;
  border-radius: 35px;
  font-size: 12px;
  margin: 0 !important;
}
.myClose {
  position: absolute;
  right: 25px;
  top: 10px;
  border: 2px solid #86888c;
  padding: 2px 7px;
  border-radius: 50%;
  font-size: 10px;
  margin: 0;
  font-weight: bold;
  color: #86888c;
}
/* Fer ejemplos input */
.inputs-wrapper .radio span {
  color: #fff;
}
.inputs-wrapper input:checked + span {
  color: #642a72;
}
/** Fer ejemplos radio **/
.questions [type="radio"]:not(:checked),
.questions [type="radio"]:checked {
  z-index: 10;
  opacity: 0 !important;
  position: relative;
  opacity: initial;
  pointer-events: initial;
}
.inputs-wrapper [type="radio"] + span:before,
[type="radio"] + span:after {
  left: -22px !important;
  top: 0 !important;
}
.inputs-wrapper [type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {
  padding-left: 10px !important;
}
.inputs-wrapper [type="radio"]:checked + span:after,
.inputs-wrapper [type="radio"].with-gap:checked + span:after {
  background-color: #642a72;
  box-shadow: inset 0 0 0 0.2375em #019df4;
}
.inputs-wrapper [type="radio"]:not(:checked) + span:before,
.inputs-wrapper [type="radio"]:not(:checked) + span:after {
  border: 2px solid #642a72;
}
.inputs-wrapper [type="radio"]:checked + span:after,
.inputs-wrapper [type="radio"].with-gap:checked + span:before,
.inputs-wrapper [type="radio"].with-gap:checked + span:after {
  border: 2px solid #642a72;
}
/* ===== Scrollbar CSS ===== */
.input-field .submitBtn {
  border-radius: 20px !important;
}
.bannerLP {
  line-height: 0;
}
.bannerLP img {
  display: block;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  #juego {
    background-size: cover !important;
  }
}
@media (max-width: 1024px) {

  #juego .title {
  font-size: 2.5vw;
}
}
@media (max-width: 600px) {
  .indicaciones {
    width: 100%;
    background: url(../img/website/2023/mob/webp/BACK-MOBILE.webp);
    background-size: cover !important;
    padding-bottom: 0;
  }
  .indicaciones .titleInstrucciones {
    padding-top: 0;
  }
  .indicaciones .wrapperBlock {
    width: 100%;
    margin: 20px auto 0;
    border-radius: 20px;
  }
  .indicaciones .wrapperPasos {
    width: 70vw;
    min-width: initial;
    background-size: 100% 100%;
    background-position-x: 5%;
  }
  .indicaciones .subtitleInstrucciones {
    padding: 0px 45px;
    margin: 0;
  }
  #juego .title {
    line-height: 1;
    font-size: 5vw!important;
  }
  .modal {
    width: 90% !important;
  }
  .modal-content.promo22 {
    padding: 0 0 30px !important;
  }
  .wrapperBlock .txt-introBG {
    width: 85vw;
  }
  .submitBtn {
    width: 150px;
  }
}
@media (max-width: 375px) {
  .indicaciones .subtitleInstrucciones {
    padding: 0px 30px;
    line-height: 1.2;
  }
}
/** End Promo 2022**/
.modal-footer {
  display: none;
}
/*
.flexbox-equal {
  display: flex;
  flex-wrap: wrap;
}
.flexbox-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}*/
.txt-introBG {
  background: url(../img/website/2023/desk/CONTENEDORES-test2.png) no-repeat
    center;
  background-size: contain;
  width: 74%;
  margin: 0 auto;
  padding: 30px 0;
}
@media (max-width: 600px) {
  .grid {
    width: 75vw;
  }
  .card {
    width: 23vw;
    height: auto;
  }
  .modal.bg-agotado .title {
    font-size: 34px;
  }
  .modal.bg-agotado .subtitle {
    font-size: 22px !important;
    line-height: 1 !important;
  }
}
.modal.bg-agotado {
  background: #fff !important;
  text-align: center;
  padding: 5% 0;
  border-radius: 15px !important;
}
.modal.bg-agotado .subtitle {
  font-size: 30px;
  line-height: 1.5;
}
/* formulario navidad */

.TyC p {
  padding: 10px 0;
  background-color: #0B2739;
  color: #fff !important;
}

/* home Navidad */

.btn-danger {
  width: 250px;
  height: auto !important;
}
/* estilos carruseles */

.mob {
  display: none;
}

/* Moadal */
.modal {
  width: 30% !important;
  background: #fff !important;
  top: calc(50% - 125px) !important;
  height: auto;
      min-height: 210px;
  overflow-y: unset !important;
  border-radius: 15px !important;
  max-width: 650px;
  font-family: "Telefonica";
  color:#86888c;
}
.modal-title {
  color: #86888c;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
}
#modalPremio {

}
#modalPremio #modalPremioLabel {
font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}
#modalPremioDescripcion {
  color: #86888c;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 60px;
}
#modalPremio .modal-footer .btnBack, #bmodal1 {
  background: unset;
  text-decoration: underline;
  color:#86888c;
}
#errorMsg {
  color:#313235;
}
#bmodal1
{
    width: 100%;
    display: block;
    text-align: center;
    color:#313235;
}
#modalPremio .btn-flat, 
#modal1 .btn-flat {
  background-color: #5CB615 !important;
  text-align: center;
  text-transform: none;
}
#modal1 .modal-footer {
  display: none !important;
}
.modal .modal-content {
  padding: 10px 24px 24px !important;
}
.modal .modal-footer {
  display: flex !important;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  bottom: 15px;
  left: 0;
}
.modal-footer a {
  font-size: 14px;
}
/*ESTILOS BRAYANT*/
a[data-disabled="true"] {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #D3D4D3;
  color: #313235;
}

@media (width <= 767px) {
  #juego {
    margin-bottom: -9px;
  }
  .mob {
    display: block;
  }
  li:has(.active) {
    min-height: 405px;
  }
  .modal {
    width: 90% !important;
  }
}
/* #endregion */

/* ------------ Omar ----------- */

/* #region Globals */

.content {
  max-width: 1440px;
  margin: 0 auto !important;
  display: grid;
  min-height: 100vh;
  grid-template-rows: auto 1fr auto; /* Header, contenido, footer */
  position: relative;
}
/* #endregion */

/* #region Header */

nav .nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px 5px 15px;
}

/* #endregion */

/* #region Home */

.indicaciones .wrapperPasos {
  background: unset;
  text-align: left;
  width: 100%;
  margin: 35px auto 0;
  max-width: 750px;
  margin-left: 0;
  padding: 120px 0 40px;
  border-radius: 10px;
  background-size: 100%;
}
.indicaciones__container {
  position: relative;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
}
.indicaciones__number {
  background-color: #E63780;
  height: 80px;
  width: 80px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -40px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 68px;
  color: #fff;
}
.indicaciones__borde {
  border: 2px solid #fff;
  border-radius: 30px;
  height: 214px;
  width: 209px;
  position: absolute;
  left: 0px;
  top: -2px;
  mix-blend-mode: overlay;
  right: 0;
  margin: 0 auto;
}
.indicaciones__card {
  width: 205px;
  height: 210px;
  border-radius: 30px;
  display: grid;
  place-items: center;
  backdrop-filter: blur(12px);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.indicaciones__card p {
  font-size: 18px;
}
.indicaciones__btn {
  width: 220px;
  height: 48px !important;
  display: grid !important;
  place-items: center;
  position: absolute;
  bottom: 100px;
  margin: 0 auto;
  left: 40.4vh;
}
.indicaciones__vigencia {
  position: absolute;
  bottom: 30px;
  font-size: 14px;
  margin: 0 auto;
  left: 20.5vw;
}
/* #endregion */

/* #region Formulario */
.formRompecabezas__container, 
.rompecabezas__container {
  backdrop-filter: blur(12px);
  height: 842px;
  width: calc(65% - 4px);
  margin-top: 60px;
  border-radius: 25px;
  padding: 30px 8%;
  position: absolute;
  top: 2px;
  left: calc(14.77vw - -12.5px);
}
.formRompecabezas__title {
  color: #fff;
  font-size: clamp(30px, 2.5vw, 36px);
  line-height: 1.2;
  margin: 30px 0 25px;
}
.formRompecabezas__subtitle {
  color: #019DF4;
  font-size: 24px;
  font-weight: bold;
}
.formRompecabezas__input-container {
  /*height: 66px;*/
  background-color: #fff;
  border: 0px solid #DDDDDD;
  border-radius: 5px;
  padding: 8px 12px;
}
.formRompecabezas__input-container+small {
    margin-bottom: 15px;
    display: block;
}
.formRompecabezas__input-name {
  margin: 0;
  height: 20px;
  font-size: 14px;
}
.formRompecabezas__input {
  height: 25px !important;
  border: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 18px;
  margin: 3px 0 0 !important;
} 
.formRompecabezas__input::placeholder {
  color: #7da59f !important;
}
input[type=text]:not(.browser-default):focus:not([readonly]) {
  box-shadow: none !important;
}
.formRompecabezas__container small {
  font-size: 14px;
}
.formRompecabezas__tyc [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
  background: #fff;
  border: none;
  /* margin-top: 3px; */
}
.formRompecabezas__tyc [type="checkbox"].filled-in:checked + span:not(.lever):after {
  background-color: #019DF4 !important;
  border: none;
  /* margin-top: 5px; */
}
.formRompecabezas__tyc [type="checkbox"].filled-in:checked + span:not(.lever):before {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  /* margin-top: 7px; */
}
[type="checkbox"]+span:not(.lever) {
  line-height: 20px !important;
}

.input-field .formRompecabezas__submit {
  border-radius: 25px !important;
  height: 35px !important;
  display: grid;
  place-items: center;
  width: 180px;
  color: #fff;
  font-size: 14px;
  background-color: #5CB615 !important;
}
.formRompecabezas__img-regalo {
  position: absolute;
  top: 65%;
  left: 85%;
}
input[type=tel]:not(.browser-default):focus:not([readonly]) {
  box-shadow: none !important;
}
/* #endregion */

/* #region Footer */
footer {
  background: transparent;
  width: 100%;
  height: auto;
  display: flex;
  padding: 20px;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 0;
}
footer img{
  max-width: 120px;
  width: 100%;
}
.footer__tyc {
  font-size: 18px;
  margin: 0;
}
.footer__tyc a {
  color: #5CB615;
}
.footer__tyc a:hover {
  text-decoration: underline;
}
/* #endregion */

/* #region Rompecabezas */
.rompecabezas__container {
  padding: 30px 2%;
}

.rompecabezas__title {
  font-size: 32px;
  color: #fff;
  line-height: 1.3;
}
.heading span {
  font-size: 1em;
  line-height: unset;
}
.heading {
  align-self: center;
  grid-column-end: span 2;
  text-align: center;
}
/* #endregion */


/* #region Thanks */
.rompecabezas.thanks {
  min-height: 1050px;
}

.thanks .rompecabezas__container {
  height: 926px;
}
.thanks__data{
  font-size: 24px;
}
.thanks__text {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 30px;
}
.thanks__btn-save {
  text-transform: initial;
  height: 48px !important;
  width: 220px;
  display: grid !important;
  place-items: center;
  margin: 0 auto;
  font-size: 20px !important;
  border-radius: 30px !important;
}
.thanks__img-regalo {
  position: absolute;
  top: 63%;
  left: 75%;
}
.formRompecabezas .rompecabezas .incorrecto {
  min-height: unset;
  height: calc(100vh - 134px);
}
.thanks .incorrecto .rompecabezas__container {
  height: 496px !important; 
  margin-top: 20%;
  display: flex;
}
.thanks .incorrecto .borde {
  height: 500px !important;
  margin-top: 20%;
}
/* #endregion */


/* #region Modal Pregunta */
/* Rdio buttons materialize*/
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
  background-color: 3px double #fff !important;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
  border: 3px double #fff !important;
}
  [type="radio"] + span:after {
    left: 0 !important;
  }
  [type="radio"]:checked+span {
    padding-left: 35px !important;
  }
  [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #019DF4!important;
  }
#quiz-form {
    color: #000;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    display: block;
}
section#respuestaIncorrecta {
    min-height: 60vh;
}
/* #endregion */

/* #region Pantalla Agradecimiento */
.agradecimiento-app {
  background-image: url(../img/rompecabezas/navidad/back-navidad-desk.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.container-borde {
  width: 80%;
  margin: 0 auto;
  border: 3px solid #5CB615;
  padding: 3% 0 4% 0%;
  position: relative;
  border-radius: 25px;
}
.agradecimiento-img {
  position: absolute;
  left: 13%;
  width: 285px;
  top: 24%;
  z-index: 1;
}
/* #endregion */

/* #region Media Queries */
@media (max-width: 1440px) {
  .indicaciones,
  #juego,
  .formRompecabezas {
    background-size:cover!important;
  }
}
@media (max-width: 1024px) {
  .formRompecabezas__container {
    padding: 30px 3%;
  }
}
@media (max-width: 768px) {
  
  /* #region Indicaciones */
  .indicaciones {
    background-image: url(../img/rompecabezas/navidad/back-incio-navidad-mob.webp);
  }
  .indicaciones__title {
    font-size: 24px;
    line-height: 1.1;
    margin-top: 20px !important;
  }
  .indicaciones__subtitle {
    font-size: 20px;
    line-height: 1.2;
  }
  .indicaciones .wrapperPasos {
    padding-top: 10px;
  }
  .indicaciones__number {
    height: 60px;
    width: 60px;
    font-size: 45px;
  }
  .indicaciones__borde {
    width: 87%;
    height: 174px;
  }
  .indicaciones__card {
    width: 85%;
    height: 170px;
  }
  .indicaciones__container {
    height: 210px;
  }
  .indicaciones__container.third {
    margin-left: 25% !important;
  }
  .indicaciones__card p {
    font-size: 15px;
  }
  .indicaciones__vigencia {
    left: 0;
    right: 0;
  }
  .indicaciones__btn {
    left: 0;
    right: 0;
  }
  /* #endregion */

  /* #region Formulario  */
  .formRompecabezas #formulario {
    background-image: url(../img/rompecabezas/navidad/back-navidad-mob.webp);
    height: auto;
    min-height: 900px;
  }
  .formRompecabezas .rompecabezas {
    background-image: url(../img/rompecabezas/navidad/back-navidad-mob.webp);
    height: 100vh;
    min-height: 700px;
  }
  .borde {
    width: 90%;
    left: 0;
    right: 0;
    margin: 20px auto;
    height: 784px;
  }
  .formRompecabezas__container {
    margin-top: 20px;
    width: calc(90% - 4px);
    left: calc(14.77vw - 27.5px);
    height: 780px;
  }
  .formRompecabezas__title {
    margin-top: 10px;
    font-size: clamp(18px, 5.6vw, 24px);
  }
  .formRompecabezas__subtitle {
    font-size: 20px;
  }
  .formRompecabezas__input-container {
    /*padding: 4px 12px;*/
  }
  .formRompecabezas__input-container+small {
    margin-bottom: 5px;
}
  .formRompecabezas__input {
    margin-top: 0 !important;
  }
  input[type=tel]:not(.browser-default):focus:not([readonly]) {
    box-shadow: none !important;
  }
  .formRompecabezas__container small {
    font-size: 12px;
  }
  .input-field {
    margin-top: 0 !important;
  }
  [type="checkbox"]+span:not(.lever) {
    font-size: 12px !important;
  }
  .formRompecabezas .input-field p {
    margin: 10px auto;
  }
  .formRompecabezas__img-regalo {
    left: 0px;
    width: 50%;
    top: 80%;
  }
  .input-field .formRompecabezas__submit {
    height: 40px !important;
    width: 60%;
    max-width: 175px;
  }
  /* #endregion */

  /* #region Rompecabezas */
  .rompecabezas .rompecabezas__container {
    width: 89%;
    height: 607px;
    left: 8vw;
    padding: 0px 3%;
  }
  .rompecabezas__title {
    font-size: 24px;
    margin-top: 0;
  }
  /* #endregion */

  /* #region thanks */
  .formRompecabezas .rompecabezas.thanks {
    background-image: url(../img/rompecabezas/navidad/back-navidad-mob.webp);
    height: 100vh;
    min-height: 1180px;
  }
  .rompecabezas.thanks .rompecabezas__container {
    height: 906px;
  }
  .thanks__img-regalo {
    position: absolute;
    top: 78%;
    left: 28%;
    width: 190px;
  }
  .thanks__data {
    font-size: 20px;
  }
  .thanks__btn-save {
    height: 40px !important;
    width: 200px;
    font-size: 16px !important;
  }
  /* #endregion */

  p.tilteModal {
    font-size: 28px;
  }
  .modal-footer a {
    font-size: 16px;
    width: 180px;
    height: 40px;
    display: grid;
    place-items: center;
  }
  /* #endregion */

  /* #region Agradecimiento */ 
  .agradecimiento-app {
    align-items: start;
    padding-top: 40px;
  }
  .container-borde {
    width: 80%;
    padding: 7% 5% 20%;
    text-align: center;
  }
  .agradecimiento__title {
    font-size: 36px !important;
    line-height: 1.1;
  }
  .agradecimiento__subtitle {
    font-size: 21px !important;
    line-height: 1.3;
    margin-top: 10px !important;
  }
  .agradecimiento__subtitle span { 
    padding: 0 !important;
  }
  .agradecimiento-img {
    left: 24%;
    width: 210px;
    top: 65%;
  }
  footer {
  padding: 40px 20px;
  }
  /* #endregion */
}
@media (max-width: 600px) {
  /* #region Menu */
  nav img {
    width: 10%;
    margin-left: 0px;
  }
  /* #endregion */

  /* #region Formulario */

  .formRompecabezas .input-field p {
    font-size: 17px;
  }
  /* #endregion */
  /* #region Agradecimiento */ 
  .agradecimiento-app {
    align-items: start;
    padding-top: 40px;
    min-height: 640px;
  }
  .container-borde {
    width: 80%;
    padding: 7% 5% 20%;
    text-align: center;
  }
  .agradecimiento__title {
    font-size: 36px !important;
    line-height: 1.1;
  }
  .agradecimiento__subtitle {
    font-size: 21px !important;
    line-height: 1.3;
    margin-top: 10px !important;
  }
  .agradecimiento__subtitle span { 
    padding: 0 !important;
  }
  .agradecimiento-img {
    left: 24%;
    width: 210px;
    top: 350px;
  }
  /* #endregion */

}
/* #endregion */

/*  #region Dinamica Marzo 2025 */

/* BG Global*/
header nav a {
  color:#86888c;
}
.abril-2026 {
  position: relative;
  top:0;
  margin-top: -64px; 
}
.marzo-2025 .indicaciones,  
.marzo-2025 .formRompecabezas .rompecabezas  {
    background-image: url(../img/lmb/asset-back-desk.webp);
    background-image: url(../img/lmb/asset-back-encuadre.webp);
    background-image: url(../img/lmb/2026/BACK_INSTRUCCIONES_DESK.webp);
  } 
.marzo-2025 .indicaciones.shade,
.marzo-2025 .formRompecabezas .rompecabezas.shade  {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/lmb/asset-back-encuadre.webp);
  } 

  .shade-b {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  }
/* #region pantalla 1 */
  .marzo-2025 .indicaciones__title, .marzo-2025 .title {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
  }
  .marzo-2025 .texto-regular {
    font-size: 24px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
  }
  .marzo-2025 .indicaciones__subtitle, .marzo-2025 .subtitle {
    font-size: 28px;
    text-align: center;
    margin-block-start: unset;
    margin-block-end: unset;
    margin: 1em auto;
  }
  .marzo-2025 .subtitle-b {
    font-size: 24px;
    text-align: center;
  }
  .marzo-2025 .indicaciones .wrapperPasos {
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 80px;
  }
  .marzo-2025 .indicaciones__borde {
    width: 85%;
    height: 250px;
  }
  .marzo-2025 .indicaciones__card {
    backdrop-filter: brightness(0.7) blur(12px);
    height: 246px;
    width: 285px;
    padding: 0 25px;
  }
  .marzo-2025 .indicaciones__btn {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .indicaciones__guthen {
    display: block;
    width: 270px;
    margin: 0 auto;
    font-size: 40px;
    margin-top: 20px;
  }
  .img-logo-movi {
    margin-top: 80px;
  }
  .img-logo-movi-2026 {
    margin-top: 50px;
    width: 100%;
  }
  .indicaciones__title {
    margin-top: 20px !important;
  }
  
  /* #endregion */

/* #region Pantalla 2 */

  .marzo-2025 .formRompecabezas__container {
    backdrop-filter: blur(12px) brightness(0.8);
    margin-top: 100px;
    height: 816px;
  }
  .marzo-2025 .borde.first {
    margin-top: 100.5px;
    height: 820px;
  }
  .marzo-2025 .formRompecabezas__title {
    font-size: clamp(30px, 2.8vw, 42px);
  }
  .marzo-2025 .formRompecabezas__subtitle {
    font-size: 28px;
    color: #fff;
  }

  .marzo-2025 .formRompecabezas__input::placeholder {
    color: rgba(254, 254, 254, 0.483) !important;
    color: rgba(150, 150, 150, 1) !important;
  }
/* #endregion */

/* #region Pantalla 3 */
  /* La imagen del rompecabezas esta en la linea 61 */
  .formRompecabezas__container, .rompecabezas__container {
    backdrop-filter: blur(12px) brightness(0.8);
  }
  .marzo-2025 .timer {
    border: 2px solid #41e4ff;
    height: 130px;
  }
  .timer img {
    height: 120px;
    width: 120px;
  }
  .rompecabezas__container.my-puzzle {
    height: 896px;
  }
  .rompecabezas__subtitle {
    font-size: 22px;
  }
/* #endregion */

/* #region Pantalla 4 */
  .marzo-2025 .thanks .rompecabezas__container {
    backdrop-filter: blur(12px) brightness(0.8);
  }
  .marzo-2025 .txt-thanks-head {
    font-size: 24px;
  }
  .thanks__btn-save.d-none {
    display: none !important;
  }
/* #endregion */

/* #region Pantalla Gracias Por Participar */
  .marzo-2025 .agradecimiento-app {
    background-image: url(../img/rompecabezas/marzo_2025/back-registro2-desk.webp);
  }
  .marzo-2025 .agradecimiento__title {
    background-color: #E63780;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 10px;
  }
  .container-borde {
    width: 65%;
    border: 3px solid #41e4ff;
    padding-left: 30px;
    padding-right: 30px;
    backdrop-filter: blur(12px) brightness(0.8);
  }
/* #endregion */
@media (max-width: 1024px) {
  .marzo-2025 .indicaciones__title, .marzo-2025 .title {
    font-size: 4vw;
  }
  .marzo-2025 .indicaciones__subtitle, .marzo-2025 .subtitle {
    font-size: 3vw;
    line-height: 1.2;
  }
}
/* #region Media Querys */
  @media (max-width: 600px) {
    /*  #region pantalla 1 */
    
    .marzo-2025 .indicaciones {
      /* background-image: url(../img/lmb/2026/BACK_INSTRUCCIONES_MOBILE.webp); */
      background-image: url(../img/lmb/2026/BACK_MOBILE_v2.webp);
      padding-top:10px;
      padding-bottom: 140px;
      min-height: 95vh;
    } 
    .marzo-2025 .indicaciones__title {
      margin: 20px auto 10px!important;
      font-size: 26px;
      line-height: 2.5;
    }
    .marzo-2025 .indicaciones__subtitle, .marzo-2025 .subtitle {
      font-size: 4.4vw;
      margin:0;
    }
    .marzo-2025 .indicaciones__borde {
      width: 87%;
      height: 174px;
    }
    .marzo-2025 .indicaciones__card {
      width: 85%;
      height: 170px;
      text-align: center;
    }
    .marzo-2025 .indicaciones .wrapperPasos {
      padding-bottom: 0;
    }
    .marzo-2025 .indicaciones__btn {
      bottom: 70px;
    }
    /*  #endregion */

    /* #region Pantalla 2 */
    .marzo-2025.formRompecabezas #formulario, 
    .marzo-2025.formRompecabezas .rompecabezas {
      background-image: url(../img/rompecabezas/marzo_2025/desk-registro2y3-mob.webp);
    } 
    .marzo-2025 .formRompecabezas__title {
      font-size: clamp(22px, 6.5vw, 26px);
    }
    .marzo-2025 .formRompecabezas__subtitle {
      font-size: 20px;
    }
    .input-field .formRompecabezas__submit {
      left: 0;
      margin: 0 auto;
    }
    .marzo-2025 .formRompecabezas__container {
      height: 700px;
    }
    .marzo-2025 .input-field .formRompecabezas__submit {
      position:relative;
    }
    /* #endregion */

    /* #region Pantalla 3 */
    .rompecabezas.thanks .rompecabezas__container {
      height: 946px;
      margin-top: 80px;
      padding-top: 60px;
    }
    .marzo-2025 .rompecabezas__title {
      font-size: 24px;
    }
    .rompecabezas__subtitle {
      font-size: 18px;
    }
    .timer img {
      height: 70px;
      width: 70px;
    }
    .timer__subtitle {
      font-size: 12px;
    }
    .marzo-2025 .timer {
      height: 85px;
      width: 100%;
    }
    .formRompecabezas .rompecabezas {
      height: 800px;
    }
    .rompecabezas__container.my-puzzle {
      height: 716px;
      padding-top: 25px;
    }
    /* #endregion */

    /* #region Pantalla 4 */
    .marzo-2025 .formRompecabezas .rompecabezas  {
      background-image: url(../img/rompecabezas/marzo_2025/desk-registro2y3-mob.webp);
    }
    .marzo-2025 .rompecabezas.thanks .borde {
      height: 950px;
      margin-top: 80px;
    }
    .marzo-2025 .txt-thanks-head {
      font-size: 22px;
    }
    .marzo-2025 .btnGuardar-wrapper {
      margin-top: 50px;
    }
    /* #endregion */
    
    /* #region Gracias Por Participar */
    .marzo-2025 .agradecimiento-app {
      background-image: url(../img/rompecabezas/marzo_2025/desk-registro2y3-mob.webp);
    }
    .container-borde {
      width: 85%;
      margin-top: 28%;
      padding: 12% 5% 12%;
    }
    .agradecimiento__title {
      font-size: 30px !important;
      width: 75%;
    }
    /* #endregion */
  }
@media (max-width: 375px) {
  .marzo-2025 .indicaciones {
      padding-bottom: 140px;
    } 
}
  /* #endregion */

/* #endregion */

/* #endregion */

/**Memorama**/
.grid {
  border: 0;
  grid-column-end: span 3;
  display: grid;
  grid-gap: 2px;
  grid-template-areas:
    "A B C"
    "D E F"
    "G H I";
  background: transparent;
  width: 100%; /* Ajusta el ancho según sea necesario */
  max-width: 400px;
  margin: 0 auto;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(4, 1fr); /* Cambiado a 4 columnas */
  grid-gap: 0px;
  
  }
  
  .card {
  width: 100px; /* Ancho de cada carta */
  height: 100px; /* Alto de cada carta */
  margin: 0 !important;
  position: relative;
  display: flex;
      width: auto;
    max-width: 400px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform 0.5s !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  background-color: transparent!important;
  z-index: 10;
  box-shadow: none!important;
  }
  
  .card.active {
  transform: rotateY(180deg);
  box-shadow: none;
  }
  
  .card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  }
  
  .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  
  .card-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  visibility: hidden;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  }
  
  .card.active .card-text {
  visibility: visible;
  }
  
  .card.active .card-text img {
  width: 100%;
  height: 100%; /* Asegura que la imagen ocupe todo el espacio */
  object-fit: contain; /* Ajusta la imagen al contenedor manteniendo la proporción */
  }
/**End Memorama**/


/* Nuevos Estilos LMB*/

#nav-mobile a {
  color:#fff;
}
.indicaciones .pasos {
    position: relative;
    width: 75%;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 35px;
    background-color: rgba(255, 255, 255, 0.15);
    text-align: center;
    padding: 0px 42px;
    height: 45px;
    margin: 10px auto;
}

.indicaciones .pasos.dosLineas {
  padding:8px;
}

.indicaciones .pasos .num {
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-size: 19px;
    background-color: #5CB615;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

.indicaciones .pasos p{
  text-align: center;
  color:#fff;
  line-height: 1;
}
.indicaciones .pasos p.doslineas{
  margin-top:8px;
}

.indicaciones .btn {
  background-color: #5CB615;
  border-radius: 30px;
  font-family: "Telefonica";
  font-weight: normal;
  font-style: normal;
  color:#fff;
  padding: 0 15px;
}
.indicaciones .btn:hover {
background-color: #3c7521!important;
}
  
.nav-wrapper ul a {
  font-size:.8rem!important;
}
.cont-a1, .cont-a2 {
  border: 1px solid #fff;
  padding: 8px;
  border-radius: 10px;
}
.cont-a1 {
  padding: 8px 20px 8px 8px;
}
.cont-b1 {
  border: 1px solid #019DF4;
  padding: 15px 10px;
  border-radius: 10px;
  background-color: #019DF4;
  position: relative;
  z-index: 9;
}
.cont-a1+.cont-b1 {
  margin-left: -22px;
}
.cont-a2 {
  padding: 8px 10px 8px 20px;
  margin-left: -22px;
}

.lmb-screen-1 {
  margin:30px auto;
  max-width: 800px;
  position:relative;
  width:100%;
  height:auto;
  border-radius: 30px;
  border:solid 1px #fff;
  color:#fff;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background-color: rgba(0, 0, 0, 0.35);
}
.lmb-screen-1 .bola-base-1, .lmb-screen-1 .bola-base-2, .calendario .bola-base-3, .bola-base-4, .bola-base-2 {
  position: absolute;
  left:-50px;
  top:-50px;
  width:auto;
  max-width:50px;
  z-index: 12;
}
.lmb-screen-1 .bola-base-1 img,
.lmb-screen-1 .bola-base-2 img, 
#sinBoletos .bola img,
.calendario .bola-base-3 img,
.bola-base-4 img
{
  max-width: 150px;
}

#memorama .bola-base-2 {
  position: absolute;
  left:-80px;
  top:-20px;
  width:auto;
  max-width:50px;
  z-index: 10;
}
#memorama .bola-base-2 img {
  max-width: 200px;
}
.bola-base-4 {
    position: absolute;
    left: 70px;
    top: 190px;
    width: auto;
}
.bola-base-4 img
{
  max-width: 150px;
}
.calendario .bola-base-3 {
  left: -80px;
  top: -20px;
}
.lmb-screen-1 .title {
    font-size: 36px;
    margin: 15px auto 0;
}
.lmb-screen-1 .subtitle {
  line-height: 1.2;
  font-size: 26px;
  margin: 15px auto;
}
#calendario {
    max-width: 1020px;
    width: 90%;
    padding-bottom: 30px;
}
#calendario nav {
    background-color: transparent !important;
    padding-top: 5px;
    box-shadow: none!important;
    -webkit-box-shadow: none;
    padding-bottom: 5px;
    line-height: 59px !important;
}
#calendario nav .tabs{
    background-color: transparent!important;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 59px !important;
    width: 95%;
    height:35px;
    max-width: 700px;
}
#calendario .tabs .tab a {
line-height: 2;
    height: 35px;
}

#calendario .tabs .tab a {
  background-color: transparent;
    color: #fff;
    font-weight: normal;
    text-transform: none;
}
#calendario .tabs .indicator {
background-color: #fff;
max-width: 120px;
}
#calendario .tabs .tab a:hover, 
#calendario .tabs .tab a.active {
    background-color: transparent;
    color: #fff;
    width: 65%;
    margin: 0 auto;
    font-weight: 600;
}
.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
}
 #calendario article {
  position:relative;
  overflow:hidden;
}
 #calendario .dias-swiper {
  position: relative;
  height: auto;
  padding-bottom: 50px;
  background: transparent;
  border: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
 }
 #calendario .dias-swiper .swiper-wrapper {
  display: flex;
 }
 #calendario .dias-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
 }
 #calendario .swiper-pagination {
  /*position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;*/
  bottom:0;
 }
 #calendario .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #019DF4;
  border-radius: 50%;
  opacity: 0.3;
  cursor: pointer;
 }
 #calendario .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
 }
 #calendario .swiper-button-prev,
 #calendario .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  background-color: #019DF4;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  z-index: 10;
 }
 #calendario .swiper-button-prev {
  left: 10px;
 }
 #calendario .swiper-button-next {
  right: 10px;
 }
 #calendario .swiper-button-prev::after,
 #calendario .swiper-button-next::after {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
 }
 #calendario .partidos-container {
  margin:-40px auto 0;
  position:relative;
  height:auto;
  border-radius: 30px 30px 15px 15px;
  border:solid 1px #fff;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background-color: rgba(0, 0, 0, 0.25);
  padding:40px 0 20px;
  color:#86888c;
 }
#modalPremioDescripcion {
  position:relative;
}
  #calendario .partidos-container > div, #modalPremioDescripcion div{
    width: 90%;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
        margin: 15px auto;
        position: relative;
  }
 
 #modalPremioDescripcion div{
    width: 65%;
  }
  #calendario .partidos-container > div p:first-child,
#modalPremioDescripcion div p:first-child{
    background-color: #019DF4;
    border-radius: 8px 8px 0 0;
    text-align: center;
    padding-bottom: 12px;
    margin: 0 auto;
    color:#fff;
  }
  #modalPremioDescripcion div p:first-child {
    font-size:12px;
  }
#calendario .partidos-container > div .partido-label,
#modalPremioDescripcion div .partido-label
 {
        color: #000;
    border-radius: 8px;
    margin: 0 auto;
    padding: 10px 5px 5px;
    margin-top: -10px;
    background-color: #ddd;
    border:1px solid #019DF4;
    height:auto;
    min-height:50px;
}
#calendario .partidos-container > div .partido-label label span,
#modalPremioDescripcion div .partido-label label span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0px 0 10px;
        font-size: 14px;
}
#calendario .partidos-container > div .partido-label label span img,
#modalPremioDescripcion div .partido-label label span img{
      height: 30px !important;
    width: 30px !important;
    margin: 0 15px;
}

#calendario .partidos-container > div .partido-label label span::before,
#calendario .partidos-container > div .partido-label label span::after {
    margin-left: 8px;
    top: unset !important;
}


.partido-label [type="radio"]+span:before, .partido-label[type="radio"]+span:after, [type="radio"]+span:before, .partido-label [type="radio"]+span:after {
  top:unset!important;
}

#calendario .partidos-container > div p:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    z-index: 10;
    pointer-events: none;
    border-radius: 8px;
    margin: 0;
}
#calendario .partidos-container > div p:nth-child(3) .agotado-text {
  padding: 10px;
border: 0;
border-radius: 8px;
background-color: #019DF4;
color:#fff;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
}
  #calendario .partidos-container > div p.cdmx, #modalPremio p.cdmx {
    background-color: #019DF4!important;
  }
  #calendario .partidos-container > div p.gdl, #modalPremio p.gdl {
    background-color: #5CB615!important;
  }
    #calendario .partidos-container > div p.mty, #modalPremio p.mty {
      background-color: #642a72!important;
  }
    #calendario .partidos-container > div p.chih, #modalPremio p.chih {
      background-color: #062e48!important;
  }
  #calendario .partidos-container > div div {
    background-color: #019DF4;
  }
  #calendario .partidos-container > div p.stllo, #modalPremio p.stllo {
    background-color:#3C7521 !important;
  }
  #calendario .partidos-container > div p.mty, #modalPremio p.mty {
    background-color:#642A72 !important;
  }
  #calendario .partidos-container > div p.tjn, #modalPremio p.tjn {
    background-color:#BDE4A4 !important;
    color:#0b2739 !important;
  }
  #calendario .partidos-container > div p.jlco, #modalPremio p.jlco {
    background-color:#5CB615 !important;
  }
  #calendario .partidos-container > div p.tbsco, #modalPremio p.tbsco {
    background-color:#DEBCE4 !important;
    color:#0b2739 !important;
  }
  #calendario .partidos-container > div p.pbla, #modalPremio p.pbla {
    background-color:#A13EA1 !important;
  }
  #calendario .partidos-container > div p.dLrds, #modalPremio p.dLrds {
    background-color:#922859 !important;
  }
  #calendario .partidos-container > div p.trrn, #modalPremio p.trrn {
    background-color:#E63780 !important;
  }
  #calendario .partidos-container > div p.mclva, #modalPremio p.mclva {
    background-color:#FBC7DE !important;
    color:#0b2739 !important;
  }
  #calendario .partidos-container > div p.drgo, #modalPremio p.drgo {
    background-color:#983230 !important;
  }
  #calendario .partidos-container > div p.chih, #modalPremio p.chih {
    background-color:#0B2739 !important;
  }
  #calendario .partidos-container > div p.ags, #modalPremio p.ags {
    background-color:#EC624B !important;
  }
  #calendario .partidos-container > div p.yctn, #modalPremio p.yctn {
    background-color:#F8CCCC !important;
    color:#0b2739 !important;
  }
  #calendario .partidos-container > div p.qrtro, #modalPremio p.qrtro {
    background-color:#9F591F !important;
  }
  #calendario .partidos-container > div p.leon, #modalPremio p.leon {
    background-color:#F28D15 !important;
  }
  #calendario .partidos-container > div p.oxc, #modalPremio p.oxc {
    background-color:#F8D2B3 !important;
    color:#0b2739 !important;
  }
  #calendario .partidos-container > div p.cdmx, #modalPremio p.cdmx {
    background-color:#019DF4 !important;
  }
  #calendario .partidos-container > div p.vrcrz, #modalPremio p.vrcrz {
    background-color:#5CB615 !important;
  }
  #calendario .partidos-container > div p.cmpch, #modalPremio p.cmpch {
    background-color:#E63780 !important;
  }
  #calendario .partidos-container > div p.qntroo, #modalPremio p.qntroo {
    background-color:#A13EA1 !important;
  }
  
  #calendario .partidos-container > div p.stllo+p.partido-label, #modalPremio p.stllo+p.partido-label{
    border-color:#3C7521 !important;
  }
  #calendario .partidos-container > div p.mty+p.partido-label, #modalPremio p.mty+p.partido-label{
    border-color:#642A72 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.tjn+p.partido-label, #modalPremio p.tjn+p.partido-label{
    border-color:#BDE4A4 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.jlco+p.partido-label, #modalPremio p.jlco+p.partido-label{
    border-color:#5CB615 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.tbsco+p.partido-label, #modalPremio p.tbsco+p.partido-label{
    border-color:#DEBCE4 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.pbla+p.partido-label, #modalPremio p.pbla+p.partido-label{
    border-color:#A13EA1 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.dLrds+p.partido-label, #modalPremio p.dLrds+p.partido-label{
    border-color:#922859 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.trrn+p.partido-label, #modalPremio p.trrn+p.partido-label{
    border-color:#E63780 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.mclva+p.partido-label, #modalPremio p.mclva+p.partido-label{
    border-color:#FBC7DE !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.drgo+p.partido-label, #modalPremio p.drgo+p.partido-label{
    border-color:#983230 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.chih+p.partido-label, #modalPremio p.chih+p.partido-label{
    border-color:#0B2739 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.ags+p.partido-label, #modalPremio p.ags+p.partido-label{
    border-color:#EC624B !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.yctn+p.partido-label, #modalPremio p.yctn+p.partido-label{
    border-color:#F8CCCC !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.qrtro+p.partido-label, #modalPremio p.qrtro+p.partido-label{
    border-color:#9F591F !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.leon+p.partido-label, #modalPremio p.leon+p.partido-label{
    border-color:#F28D15 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.oxc+p.partido-label, #modalPremio p.oxc+p.partido-label{
    border-color:#F8D2B3 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.cdmx+p.partido-label, #modalPremio p.cdmx+p.partido-label{
    border-color:#019DF4 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.vrcrz+p.partido-label, #modalPremio p.vrcrz+p.partido-label{
    border-color:#5CB615 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.cmpch+p.partido-label, #modalPremio p.cmpch+p.partido-label{
    border-color:#E63780 !important;
  }
  #calendario .partidos-swiper .swiper-slide > div p.qntroo+p.partido-label, #modalPremio p.qntroo+p.partido-label{
    border-color:#A13EA1 !important;
  }
#calendario article .day-header-desktop {
  background-color: #5CB615;
    color: #fff;
    margin: 0;
    border-radius: 15px 15px 0 0;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 18px;
    text-align: center;
    padding: 7px;
    font-weight: 600;
    position: relative;
    z-index: 9;
}
.layout-agotado {
position: absolute;
top: 0;
left: .75rem; /* Ajustamos la posición izquierda */
right: .75rem; /* Ajustamos la posición derecha */
bottom: 0;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
justify-content: center;
align-items: center;
font-size: 2em;
z-index: 10;
pointer-events: none;
    border-radius: 15px;
}

.layout-agotado div {
padding: 10px;
border: 0;
border-radius: 5px;
background-color: #019DF4;
color:#fff;
text-transform: uppercase;
font-weight: 600;
font-size: .8em;
}
.contador-memorama {
  background-color: #5CB615;
  border-radius: 10px;
  font-weight: 600;
  color:#fff;
  font-size: 20px;
  padding:5px 10px;
  margin: 10PX auto;
  text-align: center;
  width: fit-content;
  display: block;
}
#memorama .title{
  font-size: 36px;
}

.calendario {
  position: relative;
}
p.rss a img {
    max-width: 60px;
    width: auto;
    padding: 0 10px;
}
.mesActual {
    color: #fff;
    margin: 0 auto;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}
@media (max-width: 1439px) {
.contador-memorama {
  font-size: 1.6vw;
}
#memorama .title{
  font-size: 2.4vw;
}
  #memorama .bola-base-2  {
    left: -5vw;
    top: 0vw;
    max-width: 15vw;
}
#memorama .bola-base-2 img
{
  max-width: 15vw;
}
.bola-base-4 {
    position: absolute;
    left: 5vw;
    top: 280px;
    width: auto;
}
.bola-base-4 img {
    max-width: 12vw;
}
}
@media (max-width: 1024px) {
  .card {
    height: 9.5vw;
    width: 9.5vw;
  }
  #calendario .partidos-swiper .swiper-slide > div .partido-label label span img,
#modalPremioDescripcion div .partido-label label span img{
      height: 2.8vw !important;
    width: 2.8vw !important;
    margin: 0 1vw;
}
}
@media (max-width: 600px) {
  .mesActual {
        font-size: 4vw;
    margin-top: 5px;
  }
#calendario .tabs .tab a:hover, 
#calendario .tabs .tab a.active {
    width: 85%;
}
  .cont-a1+.cont-b1 {
  margin-left: -22px;
}
.cont-b1, .cont-a2 {
  margin-left:unset;
}
  .marzo-2025 .title.mini {
        font-size:6vw!important;
    }
    .marzo-2025 .title.mini .cont-b1+.cont-a2 {
        margin-left: -22px;
    }

  .grid {
      width: 100%;
  }
  .card {
      width: 150px;
      width: 20vw;
      height: 150px;
      height: 20vw;
  }
  .contador-memorama {
        font-size: 4vw;
    }
    .indicaciones .btn {
        font-size: 5vw;
        margin-top: 10px;
    }
    .lmb-screen-1 {
      margin: 25px auto;
    }
    
  .lmb-screen-1 .bola-base-1, .lmb-screen-1 .bola-base-2, .calendario .bola-base-3, 
  #memorama .bola-base-2  {
    left: unset;
    right: -8vw;
    top: -9vw;
    max-width: 27vw;
}
.lmb-screen-1 .bola-base-1 img,
.lmb-screen-1 .bola-base-2 img, 
#sinBoletos .bola img,
.calendario .bola-base-3 img,
#memorama .bola-base-2 img
{
  transform: scaleX(-1);
  max-width: 27vw;
}
.lmb-screen-1 .bola-base-2
{
        right: -10vw;
        top: 0;
}
.calendario .bola-base-3 {
        right: -10vw;
        top: 19vw;
        left: unset;
    }
.calendario .bola-base-3 img {
  max-width: 23vw;
}
.lmb-screen-1 .title {
font-size: 6vw;
margin:0 auto;
}
.lmb-screen-1 .subtitle {
    line-height: 1.2;
    font-size: 5vw;
}
#calendario .tabs .indicator {
max-width: 75px;
}
#calendario .partidos-swiper .swiper-slide > div .partido-label label span img,
#modalPremioDescripcion div .partido-label label span img{
      height: 30px !important;
    width: 30px !important;
    margin: 0 15px;
}
}
@media (max-width: 360px) {
.marzo-2025 .title.mini {
        font-size:1.5vw!important;
        line-height: 2.5;
    }
 }
#sinBoletos {
  padding: 130px 20px 150px;
  position: relative;
}
#sinBoletos .bola {
  position: absolute;
  left:-50px;
  top:150px;
}
.formulario {
  padding-top: 50px;
}
#formulario  .lmb-screen-1 {
  max-width:1000px;
  padding: 10px 30px;
  z-index: 99;
}

/* Estilos del botón de número de boletos */
.boleto-counter {
  display: block;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  height: auto;
  transition: width 0.3s ease;
  overflow: hidden;
  border-radius: 50px;
  background-color: #f5f5f5;
  padding: 0;
  cursor: pointer;
  position: absolute;
  right: 7px;
  bottom: 13px;
}
.boleto-counter.activo {
    width: 62%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-sumar-boleto {
  margin-left: 0;
  transition: transform 0.3s ease;
}
.boleto-counter .btn-restar-boleto, .boleto-counter .btn-sumar-boleto{
    width: 25px!important;
    height: 25px!important;
    color: #313235 !important;
    background-color: #f5f5f5 !important;
}
.boleto-counter .btn-floating i {
  color: #313235 !important;
}
.boleto-counter .btn-floating.btn-small i {
    line-height: normal;
    font-weight: 600;
}
.boleto-counter .btn-restar-boleto {
  display: none; /* Inicialmente oculto */
  transition: all 0.3s ease; /* Transición para todas las propiedades */
  cursor: pointer;
}

#cantidad-boletos {
  margin: 0 10px;
  color: #757575;
  font-size: 75%;
  display: none; /* Inicialmente oculto */
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.boleto-counter.activo .btn-restar-boleto {
  display: inline-flex; /* Se muestra al expandirse */
}

.boleto-counter.activo #cantidad-boletos {
  display: inline-flex; /* Se muestran al expandirse */
}

/* Estilos para los iconos */
.material-icons {
  font-size: 20px;
}
#calendario .partidos-swiper .swiper-slide > div .partido-label.clientes label span {
    width: 95%;
}
#calendario .partidos-swiper .swiper-slide > div .partido-label.clientes label span img {
      margin: 0 8px;
}

/* Estilos para Swiper de Partidos */
.partidos-swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.partidos-swiper .swiper-wrapper {
  display: flex;
}

.partidos-swiper .swiper-slide {
  width: auto;
  flex-shrink: 0;
}

.partidos-swiper .swiper-slide > div {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 8px;
  background-color: #f5f5f5;
  min-width: 140px;
  height: 100%;
}

.partidos-swiper .swiper-pagination {
  position: relative;
  bottom: 10px;
  text-align: center;
}

.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
  display: inline-block;
  margin: 0 4px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #10c4e0;
}

.partidos-swiper .swiper-button-next,
.partidos-swiper .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  width: 35px !important;
  height: 35px !important;
  background: rgba(16, 196, 224, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.partidos-swiper .swiper-button-next::after,
.partidos-swiper .swiper-button-prev::after {
  font-size: 18px;
  color: white;
  font-weight: bold;
}

.partidos-swiper .swiper-button-next:hover,
.partidos-swiper .swiper-button-prev:hover {
  background: rgba(16, 196, 224, 1);
}

/* Ajustes responsivos para Swiper */
@media (max-width: 768px) {
  .partidos-swiper .swiper-button-next,
  .partidos-swiper .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }
  
  .partidos-swiper .swiper-button-next::after,
  .partidos-swiper .swiper-button-prev::after {
    font-size: 14px;
  }
}

/* ===================== Rompecabezas ===================== */
.puzzle {
  background-blend-mode: multiply;
  width: 100%;
  max-width: 420px;
  border-radius: 20px;
  padding: 0.5em 1em 2em;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.5em;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.puzzle > * {
  z-index: 1;
}

#memorama .puzzle-grid {
  border: 2px solid #ccc;
  display: grid;
  gap: 2px;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas:
    "A B C"
    "D E F"
    "G H I";
  background: rgb(232, 232, 232);
  justify-items: stretch;
  align-items: stretch;
}

#memorama .puzzle-grid .tile,
#memorama .puzzle-grid .tile--empty {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  padding: 0;
  grid-area: var(--area, auto);
  border: none;
  display: block;
}

#memorama .puzzle-grid .tile {
  background: url("../img/lmb/2026/PERSONAJE.webp");
  background-size: 300%;
  background-repeat: no-repeat;
}

#memorama .puzzle-grid .tile {
  cursor: pointer;
}

#memorama .puzzle-grid .tile--empty {
  cursor: auto;
  background: transparent !important;
}

#memorama .puzzle-grid .tile:focus {
  outline: 2px solid hsl(205, 98%, 42%);
}

#memorama .puzzle-grid .tile[disabled] {
  cursor: not-allowed;
}

#memorama .puzzle-grid .tile--1 { background-position: top left; }
#memorama .puzzle-grid .tile--2 { background-position: top center; }
#memorama .puzzle-grid .tile--3 { background-position: top right; }
#memorama .puzzle-grid .tile--4 { background-position: center left; }
#memorama .puzzle-grid .tile--5 { background-position: center; }
#memorama .puzzle-grid .tile--6 { background-position: center right; }
#memorama .puzzle-grid .tile--7 { background-position: bottom left; }
#memorama .puzzle-grid .tile--8 { background-position: bottom center; }

.timer {
  margin-top: 10px;
}

.timer__title {
  font-size: 14px;
  font-weight: bold;
  color: #555;
}

.timer__subtitle {
  font-size: 1.2rem;
  color: #019DF4;
  margin: 4px 0 0;
}

.timer__title.borders {
  border-left: 1px solid #ccc;
}

.box.completo {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 8px;
  background: #f9f9f9;
}

.box.completo img {
  border-radius: 4px;
}

/* LMB 2026*/

body {
  background-color: #000!important;
}
.content {
  background-color: #000;
  min-height: unset;
}
.subtitle-2026 {
  font-size:20px;
  color:#fff;
  font-weight: 300;
}

#nav-mobile {
  padding-right: 140px;
}
.indicaciones {
  min-height: 72vh;
}
.indicaciones.fondo-b {
  background-image: url(../img/lmb/2026/BACK_REGISTRO_DESK.webp);
  background-position: top;
}
.indicaciones.fondo-c {
  background-image: url(../img/lmb/2026/BACK_ROMPECABEZAS_DESK.webp);
  background-position: bottom right;
}
.indicaciones .pasos {
  position: relative;
  width: fit-content;
  display: block;
  margin: 0 auto;
  border: 0;
  border-radius: 30px 35px 35px 30px;
  background-color: #0b2739 ;
  text-align: center;
  padding: 0px 10px 0 45px;
  height: 33px;
  margin: 15px auto;
}
.indicaciones .pasos p {
  text-align: center;
  color: #fff;
  line-height: 2.2;
  margin: 0;
}
.indicaciones .pasos .num {
  position: absolute;
  top: -4px;
  left: -2px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  font-size: 20px;
  background-color: #019df4;
  text-align: center;
  color: #fff;
  font-weight: 600;
  line-height: 2;
}
.indicaciones .btn {
  font-size: 18px;
  margin-top: 10px;
}
footer {
  bottom: 0px;
}
.footer__tyc {
  display: flex;
    justify-content: right;
    align-items: center;
}
.logo-desk-2026 {
  margin-left: 50px;
}
.img-logo-movi-2026-b {
  margin-top: 50%;
  width: 72%;
}
.img-logo-movi-2026-c {
  width:100%;
  max-width: 600px;
}
.lmb-screen-1 {
background-color: rgba(11, 39, 57, 0.49);
max-width: unset !important;
border:0!important;
}
.formulario, .juego-2026 {
  margin-top:130px;
  border-radius: 30px;
  padding: 10px!important;
  border: 1px solid #fff;
}
.juego-2026 {
  margin: 0 auto;
  max-width: 855px;
  float: none !important;
  clear: both;
}
.memorama {
  margin-bottom: 20px;
}
.formulario .lmb-screen-1, .juego-2026 .lmb-screen-1 {
  max-width: 1000px;
  padding: 10px 30px;
  z-index: 99;
  border:0;
  margin-top: 0;
  margin-bottom: 0;
  
}
.font30 {
  font-size: 30px;
  font-weight: 300;
}
.subtitle-2-2026 {
  font-size: 24px;
  margin-top: 0px;
}
#juego .subtitle-2-2026 {
  margin-top: 2em;
}
.indicaciones .btn.left-center {
  float: left;
}

.input-field {
  margin: 0 auto;
}
p.tilteModal {
  color:#fff;
}
.modal {
  background-color: rgba(11, 39, 57, 0.70) !important;
  color:#fff;
}
.modal-overlay {
  opacity: 1!important;
  background: none !important;
  backdrop-filter: blur(20px);
}
.indicaciones .wrapperBlock {
  width: 90% !important;
  margin: 0 auto;
  float: none !important;
  clear: both;
}
.marzo-2025 .timer {
  border: none;
  height: auto;
}
.timer__title {
  font-size: 18px;
    font-weight: 300;
  color: #fff;
}
.box.completo {
  border: 0;
  background: transparent;
}
.timer__subtitle {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
}
.box.completo p{
  float: left;
  margin: 0;
  text-align: left;
}
.box.completo img {
  max-width: 80px;
    height: auto;
    border-radius: 10px;
}
#memorama .puzzle-grid {
  border-radius: 10px;
    padding: 9px;
    border: 0;
    background-color: #fff;
    gap: 6px;
}
#memorama .puzzle-grid .tile {
  border-radius: 10px;
}
label {
  color: #fff!important;
}
[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after {
  border: 2px solid #fff!important;
}
.calendario .bola-base-3 {
  display:none;
}
.swiper-slide {
  background: transparent!important;
}
#calendario .dias-swiper {
  padding-bottom: 30px; }

#calendario .partidos-container {
  border:0;
  background-color: rgba(11, 39, 57, 0.60);
}
#calendario article .day-header-desktop {
  background-color: #019df4 !important;
  width: auto;
}
#calendario .partidos-container > div p:first-child, #modalPremioDescripcion div p:first-child {
  font-size: 12px;
  
}
#calendario .partidos-container > div .partido-label, #modalPremioDescripcion div .partido-label {
  min-height: 40px;
}
#modalPremio .modal-footer .btnBack, #bmodal1 {
  color:#fff;
}
#calendario .tabs .tab a:hover, #calendario .tabs .tab a.active {
  color: #019df4;
}
#calendario .tabs .indicator {
  background-color: #019df4;
}
.modal-title, .subtilteModal, #errorMsg {
  color:#fff;
}
.layout-agotado div {
  background-color: #5cb615;
  padding: 15px;
  border-radius: 10px;
}
.layout-agotado {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
#calendario .swiper-button-prev {
  left: 0px;
}
#calendario .swiper-button-next {
  right: 0px;
}

#sinBoletos p{
  font-size:22px;
  line-height: 1;
}
#calendario .subtitle-2-2026 {
  margin-top: 2em;
}
@media print {
  .swiper-button-next::after, 
  .swiper-button-prev::after {
    display: block !important;
    -webkit-print-color-adjust: exact; /* Forces colors/graphics in Chrome/Safari */
    print-color-adjust: exact;
  }
}
@media (max-width: 1266px) {
  .footer__tyc {
    font-size: 14px;
  }
}
@media (max-width: 1095px) {
  .footer__tyc {
    font-size: 12px;
  }
}
.br{
  display: none;
}
@media (max-width: 600px) {
  header nav a {
    color: #fff;
  }
  nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    font-size: 44px!important;
  }
  .br{
  display: block;
}
  .marzo-2025 .indicaciones {
    /* background-image: url(../img/lmb/2026/BACK_INSTRUCCIONES_MOBILE.webp); */
    background-image: url(../img/lmb/2026/BACK_MOBILE_v2.webp);
    padding: 10px 30px;
    min-height: 100vh;
    padding-top:60%;
    padding-bottom: 140px;
    min-height: 100vh;
    background-position: right;
  }
  .indicaciones.fondo-b {
    background-image: url(../img/lmb/2026/BACK_REGISTRO_MOBILE.webp);
    padding: 0px;
    padding-bottom: 120px;
  }
  .indicaciones.fondo-c {
    background-image: url(../img/lmb/2026/BACK_ROMPECABEZAS_MOBILE.webp);
  }
  nav .nav-wrapper {
    padding: 25px 5px 5px 52px;
  }
  .subtitle-2026 {
    margin: 0 auto;
    font-size: 4.2vw;
  }
  .img-logo-movi-2026 {
    margin-top: 15vw;
  }
  .indicaciones .pasos {
    height: 50px;
    padding: 0px 15px 0 52px;
  }
  .indicaciones .pasos .num {
    top: 5px;
    left: 5px;
  }
  .indicaciones .pasos p {
    line-height: 3.5;
    font-size: 15px;
  }
  .indicaciones .pasos p.dos-lineas {
    line-height: 1.1;
    padding-top: 9px;
    text-align: left;
  }
  .indicaciones .btn {
    margin-top: 50px;
  }
  .abril-2026 {
    position: relative;
    margin-top: -56px;
  }
  footer {
    padding: 20px;
    bottom: 0;
  }
  .footer__tyc {
    font-size: 14px;
    margin: 0;
    justify-content: center;
  }
  .indicaciones .btn.left-center {
    float: none;
  }
  .formulario {
    margin-top: 0;}
    .img-logo-movi-2026-b {
      margin-top: 20%;
      width: 68%;
  }
  .subtitle-2-2026 {
    font-size: 20px;
  }
  .marzo-2025 .input-field .formRompecabezas__submit {
    margin-top:10px;
  }
  .indicaciones .wrapperBlock {
    width: 100% !important;
  }
  .lmb-screen-1.no-pad {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .memorama {
    padding: 55px 10px;
  }
  .box.completo p {
    text-align: center;
    width: 100%;
  }
  .box.completo img {
    margin-top: 8px;
  }
  .timer__title {
    font-size: 14px;
  }
  #calendario {
    padding-top: 70px;
    padding-bottom: 0;
  }
  #calendario .tabs .tab a:hover, #calendario .tabs .tab a.active {
    width: 100%;
  }
  #calendario .tabs .indicator {
    max-width: unset;
  }
  .img-logo-movi-2026-c {
    margin-top: 20vh;
    max-width: 90%;
  }
  #sinBoletos p {
    font-size: 16px;
  }
  .memorama {
    margin-bottom: 0px;
    padding-bottom: 0;
  }
  #juego .subtitle-2-2026 {
    font-size: 4vw;
  }
  #calendario .subtitle-2-2026 {
    margin-top: 15px;
    font-size: 5vw;
  }
  .timer__subtitle {
    font-size: 5vw !important;
  }
  .marzo-2025 .timer {
    margin: 10px auto !important;
  }
  .row.calendario {
    margin-bottom: 0;
  }
  #calendario .dias-swiper {
    padding-bottom: 0px;
  }
  #calendario .partidos-container {
    padding-bottom: 0px; 
  }
  #myTabs {
    max-width: 350px;
  }
  .txt-gracias{
    font-size: 14px;
  }
}
@media (max-width: 400px) {
   .marzo-2025 .indicaciones {
   
    padding-top:30%;
  
  }
}
/* THANKS */

.marzo-2025 .indicaciones.shade, .marzo-2025 .formRompecabezas .rompecabezas.shade {
  background-image: url(../img/lmb/2026/BACK_RESULTADOS_DESK.webp);
}
.rompecabezas__title {
  font-size: 24px;
  font-weight: 300;
}
.rompecabezas__title .img-logo-movi{
  width:90%;
  max-width: 400px;
  margin-top:10px;
  padding-bottom: 10px;
}
.title-result {
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  padding: 0;
  margin: 0px auto 15px;
}
.btnGuardar-wrapper {
  background-color: #019df4;
    border-radius: 30px;
    padding: 30px 5px;
    width: 80%;
    margin: 0 auto !important;
}
.thanks__data {
  font-size: 22px;
  font-weight: 300;
}
#pNumber, #pDate {
  font-weight: bold;
}
.heading {
  margin-bottom: 2em;
}
.ico-2026 {
  max-width: 25px;
    margin: 0 5px
}
@media (max-width: 600px) {
  .marzo-2025 .indicaciones.shade, .marzo-2025 .formRompecabezas .rompecabezas.shade {
    background-image: url(../img/lmb/2026/BACK_RESULTADOS_MOBILE.webp);
    padding-top: 40px;
  }
  .marzo-2025 .rompecabezas__title {
    font-size: 3.8vw;
  }
  .btnGuardar-wrapper {
    width: 100%;
  }
  .thanks .row{
    margin-bottom: 0px;
  }
  .thanks__data {
    font-size: 4.5vw;
    font-weight: 300;
    margin: 10px auto 0;
}
  #btnTest {
    margin-top: 10px!important;
  }
  .fontMovi.teleRegular.font18 {
    margin-top: 0px;
  }
  .row.rrss {
    margin-bottom:0;
  }
  .heading {
    margin-bottom: 0;
  }
  .formRompecabezas .rompecabezas__title .img-logo-movi {
    width: 80%;
  }
}