/*ini bootstrap*/


:root {
  --animate-delay: 0.3s!important;
}


.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:20;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,
body {
  
/*height: 100%;*/
/*overflow-x: hidden;*/
}

body {-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;}
body { font-family: "Open Sans", sans-serif;color:#000; font-weight: 500}

body {
 background-color:#ffffff;
 background-position: center top;
 background-size: 100% auto;
}


strong {
  font-weight: 900;
}




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

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


#logo_wrapper {
padding:10px; 
}

@media (max-width:480px) {
  #logo_wrapper {
    
  }
}


.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;}

.btn {border-radius: 0px;background-color:#1e99a6;color:#fff;padding:6px 40px 5px 40px;text-transform: uppercase;font-size:20px;letter-spacing: 0; cursor: pointer;font-weight: 700;}
.btn:hover {background-color:#e03366;color:#fff;}
.navbar-brand{text-align: center; display: block; margin:0 auto; max-width: 250px}


#header_wrapper {text-align: center; padding-top:20px; }
#content {padding-top:0px; /*max-width: 600px;*/ width:100%; margin:0 auto; padding: 50px 0px; overflow: hidden}
.home #content {
  padding-top:0px;
  padding-bottom:0;
}

@media (max-width:768px) {
	#content{padding:20px 0px}
}

#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 {text-align: center;padding:20px 0px; position: relative; background:#032892;}
#footer .legal {font-size:13px;line-height:20px;letter-spacing: 0;color:#fff; font-family: 'Nunito', sans-serif; padding: 10px; 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-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;
  }
}


#footer .social_icos{margin-right: 80px}
#footer .social_icos .social_ico{ padding: 0px 15px;  }
#footer .social_icos .social_ico img{max-width: 50px}
#footer .logo_footer{ margin-left: 80px}


@media (max-width:991px) {
	#footer .logo_footer{max-width: 100px!important}
	#footer .logo_footer{margin-left: 20px}
	#footer .social_icos{margin-right: 20px}
	#footer .social_icos .social_ico img{max-width: 40px}
}
@media (max-width:768px) {
	#footer .social_icos .social_ico{padding: 0px}
}


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

body {}
#footer { margin: 0 auto; width: 100%; max-width: 1920px}
body.home {}
#footer {
	
}
.home #footer .legal {}


@-webkit-keyframes animacion_fondo {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}
@-moz-keyframes animacion_fondo {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}
@keyframes animacion_fondo { 
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}


#cms {padding:40px 0;}
#cms h1 {font-size:28px;color:#ffffff}
#cms h2 {font-size:18px;color:#ffffff}
#cms p,
#cms li,
#cms td,
#cms th {font-family: 'Nunito', sans-serif;font-size:14px; color:#ffffff}
#cms a, #cms a:hover, #cms a:focus{color:#ffffff}

#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_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;}



.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; padding-bottom: 40px}
.codigo_title {max-width:50vw; padding-bottom:30px}
#codigo form {max-width:900px;margin:0 auto; padding: 0px 20px}
#codigo .box {position: relative;}
#codigo label {font-size:1rem;}

#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:70px}

#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;padding:0;}
#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:black;margin-bottom:10px; font-size: 14px; 
 
  border-radius: 10px;
  padding: 10px;
  color: red;
  margin-top: 30px;
}

.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_content{padding-top:20px}

.bimboapi_content .forgot_enviaremos{font-size:20px}
.bimboapi_form_sms_intro h4{padding-bottom:10px}
#signup_login_box, #update_address_form{max-width:90%; margin:0 auto; padding:20px 0px; margin:0px auto }
#update_address_form{padding-top:30px; }
.bimboapi_content .bimboapi_form_text_legal{color:#999999; padding-top:30px}
.bimboapi_content .text-muted{color:#999999!important; line-height:16px; font-size:14px; padding-top: 5px}
.bimboapi_content, .bimboapi_content p a, .bimboapi_content .form-check a{color:#999999!important}
.bimboapi_content .bimboapi_form_text_legal p, .bimboapi_content .formar{line-height:14px; font-size:12px; text-align: left}
.bimboapi_content .bimboapi_form_text_legal h5{padding-bottom:10px; font-size:18px}
.input_lbl_wrapper.focus label{top:0px}
.input_lbl_wrapper input[type="text"], .input_lbl_wrapper input[type="email"], .input_lbl_wrapper input[type="password"], .input_lbl_wrapper select, .input_lbl_wrapper .input_value, .input_radio_lbl_wrapper ul{border:0px; border-radius:0px; text-align:center; color:#000000!important; font-size:21px; font-weight:400; background-color:#c5e2ff; }
.input_lbl_wrapper label{color:#000000; font-size:21px; text-transform:none; font-weight:400}
.input_lbl_wrapper, .bimboapi_content .text-muted{max-width: 80%; margin:0 auto}
.form-check-input, #bimboapi_signupCodigo{position:relative; margin-right:10px!important; margin-top:0px!important}
#bimboapi_signupCodigo{text-align:left}
.form-check{padding-left:0px}
.bimboapi_content .login_link a, .bimboapi_content .forgot_link a, .bimboapi_content .signup_link a{color:#ffffff!important; font-size:18px; font-weight:400; text-decoration: underline}
.input_lbl_wrapper ::placeholder{color:#ffffff!important}
.bimboapi_content .btn{font-family:'brandonMedium', sans-serif; padding:20px; font-size:25px; text-transform: uppercase; border:2px solid #ffffff; background-color:#3f9af7!important; color:#ffffff; text-decoration: none; display:inline-block; width:300px}
.bimboapi_content .btn:hover{ background-color:#3f9af7!important; }
.input_lbl_wrapper.focus select{background-color:#c5e2ff!important; }
#bimboapi_forgotForm .btn{background-size:100% 100%; font-size:20px}
.input_radio_lbl_wrapper li.selected span, .input_lbl_wrapper.focus select, .input_lbl_wrapper.focus select{}
.input_lbl_wrapper select{background-color:#c5e2ff}
.bimboapi_form_sms_intro .bimboapi_form_sms_intro h4{padding-bottom:20px}
.alert-warning{margin-top:20px}

.form-check-label{width:90%; line-height:20px; font-size:14px; line-height: 15px}

#signup_login_box .title_big{font-family:'brandonBold', sans-serif; font-size:49px; padding-bottom:20px; text-transform: uppercase; color:#3f9af7; line-height: 50px}
#signup_login_box .subtitle{font-size:18px; color:#ffffff; text-transform: uppercase}
.bimboapi_content .forgot_enviaremos{font-size:18px; color:#ffffff; text-transform: uppercase}
.bimboapi_form_sms_intro h4{font-family:'brandonBold', sans-serif; font-size:49px; padding-bottom:20px; text-transform: uppercase; color:#3f9af7; line-height: 50px}

#update_address_form{padding-top:0px}
*/


.bimboapi_form_text_legal {
  padding:0 !important
}
.bimboapi_form_text_legal h5, .bimboapi_content .text-muted{color:#ffffff!important}
.bimboapi_box form{background-color: transparent !important; 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;
  line-height: 1.1;
}
.bimboapi_form_text_legal p{color: #ffffff!important}
.title_big.large {
  font-size: 64px;
  color:#ffd000;
}

@media (max-width: 768px) {
  .title_big.large {
    font-size: 42px;
  }
	
	.bimboapi_box form{padding: 20px!important}
	
}

.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!important}
.bimboapi_content .login_link a, .bimboapi_content .forgot_link a, .bimboapi_content .signup_link a{color:#ffffff!important}

.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;}
 
  .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%;}
  
}

@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 {overflow:hidden}
  #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;}

 
  .section_title {height:50px;}
  
  #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;}
  
  #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;
  display: none;
}

.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: 700px;
  margin:0 auto;
}



.btn {
  border-radius:10px;
  background:#E1261C;
  color:white;
  font-weight: 700;
  text-transform: uppercase;

}

.btn:hover {
  background:#000;
}

.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;
}


#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;
}

body {
  overflow-x: hidden;
}


.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;
}

.btn {
  background-image:url('../img/bg_btn.svg');
  border-radius: 5px;
  color:#DB0332;
  font-weight: 800;
  text-transform: none ;
  font-size: 22px;
}

.btn:hover {
  background-image:none;
  background-color:#BB0234 !important;
  color:#EED13C !important;
}

#wrapper {
  min-height: calc(100vh - 250px);
	width:100%;  margin: 0 auto; max-width: 400px;
}

@media (max-width:1000px) {
  .home #wrapper {
    padding-bottom:0px;
  }
}

.codigo_barras_digitos {
  font-size: 14px;
}


.resultado .container_azul {
  background:#ACD4EE;
}
/*
.resultado {
  background-color:#CB012D;
  background-image:none;
}*/

.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;
}



.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;
	
}


.btn,
body .bimboapi_content .btn {
  border:0 !important;
  border-radius: 30px !important;
  background:#FFEB00 !important;
  color:#26438B !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: 0 !important;

}

.btn:hover,
body .bimboapi_content .btn:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}


.form-floating>.form-control {
  font-weight: 700;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  background:white !important;
  border-color:#dee2e6 !important;
}
.bimboapi_content, .bimboapi_content p a, .bimboapi_content .form-check a, .login_link a{color:#ffffff!important}

body .bimbo_api_title {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-stretch: condensed;font-weight: 900;font-family: 'HelveticaNeue-CondensedBlack', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    font-size: 44px;
	color:#ffffff;
  line-height: 1.1;
}
.form-check-small label{color:#ffffff}

.title_big {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing: 2px;
}
.btn_forgot{color:#ffffff!important}

.logo_bimbo {
  /*width: 200px;*/
}

@media (max-width:768px) {
  .logo_bimbo {
   width:160px
  }
}


#home.page-width {
  max-width: 550px;
 /*margin-top:-100px;*/
  z-index: 2;
}

#home.page-width .inner {
  margin-left:-80px;
  max-width: 550px;
}

@media (max-width:1200px) {
  #home.page-width {
    max-width: 450px;
  }
  
  #home.page-width .inner {
    margin-left: -50px;
    max-width: 450px;
  }
  
}

@media (max-width:1000px) {
  #home.page-width {
    margin-left:auto;
    margin-top:0;
  }

  #home.page-width .inner {
    margin-left:auto;
  }
}

@media (min-width:1001px) {
  .saborea {
    min-height: 106px;
  }
}

.heading {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-stretch: condensed;font-weight: 900;font-family: 'HelveticaNeue-CondensedBlack', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#ffffff
}


.bimboapi_content {
  padding:0 !important;
}

.bimbo_api_desc {
  text-align: center;
  margin-bottom:20px;color:#ffffff
}
.bimboapi_content .forgot_link, .bimboapi_content .signup_link{color: #ffffff!important}


.bimboapi_content .form-floating>.form-control {

}



input.codigo, textarea.codigo {
  border-radius: 0px !important;
 
  line-height: 1.3 !important;

  padding:10px;
  margin-top:10px !important;
  margin:0 auto;
  width: 100%;

}

#codigo .title{padding-top:30px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-stretch: condensed;font-weight: 900;font-family: 'HelveticaNeue-CondensedBlack', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:25px; color: #ffffff}

#codigo button.btn {
  width: 320px;
}

@media (max-width:768px) {
	input.codigo, textarea.codigo {font-size:14px}
	#codigo label{font-size:14px}
}


@media (max-width:480px) {
  input.codigo,
  #codigo button.btn {
    width: 100%;
  }
  
}

#codigo button.btn {
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  padding:10px !important;
}



#box_gracias {
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background:#82C1D5;
  color:white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:30px;
  padding:80px;
  text-align: center;
  position: relative;
  margin:0 auto;
}

@media (max-width:780px) {
  #box_gracias {
    width: 300px;
    height: 300px;
    padding:50px;
    margin-top:60px;
  }
}

#box_gracias.ganador {
  gap:10px;
}

#box_gracias .heading {
  font-size: 52px;
  line-height: 1;
}

@media (max-width:780px) {
  #box_gracias .heading {
    font-size: 28px;
  }
}

#box_gracias .heading.premio {
  font-size: 90px;
}

@media (max-width:780px) {
  #box_gracias .heading.premio {
    font-size: 40px;
  }
}

#box_gracias .body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 22px;
}

@media (max-width:780px) {
  #box_gracias .body {
    font-size: 18px;
    line-height: 1;
  }
}

#box_gracias .recibiras {
  color:#DC261F;
  font-size: 14px;
  margin-top:10px;
}

@media (max-width:780px) {
  #box_gracias .recibiras {
    font-size: 11px;
    font-weight: 600;
  }
}

#box_gracias .btn {
  background:#FFC302 !important;
  color:#57372B !important;
}

#box_gracias .btn:hover {
  background:#57372B !important;
  color:#FFC302 !important;
}


#menuToggle
{
  display: block;
  position: relative;

  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}


#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #ffffff;
  border-radius: 3px;
  
  z-index: 1;
  box-shadow: 0px 0px 17.48px rgba(0, 0, 0, 1);
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}


#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
	 box-shadow: none;
}


#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}


#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}


#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
	height:calc(100vh + 100px);
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}


#menuToggle input:checked ~ ul
{
  transform: none;
}


.firefox_helvetica{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-stretch: condensed;font-weight: 900}
    
.webkit_helvetica{font-family: 'HelveticaNeue-CondensedBlack', 'Helvetica Neue', Helvetica, Arial, sans-serif}


.menu .item{ font-style: normal; text-decoration: none; color:#ffffff; font-size: 37px; text-transform: uppercase; display: inline-block; padding: 0px 15px; border:0px solid #003058; cursor: pointer; text-shadow: 0px 0px 17.48px rgba(0, 0, 0, 0.73); }

.menu .item.juega{border:2px solid #ffffff; background-image: url('../img/bg_boton.png'); background-position: center center; background-size: 100% 100%; padding: 0px 30px; color:#ffffff; -webkit-filter: drop-shadow(0px 0px 17.48px #000 );
    filter: drop-shadow( 0px 0px 17.48px #000 );}
.menu .item.juega:hover{background-size: 130% 100%}


@media (max-width:1200px) {
	.menu .item{font-size: 25px; padding: 0px 7px}
}


.menu_mobile .item{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight: 400;  font-style: normal; text-decoration: none; color:#ffffff; font-size: 25px; text-transform: uppercase; display: block; padding: 5px 15px; cursor: pointer}

.bt.especial{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight: 400;  font-style: normal; text-decoration: none;  font-size: 23px; text-transform: uppercase; display: inline-block; border:2px solid #e73137; background-image: url('../img/bg_boton2.png'); background-position: center center; background-size: 100% 100%; padding: 10px 30px; color:#e73137; cursor: pointer}
.bt.especial:hover{background-size: 130% 100%}



.home_hero_desktop{position: relative; overflow: hidden}
.home_hero_desktop .hero{position: absolute; width: 100vw; }

.home_hero_desktop .hero.hero3{animation: tamano_hero 1s 0.6s forwards; transform:scale(0,1)}
.home_hero_desktop .hero.hero4{animation: tamano_hero 1s 0.4s forwards; transform:scale(0,1)}
.home_hero_desktop .hero.hero5{animation: tamano_hero 1s 0.2s forwards; transform:scale(0,1)}
.home_hero_desktop .hero.hero6{animation: tamano_hero 1s forwards;}

@keyframes tamano_hero {
	0%{transform:scale(0,1);}
	100%{transform:scale(1,1);}
}


.noticia {color:#ffffff}
.noticia form {color:#000000}
.noticia .title{ font-size: 40px; line-height: 45px; text-transform: none; padding-bottom: 10px;  padding-left: 10px; padding-right: 20px; font-weight: 600}
.noticia .subtitle{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight: 400;  font-style: normal; font-size: 20px; line-height: 25px; text-transform: none;  padding-left: 10px; padding-right: 20px}
.noticia .txt{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight: 400;  font-style: normal; font-size: 20px; line-height: 25px; text-transform: none;}

.noticia .title .title_especial{ color:#c73439; font-size: 50px; line-height: 55px; text-transform: none; font-weight: 600}

@media (max-width:1200px) {
	.noticia .title{font-size: 30px; line-height: 35px}
	.noticia .subtitle{font-size: 18px; line-height: 20px}
	.noticia .txt{font-size: 18px; line-height: 20px}
	.noticia .title .title_especial{font-size: 40px; line-height: 45px}

	.premios.noticia .subtitle, .requisitos.noticia .subtitle{padding-bottom: 40px}
}

@media (max-width:991px) {
	.noticia .title{padding-top: 20px; font-size: 25px; line-height: 30px; padding-left: 20px; padding-right: 20px}
	.noticia .subtitle{padding-top: 20px; font-size: 16px; line-height: 20px; padding-left: 20px; padding-right: 20px}
  .noticia .title .title_especial{font-size: 30px; line-height: 35px}

	.height_mobile{max-height: 350px; width: auto!important; margin: 0 auto}
	.padding_bottom_mobile{padding-bottom: 30px!important}
	.margin_bottom_mobile{margin-bottom: 30px!important}
}


@media (max-width:768px) {
	#saber_mas.noticia .txt{padding: 0px 20px}
	.noticia form{width:90%; margin: 0 auto}
}



.img_big:hover{transform: scale(1.1)!important}

.azul1{background-color:#76C0E6}
.azul2{background-color:#76C0E6}

.col-max-width{max-width:800px; padding: 0px 50px 0px 80px}

.ninas{padding: 20px 0px}
.ninas .nina {
	background-image: none;
	 background-color: #ffffff;
    -webkit-mask-image: url('../img/nina.svg');
    mask-image: url('../img/nina.svg');
	mask-size:46px 58px;
	-webkit-mask-size:46px 58px;
	  background-position: center center;
  width: 46px;
	height: 58px;
	display: inline-block; padding: 0px 25px; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; transition:transform 0.2s;
}

@media (max-width:991px) {
	.col-max-width{max-width:720px; padding:0px; margin: 0 auto}
}


@media (max-width:1200px) {
	.ninas .nina	{ width: 45px;	height: 53px; mask-size:45px 53px;	-webkit-mask-size:45px 53px; padding: 0px 20px; }
}

@media (max-width:600px) {
	.ninas .nina	{ width: 25px;	height: 33px; mask-size:25px 33px;	-webkit-mask-size:25px 33px; padding: 0px 15px; }
}

.ninas .nina:hover{ transform:scale(1.1);}

.ninas .nina.color{ background-color: #e83136; animation: nina_color 5s linear infinite; }


@keyframes nina_color {
	0%{background-color: #ffffff;}
	25%{background-color: #e83136;}
	75%{background-color: #e83136;}
	100%{background-color: #ffffff;}
}

.oportunidades_slider{max-width: 80%; margin: 0 auto}
.oportunidades_slider .title{padding: 50px 6%; text-align: center}
.oportunidades_slider .slick-dots li button::before{font-size: 16px; border: 1px solid #ffffff; background-color: transparent; content:''; opacity: 1; border-radius: 20px}
.oportunidades_slider .slick-dots li.slick-active button::before{color:#ffffff; background-color: #ffffff; opacity: 1}
.slick-dots li button:hover::before, .slick-dots li button:focus::before{color:#ffffff; background-color: #ffffff; opacity: 1}

.oportunidades_slider.objetivo_especial{max-width: 60%; margin: 0 auto}

@media (max-width:991px) {
	.oportunidades .img_big{max-height:350px}
}

@media (max-width:768px) {
	.oportunidades_slider .title{padding-bottom:20px!important;}
  .oportunidades_slider.objetivo_especial{max-width: 100%; margin: 0 auto}
}

/*
.mask1 {
  -webkit-mask-image: url(../img/mascara.png);
  mask-image: url(../img/mascara.png);
  -webkit-mask-repeat: repeat-y;
  mask-repeat: repeat-y; 
	mask-size:100%;
	-webkit-mask-size:100%;
	mask-position-x: 0%;
	-webkit-mask-position-x:0%;
	overflow: hidden
	
}
*/


.mask1{
	background-image: url(../img/mascara1.png); position: absolute; height: 100%; width: 100%; top:0px; right:0px; z-index: 9; background-repeat: repeat-y; background-position-x: 96%;  animation: mascara 1s linear; background-size: 30%; pointer-events: none
}

.mask2{
	background-image: url(../img/mascara2.png); position: absolute; height: 100%; width: 100%; top:0px; left:0px; z-index: 9; background-repeat: repeat-y; background-position-x: 2%;  animation: mascara 1s linear; background-size: 30%; pointer-events: none
}

.mask3{
	background-image: url(../img/mascara3.png); position: absolute; height: 100%; width: 100%; top:0px; left:0px; z-index: 9; background-repeat: repeat-y; background-position-x: 2%;  animation: mascara 1s linear; background-size: 30%; pointer-events: none
}


.mask4{
	background-image: url(../img/mascara4.png); position: absolute; height: 100%; width: 100%; top:0px; right:0px; z-index: 9; background-repeat: repeat-y; background-position-x: 80%;  animation: mascara 1s linear; background-size: 30%; pointer-events: none
}



@keyframes mascara {
 
}


.hero-title{font-size: 65px; line-height: 70px}
.subhero-title{font-size: 55px; line-height: 60px}

.panel .hero-title{font-size: 60px;}

.informacion .items{margin: 0 auto}
.informacion .items .item{display: inline-block; width: 20%; padding: 20px; text-align: left}
.informacion .items .item img{padding-bottom:10px}
.informacion .items .item .txt{font-size: 25px; line-height: 30px; min-height: 70px; padding-top: 10px}
.informacion .items .item .calendario{padding-top: 10px; color:#e73137; font-size: 25px; line-height: 30px}
.informacion .items .item .calendario i{padding-right:5px; color:#ffffff}



@media (max-width:1400px) {
	.informacion .items .item .txt{font-size: 20px; line-height: 25px; min-height: 70px}
}


@media (max-width:1200px) {
	.hero-title{font-size: 55px; line-height: 60px; padding-bottom: 20px!important}
  .panel .hero-title{font-size: 55px; line-height: 60px; padding-bottom: 20px!important}
	.subhero-title{font-size: 45px; line-height: 50px}
	.informacion .items .item{padding: 10px}
	.informacion .items .item .txt{font-size: 16px; line-height: 20px; min-height: 50px}
	.informacion .items .item .calendario{font-size: 20px; line-height: 25px}
}

@media (max-width:991px) {
	.informacion .items .item .txt{padding-top: 10px}
	.informacion .items .item{width:33%; padding: 15px}

}



@media (max-width:768px) {
	.hero-title{font-size: 45px; line-height: 50px;}
  .panel .hero-title{font-size: 35px; line-height: 40px;}
	.subhero-title{font-size: 35px; line-height: 40px;}
  .panel .subhero-title{font-size: 25px; line-height: 30px;}
	#torneo, #requisitos, #premios, #contacto{padding-left:20px!important; padding-right: 20px!important; padding-top: 20px!important}
	.informacion .items .item{width:50%; padding: 15px 5px}
}


.pin .fotos .hero-title{font-size:45px; line-height: 50px; text-transform: uppercase;}
.pin .fotos .subhero-title{font-size:35px; line-height: 40px;}
.pin .fotos .subhero-title span{color:#c7343a}
.pin .fotos .informacion .items .item{width:25%; text-align: center;}
.pin .fotos .informacion .items .item img{width: 100%;}
.pin .fotos #torneo{ }


html, body {
  margin: 0;
  height: 100%;

}

.panel {
	width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  color: black;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  /*background-color: #011935;*/
}


.panel.pinned {
  opacity: 1;
  visibility: visible;
}

.max-width-1920{
  width: 100%;
  margin: 0 auto;
  max-width: 1920px; }


  .image-gallery {
    columns: 6;
    column-gap: 16px;
  }

  
  .image-card {
    position: relative;
    margin-bottom: 16px;
  }

  
  @media screen and (max-width: 1200px) {
    .image-gallery {
      columns: 6;
    }
  }
  
  @media screen and (max-width: 900px) {
    .image-gallery {
      columns: 4;
    }
  }
  
  @media screen and (max-width: 500px) {
    .image-gallery {
      columns: 3;
    }
  }


#registro{padding:0px 0px 40px 0px; text-align: center; margin-bottom:0px}
#registro .container-fluid {max-width: 1010px; margin: 0 auto; color:#FAEEEB; font-weight: 700;font-style: normal; font-size: 16px;}
#registro .container-fluid .txt{padding:25px 0px}

#registro #frm_subscribe{max-width: 700px; margin:0 auto; text-align: left;  font-weight: 700;font-style: normal; font-size: 14px; color:#FAEEEB}
#registro #frm_subscribe input[type=text]{border:0px; background-color:#FFFFFF; border-radius: 3px; padding:11px 15px; text-align: center; color:#000000; font-weight: 400;font-style: normal; font-size:18px; margin-right: 10px; max-width: 220px}
#registro #frm_subscribe .bt{padding:10px 35px; background-color: #c7343a; color:#ffffff;  font-weight: 700;font-style: normal; font-size: 18px; font-weight: 600; margin:10px 0px 0px 0px; display: inline-block; border:1px solid #c7343a}
#registro #frm_subscribe a{text-decoration:underline; color:#FAEEEB}

#registro .form .errores{color:#FF0004; margin-bottom: 10px}
#registro .form .gracias{color:#058800; margin-bottom: 10px}
  
@media (max-width:768px) {
  #registro{padding-top: 0px}
  #registro #frm_subscribe{font-size:12px}
  #registro .container-fluid{font-size:14px; line-height: 18px}
  #registro #frm_subscribe input[type="text"], #registro #frm_subscribe .bt{display:block; margin:0 auto; margin-bottom:10px}
}


#content .step1,
#content .step2,
#content .step2_list,
#content .step3 .buttons ,
#content .step5 {
  padding-left:30px;
  padding-right: 30px;
}

#content .step1 {
  background-image:url('../img/bg-home-step-1.jpg');
  background-size: cover;
  background-position: center;
  padding-top:20px;
  padding-bottom:20px;
}


#content .step2 {
  background-image:url('../img/bg-home-step-2.jpg');
  background-size: cover;
  background-position: center;
  padding-top:20px;
  padding-bottom:20px;
  min-height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#content .step2_list {
  background:#032892;
  padding-top:40px;
   padding-bottom:40px;
}


#content .step2_list .steps_list {
  margin-bottom:50px;
}

#content .step2_list .steps_list li {
  display: flex;
  gap:20px;
  align-items: flex-start;
  text-align: left;
  color:white;
  font-size: 18px;
}



#content .step2_list .steps_list li .number {
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 50px;
  line-height: 1;
  color:#FFEB00;
}

#content .step2_list .steps_list li:not(:last-child) {
  margin-bottom:40px;
}

.home-participar {
  font-family:"museo-sans-rounded";
  font-weight: 1000;
  text-transform: uppercase;
  -webkit-text-stroke: 2px white;
  text-stroke: 2px white;
  color:blue;
  -webkit-text-fill-color: blue;
  text-fill-color: blue;
  font-size: 42px;
}

#content .step3 {
  position: relative;
}

#content .step3 .pessoa {
  position: absolute;
  z-index: 1;
  top:40%;
  background-image:url('../img/bg-pessoa.svg');
  background-size: contain;
  background-position: center;
  padding:20px 60px;
  color:#032892;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#content .step3 .buttons {
    position: absolute;
    z-index: 1;
    top:70%;
    left:0;
    right:0;
}

.btn-primary {
  border-radius: 30px;
  text-transform: uppercase;
  font-family:"museo-sans-rounded";
  font-weight: 800;
  font-size: 15px;
  padding:16px 30px;
  text-decoration: none;
}

.btn-primary.btn-red {
  background-color:#E1000F;
  color:white;
}

.btn-primary.btn-red:hover {
  background-color:#032892;
  color:white;
}

.btn-primary.btn-yellow {
  background-color:#FFEB00;
  color:#26438B;
}

.btn-primary.btn-yellow:hover {
  background-color:#032892;
  color:white;
}


#content .step5 {
   background-color:#76C0E6;
   padding-top:80px;
   padding-bottom:80px;
}

#content .step5 .btn-primary {
  padding-left:20px;
  padding-right: 20px;
}


#footer * {
  color:white;
  font-size: 13px;
}


.page-title {
  font-family:"museo-sans-rounded";
  font-weight: 1000;
  color:white;
  text-transform: uppercase;
}

.ranking_wrapper {
  background-color: white;
  padding:30px;
  border-radius: 10px;
}

#ranking {
  margin:0;
  padding:0;
  
}

#ranking li {
  display: flex;
  justify-content: space-between;
  color:#032892;
}

#ranking li.nomas {
  margin-top: 30px;
}

#ranking li:not(:last-child) {
  margin-bottom:10px;
}

#ranking .user {
  font-weight: 700;
  text-transform: capitalize;
}

#ranking.premios .participant {
  color:black;
  border-top:1px solid black;
  padding-top:8px;
}

#ranking.premios .participant:first-child {
  padding-top:0;
  border:0;
  font-weight: 700;
}

.btn_ver_mas {
  text-decoration: underline;
  color:#E1000F;
  font-weight: 700;
  text-transform: uppercase;
}

.btn_ver_mas:hover {
  text-decoration: none;
  color:#E1000F;
}

.bimbo_api_title {
  text-transform: uppercase;
   font-family:"museo-sans-rounded" !important;
   font-weight: 1000 !important;
}


.bimboapi_content .form-floating>.form-control, 
.bimboapi_content .form-floating>.form-select {
  border-radius: 30px;
}


body.registro {
  background-image:url('../img/bg-promo-pt.png');
  background-repeat: no-repeat;
  background-position:center top;
  background-size: auto 100%;
  background-attachment: fixed;
}

.azul1 .azul1{
  background-color: transparent;
}

.premios_wrapper {
  display: grid;
  gap:20px;
  grid-template-columns: repeat(2,1fr);
}

.premio_item {
  display: flex;
  flex-direction: column;
}

.premio_item > .premio_title {
  color:#032892 !important;
  text-transform: uppercase;
   font-family:"museo-sans-rounded" !important;
   font-weight: 1000 !important;
   margin-bottom:10px;
   margin-top:10px;
   font-size: 19px;
   line-height: 1.1;
   order:2;
}

.seleccionado_premio_img {
  max-width: 260px;
  margin:0 auto 30px auto;
}

.premio_item > .premio_img,
.seleccionado_premio_img {
  background-color: white;
  aspect-ratio: 1/1;
  border-radius: 10px;
  padding:20px;
  display: flex;
  align-items: center;
}

.premio_item > .premio_img img {
   border-radius: 10px;
}

.premio_item .msg-no {
  text-transform: uppercase;
  font-size: 14px;
  color: #032892 !important;
  font-weight: 600;
  line-height: 1.1;
}
/*
.premio_item:not(.available) .premio_img {
  opacity: 0.5;
}
*/

.buttons a {
  display: block;
}


.form-floating>label {
  color:black !important;
}

.btn:hover, body .bimboapi_content .btn:hover {
  background-color:#032892 !important;
  color:white !important;
}

.color-white {
   color:white;
}

.premios_wrapper_title {
  display: flex;
  gap:10px;
  align-items: center;
  padding-top:30px;
}

.premios_wrapper_title img {
  margin:0 10px;
}

.premios_wrapper_title:before,
.premios_wrapper_title:after {
  content:' ';
  width:100%;
  height: 3px;
  border-radius: 3px;
  background-color:#032892 !important;
  display: block;
}