/*ini bootstrap*/





.form-control {}
/*.form-control:focus { border-color: #f62131;box-shadow:none;}*/

.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;}
.row-eq-height > [class*='col-'] {display: flex;flex-direction: column;}

@media (min-width: 992px) {
	.col-md-4{width: 31.333333%;}
	.col-md-3{width: 21%;}
	#productos .producto .desc{width: 219px;}
}

/*end bootstrap*/

#cookie-policy-overlay {background-color:rgba(0,0,0,0.9);z-index:9999;top:3000px;left:0;right:0;width:100%;height:100%;cursor:pointer; box-sizing: content-box;position:absolute;}
#cookie-policy {width:100%;position:fixed;bottom:0;background-color:#FFDE00;text-align:center;color:#000;z-index:300000;display:none;}
#cookie-policy .cp-content {width:985px;text-align:left;margin:20px auto 20px auto;}
#cookie-policy .cp-content .cp-close {float:right;margin-top:15px;cursor:pointer;background-color:#000;padding:5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:13px;color:#ffffff;}
#cookie-policy .cp-content .cp-close:hover {background-color:#000000;}
#cookie-policy .cp-content h6 {font-weight:bold;font-size:16px;margin-bottom:5px;}
#cookie-policy .cp-content p {line-height:18px;font-size:13px;max-width:860px;color:#000;}
#cookie-policy .cp-content p a {color:#000;font-weight:bold;text-decoration:underline;}
#cookie-policy .cp-content p a:hover {text-decoration:none;}

@media (max-width: 1024px) {
    #cookie-policy .cp-content {width:100%;padding:0 10px;}
}

.ui-autocomplete {z-index:99999999;}
.ui-autocomplete li {font-size:14px;}

* {background-repeat:no-repeat;}

ul {padding-left:0;}
ul li {list-style: none;}

a, 
button span,
a:hover .arrow,
a:hover strong,
a:hover em,
.owl-prev,
.owl-next,
button,
.button .name,
.hef {-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} 
button .spin {-moz-transition:none; -webkit-transition:none;	-o-transition:none; -ms-transition:none; transition:none;}
.button .border {-moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out;	-o-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; transition:all 0.1s ease-out;} 

.nomaxwidth {max-width:inherit !important;}


html {
position: relative;
min-height: 100%;
}

html {
  width: 100%;
    overflow-x: hidden;
    overflow-y: auto;

}

body {-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased; width: 100%;}
body {font-family: 'Nunito', sans-serif;color:#fff; font-weight: 500}

body {
 background-color:#CB012D;
 background-image:url('../img/bg.svg');
 background-position: center top;
 background-size: 100% auto;
}


strong {
  font-weight: 900;
}




body,
p,
li {font-size:18px;color:#fff;  letter-spacing: 0px;}
a {color:#fff; }
a:hover,
a:focus{text-decoration:none !important;color:#fff; }

.opacity0 {opacity: 0;}
.opacity1 {opacity: 1;}


#logo_wrapper {
padding:10px 0px; 

}
.navbar-collapse {background:transparent;}



.nav-link {padding:0 30px !important;color:#C1027B !important;text-transform: uppercase;font-size:21px;}
.nav-link:hover {color:#009DE0 !important;}

.navbar-light .navbar-toggler {border-color:#C1027B !important;}
.navbar-light .navbar-toggler-icon {background-image:none;font-size:24px;color:#C1027B;line-height:35px;}
.navbar-light .navbar-toggler-icon:before {content:'\f0c9';font-family: 'FontAwesome';}
.navbar-collapse {z-index:10;}
.navbar .navbar-brand {display: none;}


.navbar-brand{text-align: center; display: block; margin:0 auto; max-width: 250px}


#header_wrapper {left:0;width:100%;z-index:3; max-width: 100%;margin:0 auto}
#content {padding-top:0px; max-width: 600px; width:100%; margin:0 auto}

#header_wrapper .logo_inner{margin: 0 auto; text-align: center}
.Oswald,
#cookie-policy * {font-family: 'Nunito', sans-serif;font-weight:600;letter-spacing: 0;}

#footer .logo_footer{max-height: 70px; margin-bottom:30px}
#footer {text-align: center;padding:20px 0px; position: relative; width:100%;background:#8969D3;}
#footer .legal {font-size:13px;line-height:20px;letter-spacing: 0;color:#fff; font-family: 'Nunito', sans-serif; padding: 20px; margin:0 auto; }
#footer .legal a {text-decoration: underline;font-weight:700;color:#fff; }
#footer .recordar {background-color:#BB0234;padding:60px 0 60px 0;font-size:26px;line-height: 20px;color:#5F2617; letter-spacing: 1px;margin-bottom:20px;position: relative;}
#footer .recordar img {margin-top:3px;}
#footer .footer_donettes {position: absolute;left:-4%;top:20%;max-width:26%;}
#footer .footer_castillo {position: absolute;right:4%;bottom:0;height:90%;}

#footer .bases_legales {font-size:30px; padding-bottom: 40px}
#footer .bases_legales a{text-decoration: none; }

#footer .link_legales{padding-bottom: 20px; padding-top: 20px}
#footer .link_legales a,#footer .link_legales span, #footer .link_legales .copyright{font-size:13px; color:#fff;  text-transform: none; display: inline-block; padding: 5px}
#footer .link_legales .perretes{margin: 0 auto; padding-top: 20px}

#footer .link_legales {
  display: flex;
  gap:30px;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width:768px) {
  #footer .link_legales {
    display: block;
  }

  #footer .link_legales a,
  #footer .link_legales span {
    display: block;
  }
}

.boogaloo{font-family:'boogalooregular', sans-serif;}

.copyright {
  margin-top:20px;
  font-size: 12px;
  font-weight: 700;
}

body {}
#footer { margin: 0 auto}
body.home {}
.home #footer {}
.home #footer .legal {}

#cms {padding:40px 0;}
#cms h1 {font-size:28px;color:#fff}
#cms h2 {font-size:18px;color:#fff}
#cms table {
  color:white;
}
#cms p,
#cms li {font-family: 'Nunito', sans-serif;font-size:14px; color:#fff}

#home {text-align: center;padding-top:0px;position: relative;}
#home_peluches,
#home_libros,
#home_disfraces,
#home_cine {position: absolute;}
#home_peluches {top:10vh;left:-4vw;}
#home_libros {top:12vh;right:-4vw;}
#home .participa{padding-top: 20px; padding-bottom:40px}

#home .txt{max-width:350px; margin:0 auto; font-size:18px; padding:10px 0px}
#home .txt span{color:#FFDA00}

.home_intro {padding:30px;background-color:#92D400;color:#fff;max-width:540px;margin:20px auto 100px auto;}
.home_intro {font-size:25px;line-height:28px;}
.home_intro img {margin:10px auto;}
.home_intro .btn {margin-bottom:-58px;margin-top:20px;}
.home_intro .introi3 {margin:0 -60px 20px -60px;}

.home_squads {position: relative;margin-bottom:80px;}
#home_squad1,
#home_squad2,
#home_squad3,
#home_squad4 {position: relative;}
#home_squad1 {float:left;}
#home_squad2 {float:right;margin-top:-380px;}
#home_squad3 {float:left;margin-top:-100px;}
#home_squad4 {float:right;margin-top:-240px;}

.home_steps {padding-top:30px;text-align: left;}
.home_steps .step {margin-bottom:50px;}
.home_steps .num {display: inline-block;vertical-align: top;margin-right:20px;}
.home_steps .text {display: inline-block;vertical-align: top;max-width:70%; font-size:24px;line-height:32px;}
.home_steps .text .unano {font-weight:900 !important;font-size:28px;line-height:34px;margin-top:5px;}
.home_steps .step2 {max-width:480px;margin-left:auto;margin-right:auto;}
.home_steps .step2 .num,
.home_steps .step2 .text {vertical-align: middle;}
.home_steps .step3 .lnk_premios {font-weight:900;color:#FFDA00;text-decoration: underline;}
.home_steps .step4 .text {text-align: center;max-width:90%;}
.home_steps .step4 .num,
.home_steps .step4 .text {display: block;margin:0 auto 20px auto;}
.home_steps .step4 .text .podras {font-weight:900;font-size:30px;line-height:34px;line-height:42px;}
.home_steps .step4 .text .podras .ganar {color:#FFDA00;}

.bola_left {text-align: left;}
.bola_right {text-align: right;}
#producto .mordisco {font-size:26px;}
#producto .mordisco .es {margin-bottom:30px;}
#producto .mordisco .woo {display: block;color:#FFDA00;font-weight:900;font-size:70px;line-height:70px;}

#premios .premio_tipo {padding-top:20px;padding-bottom:40px;}
#premios .title {text-transform: uppercase;font-weight: 900;font-size:32px;}
#premios .bgdon {background-image:url('../img/title_premio_tipo_don.png');background-position: right center;min-height:50px;}
#premios .bgdon.right {background-image:url('../img/title_premio_tipo_don.png');background-position: left center;min-height:50px;}
#premios .viajazo {font-size:28px;line-height:34px;font-weight:900;max-width:670px;margin:0 auto;}
#premios .viajazo .amar {color:#FFDA00;font-weight:900;font-size:44px;line-height:44px;display: block;margin-bottom:10px;}
/*

#producto .bola1 {position: absolute;left:0;top:0;}
#producto .bola2 {position: absolute;right:0;top:0;}
*/

.clear {clear: both;}

.botones {margin-top:40px;}


#footer_premio1,
#footer_premio2 {position: absolute;bottom:50%;}
#footer_premio1 {right:14vh;width:18vw;}
#footer_premio2 {left:20px;width:32vw;}

#comoparticipar {text-align: center;}
.comoparticipar_title {max-width:40vw;}
#comoparticipar .btn {font-size:26px;padding: 6px 10px 5px 10px;width:100%;margin-top:60px;}
#comoparticipar .btn.last {display: none;}

#codigo {text-align: center;background-size:100% auto; padding-top:0px;color:white;}
.codigo_title {max-width:50vw; padding-bottom:30px}
#codigo form {max-width:640px;margin:20px auto 0 auto;}
#codigo .box {position: relative;}
#codigo label {color:#000;font-size:24px;text-transform: uppercase;margin-bottom:0;font-family: 'Nunito', sans-serif;}
#codigo input[type="text"],
#codigo input[type="email"],
#yuju input[type="text"],
#yuju input[type="email"] {border:0px;border-radius: 0px;font-size:20px;line-height:30px;font-weight:400; color:#000 !important}
#codigo input[type="text"],
#yuju input[type="text"]{background:#fff;border:0;border-bottom:0px solid white;font-weight: 600;margin-top:50px}
#codigo  p {
  color: white;
  font-weight: 600;
}


#codigo .row_legal {margin-top:30px; text-align: left}
#codigo .row_legal label {font-size:14px;font-weight:700;text-transform: none;letter-spacing: 0;color:#66468f;}
#codigo .row_legal label a {text-decoration: underline; color:#fff}
#codigo button.btn {margin-top:30px}

#codigo ::-webkit-input-placeholder,
#yuju ::-webkit-input-placeholder { color: #fff; text-transform: none}
#codigo :-ms-input-placeholder ,
#yuju :-ms-input-placeholder  { color: #fff; text-transform: none}
#codigo ::placeholder,
#yuju ::placeholder { color: #000; text-transform: none}

#codigo .box .llama_codigo{    position: absolute;
    bottom: -30px;
    right: 30px;
}

.banner-whatsapp{padding-top:10px; margin:0 auto; text-align: center}


#codigo #teclado {
    padding-top:30px
}

.teclado-row {
    text-align: center;
    margin-bottom: 10px;
}

#teclado a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color:transparent; 
    width:50px;
    height:50px;
    font-size: 25px;
    color:#ffffff;
    border:1px solid #ffffff;
    text-align: center;
    display:inline-block;
    padding-top:5px
}

#teclado a:hover {
    text-decoration: none;
    /*opacity: 0.8;*/
    background-color:#66478f;
    border-color:#66478f
}

#teclado a.eliminar i{margin-top:5px}




#participar{background-color:#ffffff; text-align: center; color:#66478f; font-size: 28px; line-height: 30px; padding-top:60px; padding-bottom: 370px}
#participar .paso{padding-top:50px;}
#participar .paso .txt{padding-top: 20px}



#responde {
  position: relative;
  width: 100%;
  
  background: #feda00;
}

#responde:after {
  position: absolute;
  width: 100%;
  height: 200px;
  content: "";
  background: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: top left;
  transform: skewY(-4deg);
}

#responde .responde_img{position: absolute; z-index: 9999; left: 50%; transform: translateX(-50%); margin-top: -320px}

 #responde .txt{color:#66478f; font-size: 28px; line-height: 32px; text-align: center; margin:0 auto; padding-top: 180px; width:90%; max-width: 650px; margin-bottom:80px}

#responde .bg_llama{background-image:url('../img/bg_llama.png'); background-repeat: repeat-x; height:140px; background-position: bottom center; background-size: contain; text-align: center; vertical-align: baseline}


.banner-invita{position: relative; width: 100%;  background: #e03366; margin-top: 60px; padding-bottom: 50px}
.banner-invita:after {
  position: absolute;
  width: 100%;
  height: 100px;
  content: "";
  background: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: top left;
  transform: skewY(-2deg);
}

.banner-invita .content{margin: 0 auto; width:100%; max-width: 768px; z-index:999; position: relative; font-size:30px; text-align: center; line-height: 35px}
.banner-invita .content .llama_img{margin-top: -70px}

.banner-invita.banner-resultado{ margin-top: 150px; }
.banner-invita.banner-resultado .content .llama_img{margin-top: -70px; margin-bottom: 30px}


#mapache,
#amigos {position: absolute;}
#mapache {top:10px;left:-90px;max-width:180px;}
#amigos {top:50%;right:-170px;max-width:290px;}

#premios {padding:30px 0;text-align: center;}
.premios_title {max-width:26vw;margin-bottom:60px;}
#premios .label {height:30px;margin-bottom:10px;}
#premios .desc {font-size:20px;margin-bottom:20px;}

#resultado {text-align: center;padding:10px 0px;background-size:100% auto;}
.resultado_title {max-width:50vw;margin-bottom:60px;}
#resultado .introduce {text-align: center;font-size:24px;margin-top:20px;margin-bottom:20px;}
#resultado .felicidades_img {margin-top:10px;}
#resultado form {text-align: left;max-width:500px;margin:0 auto 50px auto;}
#resultado form .buttons {margin-top:30px;}

#resultado .prueba {font-size:22px;margin:60px auto 20px auto;}

#resultado .title{color:#ffffff; font-size: 60px; line-height: 65px; text-align: center; text-transform: uppercase}
#resultado .txt{color:#66478f; font-size: 35px; line-height: 40px; text-align: center; padding-top:50px; max-width: 550px; margin:0 auto; padding-bottom: 60px}

.resultado .banner-whatsapp{padding-top:60px}

.felicidades_desc_mob {display: none;}

#share {text-align: center;margin:0 auto;color:#002D7E;font-size:28px;position: absolute;left:0;right:0;top:-50%;}
#share > div {font-family: 'Nunito', sans-serif;}
#share li {display: inline-block;margin:0 10px;font-size:32px;}
#share li a {background-color:#002D7E;color:#fff;width:50px;height:50px;text-align: center;display: block;border-radius: 50%;}
#share li a .fa {line-height: 50px;}

#yuju {text-align: center;padding:20px 0 0 0;background-size:100% auto;}
.yuju_title {max-width:50vw;margin-bottom:60px;}
#yuju .prueba {font-size:22px;margin:10px auto 20px auto;max-width:600px;}

#yuju .title{color:#ffffff; font-size: 60px; line-height: 65px; text-align: center; text-transform: uppercase; padding-bottom: 30px}

#yuju .tick_correcto{padding-top: 50px; padding-bottom: 20px}

#yuju #inline_rrss{display:none; text-align: center!important; padding-top: 30px}
#yuju #inline_rrss ul li{display: inline-block; padding:0px 10px}
#yuju #inline_rrss .ico a{font-size: 40px; color:#ffffff; background-color: #66478f; border-radius: 30px; width: 60px; height: 60px; display: block; line-height: 60px; padding-top: 8px}
#yuju #inline_rrss .ico a:hover{background-color: #e03366}

#yuju .txt{padding: 20px;  margin:0 auto 20px auto; font-family: 'Josefin Sans', sans-serif;}

#yuju .txt.email{padding: 20px; margin:0 auto; font-size:20px}

#yuju .txt.fecha{padding: 20px;  margin:0 auto; font-size:16px; text-align: left; line-height: 20px}
#yuju .txt span, #yuju .txt a{color:#FFDE00}

.pack{padding-bottom:20px}
.sofa{padding-bottom:20px}

#ganadores {text-align: center;padding:20px 0 0 0;}
.ganadores_title {max-width:30vw;margin-bottom:20px;}

.errors {color:red;margin-bottom:10px;font-weight: 700;}

.cama {max-width:760px;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #704593;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
textarea:focus {
outline: none;
box-shadow:none !important;
}

.input_lbl_wrapper {position: relative;}
.input_lbl_wrapper label {position: absolute;z-index:2;top:10px;color:#ffffff;font-weight:600;font-size:18px;-moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;	-o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out; text-transform: none}
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"] {padding:11px 10px 10px 10px;font-weight:700;border:0;font-size:18px;height:50px;border-radius: 0;color:#ffffff;border-bottom:1px solid #fff;}
.input_lbl_wrapper label,
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"] {padding-left:0px;}
.input_lbl_wrapper.focus label {bottom:inherit;top:0;font-size:11px;text-transform: uppercase;}
.input_lbl_wrapper.focus input[type="text"],
.input_lbl_wrapper.focus input[type="email"],
.input_lbl_wrapper.focus input[type="password"] {padding-bottom:0;}
.input_lbl_wrapper ::-webkit-input-placeholder { color: #ffffff;}
.input_lbl_wrapper :-ms-input-placeholder { color: #ffffff;}
.input_lbl_wrapper ::placeholder { color: #ffffff;}


.form-check label {
  font-weight: 600;
}

.bimboapi_content .text-muted {
  font-size: 13px;
}

.select_lbl_wrapper select {background:transparent;border:0;border-bottom:2px solid #fff;padding:11px 10px 10px 10px;font-size:20px;height:50px;border-radius: 0;-webkit-appearance: none;-moz-appearance:none; appearance: none;width:100%;color:#fff;}


.social_links {margin-bottom:0;}
.social_links li { margin-right: 5px; display: inline-block;}
.social_links a {font-size: 26px; color: #fff !important;display: block;width: 38px; height: 38px;text-align: center;line-height: 38px;border-radius: 50%;}
.social_links a > .fa {line-height: 38px;}
.social_links .facebook {background-color: #3E5C9A;}
.social_links .twitter {background-color: #29A9E1;}
.social_links .instagram {background: rgba(245,237,83,1);background: -moz-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(245,237,83,1)), color-stop(25%, rgba(228,129,68,1)), color-stop(42%, rgba(208,86,102,1)), color-stop(50%, rgba(200,66,120,1)), color-stop(100%, rgba(25,43,250,1))); background: -webkit-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: -o-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: -ms-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ed53', endColorstr='#192bfa', GradientType=1 );}

.compra_original {display:inline-block!important; max-width:250px;margin-bottom:20px;}
.compra_original button.sc-btn{
	background-color:#FFDA00!important; border:0px!important; color:#C1027B!important; display:inline-block!important; text-align: center;
	font-size: 14px;
	color: #FFDA00;
	font-weight: 800;
	padding: 10px;
	max-width: 250px;
	width: 100%;
	background-color: #5F2617;
	border-radius: 63px;
	margin: 0 auto;
	cursor: pointer;
	text-transform: uppercase;
	display: inline-block;
}
.compra_original button.sc-btn:hover{background-color:#FFDA00!important; color:#C1027B!important}
div[data-sc-type="dropdown"] ul, 
div[data-sc-type="retailer-dropdown"] ul {left:0 !important;right:0 !important;margin:0 auto !important;}

.no_mobile{display: block}
.no_desktop{display: none}
.no_brdesktop{display: none}

.amarillo{color:#feda00}



.bimboapi_box form{background-color: transparent; padding:20px;border-radius: 15px;}
#resultado form .buttons{text-align: center}
.bimboapi_box .subtitle, .title_big{color:#ffffff;}
.bimboapi_content .text-muted{color:#ffffff!important}
.bimboapi_content .bimboapi_form_text_legal p, .bimboapi_content .formar{color:#ffffff!important}
.title_big {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 32px;
}

.input_radio_lbl_wrapper li{color:#ffffff}

.bimboapi_form_sms_intro p{color:#ffffff}
.bimboapi_content, .bimboapi_content p a, .bimboapi_content .form-check a, .login_link a{color:#ffffff}
.bimboapi_content .login_link a, .bimboapi_content .forgot_link a, .bimboapi_content .signup_link a{color:#ffffff}

.bimboapi_content .btn{border:0px solid #ffffff!important; border-radius: 10px!important; background-color: #E1261C!important; color:#ffffff!important;font-weight: 700;}
.bimboapi_content .btn:hover{background-color: #000!important; color:#fff!important}
.bimboapi_content .login_link a:hover, .bimboapi_content .forgot_link a:hover, .bimboapi_content .signup_link a:hover{color:#ffffff!important}
.input_radio_lbl_wrapper li.selected span{color:#ffffff!important}
.input_lbl_wrapper .input_value, .input_radio_lbl_wrapper ul{color:#ffffff!important}
.input_radio_lbl_wrapper{border:1px solid #ffffff}
.input_radio_lbl_wrapper li::after{color:#ffffff}
.input_lbl_wrapper.focus select{color:#ffffff!important}
.form-control:focus{background-color:transparent}

@media (max-width: 1300px) {
    .logo_center {height:90px;}
   
    #home_logo {max-width:450px;}
    #home_peluches {max-width:290px;}
    #home_libros {max-width:290px;}
    .home_intro { font-size: 22px;line-height: 26px;}
    .home_intro .introi3 {margin-bottom:20px;}
    #footer .recordar {font-size:22px;line-height:16px;}

}

@media (max-width: 1200px) {
  .section_title {height:100px;}
  #home_squad1 {max-width: 540px;}
  #home_squad2 {margin-top:-300px;max-width: 460px;}
  #home_squad3 {margin-top:-130px;max-width: 490px;}
  #home_squad4 {margin-top:-200px;max-width: 550px;}
  .producto_spoiler {max-width:700px;}
  .bola1,
  .bola2 {max-width:120px;}
  #producto .mordisco { font-size: 22px;}
  #producto .mordisco .woo {font-size: 57px;line-height: 54px;}
  #premios .bgdon,
  #premios .bgdon.right {background-size:auto 100%;min-height:40px;}
  #premios .title {font-size:27px;}
  #footer .footer_donettes {max-width: 23%;top: 27%;}
  #footer .footer_castillo {height: 74%;}
  .home_steps .text {font-size: 22px;line-height: 30px;}
  .home_steps .step4 .text .podras {font-size: 26px;line-height: 33px;}
  
}

@media (max-width: 1100px) {
  .logo_center {height:80px;}
  /*#header_wrapper {height: 115px;}*/

}
/*mobile*/
@media (max-width: 991px) {
  #menu {padding:0;}
    .no_mobile{display: none}
    .no_desktop{display: block}
  #logo_wrapper {}
  .navbar-brand {display: block;}
 
  .navbar .navbar-brand {display: block;}
  .logo_center_item {display: none;}
  .nav-link {padding:5px 0 !important;}
  .navbar-nav {padding-top:15px;}
  
    
    #participar{padding-bottom: 250px}
#responde {
  position: relative;
  width: 100%;

  background: #feda00;
}

    #responde .responde_img{position: absolute; z-index: 9999; left: 50%; transform: translateX(-50%); margin-top: -170px}
    #responde .txt{padding-top:350px;font-size: 22px;line-height: 28px; max-width: 350px}
    
    #resultado  .title{font-size:50px; line-height: 50px}
    
 #resultado  .txt{font-size: 30px;line-height: 35px; max-width: 450px}
    
    #yuju .title{font-size:50px; line-height: 50px}
    #yuju .tick_correcto{padding-top:30px}
    
    
    #teclado a{font-size: 20px; height:29px; width:29px; padding-top: 0px}
    
#teclado a.eliminar i{margin-top:3px}
    
  #home {padding-left:10px;padding-right:10px;}
  #home_slogan {height:auto;max-width:100%;}
  #home_peluches,
  #home_libros,
  #home_disfraces,
  #home_cine {position: relative;display: inline-block;width:40%;left:0;right:0;margin:0 auto;top:0;}
  #footer_premio1,
  #footer_premio2 {position: relative;bottom:0;display: block;width:90%;left:0;right:0;margin:0 auto;top:0;}
  body {margin-bottom:0px !important;}
  #footer {height:auto !important;position: relative !important;}
  #footer_premio2 {margin-top:-220px;}

  .codigo_title,
  .comoparticipar_title,
  .ganadores_title {max-width:100%;}
  #comoparticipar .btn.first {display: none;}
  #comoparticipar .btn.last {display: block;}
  #comoparticipar .col-sm-4 {padding-bottom:20px;}
  #mapache,
  #amigos {display: none;}

  #resultado .introduce {font-size: 21px;}
  #resultado form label {text-align: left;}
  #share {font-size:21px;top:0;position: relative;}

  #home_squad1 {max-width: 100%;float:none;}
  #home_squad2 {margin-top:0px;max-width: 100%;float:none;margin-bottom:20px;}
  #home_squad3 {margin-top:0px;max-width: 100%;float:none;margin-bottom:20px;}
  #home_squad4 {margin-top:0px;max-width: 100%;float:none;margin-bottom:20px;}

  .section_title {height:50px;}
  .home_squads {margin-bottom:40px;}
  #home_logo {max-width:350px;}
  #home_peluches,
  #home_libros,
  .step_castillo,
  .bola1, .bola2,
  .footer_castillo {display: none;}
  .producto_spoiler {max-width:90%;}
  #footer .footer_donettes {max-width:60%;margin:0 auto;left:inherit;top:inherit;position: relative;margin-bottom:20px;}
  #footer .recordar {padding:20px 0;}
  #footer .recordar {font-size: 16px;line-height: 20px;}
  .botones {max-width:200px;}
  .premio_img_1 {display: none;}
  .premio_img_2 {margin-top:20px;}
  .cama {max-width:90%;}
    
    #participar .paso{width: 80%; margin: 0 auto;font-size: 20px; line-height: 25px}
    #participar .paso img{max-width: 70%}
    
    .resultado .banner-whatsapp{padding-top:40px}
}

@media (max-width: 768px) {
  .felicidades_desc {display: none;}
  .felicidades_desc_mob {display: block;}
  #home_logo {max-width:200px;}
  .home_intro .introi3 {margin-bottom: 5px;}
  .home_intro { font-size: 19px;line-height: 22px;margin-bottom:60px;}
  .home_steps {padding-top:15px;}
  .home_steps .step {margin-bottom:25px;}
  .home_steps .num {height:42px;}
  .home_steps .text {font-size: 17px;line-height: 22px;}
  .step_pack_donettes,
  .step_contenedor {max-width:240px;margin:10px auto 0 auto;display: block;}
  .home_steps .text,
  .home_steps .step4 .text {max-width:75%;text-align: left;}
  .home_steps .step4 .num, 
  .home_steps .step4 .text {display: inline-block;vertical-align: top;}
  .home_steps .step4 .text .podras { font-size: 19px;line-height: 21px;}
  #producto .mordisco { font-size: 17px;}
  #producto .mordisco .woo { font-size: 31px; line-height: 32px;}
  #producto .mordisco .es {margin-bottom:15px;}
  #premios .bgdon, #premios .bgdon.right {display: none;}
  #premios .title {font-size: 22px;}
  #premios .premio_tipo {background-image: url(../img/title_premio_tipo_don.png); background-position: center top;background-size:auto 30px;margin-top:15px;padding-top:40px;}
  .premio_img {max-width:200px;}
 
  #premios .viajazo .amar { font-size: 24px;line-height: 24px;}
  #premios .viajazo { font-size: 20px;line-height: 25px;}
  #premios {padding-bottom:0;}
  #codigo .box,
  #yuju .box {padding:0;}

    
  #codigo .box .llama_codigo{right:0px; bottom:-50px}      
    #codigo .box .llama_codigo img{height:120px}
 
  .losentimos_img1 {max-width:200px;margin:20px auto 20px auto;}
  #resultado .introduce {font-size:17px;}
  .input_lbl_wrapper label,
  .input_lbl_wrapper input[type="text"], .input_lbl_wrapper input[type="email"], .input_lbl_wrapper input[type="password"] {font-size:18px;}
  #yuju .prueba {font-size: 17px; line-height: 22px;}
  .home_intro .introi3 {margin:0 auto;}
    
    
     .no_brdesktop{display: block}
.banner-invita .content{font-size:22px; line-height: 25px}
.banner-invita .content .llama_img{margin-top: -50px}
    .banner-invita .content .llama_img{}  
    .banner-invita{padding-bottom: 20px; margin-top: 20px}
  
    .banner-invita.banner-resultado .content .llama-codigo{max-width: 290px; padding: 10px 0px}
    .banner-invita.banner-resultado{padding-bottom: 40px;}
}

@media (max-width: 600px) {
 #responde .txt{padding-top:260px}
    
}


@media (max-width: 500px) {
 #responde .txt{padding-top:150px; margin-bottom: 30px}
    #responde::after{height:150px}
    .banner-invita .content{max-width:500px}
    .banner-invita .content .llama_img{margin-top: -20px; margin-left: 10px}
    .banner-invita.banner-resultado .content .llama_img{margin-left: 0px}
    .btn{font-size: 23px}
}


.social_icons img {
  height: 40px;
  margin:0 5px;
  
}

.social_icons {
	display: flex;
	gap:20px;
	justify-content: center;
	align-items: center;
}

.social_icons a {
	font-size: 30px;
}

.separador {
  max-width: 100%;
}



.compra_pack {
  background:#FFDA00;
  padding:20px 30px;
  border-radius: 15px;
  font-weight: 700;
  margin-bottom:40px;
}

.entradas {
  font-size: 20px;
}

.compra_pack {
  font-size: 18px;
  font-weight: 500;
  font-family: 'Josefin Sans', sans-serif;
}

.page-width {
  max-width: 400px;
  margin:0 auto;
}

#header_wrapper {
  margin-bottom:30px;
}


.slogan {
  font-weight: 700;
  font-size: 16px;
  margin-top:10px;
}

.ibamos {
  font-weight: 500;
}

.prefooter {
  background-image:url('../img/prefooter.png');
  background-repeat: repeat-x;
  height: 50px;
  position: relative;
  margin-top:150px;
}

.prefooter .as {
    position: absolute;
    left:0;
    right: 0;
    bottom:10px;
    max-height:150px;
    margin:0 auto;
}

#codigo .box,
#yuju .box {
padding-top:20px;
}

#yuju .box {

}

#yuju {
  padding-top:0;
}

.enhorabuena {
  background:#FFDA00;
  padding:20px 30px;
  border-radius: 15px;
  font-weight: 500;
  margin-bottom:40px;
  font-family: 'Josefin Sans', sans-serif;
}

.arenal_tendra {
  font-family: 'Josefin Sans', sans-serif;
}


.icon_sombrilla_1 {
  position: fixed;
  width: 60px;
  top:150px;
  left:-30px;
  z-index: 0;
}

.icon_sombrilla_2 {
  position: fixed;
  width: 60px;
  top:450px;
  right:-30px;
  z-index: 0;
}

.icon_sombrilla_3 {
  position: fixed;
  width: 60px;
  top:480px;
  left:-30px;
  z-index: 0;
}

.icon_lineas {
  position: fixed;
  width: 60px;
  top:130px;
  right:-30px;
  z-index: 0;
}

/*
@media (min-width: 750px) {
  .icon_sombrilla_1,
  .icon_sombrilla_2,
  .icon_sombrilla_3,
  .icon_lineas {
    width: 100px;
  }
}*/


.finalizar * {
  font-size: 20px;
}

.resolución {
  font-size: 14px;
}



#wrapper {
  padding-bottom:60px;
  min-height: calc(100vh - 163px);
}

.codigo_barras_digitos {
  font-size: 14px;
}



.gracias_title {
  font-family: 'Neucha', cursive;
  color:#BB0234;
  font-size: 32px;
  margin-bottom:20px;
}

.gracias_subtitle {
  color:#000000;
  margin-bottom:20px;
}

.gracias_subtitle2 {
  color:#ffffff;
  margin-bottom:20px;
  font-weight: 800;
}

.gracias_enhorabuena {
  font-family: 'Neucha', cursive;
  color:#ffffff;
  font-size: 24px;
  margin-top:60px;
  margin-bottom:20px;
}

.gracias_unfin {
  color:#F4CF00;
  margin-top:40px;
  margin-bottom:20px;
  font-weight: 800;
}

.gracias_unfin span {
	 font-family: 'Neucha', cursive;
	 font-size: 26px;
}

.gracias_resolucion {
  color:#fff;
  margin-top:40px;
  margin-bottom:20px;
  font-weight: 800;
}

.gracias_curiosidad {
  color:#fff;
  margin-top:40px;
  margin-bottom:20px;
}

.test_pregunta .num {
	background-image:url('../img/dot.svg');
	min-width:50px;
	height: 50px;
	background-size: cover;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	font-weight: 700;
	color:#F4CF00;
}

.test_pregunta {
	font-family: 'Neucha', cursive;
	display: flex;
	gap:0px;
	margin-top:30px;
}

.test_pregunta .pregunta {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	color:#ACD4EE;
	padding-top:7px;
	margin-bottom:30px;
	
}

.preguntas #content {
	max-width: 400px;
	padding-top:30px;
}

.preguntas #header_wrapper {
	display: none;
}  

.test_favorita {
	font-size: 14px;
	border-bottom:1px dashed #F4CF00;
	padding-bottom:15px;
	display: inline-block;
	margin-bottom:30px;
}

.test_respuestas li {
	text-align: left;
	margin-bottom:20px;
}

.test_respuestas li a {
	display: block;
	background:white;
	color:#000000;
	padding:20px;
}

.test_respuestas li a .letter {
	font-weight: 900;
	color:#BB0034;
}

.test_respuestas li a:hover,
.test_respuestas li a.active {
	background:#F4CF00;

}

.test_contador {
	font-weight: 800;
	color:#F4CF00;
}

.test_registrate {
	padding-top:40px;
}


.test_respuestas_ciudades {
	display: flex;
	gap:20px;
}

.test_respuestas_ciudades a{
	position: relative;
	display: block;
}

.test_respuestas_ciudades .active:before {
	width:100%;
	height:100%;
	border:10px solid #F4CF00;
	position: absolute;
	content:' ';
	display: block;
	
}



/* background stripe animation */
:root {
  --stripe-size: 200px;
  --color1: #59108A;
  --color2: #4F2279;
  --duration: 4s;
}
/*
body {
  display: flex;
  height: 100vh;
  flex-direction:column;
}
*/

.stripe {
  position: fixed;
  left:0;
  top:0;
  width:0;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.stripe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + var(--stripe-size));
  height: 100%;
  background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
  background-size: var(--stripe-size) var(--stripe-size);
  -webkit-animation: stripeTransform var(--duration) linear infinite;
          animation: stripeTransform var(--duration) linear infinite;
}


@-webkit-keyframes stripeTransform {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--stripe-size) * -1));
  }
}

@keyframes stripeTransform {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--stripe-size) * -1));
  }
}
@-webkit-keyframes stripeBackgroundPosition {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--stripe-size) * -1) 0;
  }
}
@keyframes stripeBackgroundPosition {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--stripe-size) * -1) 0;
  }
}
/* background stripe animation */

#header_wrapper {
  position: relative;
  margin:0 auto;
  margin-top:10px;
  margin-bottom:-150px;
}

body {
  font-family: "roc-grotesk", sans-serif;
font-weight: 400;
font-style: normal;
}

.logo {
  width: 70px;
}

.heading1 {
  margin-top:60px;
  font-family: "brevia", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 1;
  font-weight: 900;
  margin-bottom:40px;
  position: relative;
}

.label_gana {
  background-color:#D1FF00;
  text-align: center;
  color:#4F2279;
  padding:50px 40px 35px 40px;
  transform: rotate(-3deg);
  margin-bottom:50px;
  margin-left:-100px;
  margin-right: -100px;
  position: relative;
}

.label_gana h1 {
  font-family: "mighty-slab", serif;
  text-transform: uppercase;
  font-size: 72px;
  line-height: 1;
  letter-spacing: 4px;
}

.label_gana h1 span {
  font-size: 84px;
  font-family: "roc-grotesk-compressed", sans-serif;
  text-transform: none;
  display: block;
  font-weight: 500;
  letter-spacing: 0px;
}

.home_section_1 {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.btn,
body .bimboapi_content .btn {
  background-color:#FD4200 !important;
  border-radius: 50px !important;
  padding:5px !important;
  font-family: "brevia", sans-serif !important;
  font-weight: 900 !important;
  color:#FFE500 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  transition:all 0.2s !important;
  letter-spacing:0 !important;
}





.btn .btn_inner {
  border:2px solid #FCDA00 !important;
  display: block !important;
  border-radius: 50px !important;
  padding:7px 50px !important;
}

.btn .small {
  display: block;
  font-size: 17px;
}

.btn:hover,
body .bimboapi_content .btn:hover {
  transform: scale(1.07) !important;
  color:#FFE500 !important;
  background-color:#FD4200 !important;
}
/*
.btn:hover {
  background-color:#FFE500 !important;
  color: #4F2279 !important;
}

.btn:hover .btn_inner {
  border-color:#4F2279;
}
*/




/* mouse icon animation */
@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}

.home_participa {
  margin-bottom:30px;
}

.home_participa .mouse_icon {
  margin-top:40px;
  text-align: center;
}

.mouse_icon svg #wheel {
	animation: scroll ease 1.5s infinite;
}

.mouse_icon svg {
  display: block;
  margin:0 auto;
}

.mouse_icon .arrow {
  width: 30px;
  margin-top:10px;
}



.heading2 {
  padding-top:40px;
  font-family: "brevia", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 44px;
  line-height: 1;
  font-weight: 900;
  margin-bottom:40px;
  position: relative;
}

.heading2.yellow {
  color:#FCDA00;
}



.arrow_como {
  transform: scaleX(-1) rotate(110deg);
}

.in-viewport .arrow_como svg {
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.in-viewport .arrow_como svg .draw-arrow {
  stroke-width: 3;
  stroke: #FECF00;
  fill: none;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.in-viewport .arrow_como svg .draw-arrow.tail-1 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.in-viewport .arrow_como svg .draw-arrow.tail-2 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}


.pasos_wrapper  {
  position: relative;
}

.pasos_wrapper .yamique {
  position: absolute;
  width: 150px;
  margin-top:-50px;
  margin-left:-20px;
  left:0;
}

.pasos_wrapper .arrow_como {
  position: absolute;
  top:0;
  right:-90px;
}

.product_carousel_circle {
  background:#FFD000;
  border-radius: 50%;
  aspect-ratio: 1;
}

.product_carousel {
  width: calc(100% - 80px);
  margin-left:auto;
  position: relative;
}

.product_carousel .swiper {
  position: absolute;
  width: 100%;
  margin-top:-60px;
}

:root {
  --swiper-pagination-bullet-size: 16px;
  --swiper-pagination-color:white;
}

.swiper-pagination {
  margin-bottom:-7px;
}

.como_block {
  margin-bottom:60px;
}

body.home .yamique2 {
  position: absolute;
  width: 200px;
    right: -250px;
    top: -25px;
}

.heading2_inner {
  position: relative;
  display: inline-block
}

.menu_footer {
  display: flex;
  gap: 30px;
  font-size: 14px;
  justify-content: center;
}

.menu_footer a {
  font-size: 13px;
  text-decoration: none;
}

.menu_footer a:hover {
  text-decoration: underline !important;
}

.bimboapi_emailBox .bimbo_api_title {
  display: none;
}

.bimboapi_box form {
  background:transparent !important;
}
.bimboapi_content  {
  font-family: "roc-grotesk", sans-serif !important;
}

.bimboapi_content .form-floating>.form-control, 
.bimboapi_content .form-floating>.form-select {
  background-color:white !important;
  border:0;
  border-radius: 40px;
  font-weight: 500;
  font-size: 16px;
  
}

.form-floating>.form-control, 
.form-floating>.form-control-plaintext {
  padding: 1rem 1.2rem;
}

.bimboapi_content .form-floating>label {
  padding: 0.81rem 1.2rem !important;
}

body .bimboapi_content .btn .spinner-grow {
  margin-top: 13px;
    margin-left: 10px;
    position: absolute;
}

.bimboapi_content .forgot_link, 
.bimboapi_content .signup_link{
  font-weight: 400 !important;
}



.anim_palmera {
  position: absolute;
  width: 460px;
  z-index: 3;
  left:-100px;
  top:-200px;
}

.anim_qe_crema {
  position: absolute;
  width: 660px;
  z-index: 3;
  top:100px;
  right:-100px;
}

.anim_qe_cana {
  position: absolute;
  width: 700px;
  z-index: 3;
  left:-270px;
  top:-50px;
}

.home_section_3 {
	position: relative;
}



.mouse_move {
  position: relative;
  width: 100%;

}


.mouse_reset_styles {
  transition-delay: initial !important;
  transition-duration:initial !important;
  transition-timing-function:initial !important;
  
}


.form-group-inline{
  display: flex;
  gap:10px;
  align-items: center;
}
.bimboapi_content .form-group-inline .form-floating  {
  flex-grow: 1;
}


.bimboapi_content .form-group-inline .btn  {
  font-size: 16px !important;
  background-color: #00FFE5 !important;
  color: #59108A !important;
 
}


.bimboapi_content .form-group-inline .btn:hover {
  background-color: #00FFE5 !important;
  color: #59108A !important;
}


.bimboapi_content .form-group-inline .btn .btn_inner  {
  padding: 9px 6px !important;
  border-color: #59108A !important;
}


.transicion_bg {
  position: fixed;
  top:0;
  left:0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
}

.transicion_bg img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

body {
  background-color:#5F3320;
  background-image:url('../img/pattern.svg');
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
}

body.codigo .stripe,
body.resultado .stripe {
  display: none;
}

body.codigo #header_wrapper,
body.resultado #header_wrapper {
  margin-bottom: 0;
}

#codigo_box,
#gracias_box,
#iban_box {
  border-radius: 100px;
  border:7px solid #FCDA00;
  background-color:#4F2279;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.09);
-moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.09);
box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.09);
  padding:40px 60px;
  max-width: 800px;
  margin:0 auto;
  text-align: center;
  position: relative;
}



#codigo_box input {
  
  padding:5px 20px 1px 20px;
  border-radius: 35px;
  background-color:white !important;
  margin-bottom:20px;
  text-align: center;
  font-family:"roc-grotesk-compressed";
  font-size: 32px;
  font-weight: 700;
  color:#3B0B79;
}

#codigo_box .formulario {
  max-width: 300px;
  margin:0 auto;
}



#codigo_box .btn   {

  background-color: #00FFE5 !important;
  color: #59108A !important;
  text-transform: uppercase;
 
}

#codigo_box .btn :hover {
  background-color: #00FFE5 !important;
  color: #59108A !important;
}

#codigo_box .btn  .btn_inner  {
  border-color: #59108A !important;
}

#codigo_box .yamique2 {
  position: absolute;
  width: 220px;
  right:-100px;
  top:-100px;
}


.gracias_box_inner {
  display: flex;
  gap:20px
}

#gracias_box {
  text-align: left;
}

#gracias_box .heading1 {
  margin-top:0;
  margin-bottom:10px;
  color:#FCDA00;
}

.gracias_box_left {
  text-align: left;
}

.gracias_box_right {
  text-align: right;
}

.gracias_box_right .yamique2 {
  min-width: 170px;
  margin-right: -30px;
}

#gracias_box .sigue {
  font-family: "brevia", sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    font-size: 33px;
    line-height: 1;
    font-weight: 900;
    margin-bottom:20px;
}

#gracias_box .button {
  margin-bottom:20px;
}



.btn_blue  {
  background-color: #00FFE5 !important;
  color: #59108A !important;
 
 
}

.btn_blue:hover {
  background-color: #00FFE5 !important;
  color: #59108A !important;
}

.btn_blue .btn_inner  {
  border-color: #59108A !important;
}




#iban_box input {
  
  padding:15px 20px 13px 20px;
  border-radius: 35px;
  background-color:white !important;
  margin-bottom:20px;
  text-align: left;
  font-size: 18px;
  color:#3B0B79;
}

#iban_box .formulario {
  max-width: 500px;
  margin:0 auto;
}

#iban_box .yamique2 {
  position: absolute;
  width: 220px;
  right:-100px;
  top:-100px;
}

#iban_box .btn {
  text-transform: uppercase;
}


.heading_iban {
  font-family:"roc-grotesk-compressed";
  font-size: 64px;
  font-weight: 500;
  color:white;
  line-height: 1;
}


body.gracias #header_wrapper {
  margin-bottom: 0;
}

body.gracias .home_section_1 {
  justify-content:flex-start;
}


.gracias_msg,
.gracias_msg_recibe {
  font-family:"roc-grotesk-compressed";
  font-size: 54px;
  font-weight: 500;
  color:white;
  line-height: 1;
}

.gracias_msg_recibe {
  font-size: 24px;
}
.gracias_middle {
  max-width: 40%;
  margin:0 auto;
}

.label_gana .yamique3 {
  position: absolute;
  width: 200px;
  right:200px;
  bottom:-50px;
}

.cms .stripe {
  display: none !important;
}


@media (max-width:1300px) {
  .logo {
    width:60px;
  }

  .heading1 {
    font-size: 50px;
  }

  .heading2 {
    font-size: 38px;
  }

  .label_gana h1 {
    font-size: 58px;
  }

  .label_gana h1 span {
    font-size: 70px;
  }

  .anim_palmera {
    width: 360px;
    left:-50px;
  }

  .anim_qe_crema {
    width:560px;
    top: 60px;
    right: -100px;
  }

  .anim_qe_cana {
    width:600px;
    left: -220px;
  }

  body.home .yamique2 {
    width: 180px;
  }

 
}


@media (max-width:991px) {
  body,
  html {
    overflow-x: hidden;
  }
  .label_gana h1 {
    max-width: 50%;
    margin: 0 auto;
  }

  .anim_palmera,
  .anim_qe_crema,
  .anim_qe_cana {
    display: none !important;
  }

  .heading1 {
    margin-top:20px;
  }

  .heading1 br,
  .heading2 br {
    display: none;
  }

  #header_wrapper {
    margin-bottom:0;
    text-align: center;
  }

  .heading1 {
    font-size: 36px;
  }

  .label_gana h1 {
    max-width: 80%;
  }

  .label_gana h1 {
    font-size: 50px;
  }

  .home_section_1 {
    justify-content:flex-start;
    min-height: auto;
  }

  .pasos_wrapper {
    margin-bottom:60px;
    margin-top:60px;
  }

  .in-viewport .arrow_como  {
    display: none;
  }

  .pasos_wrapper .yamique {
    top:-30px;
  }

  .product_carousel {
    width: 80%;
    margin-bottom:60px;
    margin-right:auto;
  }

  .bimboapi_box form {
    padding-left:0 !important;
    padding-right: 0 !important;
  }

  #codigo_box, 
  #gracias_box, 
  #iban_box {
    padding: 40px 30px;
  }
  #codigo_box .yamique2 {
    width: 160px;
    right: -50px
  }

  .gracias_box_right {
    display: none;
  }

  .btn, 
  body .bimboapi_content .btn {
    font-size:20px !important;
  }

  .gracias_middle {
    max-width: 90%;
  }

  .label_gana .yamique3 {
    display: none;
  }

  body.home .yamique2 {
    display: none;
  }
}