@charset "UTF-8";
/**
 * Set up a decent box model on the root element
 */
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 0 !important;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  padding: 0;
  margin: 0;
}

/**
 * Basic styles for links
 */
a {
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  background: transparent;
  overflow-x: hidden;
  padding-right: 0 !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}

#rc-imageselect, .g-recaptcha {
  display: inline;
}

#rc-imageselect {
  max-width: 100%;
}

@media only screen and (max-width: 1030px) and (min-width: 992px) {
  .g-recaptcha > div > div {
    width: 100% !important;
    height: 78px;
    -webkit-transform: scale(0.77);
            transform: scale(0.77);
    webkit-transform: scale(0.77);
    text-align: center;
    position: relative;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .g-recaptcha > div > div {
    width: 100% !important;
    height: 78px;
    -webkit-transform: scale(0.66);
            transform: scale(0.66);
    webkit-transform: scale(0.66);
    text-align: center;
    position: relative;
  }
}
@media only screen and (max-width: 500px) {
  .g-recaptcha > div > div {
    width: 100% !important;
    height: 78px;
    -webkit-transform: scale(0.88);
            transform: scale(0.88);
    webkit-transform: scale(0.88);
    text-align: center;
    position: relative;
  }
}

footer {
  margin-top: auto;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* --- FAMILIA PRINCIPAL: CABRITO --- */
/* Normal Regular */
@font-face {
  font-family: "Cabrito";
  src: url("../fonts/Cabrito-NorReg.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
/* Normal Demi (Peso medio/semi-bold) */
@font-face {
  font-family: "Cabrito";
  src: url("../fonts/Cabrito-NorDem.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
/* Normal Bold */
@font-face {
  font-family: "Cabrito";
  src: url("../fonts/Cabrito-NorBol.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
/* --- VARIANTES CONDENSADAS (Condensed) --- */
/* Condensed Demi */
@font-face {
  font-family: "Cabrito";
  src: url("../fonts/Cabrito-ConDem.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-stretch: condensed;
}
/* Condensed Demi Italic */
@font-face {
  font-family: "Cabrito";
  src: url("../fonts/Cabrito-ConDemIt.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-stretch: condensed;
}
/* Condensed Bold */
@font-face {
  font-family: "Cabrito";
  src: url("../fonts/Cabrito-ConBol.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
}
/* --- VARIANTE EXTENDIDA (Extended) --- */
/* Extended Demi */
@font-face {
  font-family: "Cabrito";
  src: url("../fonts/Cabrito-ExtDem.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-stretch: expanded;
}
/* --- FAMILIA NICKY SANS --- */
/* Thin (100) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-Thin.ttf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-ThinItalic.ttf");
  font-weight: 100;
  font-style: italic;
}
/* Extra Light (200) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-ExtraLight.ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-ExtraLightItalic.ttf");
  font-weight: 200;
  font-style: italic;
}
/* Light (300) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-Light.ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-LightItalic.ttf");
  font-weight: 300;
  font-style: italic;
}
/* Regular (400) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-Italic.ttf");
  font-weight: 400;
  font-style: italic;
}
/* Medium (500) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-MediumItalic.ttf");
  font-weight: 500;
  font-style: italic;
}
/* Semi Bold (600) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-SemiBoldItalic.ttf");
  font-weight: 600;
  font-style: italic;
}
/* Bold (700) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-BoldItalic.ttf");
  font-weight: 700;
  font-style: italic;
}
/* Extra Bold (800) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-ExtraBold.ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-ExtraBoldItalic.ttf");
  font-weight: 800;
  font-style: italic;
}
/* Black (900) */
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-Black.ttf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Nicky Sans";
  src: url("../fonts/NickySans-BlackItalic.ttf");
  font-weight: 900;
  font-style: italic;
}
/**
 * Basic typography style for copy text
 */
.nescafe-italic {
  font-family: "Nescafe Sans";
  font-weight: normal;
  font-style: italic;
}

.nescafe-light {
  font-family: "Nescafe Sans";
  font-weight: 300;
  font-style: normal;
}

.nescafe-regular, .info-winner p, .basic-page p, .basic-page span, .basic-page-faq p, .basic-page-faq span, .form-promo .text-find-product:hover, .form-promo .text-find-product:focus, .form-promo .text-find-product, .form-promo #error-message #g-recaptcha-response-error, #registerModal #privacity-error, #registerModal .form-register .form-check label, .menu__mobile-left li a {
  font-family: "Nescafe Sans";
  font-weight: normal;
  font-style: normal;
}

.form-promo .form-group input[type=text]::-webkit-input-placeholder, .form-promo .form-group input[type=email]::-webkit-input-placeholder, .form-promo .form-group input[type=number]::-webkit-input-placeholder, #registerModal .form-register input[type=email]::-webkit-input-placeholder, #registerModal .form-register input[type=text]::-webkit-input-placeholder, #registerModal .form-register input[type=number]::-webkit-input-placeholder {
  font-family: "Nescafe Sans";
  font-weight: bold;
  font-style: normal;
}

.form-promo .form-group input[type=text]::-moz-placeholder, .form-promo .form-group input[type=email]::-moz-placeholder, .form-promo .form-group input[type=number]::-moz-placeholder, #registerModal .form-register input[type=email]::-moz-placeholder, #registerModal .form-register input[type=text]::-moz-placeholder, #registerModal .form-register input[type=number]::-moz-placeholder {
  font-family: "Nescafe Sans";
  font-weight: bold;
  font-style: normal;
}

.form-promo .form-group input[type=text]:-ms-input-placeholder, .form-promo .form-group input[type=email]:-ms-input-placeholder, .form-promo .form-group input[type=number]:-ms-input-placeholder, #registerModal .form-register input[type=email]:-ms-input-placeholder, #registerModal .form-register input[type=text]:-ms-input-placeholder, #registerModal .form-register input[type=number]:-ms-input-placeholder {
  font-family: "Nescafe Sans";
  font-weight: bold;
  font-style: normal;
}

.form-promo .form-group input[type=text]::-ms-input-placeholder, .form-promo .form-group input[type=email]::-ms-input-placeholder, .form-promo .form-group input[type=number]::-ms-input-placeholder, #registerModal .form-register input[type=email]::-ms-input-placeholder, #registerModal .form-register input[type=text]::-ms-input-placeholder, #registerModal .form-register input[type=number]::-ms-input-placeholder {
  font-family: "Nescafe Sans";
  font-weight: bold;
  font-style: normal;
}

.nescafe-bold, .info-winner p span, .basic-page p strong, .basic-page span strong, .title-section-red h1, .title-section-red h2, .title-section-red h3, .title-section-red h4, .title-section-red h5, .title-section-red h6, .title-section h1, .title-section h2, .title-section h3, .title-section h4, .title-section h5, .title-section h6, .title-page-winner h1, .title-page-winner h2, .title-page-winner h3, .title-page-winner h4, .title-page-winner h5, .title-page-winner h6, .title-page-red h1, .title-page-red h2, .title-page-red h3, .title-page-red h4, .title-page-red h5, .title-page-red h6, .form-promo .form-group input[type=text]::placeholder, .form-promo .form-group input[type=email]::placeholder, .form-promo .form-group input[type=number]::placeholder, .form-promo .form-group input[type=text], .form-promo .form-group input[type=email], .form-promo .form-group input[type=number], .form-promo .title-form h1, .form-promo .title-form h2, .form-promo .title-form h3, .form-promo .title-form h4, .form-promo .title-form h5, .form-promo .title-form h6, #registerModal .form-register input[type=email]::placeholder, #registerModal .form-register input[type=text]::placeholder, #registerModal .form-register input[type=number]::placeholder, #registerModal .form-register input[type=email], #registerModal .form-register input[type=text], #registerModal .form-register input[type=number], .btn-template-1 {
  font-family: "Nescafe Sans";
  font-weight: bold;
  font-style: normal;
}

.sans-serif-bold {
  font-family: sans-serif;
  font-weight: bold;
  font-style: normal;
}

.cabrito-regular, body {
  font-family: "Cabrito";
  font-weight: normal;
  font-style: normal;
}

.Nicky-Sans, .btn-whatsapp, footer *, .menu__mobile-right li a, .menu-desktop .nav-item .nav-link, body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Nicky Sans";
  font-weight: normal;
  font-style: normal;
}

.menu {
  border-bottom: 1.5px solid white;
}
@media screen and (max-width: 767px) {
  .menu {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.menu-desktop .nav-item {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-desktop .nav-item .nav-link {
  color: white;
  text-decoration: none;
  font-size: 14px;
  position: relative;
  font-weight: 700;
}
@media only screen and (max-width: 1021px) and (min-width: 768px) {
  .menu-desktop .nav-item .nav-link {
    font-size: 11px;
  }
}
.menu-desktop .nav-item .nav-link:hover, .menu-desktop .nav-item .nav-link:focus {
  color: #ffcf3c;
}
.menu-desktop .nav-item .nav-link:hover::after, .menu-desktop .nav-item .nav-link:focus::after {
  content: "";
  display: block;
  width: 35px;
  height: 2px;
  background: #ffcf3c;
  position: absolute;
  left: 50%;
  bottom: 1%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .menu-desktop .nav-item .nav-link:hover::after, .menu-desktop .nav-item .nav-link:focus::after {
    display: none !important;
  }
}
.menu-desktop .nav-link.active {
  font-size: 14px;
  color: white !important;
  text-decoration: underline;
}
@media only screen and (max-width: 1021px) and (min-width: 768px) {
  .menu-desktop .nav-link.active {
    font-size: 11px;
  }
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  width: 30px !important;
  background-color: white !important;
}

.hamburger--slider {
  padding: 0 !important;
}

.nav-movil {
  display: none;
  background: #850506;
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  z-index: 99;
  position: fixed;
  width: 100%;
  top: 75px;
  left: 0;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 0;
  padding-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .nav-movil {
    display: none !important;
  }
}
.nav-movil ul {
  margin-top: 1.5rem;
  margin-left: 1.5rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
}
.nav-movil ul li {
  margin-top: 1.5rem;
}
.nav-movil ul li:last-child {
  border-bottom: 0 !important;
}
.nav-movil ul li a {
  color: white;
  font-size: 20px;
  text-decoration: none;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.nav-movil ul li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  position: relative;
  border-top: 2px solid #3d0203;
  border-bottom: 2px solid #9c3636;
  position: absolute;
  left: 50%;
  bottom: -30%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#sticky-wrapper {
  z-index: 999 !important;
}

@media screen and (max-width: 767px) {
  .navbar .btn-whatsapp {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .navbar .btn-whatsapp i {
    font-size: 16px;
  }
}

.custom-logo-container {
  text-align: center;
}
.custom-logo-container .logo {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .custom-logo-container {
    width: auto;
  }
  .custom-logo-container img {
    width: 80px !important;
  }
}

.menu-trigger div {
  position: relative;
  display: block;
  height: 5px;
  margin-bottom: 5px;
  width: 30px;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 5px;
}

.menu-trigger:hover {
  cursor: pointer;
}

.menu-trigger:hover div:nth-child(odd) {
  width: 30px;
}

.menu-trigger:hover div:nth-child(even) {
  width: 25px;
}

.menu-trigger.active div:nth-child(even) {
  opacity: 0;
}

.menu-trigger.active div:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px;
}

.menu-trigger.active div:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -10px;
}

.menu-trigger.active:hover {
  -webkit-transform: scale(0.75) translateY(-50%);
  transform: scale(0.75) translateY(-50%);
}

.menu-trigger.active:hover div {
  width: 30px !important;
}

ul[class^=menu__mobile] {
  position: absolute;
  top: calc(100% + 0px);
  width: 100vw;
  height: 100vh;
  background: #a4cdf7;
  border-top: 1.5px solid white;
  color: #fff;
  z-index: 1;
}

@media (min-width: 769px) {
  ul[class^=menu__mobile] {
    display: none;
  }
}
ul[class^=menu__mobile] li {
  padding: 0.5em 1em;
  width: 100%;
  border-bottom: 1.5px solid #033e8c;
}

ul[class^=menu__mobile] li:last-child {
  border-bottom: 0 !important;
}

ul[class^=menu__mobile] li a {
  display: block;
}

ul[class^=menu__mobile] li:first-child a, ul[class^=menu__mobile] li:hover {
  color: #033e8c;
}

.menu__mobile-left {
  left: -100vw;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  list-style: none !important;
}
.menu__mobile-left li {
  padding-left: 0 !important;
}
.menu__mobile-left li a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  padding-left: 0 !important;
}

.menu__mobile-left.open {
  left: 0;
}

.menu__mobile-right {
  right: -100vw;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  list-style: none !important;
}
.menu__mobile-right li {
  padding-left: 0 !important;
}
.menu__mobile-right li a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #033e8c;
  text-decoration: none;
  font-size: 18px;
  position: relative;
  padding-left: 0 !important;
  font-weight: 700;
}

.menu__mobile-right.open {
  right: 0;
}

.disclaimer-bottom {
  position: absolute;
  bottom: 20%;
  left: 40px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.disclaimer-bottom a {
  color: white;
  text-decoration: none;
}
.disclaimer-bottom a:hover, .disclaimer-bottom a:focus {
  color: white;
  text-decoration: underline;
}

.icon-user-item a {
  color: white;
}
.icon-user-item a i {
  font-size: 24px;
}

footer .links-footer {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
footer .links-footer a {
  color: white;
  text-decoration: underline;
  font-size: 14px;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}
footer .links-footer a:hover, footer .links-footer a:focus {
  color: white;
  text-decoration: none;
}
footer .links-footer a::after {
  content: "";
  display: block;
  width: 1.5px;
  height: 15px;
  background: white;
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 433px) {
  footer .links-footer a:nth-child(2)::after {
    display: none;
  }
}
@media only screen and (max-width: 528px) and (min-width: 433px) {
  footer .links-footer a:nth-child(3)::after {
    display: none;
  }
}
footer .links-footer a:last-child::after {
  display: none;
}

.social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .social-media {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.social-media .facebook, .social-media .fb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .facebook::after, .social-media .fb::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  content: "\f082";
  color: white;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .social-media .facebook::after, .social-media .fb::after {
    font-size: 30px;
  }
}
.social-media .twitter, .social-media .tw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .twitter::after, .social-media .tw::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f081";
  color: white;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .social-media .twitter::after, .social-media .tw::after {
    font-size: 30px;
  }
}
.social-media .yt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .yt::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f167";
  color: white;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .social-media .yt::after {
    font-size: 30px;
  }
}
.social-media .ig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .ig::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\e055";
  color: white;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .social-media .ig::after {
    font-size: 30px;
  }
}
.social-media .ink {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .ink::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f08c";
  color: white;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .social-media .ink::after {
    font-size: 30px;
  }
}

.btn-template-1 {
  background-color: #F4C523;
  border-radius: 10px;
  color: white;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  outline: none;
  font-size: 18px;
}
.btn-template-1:hover, .btn-template-1:focus {
  color: white;
  background-color: #F3BB09;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button, .phone {
  -webkit-appearance: none !important;
  margin: 0;
}

/* Firefox */
input[type=number], .phone {
  -moz-appearance: textfield;
}

.btn-whatsapp {
  border-radius: 10px;
  background-color: #27a428;
  border: solid 2px #27a428;
  color: white;
  cursor: pointer;
  padding: 10px 22px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.btn-whatsapp:hover {
  color: #27a428;
  border: solid 2px #27a428;
  background-color: white;
}
.btn-whatsapp i {
  font-size: 21px;
  font-weight: 500;
  margin-right: 4px;
}
.btn-whatsapp i:hover {
  color: #27a428;
}

#findLoteModal .modal-content, #findTicketModal .modal-content, #findProductModal .modal-content {
  background-color: #DF1D25;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: -3px 3px 5px black;
          box-shadow: -3px 3px 5px black;
}
#findLoteModal .modal-header, #findTicketModal .modal-header, #findProductModal .modal-header {
  border-bottom: 0;
}
#findLoteModal .close, #findTicketModal .close, #findProductModal .close {
  color: white !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 2rem;
}

#registerModal .btn-login {
  color: white;
  text-decoration: underline;
}
#registerModal .btn-login:hover, #registerModal .btn-login:focus {
  color: white;
  text-decoration: none;
}
#registerModal .modal-content {
  background-color: #DF1D25;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: -3px 3px 5px black;
          box-shadow: -3px 3px 5px black;
}
#registerModal .modal-header {
  border-bottom: 0;
}
#registerModal .close {
  color: white !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 2rem;
}
#registerModal .title-modal {
  text-align: center;
}
#registerModal .title-modal h1, #registerModal .title-modal h2, #registerModal .title-modal h3, #registerModal .title-modal h4, #registerModal .title-modal h5, #registerModal .title-modal h6 {
  color: white;
}
#registerModal .form-register {
  margin-top: 1rem;
}
#registerModal .form-register input[type=email], #registerModal .form-register input[type=text], #registerModal .form-register input[type=number] {
  border-radius: 10px;
  background-clip: initial;
  border: 2px solid white;
  font-size: 14px;
  color: black;
}
#registerModal .form-register input[type=email]::-webkit-input-placeholder, #registerModal .form-register input[type=text]::-webkit-input-placeholder, #registerModal .form-register input[type=number]::-webkit-input-placeholder {
  color: #E01E26;
  font-size: 14px;
}
#registerModal .form-register input[type=email]::-moz-placeholder, #registerModal .form-register input[type=text]::-moz-placeholder, #registerModal .form-register input[type=number]::-moz-placeholder {
  color: #E01E26;
  font-size: 14px;
}
#registerModal .form-register input[type=email]:-ms-input-placeholder, #registerModal .form-register input[type=text]:-ms-input-placeholder, #registerModal .form-register input[type=number]:-ms-input-placeholder {
  color: #E01E26;
  font-size: 14px;
}
#registerModal .form-register input[type=email]::-ms-input-placeholder, #registerModal .form-register input[type=text]::-ms-input-placeholder, #registerModal .form-register input[type=number]::-ms-input-placeholder {
  color: #E01E26;
  font-size: 14px;
}
#registerModal .form-register input[type=email]::placeholder, #registerModal .form-register input[type=text]::placeholder, #registerModal .form-register input[type=number]::placeholder {
  color: #E01E26;
  font-size: 14px;
}
#registerModal .form-register .form-check label {
  color: white;
}
#registerModal #name-error, #registerModal #phone-error, #registerModal #zip_code-error, #registerModal #lastname-error {
  display: none !important;
}
#registerModal #error-message-modal {
  text-align: center;
}
#registerModal #privacity-error {
  margin-top: 1rem;
  text-align: center !important;
  border: none !important;
  color: red;
  border-radius: 5px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}
#registerModal .error {
  background-color: #fff2f2 !important;
  border: 2px solid black !important;
}

#finalQuestionModal .modal-dialog {
  padding-top: 3rem;
}
#finalQuestionModal .modal-content {
  background-image: url("../img/bg-moda-finalquestion.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #finalQuestionModal .modal-content {
    background-image: url("../img/bg-modal-finalquestion-mobile.png");
    background-size: cover;
  }
}
#finalQuestionModal .modal-header {
  border-bottom: 0;
}
#finalQuestionModal .close {
  color: white;
  position: absolute;
  top: -6%;
  right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  border-radius: 10px;
  padding: 5px 10px;
  opacity: 1;
  line-height: 0.9;
}
#finalQuestionModal .title-modal {
  text-align: center;
}
#finalQuestionModal .title-modal h1, #finalQuestionModal .title-modal h2, #finalQuestionModal .title-modal h3, #finalQuestionModal .title-modal h4, #finalQuestionModal .title-modal h5, #finalQuestionModal .title-modal h6 {
  color: white;
}
#finalQuestionModal .form-finalquestion .custom-hr {
  border-top: 1.5px solid #AE3B3F !important;
  border-bottom: 1.5px solid #EE7479 !important;
}
#finalQuestionModal .form-finalquestion .title-question {
  background-color: #FBB900;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 1rem;
  border-radius: 15px;
}
#finalQuestionModal .form-finalquestion .title-question h1, #finalQuestionModal .form-finalquestion .title-question h2, #finalQuestionModal .form-finalquestion .title-question h3, #finalQuestionModal .form-finalquestion .title-question h4, #finalQuestionModal .form-finalquestion .title-question h5, #finalQuestionModal .form-finalquestion .title-question h6 {
  margin-bottom: 0;
  color: white;
  text-shadow: rgb(5, 140, 244) 3px 0px 0px, rgb(5, 140, 244) 2.83487px 0.981584px 0px, rgb(5, 140, 244) 2.35766px 1.85511px 0px, rgb(5, 140, 244) 1.62091px 2.52441px 0px, rgb(5, 140, 244) 0.705713px 2.91581px 0px, rgb(5, 140, 244) -0.287171px 2.98622px 0px, rgb(5, 140, 244) -1.24844px 2.72789px 0px, rgb(5, 140, 244) -2.07227px 2.16926px 0px, rgb(5, 140, 244) -2.66798px 1.37182px 0px, rgb(5, 140, 244) -2.96998px 0.42336px 0px, rgb(5, 140, 244) -2.94502px -0.571704px 0px, rgb(5, 140, 244) -2.59586px -1.50383px 0px, rgb(5, 140, 244) -1.96093px -2.27041px 0px, rgb(5, 140, 244) -1.11013px -2.78704px 0px, rgb(5, 140, 244) -0.137119px -2.99686px 0px, rgb(5, 140, 244) 0.850987px -2.87677px 0px, rgb(5, 140, 244) 1.74541px -2.43999px 0px, rgb(5, 140, 244) 2.44769px -1.73459px 0px, rgb(5, 140, 244) 2.88051px -0.838247px 0px, #058cf4 1px 3px 0px, #AB7D00 0px 4.5px 0px;
}
@media screen and (max-width: 767px) {
  #finalQuestionModal .form-finalquestion .title-question h1, #finalQuestionModal .form-finalquestion .title-question h2, #finalQuestionModal .form-finalquestion .title-question h3, #finalQuestionModal .form-finalquestion .title-question h4, #finalQuestionModal .form-finalquestion .title-question h5, #finalQuestionModal .form-finalquestion .title-question h6 {
    font-size: 18px;
  }
}
#finalQuestionModal .form-finalquestion .form-custom-radio input[type=radio]:checked + label {
  background-color: white;
  color: #E13B41;
  width: 100%;
  height: 100%;
}
#finalQuestionModal .form-finalquestion .form-custom-radio label {
  position: relative;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  width: 100%;
  color: white;
  background-color: #E13B41;
  border: 2px solid #FE757B;
  text-align: center;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
#finalQuestionModal .form-finalquestion .form-custom-radio label:hover {
  background-color: white;
  color: #E13B41;
}
#finalQuestionModal .form-finalquestion .form-custom-radio .input_hidden {
  position: absolute;
  left: -9999px;
}
#finalQuestionModal .form-finalquestion #answer-error {
  margin-top: 1rem;
  width: 100%;
  text-align: center !important;
  border: none !important;
  color: red;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #fff2f2 !important;
}

#loginModal .modal-content {
  background-color: #E10F17;
  border: none;
  border-radius: 15px;
}
#loginModal .modal-header {
  border-bottom: 0;
}
#loginModal .close {
  color: #9B0D12 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
#loginModal .modal-body {
  color: white !important;
}
#loginModal .modal-body a {
  color: white;
  text-decoration: underline;
}
#loginModal .modal-body a:hover, #loginModal .modal-body a:focus {
  color: white;
  text-decoration: none;
}
#loginModal .form-login input[type=email], #loginModal .form-login input[type=password] {
  border-radius: 10px;
  background-clip: initial;
  border: 2px solid white;
  font-size: 14px;
  color: black;
}
#loginModal .form-login input[type=email]::-webkit-input-placeholder, #loginModal .form-login input[type=password]::-webkit-input-placeholder {
  font-size: 14px;
}
#loginModal .form-login input[type=email]::-moz-placeholder, #loginModal .form-login input[type=password]::-moz-placeholder {
  font-size: 14px;
}
#loginModal .form-login input[type=email]:-ms-input-placeholder, #loginModal .form-login input[type=password]:-ms-input-placeholder {
  font-size: 14px;
}
#loginModal .form-login input[type=email]::-ms-input-placeholder, #loginModal .form-login input[type=password]::-ms-input-placeholder {
  font-size: 14px;
}
#loginModal .form-login input[type=email]::placeholder, #loginModal .form-login input[type=password]::placeholder {
  font-size: 14px;
}
#loginModal .form-login .error {
  background-color: #fff2f2 !important;
  border: 2px solid black !important;
}
#loginModal .form-login #email-error, #loginModal .form-login #password-error {
  display: none !important;
}

#accountCreatedModal .modal-content {
  background-color: #E10F17;
  border: none;
  border-radius: 15px;
}
#accountCreatedModal .modal-header {
  border-bottom: 0;
}
#accountCreatedModal .close {
  color: #9B0D12 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#startGameModal .modal-content {
  background-color: #E10F17;
  border: none;
  border-radius: 15px;
}
#startGameModal .modal-header {
  border-bottom: 0;
}
#startGameModal .close {
  color: #9B0D12 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#scoreGameModal .modal-content {
  background-color: #E10F17;
  border: none;
  border-radius: 15px;
}
#scoreGameModal .modal-header {
  border-bottom: 0;
}
#scoreGameModal .close {
  color: #9B0D12 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.section-prizes .slick-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1;
  font-size: 0;
  line-height: 1;
  border: none;
  outline: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .section-prizes .slick-prev {
    left: 5%;
  }
}
.section-prizes .slick-prev::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
  font-size: 24px;
  color: white;
}
.section-prizes .slick-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1;
  font-size: 0;
  line-height: 1;
  border: none;
  outline: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .section-prizes .slick-next {
    right: 5%;
  }
}
.section-prizes .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-size: 24px;
  color: white;
}

.form-promo {
  padding-top: 1rem;
}
@media screen and (max-width: 767px) {
  .form-promo {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.form-promo .title-form {
  text-align: center;
}
.form-promo .title-form h1, .form-promo .title-form h2, .form-promo .title-form h3, .form-promo .title-form h4, .form-promo .title-form h5, .form-promo .title-form h6 {
  color: white;
  margin-bottom: 0;
}
.form-promo .form-group input[type=text], .form-promo .form-group input[type=email], .form-promo .form-group input[type=number] {
  border-radius: 10px;
  background-clip: initial;
  border: 2px solid white;
  font-size: 14px;
  color: black;
}
.form-promo .form-group input[type=text]::-webkit-input-placeholder, .form-promo .form-group input[type=email]::-webkit-input-placeholder, .form-promo .form-group input[type=number]::-webkit-input-placeholder {
  color: #E01E26;
  font-size: 14px;
}
.form-promo .form-group input[type=text]::-moz-placeholder, .form-promo .form-group input[type=email]::-moz-placeholder, .form-promo .form-group input[type=number]::-moz-placeholder {
  color: #E01E26;
  font-size: 14px;
}
.form-promo .form-group input[type=text]:-ms-input-placeholder, .form-promo .form-group input[type=email]:-ms-input-placeholder, .form-promo .form-group input[type=number]:-ms-input-placeholder {
  color: #E01E26;
  font-size: 14px;
}
.form-promo .form-group input[type=text]::-ms-input-placeholder, .form-promo .form-group input[type=email]::-ms-input-placeholder, .form-promo .form-group input[type=number]::-ms-input-placeholder {
  color: #E01E26;
  font-size: 14px;
}
.form-promo .form-group input[type=text]::placeholder, .form-promo .form-group input[type=email]::placeholder, .form-promo .form-group input[type=number]::placeholder {
  color: #E01E26;
  font-size: 14px;
}
.form-promo .error {
  background-color: #fff2f2 !important;
  border: 2px solid black !important;
}
.form-promo #email-error, .form-promo #lote-error {
  display: none !important;
}
.form-promo #error-message {
  text-align: center;
}
.form-promo #error-message #g-recaptcha-response-error {
  padding: 0px 5px;
  border-radius: 5px;
  color: red !important;
  border: none !important;
}
.form-promo .find-product {
  height: 100%;
}
.form-promo .find-product a div {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-promo .find-product a div i {
  color: #DE0B07;
}
.form-promo .find-product a:hover div, .form-promo .find-product a:focus div {
  background-color: #f5f5f5;
}
.form-promo .text-find-product {
  font-size: 14px;
  color: white;
  text-decoration: underline;
}
.form-promo .text-find-product:hover, .form-promo .text-find-product:focus {
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .promotion-desktop {
    margin-top: -125px;
  }
}

@media screen and (max-width: 767px) {
  .promotion-mobile {
    position: relative;
    top: -25px;
    max-width: 400px;
  }
}

.prize-weekly .prize .info, .prize-daily .prize .info {
  margin-top: 1rem;
  text-align: center;
}
.prize-weekly .prize .info p, .prize-weekly .prize .info span, .prize-daily .prize .info p, .prize-daily .prize .info span {
  color: white;
}

.section-participation .step .description h1, .section-participation .step .description h2, .section-participation .step .description h3, .section-participation .step .description h4, .section-participation .step .description h5, .section-participation .step .description h6 {
  letter-spacing: 1px;
  color: white;
  text-shadow: rgb(146, 26, 30) 4px 0px 0px, rgb(146, 26, 30) 3.87565px 0.989616px 0px, rgb(146, 26, 30) 3.51033px 1.9177px 0px, rgb(146, 26, 30) 2.92676px 2.72656px 0px, rgb(146, 26, 30) 2.16121px 3.36588px 0px, rgb(146, 26, 30) 1.26129px 3.79594px 0px, rgb(146, 26, 30) 0.282949px 3.98998px 0px, rgb(146, 26, 30) -0.712984px 3.93594px 0px, rgb(146, 26, 30) -1.66459px 3.63719px 0px, rgb(146, 26, 30) -2.51269px 3.11229px 0px, rgb(146, 26, 30) -3.20457px 2.39389px 0px, rgb(146, 26, 30) -3.69721px 1.52664px 0px, rgb(146, 26, 30) -3.95997px 0.56448px 0px, rgb(146, 26, 30) -3.97652px -0.432781px 0px, rgb(146, 26, 30) -3.74583px -1.40313px 0px, rgb(146, 26, 30) -3.28224px -2.28625px 0px, rgb(146, 26, 30) -2.61457px -3.02721px 0px, rgb(146, 26, 30) -1.78435px -3.57996px 0px, rgb(146, 26, 30) -0.843183px -3.91012px 0px, rgb(146, 26, 30) 0.150409px -3.99717px 0px, rgb(146, 26, 30) 1.13465px -3.8357px 0px, rgb(146, 26, 30) 2.04834px -3.43574px 0px, rgb(146, 26, 30) 2.83468px -2.82216px 0px, rgb(146, 26, 30) 3.44477px -2.03312px 0px, rgb(146, 26, 30) 3.84068px -1.11766px 0px, rgb(146, 26, 30) 3.9978px -0.132717px 0px;
}
.section-participation .step .description p {
  text-align: center;
  position: relative;
}
.section-participation .step .description p a {
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  color: #C8161D;
  text-decoration: none;
  border-bottom: 1px solid #C8161D;
}
.section-participation .step .description p a:hover, .section-participation .step .description p a:focus {
  color: #C8161D;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.section-participation .step .description p .logo-whatsapp {
  width: 25px;
}
.section-participation .step .description p span {
  font-size: 2.5rem;
  color: #FFE647;
  text-shadow: rgb(102, 4, 10) 4px 0px 0px, rgb(102, 4, 10) 3.87565px 0.989616px 0px, rgb(102, 4, 10) 3.51033px 1.9177px 0px, rgb(102, 4, 10) 2.92676px 2.72656px 0px, rgb(102, 4, 10) 2.16121px 3.36588px 0px, rgb(102, 4, 10) 1.26129px 3.79594px 0px, rgb(102, 4, 10) 0.282949px 3.98998px 0px, rgb(102, 4, 10) -0.712984px 3.93594px 0px, rgb(102, 4, 10) -1.66459px 3.63719px 0px, rgb(102, 4, 10) -2.51269px 3.11229px 0px, rgb(102, 4, 10) -3.20457px 2.39389px 0px, rgb(102, 4, 10) -3.69721px 1.52664px 0px, rgb(102, 4, 10) -3.95997px 0.56448px 0px, rgb(102, 4, 10) -3.97652px -0.432781px 0px, rgb(102, 4, 10) -3.74583px -1.40313px 0px, rgb(102, 4, 10) -3.28224px -2.28625px 0px, rgb(102, 4, 10) -2.61457px -3.02721px 0px, rgb(102, 4, 10) -1.78435px -3.57996px 0px, rgb(102, 4, 10) -0.843183px -3.91012px 0px, rgb(102, 4, 10) 0.150409px -3.99717px 0px, rgb(102, 4, 10) 1.13465px -3.8357px 0px, rgb(102, 4, 10) 2.04834px -3.43574px 0px, rgb(102, 4, 10) 2.83468px -2.82216px 0px, rgb(102, 4, 10) 3.44477px -2.03312px 0px, rgb(102, 4, 10) 3.84068px -1.11766px 0px, rgb(102, 4, 10) 3.9978px -0.132717px 0px;
}
.section-participation .step .description p .custom-sup {
  top: -10px !important;
  vertical-align: text-top;
  font-size: 16px;
  color: #60050C;
}

.prize-number p {
  font-size: 4.5rem;
  color: #FFE647;
  text-shadow: rgb(102, 4, 10) 4px 0px 0px, rgb(102, 4, 10) 3.87565px 0.989616px 0px, rgb(102, 4, 10) 3.51033px 1.9177px 0px, rgb(102, 4, 10) 2.92676px 2.72656px 0px, rgb(102, 4, 10) 2.16121px 3.36588px 0px, rgb(102, 4, 10) 1.26129px 3.79594px 0px, rgb(102, 4, 10) 0.282949px 3.98998px 0px, rgb(102, 4, 10) -0.712984px 3.93594px 0px, rgb(102, 4, 10) -1.66459px 3.63719px 0px, rgb(102, 4, 10) -2.51269px 3.11229px 0px, rgb(102, 4, 10) -3.20457px 2.39389px 0px, rgb(102, 4, 10) -3.69721px 1.52664px 0px, rgb(102, 4, 10) -3.95997px 0.56448px 0px, rgb(102, 4, 10) -3.97652px -0.432781px 0px, rgb(102, 4, 10) -3.74583px -1.40313px 0px, rgb(102, 4, 10) -3.28224px -2.28625px 0px, rgb(102, 4, 10) -2.61457px -3.02721px 0px, rgb(102, 4, 10) -1.78435px -3.57996px 0px, rgb(102, 4, 10) -0.843183px -3.91012px 0px, rgb(102, 4, 10) 0.150409px -3.99717px 0px, rgb(102, 4, 10) 1.13465px -3.8357px 0px, rgb(102, 4, 10) 2.04834px -3.43574px 0px, rgb(102, 4, 10) 2.83468px -2.82216px 0px, rgb(102, 4, 10) 3.44477px -2.03312px 0px, rgb(102, 4, 10) 3.84068px -1.11766px 0px, rgb(102, 4, 10) 3.9978px -0.132717px 0px;
  line-height: 1;
  margin-bottom: 0;
}
.prize-number .sup-mxn {
  text-shadow: none;
  font-size: 22px;
  color: white;
  text-align: right;
  margin-right: 6.5rem;
}
@media screen and (max-width: 767px) {
  .prize-number .sup-mxn-mobile {
    margin-right: 0.5rem !important;
  }
}
.prize-number span {
  color: white;
  font-size: 22px;
}

.title-banner-prize h1, .title-banner-prize h2, .title-banner-prize h3, .title-banner-prize h4, .title-banner-prize h5, .title-banner-prize h6 {
  letter-spacing: 1px;
  color: white;
  text-shadow: rgb(146, 26, 30) 4px 0px 0px, rgb(146, 26, 30) 3.87565px 0.989616px 0px, rgb(146, 26, 30) 3.51033px 1.9177px 0px, rgb(146, 26, 30) 2.92676px 2.72656px 0px, rgb(146, 26, 30) 2.16121px 3.36588px 0px, rgb(146, 26, 30) 1.26129px 3.79594px 0px, rgb(146, 26, 30) 0.282949px 3.98998px 0px, rgb(146, 26, 30) -0.712984px 3.93594px 0px, rgb(146, 26, 30) -1.66459px 3.63719px 0px, rgb(146, 26, 30) -2.51269px 3.11229px 0px, rgb(146, 26, 30) -3.20457px 2.39389px 0px, rgb(146, 26, 30) -3.69721px 1.52664px 0px, rgb(146, 26, 30) -3.95997px 0.56448px 0px, rgb(146, 26, 30) -3.97652px -0.432781px 0px, rgb(146, 26, 30) -3.74583px -1.40313px 0px, rgb(146, 26, 30) -3.28224px -2.28625px 0px, rgb(146, 26, 30) -2.61457px -3.02721px 0px, rgb(146, 26, 30) -1.78435px -3.57996px 0px, rgb(146, 26, 30) -0.843183px -3.91012px 0px, rgb(146, 26, 30) 0.150409px -3.99717px 0px, rgb(146, 26, 30) 1.13465px -3.8357px 0px, rgb(146, 26, 30) 2.04834px -3.43574px 0px, rgb(146, 26, 30) 2.83468px -2.82216px 0px, rgb(146, 26, 30) 3.44477px -2.03312px 0px, rgb(146, 26, 30) 3.84068px -1.11766px 0px, rgb(146, 26, 30) 3.9978px -0.132717px 0px;
}

.section-prizes .prize {
  padding: 10px;
  border: 5px solid #B1151B;
  border-radius: 5px;
  background-color: white;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .section-prizes .prize {
    min-height: 230px;
  }
}
.section-prizes .prize img {
  max-width: 60%;
}
@media screen and (max-width: 767px) {
  .section-prizes .prize img {
    max-width: 70%;
  }
}
.section-prizes .prize .laundry {
  height: 150px;
}
@media screen and (max-width: 767px) {
  .section-prizes .prize .laundry {
    height: 110px;
  }
}
.section-prizes .prize .fridge {
  height: 170px;
}
@media screen and (max-width: 767px) {
  .section-prizes .prize .fridge {
    height: 110px;
  }
}
.section-prizes .prize p, .section-prizes .prize span {
  letter-spacing: 1px;
  color: white;
  text-shadow: rgb(146, 26, 30) 4px 0px 0px, rgb(146, 26, 30) 3.87565px 0.989616px 0px, rgb(146, 26, 30) 3.51033px 1.9177px 0px, rgb(146, 26, 30) 2.92676px 2.72656px 0px, rgb(146, 26, 30) 2.16121px 3.36588px 0px, rgb(146, 26, 30) 1.26129px 3.79594px 0px, rgb(146, 26, 30) 0.282949px 3.98998px 0px, rgb(146, 26, 30) -0.712984px 3.93594px 0px, rgb(146, 26, 30) -1.66459px 3.63719px 0px, rgb(146, 26, 30) -2.51269px 3.11229px 0px, rgb(146, 26, 30) -3.20457px 2.39389px 0px, rgb(146, 26, 30) -3.69721px 1.52664px 0px, rgb(146, 26, 30) -3.95997px 0.56448px 0px, rgb(146, 26, 30) -3.97652px -0.432781px 0px, rgb(146, 26, 30) -3.74583px -1.40313px 0px, rgb(146, 26, 30) -3.28224px -2.28625px 0px, rgb(146, 26, 30) -2.61457px -3.02721px 0px, rgb(146, 26, 30) -1.78435px -3.57996px 0px, rgb(146, 26, 30) -0.843183px -3.91012px 0px, rgb(146, 26, 30) 0.150409px -3.99717px 0px, rgb(146, 26, 30) 1.13465px -3.8357px 0px, rgb(146, 26, 30) 2.04834px -3.43574px 0px, rgb(146, 26, 30) 2.83468px -2.82216px 0px, rgb(146, 26, 30) 3.44477px -2.03312px 0px, rgb(146, 26, 30) 3.84068px -1.11766px 0px, rgb(146, 26, 30) 3.9978px -0.132717px 0px;
}
@media screen and (max-width: 767px) {
  .section-prizes .prize p, .section-prizes .prize span {
    font-size: 14px;
  }
}

.title-section-blue h1, .title-section-blue h2, .title-section-blue h3, .title-section-blue h4, .title-section-blue h5, .title-section-blue h6 {
  letter-spacing: 1px;
  color: white;
  text-shadow: rgb(3, 62, 140) 4px 0px 0px, rgb(3, 62, 140) 3.87565px 0.989616px 0px, rgb(3, 62, 140) 3.51033px 1.9177px 0px, rgb(3, 62, 140) 2.92676px 2.72656px 0px, rgb(3, 62, 140) 2.16121px 3.36588px 0px, rgb(3, 62, 140) 1.26129px 3.79594px 0px, rgb(3, 62, 140) 0.282949px 3.98998px 0px, rgb(3, 62, 140) -0.712984px 3.93594px 0px, rgb(3, 62, 140) -1.66459px 3.63719px 0px, rgb(3, 62, 140) -2.51269px 3.11229px 0px, rgb(3, 62, 140) -3.20457px 2.39389px 0px, rgb(3, 62, 140) -3.69721px 1.52664px 0px, rgb(3, 62, 140) -3.95997px 0.56448px 0px, rgb(3, 62, 140) -3.97652px -0.432781px 0px, rgb(3, 62, 140) -3.74583px -1.40313px 0px, rgb(3, 62, 140) -3.28224px -2.28625px 0px, rgb(3, 62, 140) -2.61457px -3.02721px 0px, rgb(3, 62, 140) -1.78435px -3.57996px 0px, rgb(3, 62, 140) -0.843183px -3.91012px 0px, rgb(3, 62, 140) 0.150409px -3.99717px 0px, rgb(3, 62, 140) 1.13465px -3.8357px 0px, rgb(3, 62, 140) 2.04834px -3.43574px 0px, rgb(3, 62, 140) 2.83468px -2.82216px 0px, rgb(3, 62, 140) 3.44477px -2.03312px 0px, rgb(3, 62, 140) 3.84068px -1.11766px 0px, rgb(3, 62, 140) 3.9978px -0.132717px 0px;
}

.title-section-white h1, .title-section-white h2, .title-section-white h3, .title-section-white h4, .title-section-white h5, .title-section-white h6 {
  letter-spacing: 1px;
  color: rgb(3, 62, 140);
  font-weight: 900;
  text-shadow: white 4px 0px 0px, white 3.87565px 0.989616px 0px, white 3.51033px 1.9177px 0px, white 2.92676px 2.72656px 0px, white 2.16121px 3.36588px 0px, white 1.26129px 3.79594px 0px, white 0.282949px 3.98998px 0px, white -0.712984px 3.93594px 0px, white -1.66459px 3.63719px 0px, white -2.51269px 3.11229px 0px, white -3.20457px 2.39389px 0px, white -3.69721px 1.52664px 0px, white -3.95997px 0.56448px 0px, white -3.97652px -0.432781px 0px, white -3.74583px -1.40313px 0px, white -3.28224px -2.28625px 0px, white -2.61457px -3.02721px 0px, white -1.78435px -3.57996px 0px, white -0.843183px -3.91012px 0px, white 0.150409px -3.99717px 0px, white 1.13465px -3.8357px 0px, white 2.04834px -3.43574px 0px, white 2.83468px -2.82216px 0px, white 3.44477px -2.03312px 0px, white 3.84068px -1.11766px 0px, white 3.9978px -0.132717px 0px;
}

.section-hero {
  max-width: 1500px;
  margin: auto;
}
.section-hero .wrapper-img p {
  letter-spacing: 1px;
  color: white;
  text-shadow: rgb(3, 62, 140) 4px 0px 0px, rgb(3, 62, 140) 3.87565px 0.989616px 0px, rgb(3, 62, 140) 3.51033px 1.9177px 0px, rgb(3, 62, 140) 2.92676px 2.72656px 0px, rgb(3, 62, 140) 2.16121px 3.36588px 0px, rgb(3, 62, 140) 1.26129px 3.79594px 0px, rgb(3, 62, 140) 0.282949px 3.98998px 0px, rgb(3, 62, 140) -0.712984px 3.93594px 0px, rgb(3, 62, 140) -1.66459px 3.63719px 0px, rgb(3, 62, 140) -2.51269px 3.11229px 0px, rgb(3, 62, 140) -3.20457px 2.39389px 0px, rgb(3, 62, 140) -3.69721px 1.52664px 0px, rgb(3, 62, 140) -3.95997px 0.56448px 0px, rgb(3, 62, 140) -3.97652px -0.432781px 0px, rgb(3, 62, 140) -3.74583px -1.40313px 0px, rgb(3, 62, 140) -3.28224px -2.28625px 0px, rgb(3, 62, 140) -2.61457px -3.02721px 0px, rgb(3, 62, 140) -1.78435px -3.57996px 0px, rgb(3, 62, 140) -0.843183px -3.91012px 0px, rgb(3, 62, 140) 0.150409px -3.99717px 0px, rgb(3, 62, 140) 1.13465px -3.8357px 0px, rgb(3, 62, 140) 2.04834px -3.43574px 0px, rgb(3, 62, 140) 2.83468px -2.82216px 0px, rgb(3, 62, 140) 3.44477px -2.03312px 0px, rgb(3, 62, 140) 3.84068px -1.11766px 0px, rgb(3, 62, 140) 3.9978px -0.132717px 0px;
}
@media screen and (max-width: 767px) {
  .section-hero .btn-whatsapp {
    font-size: 20px;
    padding: 17px 45px;
  }
  .section-hero .btn-whatsapp i {
    font-size: 30px;
  }
}

.section-como-participar .title-section-white p {
  color: #0846bb;
  font-weight: 600;
}
.section-como-participar .section-participation .step .wrapper-img img {
  margin-bottom: 8px;
}
.section-como-participar .section-participation .step .description {
  text-align: center;
}
.section-como-participar .section-participation .step .description p {
  color: #002387;
  font-weight: 600;
}
.section-como-participar .section-participation .step .description img {
  max-width: 200px;
  max-height: 44px;
}
.section-como-participar .section-participation .step-1 .wrapper-img img {
  margin-bottom: 19px;
}
.section-como-participar .section-participation .step-6 .description img {
  min-height: 55px;
  min-width: 260px;
  margin-top: -10px;
}
.section-como-participar .section-participation-2 .step {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-como-participar .section-participation-2 .wrapper-img {
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-como-participar .section-participation-2 .description img {
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}
.section-como-participar .section-participation-2 p {
  font-family: "Nicky Sans";
  font-weight: 400;
  min-height: 3em;
}
.section-como-participar .section-participation-mobile .step-2 {
  margin-top: -84px;
}
.section-como-participar .section-participation-mobile .step-3 {
  margin-top: -50px;
}
.section-como-participar .section-participation-mobile .step-5 {
  margin-top: -115px;
}
.section-como-participar .section-participation-mobile .step-6 {
  margin-top: -115px;
}
.section-como-participar .section-participation-mobile h3 {
  font-size: 1.2rem;
}

.section-premios p {
  color: #0846bb;
  font-weight: 600;
}
.section-premios .list-white ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-premios .list-white ul li {
  color: white;
  list-style: none;
  text-transform: uppercase;
  position: relative;
  padding: 10px 18px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .section-premios .list-white ul li {
    padding: 2px 2px;
  }
}
.section-premios .list-white ul li:hover {
  text-decoration: underline;
}
.section-premios .list-white ul li::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: white;
  position: absolute;
  right: 0%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .section-premios .list-white ul li::after {
    display: none !important;
  }
}
.section-premios .list-white ul li:last-child::after {
  display: none;
}
.section-premios .list-white ul li .nav-link {
  color: white;
  border: none;
  background: transparent;
}
.section-premios .list-white ul li .nav-link.active {
  text-decoration: underline;
  background: transparent;
}
.section-premios .section-img img {
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .section-premios .section-bebe .title-section-blue {
    position: relative;
    z-index: 5;
  }
}
.section-premios .section-bebe .title-section-blue p {
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 767px) {
  .section-premios .section-bebe .title-section-blue p {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 767px) {
  .section-premios .section-bebe .title-section-blue h3 {
    font-size: 23px;
  }
}
.section-premios .section-bebe .wrapper-img img {
  min-width: 350px;
}
@media screen and (max-width: 767px) {
  .section-premios .section-bebe .wrapper-img img {
    min-width: 220px;
    position: relative;
    left: -46px;
  }
}

.section-productos-participantes .subtitle p {
  color: #0846bb;
  font-weight: 600;
}
.section-productos-participantes .section-img p {
  color: #345888;
  font-weight: 600;
}

@media screen and (min-width: 1200px) {
  .homepage p {
    font-size: 1.2rem;
    line-height: 20px;
  }
}

.containerBasicPage a {
  text-decoration: underline;
  color: #000;
}
.containerBasicPage a:hover {
  text-decoration: none;
}

.gerber-app-container {
  background: url(../img/bg-calendar.jpg) !important;
  background-size: cover;
  min-height: 100%;
}

.accordion-faqs-tab .card {
  background-color: transparent !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
}
.accordion-faqs-tab .card .card-header {
  border-bottom: 0 !important;
  background-color: transparent !important;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
.accordion-faqs-tab .card .card-header a {
  position: relative;
  text-decoration: none;
  padding-left: 0;
  padding-right: 2.5rem;
  font-size: 18px;
  width: 100%;
  border-radius: 0;
  border-bottom: 1.5px solid #ced4de;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  .accordion-faqs-tab .card .card-header a {
    padding-right: 3rem;
  }
}
.accordion-faqs-tab .card .card-header a:hover, .accordion-faqs-tab .card .card-header a:focus {
  text-decoration: none;
}
.accordion-faqs-tab .card .card-header a::after {
  content: "\f107";
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #6C300E;
  font-size: 20px;
}
.accordion-faqs-tab .card .card-header a[aria-expanded=true]::after {
  content: "\f106";
  font-size: 20px;
}
.accordion-faqs-tab .card .card-body {
  font-size: 16px;
  color: black;
}

@media screen and (max-width: 767px) {
  .content-thanks {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.content-thanks .info-participation p {
  font-size: 14px;
}

.form_prize .custom-radios-buttons input[type=radio]:checked + label {
  border: 3px solid red;
}
.form_prize .custom-radios-buttons label {
  position: relative;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  background-image: url("../img/bg-prize.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 15px 10px;
}
.form_prize .custom-radios-buttons label span, .form_prize .custom-radios-buttons label p {
  margin-bottom: 0;
  font-size: 14px;
  color: red;
}
.form_prize .custom-radios-buttons .input_hidden {
  position: absolute;
  left: -9999px;
}

.blog-article-header-wrapper {
  min-height: auto;
  position: relative;
  background: #a3cdf7;
}
@media (min-width: 768px) {
  .blog-article-header-wrapper {
    min-height: 400px;
  }
}
.blog-article-header-wrapper img {
  min-height: 400px;
}
@media (min-width: 768px) {
  .blog-article-header-wrapper img {
    min-height: 400px;
  }
}
.blog-article-header-wrapper .blog-article-header-image img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 400px;
}
.blog-article-header-wrapper .blog-article-gradient {
  display: block;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.6)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.6) 100%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.blog-article-header-wrapper .blog-article-header {
  position: absolute;
  top: 0;
  margin: auto;
  z-index: 3;
}
.blog-article-header-wrapper .blog-article-header .text-medium {
  font-family: "Nicky Sans";
  font-weight: 900;
}
.blog-article-header-wrapper .hero-banner-title {
  font-family: "Nicky Sans";
  font-weight: 900;
}

/** ================================================ ***
		  SOCIAL MEDIA ICONS
*** ================================================ **/
.social-icon {
  margin: 0 5px 5px 0;
  height: 40px;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 40px !important;
  text-shadow: none;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  float: left;
  text-align: center;
}

.social-icon:hover {
  border-color: transparent;
}

.social-icon i {
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 40px;
  position: relative;
  margin-right: 0px;
  padding-right: 0px;
}

.social-icon i:last-child {
  color: #FFF !important;
}

.social-icon:hover i:first-child {
  margin-top: -40px;
}

.social-icon.white-border {
  border: 1px solid #fff !important;
  width: 40px;
  color: white;
}

.social-icon.border-round {
  border-radius: 50%;
}

.bg-facebook,
.bg-hover-facebook:hover {
  background: #4267B2;
}

.bg-twitter,
.bg-hover-twitter:hover {
  background-color: #1DA1F2 !important;
}

.bg-google,
.bg-hover-google:hover {
  background-color: #DD4B39 !important;
}

.bg-skype,
.bg-hover-skype:hover {
  background-color: #00AFF0 !important;
}

.bg-linkedin,
.bg-hover-linkedin:hover {
  background-color: #2867B2 !important;
}

.bg-pinterest,
.bg-hover-pinterest:hover {
  background-color: #c22026 !important;
}

.bg-instagram,
.bg-hover-instagram:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.bg-phone,
.bg-hover-phone:hover {
  background-color: #444 !important;
}

.bg-email,
.bg-hover-email:hover {
  background-color: gray !important;
}

/** ================================================ ***
				  BREADCRUMBS
*** ================================================ **/
.breadcrumb-recipes .breadcrumb {
  padding: 0;
  margin: 20px 0;
  font-family: "Nicky Sans";
  font-weight: 900;
  background-color: transparent;
}
.breadcrumb-recipes .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #033e8c !important;
}
.breadcrumb-recipes .breadcrumb .breadcrumb-item a {
  color: #033e8c !important;
  font-family: "Nicky Sans";
  font-weight: 900;
}
.breadcrumb-recipes .breadcrumb .breadcrumb-item.active {
  color: #212529 !important;
}

/** ================================================ ***
				  CONTENT
*** ================================================ **/
.ingrientes-table {
  font-family: "Nicky Sans";
}
.ingrientes-table table {
  margin-bottom: 1em;
  width: 100%;
}
.ingrientes-table table td {
  padding: 10px;
  border-bottom: 1px solid #033e8c;
  font-size: 18px;
  line-height: 30px;
  color: #595959 !important;
}
.ingrientes-table table tr td:nth-child(1) {
  color: #595959 !important;
  text-align: end;
  font-weight: 700;
}

.directions {
  font-family: "Nicky Sans";
}
.directions ul,
.directions ol {
  font-family: "Nicky Sans";
  margin-left: 32px;
  margin-top: 0.5rem !important;
}
.directions ul li,
.directions ol li {
  color: #595959 !important;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0.5rem !important;
}
@media (max-width: 568px) {
  .directions ul li,
  .directions ol li {
    font-size: 16px;
    line-height: 25px;
  }
}
.directions p {
  color: #595959 !important;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0.5rem !important;
}
@media (max-width: 568px) {
  .directions p {
    font-size: 16px;
    line-height: 25px;
  }
}

.content_recipes {
  font-family: "Nicky Sans" !important;
}
.content_recipes h1, .content_recipes h2, .content_recipes h3, .content_recipes h4, .content_recipes h5 {
  font-family: "Nicky Sans";
  color: #033e8c;
  font-weight: 900;
}
.content_recipes .content_column_two {
  font-family: "Nicky Sans";
}
.content_recipes .content_column_two .text-medium {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content_recipes .content_column_two .text-medium p {
  font-family: "Nicky Sans";
  font-weight: 900;
  margin-bottom: 0px;
}
.content_recipes .content_column_two .text-medium span {
  font-family: "Nicky Sans";
  color: #033e8c;
  font-weight: 900;
  padding-right: 10px;
}

/** ================================================ ***
				  CONTENT RECIPES PAGE
*** ================================================ **/
@media screen and (max-width: 767px) {
  .background-recipes {
    background-image: url("../img/Back_2.png");
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .background-recipes {
    background-image: url("../img/Back_2.png");
    background-size: cover;
  }
}

.recipes_page .heading h1 {
  color: #033e8c !important;
  font-family: "Nicky Sans";
  font-weight: 900;
  font-size: 53px;
}
.recipes_page .heading h1::after {
  content: " ";
  display: block;
  width: 50px;
  height: 4px;
  background: #00AEEF;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 578px) {
  .recipe-thumbnail-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.recipe-thumbnail-image {
  max-height: 250px;
  overflow: hidden;
}

.recipe-thumbnail-image {
  position: relative;
}

.recipe-thumbnail-image .recipe-thumbnail-category {
  position: absolute;
  top: 0;
  left: 0;
  background: #fcbe00;
  font-family: "Nicky Sans";
  font-weight: 900;
  font-size: 15px;
  color: #033e8c;
}

.recipe-thumbnail-image .recipe-thumbnail-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgb(12, 87, 165); /* Fallback color */
  background: rgba(12, 87, 165, 0.8); /* Black background with 0.5 opacity */
}
.recipe-thumbnail-image .recipe-thumbnail-title h3 {
  font-family: "Nicky Sans";
  font-weight: 900;
  font-size: 18px;
}

.recipe-thumbnail-footer {
  background: #558de7;
}
.recipe-thumbnail-footer .text {
  font-family: "Nicky Sans";
  color: #fff;
  font-size: 15px;
}
.recipe-thumbnail-footer .text i {
  color: #fff;
}
.recipe-thumbnail-footer .text-intro {
  font-family: "Nicky Sans";
  color: #fff;
  font-size: 13px;
}
.recipe-thumbnail-footer .text-intro p {
  margin-bottom: 0px;
}
.recipe-thumbnail-footer .btn-template-1 {
  background: #033e8c !important;
  font-size: 13px;
  border-radius: 6px;
  padding: 6px 15px 6px 15px;
}
.recipe-thumbnail-footer .btn-template-1:hover {
  background: #012557 !important;
  border-color: #012557 !important;
}

.error_page {
  color: #033e8c;
}

/* === LOGIN PAGE STYLES === */
/* Fondo general de la página de usuario */
.gerber-login-page {
  background-color: #033e8c; /* Azul claro Gerber */
  /* Si tienes un degradado, úsalo aquí */
  position: relative;
  padding: 2rem 0;
}

/* Tarjeta */
.gerber-login-page .card {
  border-radius: 2rem; /* Bordes muy redondeados estilo bebé */
  -webkit-box-shadow: 0 15px 35px rgba(0, 85, 184, 0.2) !important;
          box-shadow: 0 15px 35px rgba(0, 85, 184, 0.2) !important;
}

.text-gerber-blue {
  color: #033e8c;
}

/* === FORMULARIOS DE DRUPAL === */
/* Labels */
.gerber-login-page label {
  color: #033e8c;
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* Inputs (Cajas de texto) */
.gerber-login-page .form-control,
.gerber-login-page input[type=text],
.gerber-login-page input[type=password],
.gerber-login-page input[type=email] {
  border-radius: 50rem !important; /* Pill shape */
  border: 1px solid #cfe2ff;
  padding: 1.2rem 1.5rem; /* Padding generoso */
  height: auto; /* Dejar que el padding defina la altura */
  background-color: #f8fbff;
  color: #033e8c;
  font-weight: 500;
  margin-bottom: 1rem;
  width: 100%;
}

.gerber-login-page input:focus {
  background-color: #fff;
  border-color: #F47C20; /* Foco naranja */
  -webkit-box-shadow: 0 0 0 4px rgba(244, 124, 32, 0.1);
          box-shadow: 0 0 0 4px rgba(244, 124, 32, 0.1);
}

/* Descripción de los campos (ej: requisitos de contraseña) */
.gerber-login-page .description,
.gerber-login-page .form-text {
  font-size: 0.8rem;
  color: #6c757d;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

/* Botón de Submit (Iniciar Sesión) */
.gerber-login-page .form-actions {
  text-align: center;
  margin-top: 2rem;
}

.gerber-login-page button,
.gerber-login-page input[type=submit] {
  background-color: #F47C20;
  border: none;
  color: white;
  padding: 0.8rem 3rem;
  border-radius: 50rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
}

.gerber-login-page button:hover,
.gerber-login-page input[type=submit]:hover {
  background-color: #d96a17;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 15px rgba(244, 124, 32, 0.4);
          box-shadow: 0 5px 15px rgba(244, 124, 32, 0.4);
}

/* Links (Olvidé mi contraseña) */
.gerber-login-page a {
  color: #5D9CEC;
  text-decoration: none;
  font-weight: 600;
}

.gerber-login-page a:hover {
  color: #033e8c;
  text-decoration: underline;
}

/* === DRUPAL TABS (Local Tasks) === */
/* Estilizar las pestañas de "Crear nueva cuenta", "Iniciar sesión" */
.gerber-login-page .tabs {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
}

.gerber-login-page .tabs li {
  margin: 0 5px;
}

.gerber-login-page .tabs a {
  display: block;
  padding: 0.5rem 1rem;
  color: #aaa;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gerber-login-page .tabs a.is-active {
  color: #033e8c;
  border-bottom-color: #033e8c;
  font-weight: bold;
}

/* === ESTILOS PÁGINA 404 === */
/* Contenedor que ocupa toda la altura menos el header/footer si los hubiera */
.gerber-404-container {
  padding: 3rem 1rem;
}
.gerber-404-container p {
  color: #033e8c;
}

/* El número gigante */
.error-code {
  font-size: 8rem; /* Grande en desktop */
  font-weight: 900;
  line-height: 1;
  color: #033e8c; /* Azul oscuro Gerber */
  text-shadow: 4px 4px 0px rgba(255, 255, 255, 0.2);
  font-family: "Arial Rounded MT Bold", "Arial", sans-serif; /* Tu tipografía redondeada */
}

/* El cero naranja */
.text-orange {
  color: #F47C20;
}

/* Ajustes responsivos para móviles */
@media (max-width: 768px) {
  .error-code {
    font-size: 5rem;
  }
  .subtitle {
    font-size: 1.5rem;
  }
}
/* Botón (por si no está cargando las clases globales de botones) */
.btn-gerber-orange {
  background-color: #F47C20;
  border-color: #F47C20;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.btn-gerber-orange:hover {
  background-color: #d96a17;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(244, 124, 32, 0.4);
          box-shadow: 0 10px 20px rgba(244, 124, 32, 0.4);
}

/* === DRUPAL PRIMARY TABS (Local Tasks) === */
/* Contenedor principal del bloque */
#block-gerber-primary-local-tasks {
  margin-bottom: 2rem;
  position: relative;
  z-index: 5; /* Asegura que esté por encima del contenido si hay solapamiento */
}

/* Limpiar la lista (ul) */
#block-gerber-primary-local-tasks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* Permite que bajen si no caben en móviles */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Centradas, se ve más elegante */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0.5rem; /* Espacio entre botones */
}

/* Estilo base de cada Link (El botón inactivo) */
#block-gerber-primary-local-tasks ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.6rem 1.5rem;
  /* Tipografía */
  color: #5D9CEC; /* Azul claro o grisáceo */
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  /* Forma y Borde */
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 50rem; /* Pill shape (redondeado total) */
  /* Transiciones suaves */
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}

/* Estado Hover (Al pasar el mouse) */
#block-gerber-primary-local-tasks ul li a:hover {
  background-color: #f0f7ff;
  color: #0055b8; /* Azul Gerber */
  border-color: #8ec6e6;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px); /* Pequeño efecto de elevación */
  -webkit-box-shadow: 0 4px 8px rgba(0, 85, 184, 0.1);
          box-shadow: 0 4px 8px rgba(0, 85, 184, 0.1);
}

/* Estado Activo (La pestaña seleccionada actualmente) */
#block-gerber-primary-local-tasks ul li a.is-active {
  background-color: #0055b8; /* Fondo Azul Gerber */
  color: #ffffff; /* Texto Blanco */
  border-color: #0055b8;
  -webkit-box-shadow: 0 4px 10px rgba(0, 85, 184, 0.3);
          box-shadow: 0 4px 10px rgba(0, 85, 184, 0.3);
  cursor: default; /* Indica que ya estás aquí */
}

/* Quitar efecto hover en el activo para que no "baile" */
#block-gerber-primary-local-tasks ul li a.is-active:hover {
  -webkit-transform: none;
          transform: none;
  background-color: #004494; /* Un poco más oscuro */
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  #block-gerber-primary-local-tasks ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; /* En móvil alineado a la izq */
    overflow-x: auto; /* Scroll horizontal si son muchas tabs */
    white-space: nowrap;
    padding-bottom: 10px; /* Espacio para la barra de scroll */
  }
  #block-gerber-primary-local-tasks ul li a {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
  }
}
.title-page {
  text-align: center;
}
.title-page h1, .title-page h2, .title-page h3, .title-page h4, .title-page h5, .title-page h6 {
  text-transform: uppercase;
  color: white;
  margin-bottom: 0;
}

.title-page-red {
  text-align: center;
}
.title-page-red h1, .title-page-red h2, .title-page-red h3, .title-page-red h4, .title-page-red h5, .title-page-red h6 {
  text-transform: uppercase;
  color: #E01E26;
  margin-bottom: 0;
}

.title-page-winner {
  text-align: center;
}
.title-page-winner h1, .title-page-winner h2, .title-page-winner h3, .title-page-winner h4, .title-page-winner h5, .title-page-winner h6 {
  text-transform: uppercase;
  color: white;
  margin-bottom: 0;
  text-shadow: rgb(110, 14, 17) 5px 0px 0px, rgb(110, 14, 17) 4.90033px 0.993347px 0px, rgb(110, 14, 17) 4.60531px 1.94709px 0px, rgb(110, 14, 17) 4.12668px 2.82321px 0px, rgb(110, 14, 17) 3.48353px 3.58678px 0px, rgb(110, 14, 17) 2.70151px 4.20736px 0px, rgb(110, 14, 17) 1.81179px 4.6602px 0px, rgb(110, 14, 17) 0.849836px 4.92725px 0px, rgb(110, 14, 17) -0.145998px 4.99787px 0px, rgb(110, 14, 17) -1.13601px 4.86924px 0px, rgb(110, 14, 17) -2.08073px 4.54649px 0px, rgb(110, 14, 17) -2.94251px 4.04248px 0px, rgb(110, 14, 17) -3.68697px 3.37732px 0px, rgb(110, 14, 17) -4.28444px 2.57751px 0px, rgb(110, 14, 17) -4.71111px 1.67494px 0px, rgb(110, 14, 17) -4.94996px 0.7056px 0px, rgb(110, 14, 17) -4.99147px -0.291871px 0px, rgb(110, 14, 17) -4.83399px -1.27771px 0px, rgb(110, 14, 17) -4.48379px -2.2126px 0px, rgb(110, 14, 17) -3.95484px -3.05929px 0px, rgb(110, 14, 17) -3.26822px -3.78401px 0px, rgb(110, 14, 17) -2.4513px -4.35788px 0px, rgb(110, 14, 17) -1.53666px -4.75801px 0px, rgb(110, 14, 17) -0.560763px -4.96845px 0px, rgb(110, 14, 17) 0.437495px -4.98082px 0px, rgb(110, 14, 17) 1.41831px -4.79462px 0px, rgb(110, 14, 17) 2.34258px -4.41727px 0px, rgb(110, 14, 17) 3.17346px -3.86382px 0px, rgb(110, 14, 17) 3.87783px -3.15633px 0px, rgb(110, 14, 17) 4.4276px -2.32301px 0px, rgb(110, 14, 17) 4.80085px -1.39708px 0px, rgb(110, 14, 17) 4.98271px -0.415447px 0px;
}

.title-section {
  text-align: center;
}
.title-section h1, .title-section h2, .title-section h3, .title-section h4, .title-section h5, .title-section h6 {
  text-transform: uppercase;
  color: white;
  margin-bottom: 0;
}

.title-section-red {
  text-align: center;
}
.title-section-red h1, .title-section-red h2, .title-section-red h3, .title-section-red h4, .title-section-red h5, .title-section-red h6 {
  text-transform: uppercase;
  color: #E01E26;
  margin-bottom: 0;
}

.basic-page-faq p, .basic-page-faq span {
  color: black;
}
.basic-page-faq p strong, .basic-page-faq span strong {
  color: #E01E26;
}

.basic-page p, .basic-page span {
  color: black;
}
.basic-page p strong, .basic-page span strong {
  color: black;
}

.color-blue {
  color: #001689;
}

.color-white {
  color: white;
}

.color-red {
  color: #E01E26;
}

.color-red-dark {
  color: #B70B23;
}

@media screen and (max-width: 767px) {
  .fs-12px, .fs-12 {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .fs-14px, .fs-14 {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .fs-16px, .fs-16 {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .fs-18px, .fs-18 {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .fs-md-12px, .fs-md-12 {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .fs-md-14px, .fs-md-14 {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  .fs-md-16px, .fs-md-16 {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .fs-md-18px, .fs-md-18 {
    font-size: 18px;
  }
}

.br-10px {
  border-radius: 10px;
}

.br-15px {
  border-radius: 15px;
}

.br-20px {
  border-radius: 20px;
}

.br-30px {
  border-radius: 30px;
}

@media screen and (min-width: 768px) {
  .br-md-30px {
    border-radius: 30px;
  }
}

@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}

@media screen and (min-width: 768px) {
  .w-md-80 {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .h-md-90 {
    height: 90%;
  }
}

@media screen and (min-width: 768px) {
  .h-md-100 {
    height: 100%;
  }
}

.word-break-word {
  word-break: break-word;
}

@media screen and (max-width: 767px) {
  .border-radius-0 {
    border-radius: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .custom-container .navbar-nav {
    margin-left: 120px !important;
  }
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
  .custom-container .navbar-nav {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media only screen and (max-width: 767px) {
  .custom-container {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .custom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    max-width: 100%;
  }
  .custom-container .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

.z-index-1 {
  z-index: 1 !important;
}

.list-style-none {
  list-style: none !important;
}

@media screen and (min-width: 768px) {
  .h-md-85vh {
    height: 85vh;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .social-media .custom-width {
    max-width: 100% !important;
    -webkit-box-flex: 100% !important;
        -ms-flex: 100% !important;
            flex: 100% !important;
  }
  .social-media .custom-width a .fb, .social-media .custom-width a .tw, .social-media .custom-width a .ig {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .custom-btn-next {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.link-legal {
  color: white;
  text-decoration: underline;
}
.link-legal:hover, .link-legal:focus {
  color: white;
  text-decoration: none;
}

.main {
  background: #86b8eb;
}
@media screen and (max-width: 767px) {
  .main {
    margin-top: -1px;
  }
}

.title-participation {
  color: white;
  -webkit-transform: rotate(-2.5deg);
          transform: rotate(-2.5deg);
}
@media screen and (max-width: 767px) {
  .title-participation {
    font-size: 2.5rem;
  }
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.content-table-points {
  background-color: white;
  padding: 10px;
}

.table-points {
  margin-bottom: 0 !important;
}
.table-points thead {
  background-color: #D9423F;
}
.table-points thead tr {
  text-align: center;
  color: white;
}
.table-points thead tr th {
  border-bottom: 0 !important;
}
.table-points tbody {
  background-color: white;
}
.table-points tbody tr {
  text-align: center;
  color: black;
}
.table-points tbody tr td {
  width: 33.3%;
  border: 1.5px solid #dee2e6;
}

@media screen and (max-width: 767px) {
  .custom-display-5 {
    font-size: 2rem;
  }
}

.info-winner {
  background-color: #FDF4D8;
  padding: 5px 10px;
  text-align: center;
}
.info-winner p {
  font-size: 18px;
  color: #E01E26;
}
@media screen and (max-width: 767px) {
  .info-winner p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .footer-blue .links-footer {
    text-align: center;
  }
}
.footer-blue .links-footer ul::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: white;
  position: absolute;
  left: 0%;
  bottom: 0%;
}
@media screen and (max-width: 767px) {
  .footer-blue .links-footer ul::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.footer-blue .links-footer ul li {
  list-style: none;
}
.footer-blue .links-footer ul li a {
  margin: 0px;
}
.footer-blue .social-media .title {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .footer-blue .social-media .title {
    text-align: center;
  }
}
.footer-blue .social-media .title p {
  color: white;
}
.footer-blue .social-media .item a {
  color: white;
}
.footer-blue .social-media .item a i {
  font-size: 25px;
}
@media screen and (max-width: 767px) {
  .footer-blue .social-media .item a i {
    font-size: 35px;
  }
}
.footer-blue .social-media .item a:hover {
  color: #ffcf3c;
}

.productos-carousel .slick-dots {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.productos-carousel .slick-dots li {
  width: 400px;
  height: 5px;
  margin: 0px 0px;
  background: #ffffff;
  opacity: 0.2;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .productos-carousel .slick-dots li {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .productos-carousel .slick-dots li {
    width: 60px;
  }
}
.productos-carousel .slick-dots li.slick-active {
  background: #ffffff;
  opacity: 0.6;
}
.productos-carousel .slick-dots li:first-child {
  border-radius: 10px 0px 0px 10px;
}
.productos-carousel .slick-dots li:last-child {
  border-radius: 0px 10px 10px 0px;
}
.productos-carousel .slick-dots button {
  display: none;
}
.productos-carousel .productos-carousel .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.productos-carousel .productos-carousel .slick-slide {
  height: auto;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.productos-carousel .prize-item {
  outline: none;
  text-align: center;
  height: 100%;
  min-height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.productos-carousel .prize-item img {
  display: block;
  max-height: 180px;
}
.productos-carousel .prize-item p {
  min-height: 3em;
}

.awards-carousel .slick-dots {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.awards-carousel .slick-dots li {
  width: 400px;
  height: 5px;
  margin: 0px 0px;
  background: #ffffff;
  opacity: 0.2;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .awards-carousel .slick-dots li {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .awards-carousel .slick-dots li {
    width: 60px;
  }
}
.awards-carousel .slick-dots li.slick-active {
  background: #ffffff;
  opacity: 0.6;
}
.awards-carousel .slick-dots li:first-child {
  border-radius: 10px 0px 0px 10px;
}
.awards-carousel .slick-dots li:last-child {
  border-radius: 0px 10px 10px 0px;
}
.awards-carousel .slick-dots button {
  display: none;
}
.awards-carousel .prize-item {
  outline: none;
  text-align: center;
  height: 100%;
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.awards-carousel .prize-item img {
  margin: auto;
  display: block;
  max-width: 200px;
}
@media screen and (max-width: 992px) {
  .awards-carousel .prize-item img {
    max-width: 175px;
  }
}
@media screen and (max-width: 767px) {
  .awards-carousel .prize-item img {
    max-width: 150px;
  }
}

.awards-carousel:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.bg-red-dark {
  background-color: #B70B23;
}

.bg-blue-dark {
  background-color: #033e8c;
}

.bg-blue-dark-2 {
  background-color: #002557;
}

.bg-blue-sky {
  background-color: #a3cdf7;
}

.bg-white-texture {
  background-image: url("../img/Back_2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .bg-white-texture {
    background-size: cover !important;
  }
}

.bg-premios {
  background-image: url("../img/Back_4.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .bg-premios {
    background-size: cover !important;
  }
}

.bg-productos-participantes {
  background-image: url("../img/Back_3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .bg-productos-participantes {
    background-size: cover !important;
  }
}

.bg-prize {
  background-image: url("../img/bg-prizes.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .bg-prize {
    background-size: cover !important;
  }
}

.bg-transparent-prize {
  background-color: rgba(0, 0, 0, 0.15);
}

.bg-section-right {
  background-image: url("../img/bg-first-section5.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .bg-section-right {
    min-height: 800px;
  }
}
@media screen and (max-width: 767px) {
  .bg-section-right {
    background: none;
  }
}

.bg-home {
  background-image: url("../img/bg_hero_v2.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .bg-home {
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .bg-home {
    background-image: url("../img/Back_mobile.png");
    background-size: cover;
    background-position: initial;
  }
}

.background-homepage {
  background-image: url("../img/bg-home-section1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .background-homepage {
    background-image: url("../img/bg-home-mobile.jpg");
    background-size: 100% 100%;
  }
}

.background-participation {
  background-image: url("../img/bg-home-section2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .background-participation {
    background-image: url("../img/bg-home-section2-mobile.jpg");
    background-size: 100% 100%;
  }
}

.bg-products {
  background-image: url("../img/bg-products.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .bg-products {
    background-image: url("../img/bg-products-mobile.jpg");
    background-size: cover !important;
  }
}

.background-prizes {
  background-image: url("../img/bg-premios.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .background-prizes {
    background-image: url("../img/bg-home-mobile.jpg");
    background-size: 100% 100%;
  }
}

.background-thanks {
  background-image: url("../img/bg-premios.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .background-thanks {
    background-image: url("../img/bg-home-mobile.jpg");
    background-size: 100% 100%;
  }
}

.background-content-thanks {
  background-image: url("../img/bg-content-thanks.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .background-content-thanks {
    background-image: url("../img/bg-content-thanks-mobile.png");
    background-size: 100% 100%;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.bg-thanks-participation, .bg-winner {
  background-image: url("../img/bg-winner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}