/*ini bootstrap*/






/*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 {
  background-color:#17C7A5;
/*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:#fff; font-weight: 400}

body {
 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:30px 20px; 
}





@media (max-width:768px) {
.logo_footer {
  width:70px;
}
}
.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 {left:0;width:100%;z-index:100; max-width: 100%;margin:0 auto; position: relative;}
#content {padding-top:0px; max-width: 600px; width:100%; margin:0 auto;  display: flex;
  justify-content: center;
  align-items: center; min-height: calc(80vh - 200px); z-index: 99;  position: relative}

.promo.codigo #content{align-items: start;}
.resultado.gracias #content{padding-bottom: 50px; align-items: start;}

#header_wrapper .logo_inner{margin: 0 auto; text-align: center}
.Oswald,
#cookie-policy * {font-family: 'Open Sans', 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;  z-index: 98; color:#000000}
#footer .legal {font-size:12px;line-height:20px;letter-spacing: 0;color:#000000; font-family: 'Open Sans', sans-serif; padding: 10px; margin:0 auto; }
#footer .legal a {text-decoration: underline;font-weight:700;color:#000000; }
#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 a,#footer .link_legales span, #footer .link_legales .copyright{font-size:12px; color:#000000;  text-transform: none; display: inline-block; padding: 5px}
#footer .link_legales .perretes{margin: 0 auto; padding-top: 20px}

#footer .link_legales {
  display: block;
  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 {background-color: #EFD225;}
.home #footer .legal {}

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


#home {text-align: center;padding-top:0px;position: relative; max-width:430px}


/*

#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, .que-quieres {text-align: center;background-size:100% auto; padding-top:0px;color:white;}

#codigo .title, .que-quieres .title{font-size:30px}

.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: 'Open Sans', 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 ::-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}


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




#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: center;max-width:500px;margin:0 auto;}
#resultado form .buttons {margin-top:30px;}

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

#resultado .title{color:#ffffff; font-size: 35px; line-height: 1.1em; text-align: center; text-transform: none}
#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: 'Open Sans', 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: 'Open 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-weight: 700;
  background: white;
  border-radius: 10px;
  padding: 10px;
  color: red;
  margin-top: 30px;
}

.promo.codigo .errors{ font-size:15px}

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



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

.amarillo{color:#feda00}




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

.title_big.large {
  font-size: 64px;
  color:#ffd000;
}

@media (max-width: 768px) {
  .title_big.large {
    font-size: 42px;
  }
}

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

@media (max-width: 1300px) {
    .logo_center {height:90px;}
   
    #home_logo {max-width:450px;}
   

}

@media (max-width: 1200px) {
  .section_title {height:100px;}
 
  .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  .txt{font-size: 30px;line-height: 35px; max-width: 450px}
    
    #yuju .title{font-size:50px; line-height: 50px}
    #yuju .tick_correcto{padding-top:30px}
    
    
   
    
  #home {padding-left:10px;padding-right:10px;}
  

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

  .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;
  display: none;
}

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

.separador {
  max-width: 100%;
}



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

#header_wrapper {
  margin-bottom:0px;
}

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



#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: 'Open Sans', sans-serif;
}



body {
  overflow-x: hidden;
}


.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 {
  padding-bottom:0px;
  min-height: calc(100vh - 129px);
	position: relative;
  z-index: 15;
  overflow: hidden;
}

.festilover #wrapper{min-height: inherit;}

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

.codigo_barras_digitos {
  font-size: 14px;
}
/*
.resultado #header_wrapper {
  display: none;
}
*/

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

.gracias_title {
  font-family: 'demos-next', 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;
}



.btn,
body .bimboapi_content .btn {
 font-weight: 700;;
  text-transform: uppercase;
  border-color: #E32E8D !important;
  background-color: #E32E8D !important;
  background-image:none;
  border:0 !important;
  font-size: 16px !important;
  color: #ffffff !important;
  padding: 15px 40px 15px 40px !important;
  border-radius: 40px !important;
  
}


.home .btn{  min-width: 350px}
.btn.big, body .bimboapi_content .btn {  min-width: 280px; justify-content: center;}


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


.btn.btn_invert{  border:4px solid #ffffff!important;
  background-color: transparent !important; color: #fff !important;}

.btn.btn_invert:hover{

  background-color: #ffffff !important;
  color: #E32E8D !important;
}


.btn.btn_invert.no_padding{padding-top: 5px!important; padding-bottom: 5px!important; line-height: 1.2rem};

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

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  background:white !important;
  border-color:white !important;
}

body .bimbo_api_title {
 
font-size:16px;
    text-align: center;
  
}

.title_big {
  font-family: "demos-next",sans-serif;
  letter-spacing: 2px;
}


.logo_bimbo {
  width: 100px;
}

@media (max-width:480px) {
  .logo_bimbo {
    width: 70px;
  }
}

.logo_donettesxchoco {
  width: 207px;
}

.logo_home{width:300px}




@media (max-width:1000px) {


 
}


@media (max-width:1000px) {

}

.home_canjea {
  font-size: 40px;
  line-height: 1.2;
}




.home_premios {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom:20px;
}




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

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

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

    max-width: 450px;
  }
  
}

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

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

.saborea{max-width: 300px}

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

.heading {
  font-family: "demos-next",sans-serif;
}


.bimboapi_content {
  padding:0 !important;
}

.bimbo_api_desc {
  text-align: center;
  margin-bottom:20px;
}


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

input.codigo {
  border-radius: 30px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  padding:10px;
  margin-top:0px !important;
  margin:0 auto;
  width: 320px;
  border:0px
}



#codigo .btn, .que-quieres .btn, #box_gracias .btn {
  min-width: 320px;
}

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

  }
  
}




#box_gracias {

  color:white;

  text-align: center;
  position: relative;
  margin:0 auto;
	
}

@media (max-width:780px) {
  #box_gracias {
   
  }
}

#box_gracias .gracias{max-width: 160px; margin:0 auto}

#box_gracias.ganador {
  gap:10px;
	
}

#box_gracias .heading {
  font-size: 35px;
  line-height: 1;
  width:320px;
  margin:0 auto
}

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

#box_gracias .heading.premio {
  font-size: 26px;
  line-height: 1.2em;
}

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

#box_gracias .body {
  font-family: "demos-next",sans-serif;
  font-size: 19px;
	line-height: 1.2;
  width:320px;
  margin:0 auto
}

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

#box_gracias .recibiras {
  color:#ffffff;
  font-size: 14px;
  margin-top:10px;
  width:320px;
  margin: 0 auto;
}

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



@media (max-width:780px) {
	#box_gracias .btn{font-size: 17px!important; padding: 10px 15px 10px 15px !important}
}



@media (max-width:1365px) {
	.resultado.gracias .casa{left:17%}
}


@media (max-width:1300px) {
}


@media (max-width:1024px) {
	.resultado.gracias .casa{left:9%; bottom:30px}
}



@media (max-width:780px) {
	
	#home{display: block}
	.saborea{max-width: 230px}
	#home.page-width{padding-bottom: 560px}
	
	
	

	.bimboapi_form_text_legal{padding-bottom: 140px}
	
	
	
}


@media (max-height:800px) {

  .home_canjea{font-size: 30px}
  .home_premios{font-size: 20px; padding-top:5px!important}

}



@media (max-width:768px) {

  
 
}


.promo #wrapper{width:100%; max-width: 420px; margin:0 auto; min-height: inherit;}
.promo #footer{background-color:#EFD225 ; }


.promo #footer .link_legales{padding-top: 0px;}



.promo .contenido{position: relative;}
.promo .contenido .title{font-size:40px; max-width: 300px; margin:0 auto; line-height: 1.1em;}




.promo .contenido .subtitle{font-size:30px; margin:0 auto; line-height: 1.1em; color:#000000}
.promo .contenido .txt{font-size:16px; margin:0 auto; line-height: 1.3em;  }
.promo .contenido .home_elementos{max-width: 330px;}


#codigo .box .titulo{font-size:28px; margin:0 auto; line-height: 1.1em;max-width: 350px;}
#codigo .box .subtitulo{font-size:18px; margin:0 auto; line-height: 1.1em; max-width: 300px;}




@media (max-width:480px) {
  .promo .logo_donettesxchoco{width:213px}
}

#home{min-height: 100vh; padding-bottom: 90px; padding-top:30px}
.home_top{position: absolute; top:0px; left:50%; transform:translateX(-50%); max-width:430px; transform-origin: 50% 50%;}
.home_bottom{position: absolute; bottom:0px; left:50%; transform:translateX(-50%); max-width:430px}
#home .row.titulos{position: relative; z-index: 9; min-height: 750px;}

.festilover #home{min-height: inherit; padding-bottom: 20px;}

.home_promo .promo_txt{max-width: 300px;}

.promo #footer{width:100%; max-width: 428px;}
#footer_img .footer_img{width:428px}

.promo .como_funciona{background-image: url(../img/bg_como_funciona.png); background-attachment: fixed; background-position:  top center; background-size: 420px; padding: 0px 10px}
.promo .como_funciona .como_funciona_inner{background-color: #EFD225; padding: 30px 0px; border-radius: 20px; overflow: hidden;}
.promo .como_funciona .como_funciona_inner .box_left{padding: 25px 30px; padding-right: 50px; color:#000000; background-color: #ffffff; border-radius: 0px 100px 100px 0px; position: relative}
.promo .como_funciona .como_funciona_inner .box_right{padding: 25px 30px; color:#000000; background-color: #ffffff; border-radius: 100px 0px 0px 100px; position: relative}
.promo .como_funciona .como_funciona_inner .box_center{padding: 25px 30px; padding-top: 35px; color:#000000; background-color: #ffffff; border-radius: 100px; position: relative}

.promo .como_funciona .como_funciona_inner .box_left .paso{position: absolute; top:-30px; right:0px;max-width: 80px; }
.promo .como_funciona .como_funciona_inner .box_right .paso{position: absolute; top:-30px; left:0px;max-width: 80px; }
.promo .como_funciona .como_funciona_inner .box_center .paso{position: absolute; top:-30px; left:50%; transform: translateX(-50%); max-width: 80px; }

.promo .como_funciona .como_funciona_inner .festi{-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;}
.promo .como_funciona .como_funciona_inner .festi:hover{transform: scale(1.3)!important; }


.que-quieres .como_funciona{background-color: #009F7D; border-radius: 20px; background-image: none; margin: 0 auto; max-width: 360px; position: relative; overflow:visible;}
.que-quieres .como_funciona .paso{max-width: 40px;}
.que-quieres .como_funciona .txt{font-size:16px; text-align: left; line-height: 1.2rem;}
.que-quieres .como_funciona .como_funciona_img{position: absolute; top:-70px; left:50%; transform: translateX(-50%);}
.que-quieres .como_funciona .como_funciona_img img{max-width: 287px;}

.que-quieres .como_funciona .como_funciona_1{position: absolute; top:-5px; left:-10px; }
.que-quieres .como_funciona .como_funciona_1 img{max-width: 54px;}

.que-quieres .como_funciona .como_funciona_2{position: absolute; bottom:-10px; right:-10px}
.que-quieres .como_funciona .como_funciona_2 img{max-width: 66px;}
.codigo #wrapper{overflow:visible;}

#nuevo.que-quieres{transform: translateX(-500%) rotate(20deg); position: absolute;}
#unirme.que-quieres{transform: translateX(500%) rotate(20deg); position: absolute;}
.txt{font-size:16px}

.promo .contenido .txt.txt_mini{font-size:13px; font-weight: 700;}
.promo.codigo .codigo_copy{padding: 10px; background-color: #EFD225; color:#000000; margin: 10px; border-radius: 20px; font-size: 20px; cursor: pointer; position: relative}
.promo.codigo .codigo_copy::after{content: ""; position: absolute; right: 20px; background-image: url(../img/ico_copy.png); width:20px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.promo.codigo .contenido.clan{padding: 40px 10px; background-color: #E32E8D; border-radius:20px; max-width: 90%; margin: 0 auto;}
.promo.codigo .contenido.clan .ico_miembro{border-radius: 50px; background-color: #ffffff; color:#E32E8D; display: inline-flex;height: 60px;  width: 60px;  align-items: center;  justify-content: center; font-size: 40px; font-family: 'demos-next', cursive; margin-right: 20px; padding-bottom: 5px}
.promo.codigo .contenido.clan .txt_miembro{font-weight: 700; text-transform: uppercase; font-size: 16px;}


.promo.codigo .contenido.clan_white .ico_miembro{border-radius: 50px; background-color: #ffffff; color:#00B796; display: inline-flex;height: 60px;  width: 60px;  align-items: center;  justify-content: center; font-size: 40px; font-family: 'demos-next', cursive; margin-right: 20px; padding-bottom: 5px;}
.promo.codigo .contenido.clan_white .txt_miembro{font-weight: 700; text-transform: uppercase; font-size: 16px;}

.promo.gracias.resultado .quiz_time{padding: 40px 20px; border-radius: 20px; background-color:#009F7D; margin:0 auto; max-width: 90%; position: relative;}
.promo.gracias.resultado .quiz_time.rosa{background-color: #E32E8D;}
.promo.gracias.resultado #box_gracias .heading{width: inherit;}
.promo.gracias.resultado #box_gracias .rol_btn{font-size: 16px !important;;min-width: inherit; padding:15px 35px !important; background-color: #EFD225!important; color:#000000!important; -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;}
.promo.gracias.resultado #box_gracias .rol_btn:hover{background-color: #ffffff!important; color: #000000 !important; transform: scale(1.2) rotate(5deg);}
.promo.gracias.resultado .quiz_time .flamenco{position: absolute; top:-40px; max-width: 70px; left:50%; transform: translateX(-50%);}
.promo.gracias.resultado .quiz_time .arco_iris{position: absolute; top:-45px; max-width: 90px; left:50%; transform: translateX(-50%);}
.promo.gracias.resultado #box_gracias .gracias_img{max-width: 320px; margin:0 auto}


.festilover .title{font-size:30px; max-width: 400px; margin:0 auto; line-height: 1.1em;}
.festilover .subtitle{font-size:24px; max-width: 320px; margin:0 auto; line-height: 1.1em;}
.festilover .txt{font-size:16px; max-width: 300px; margin:0 auto; line-height: 1.3em;  }
.festilover .txt_big{max-width: 400px; }


.festilover .slider {
  display: flex;
  width: 9999px; /* suficientemente grande para que entren todas */
  -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;
}



.festilover .quiz_container {
  position: relative;
  width: 360px;
  margin: 0 auto;
  overflow: hidden;
}

.festilover .question {
  box-sizing: border-box;
  width:360px;
  
}

.festilover .question h2{font-size:30px; margin:0 auto; line-height: 1.1em;}
.festilover .question h3{font-size:16px; font-weight: 700; margin:0 auto; line-height: 1.5em;}


.festilover .answers{padding-top:20px;}

.festilover .answers button {
  display: block;
  margin: 20px auto;
  padding: 15px 20px;
  width: 95%;
  font-size: 14px;
  cursor: pointer;
  background-color:#ffffff;
  border:3px solid #EFD225;
  border-radius: 24px;
  color:#707070
}

.festilover .answers button:hover{  background-color:#EFD225;
  border:3px solid #ffffff;
}


.festilover .spotify{ border-radius: 20px; background-color: #ffffff; color:#000000; font-size:16px; padding: 30px 15px; padding-left: 40px; margin-top: 30px; margin-left: 50px; margin-right: 20px; position: relative; cursor: pointer;}
.festilover .spotify .bt_spotify{position: absolute; width: 70px; left:-40px; top:50%; transform: translateY(-50%);}

.festilover .perfil_footer{background-image: url(../img/bg_footer.png); background-position: top center; background-repeat: no-repeat; background-size: cover; text-align: center; width:100%; max-width: 450px; margin: 0 auto; position:relative; margin-top: 70px;}
.festilover .perfil_footer .title{color:#000000; font-size:28px; margin:0 auto; line-height: 1.1em; text-align: center;}
.festilover .perfil_footer .txt{color:#000000; font-size:16px;margin:0 auto; line-height: 1.5em;}

.festilover .btn{  min-width: 300px; margin:0 auto}
.festilover .summer_vibes{width:220px ; margin:0 auto}

.festilover .perfil_footer .flamenco{position: absolute; top:-40px; max-width: 70px; left:50%; transform: translateX(-50%);}