@charset "UTF-8";
.bg-white {
  background-color: #ffffff; }

.bg-primary-orange {
  background-color: #ff7d00; }

.bg-secondary-orange {
  background-color: #f25600; }

.bg-terciary-orange {
  background-color: #d93d00; }

.bg-secondary-teal {
  background-color: #00b2a9; }

.bg-secondary-teal-dark {
  background-color: #188077; }

.bg-accent-purple {
  background-color: #911987; }

.bg-accent-yellow {
  background-color: #ffc800; }

.bg-green {
  background-color: #188077; }

.bg-label-light {
  background-color: #f5f1ef; }

.bg-cold-gray-light {
  background-color: #f5f5f5; }

.bg-bk-beige {
  background-color: #f5ebdc; }

.bg-bk-gray-dark {
  background-color: #24232f; }

.bg-bk-dark {
  background-color: #221e1f; }

.bg-bk-red {
  background-color: #ec1f26; }

.bg-bk-orange {
  background-color: #ff8732; }

.bg-bk-brown {
  background-color: #502314; }

.txt-accent-yellow {
  color: #ffc800; }

.txt-white {
  color: #ffffff; }

.txt-bk-brown {
  color: #502314; }

.txt-bk-orange {
  color: #d93d00; }

.txt-bk-green {
  color: #198737; }

.txt-bk-yellow {
  color: #ffaa00; }

.txt-bk-orange {
  color: #ff8732; }

.txt-bk-beige {
  color: #f5ebdc; }

.txt-bk-red {
  color: #d62300; }

.txt-accent-purple {
  color: #911987; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
* {
  box-sizing: 0;
  margin: 0;
  padding: 0; }

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-x: hidden; }

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box; }

img {
  max-width: 100%; }

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

@font-face {
  font-family: 'ChickenSansRegular';
  src: url(/assets/fonts/ChickenSans-Regular.otf); }

@font-face {
  font-family: 'ChickenSansBold';
  src: url(/assets/fonts/ChickenSans-Bold.otf); }

@font-face {
  font-family: 'ChickenSansLight';
  src: url(/assets/fonts/ChickenSans-ExtraLight.otf); }

@font-face {
  font-family: 'ChickenSansLight';
  src: url(/assets/fonts/ChickenSans-Regular.otf);
  font-weight: 500; }

@font-face {
  font-family: 'TCCC-UnityHeadline-Regular';
  src: url(/assets/fonts/TCCC-UnityHeadline-Regular.ttf); }

@font-face {
  font-family: 'TCCC-UnityHeadline-Black';
  src: url(/assets/fonts/TCCC-UnityHeadline-Black.ttf); }

@font-face {
  font-family: 'TCCC-UnityHeadline-Bold';
  src: url(/assets/fonts/TCCC-UnityHeadline-Bold.ttf); }

@font-face {
  font-family: 'TCCC-UnityHeadline-Light';
  src: url(/assets/fonts/TCCC-UnityHeadline-Light.ttf); }

@font-face {
  font-family: 'Flame-Regular';
  src: url(/assets/fonts/Flame-Regular.ttf); }

@font-face {
  font-family: 'Flame-Bold';
  src: url(/assets/fonts/Flame-Bold.ttf);
  font-weight: bold; }

@font-face {
  font-family: 'Flame-Sans-Regular';
  src: url(/assets/fonts/FlameSans-Regular.ttf); }

@font-face {
  font-family: 'Flame-Bold-Variable';
  src: url(/assets/fonts/Flame-Bold-Variable.ttf); }

.title {
  font-size: 48px;
  line-height: 48px; }
  @media (min-width: 992px) {
    .title {
      font-size: 72px;
      line-height: 72px; } }

.title-secondary {
  font-size: 48px;
  line-height: 46px; }
  @media (min-width: 992px) {
    .title-secondary {
      font-size: 72px;
      line-height: 64px; } }

.title-terciary {
  font-size: 40px;
  line-height: 48px; }
  @media (min-width: 992px) {
    .title-terciary {
      font-size: 56px;
      line-height: 68px; } }

.main-text {
  font-size: 18px;
  line-height: 24px; }
  @media (min-width: 992px) {
    .main-text {
      font-size: 24px;
      line-height: 32px; } }

.secondary-text {
  font-size: 24px;
  line-height: 28px; }
  @media (min-width: 992px) {
    .secondary-text {
      font-size: 32px;
      line-height: 38px; } }

.subtitle {
  font-size: 16px;
  line-height: 23px; }

.chicken-sans-regular {
  font-family: 'ChickenSansRegular'; }

.chicken-sans-bold {
  font-family: 'ChickenSansBold'; }

.light {
  font-family: 'ChickenSansLight'; }

.script {
  font-family: 'ChickenScriptRegular'; }

.tccc-regular {
  font-family: 'TCCC-UnityHeadline-Regular'; }

.tccc-black {
  font-family: 'TCCC-UnityHeadline-Black'; }

.tccc-bold {
  font-family: 'TCCC-UnityHeadline-Bold'; }

.tccc-light {
  font-family: 'TCCC-UnityHeadline-Light'; }

.flame-regular {
  font-family: 'Flame-Regular'; }

.flame-sans-regular {
  font-family: 'Flame-Sans-Regular'; }

.flame-bold {
  font-family: 'Flame-Bold'; }

.flame-bold-variable {
  font-family: 'Flame-Bold-Variable'; }

.white {
  color: #ffffff; }

.black {
  color: #000000; }

.label-dark {
  color: #1f1f1f; }

.accent-purple {
  color: #911987; }

.primary-orange {
  color: #ff7d00; }

.secondary-orange {
  color: #f25600; }

.secondary-teal {
  color: #00b2a9; }

.terciary-orange {
  color: #d93d00; }

.secondary-teal {
  color: #00b2a9; }

.accent-purple {
  color: #911987; }

.accent-yellow {
  color: #ffc800; }

.accent-red {
  color: #d90f06; }

.bk-beige {
  color: #f5ebdc; }

.bk-brown {
  color: #502314; }

.bk-red-url {
  color: #d62300; }

.bold {
  font-weight: bold; }

a {
  color: unset;
  text-decoration: unset; }

.text-bk-orange {
  color: #ff8732; }

.bk-green {
  color: #198737; }

@keyframes scale-arrow {
  0% {
    transform: scale(0.6); }
  20% {
    transform: scale(0.6); }
  40% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  80% {
    transform: scale(0.6); }
  100% {
    transform: scale(0.6); } }

@keyframes opacity-arrow-bg {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  40% {
    opacity: 1; }
  60% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes opacity-arrow-bk-bg {
  0% {
    background-color: #ffaa00; }
  20% {
    background-color: #ffaa00; }
  40% {
    background-color: #ffffff; }
  60% {
    background-color: #ffffff; }
  80% {
    background-color: #ffaa00; }
  100% {
    background-color: #ffaa00; } }

@keyframes scale-text-sign {
  0% {
    transform: scale(1.1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@keyframes scale-and-rotate-text-sign {
  0% {
    transform: scale(1.1) rotate(346deg); }
  50% {
    transform: scale(1) rotate(346deg); }
  100% {
    transform: scale(1.1) rotate(346deg); } }

@keyframes kid-box-transition {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes kid-box-transition-2 {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes eyes-box-left {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: translate(0, -14%); }
  40% {
    transform: translate(7%, 9%); }
  60% {
    transform: translate(-7%, 0%); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }

@keyframes eyes-box-right {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: translate(0, -12%); }
  40% {
    transform: translate(5%, 9%); }
  60% {
    transform: translate(-4%, 0%); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }

@keyframes tomato-hero-right {
  0% {
    transform: translate(0, 0); }
  33% {
    transform: translate(40px, -40px) rotate(60deg); }
  66% {
    transform: translate(65px, 30px) rotate(40deg); }
  100% {
    transform: translate(0, 0) rotate(0deg); } }

@keyframes onion-hero-right {
  0% {
    transform: translate(0, 0); }
  25% {
    transform: translate(-50px, 35px) rotate(-20deg); }
  50% {
    transform: translate(-100px, 35px) rotate(30deg); }
  75% {
    transform: translate(-50px, -5px) rotate(0deg); }
  100% {
    transform: translate(0, 0) rotate(0deg); } }

@keyframes text-rotate-sostenibilidad {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@keyframes circle-restaurante {
  0% {
    background-color: transparent;
    opacity: 1; }
  50% {
    background-color: #ff7d00;
    opacity: .5; }
  100% {
    background-color: transparent;
    opacity: 1; } }

@keyframes circle-road {
  0% {
    background-color: transparent;
    opacity: 1; }
  50% {
    background-color: #d62300;
    opacity: .5; }
  100% {
    background-color: transparent;
    opacity: 1; } }

@keyframes circle-road-brown {
  0% {
    background-color: transparent;
    opacity: 1; }
  50% {
    background-color: #502314;
    opacity: .5; }
  100% {
    background-color: transparent;
    opacity: 1; } }

@keyframes bk-logo-mobile {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes hand-pc {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0); } }

.arrow-down {
  align-items: center;
  justify-content: center; }
  .arrow-down.bk .arrow-down__icon__bg {
    animation: opacity-arrow-bk-bg 4s infinite; }
  .arrow-down__icon {
    position: relative;
    display: flex;
    width: 70px;
    height: 70px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: scale-arrow 4s infinite; }
    .arrow-down__icon__bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      overflow: hidden;
      animation: opacity-arrow-bg 4s infinite; }
    .arrow-down__icon img {
      width: 30px;
      z-index: 1; }

.giratory-card-container {
  perspective: 500px; }
  .giratory-card-container:hover .giratory-card {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .giratory-card-container .giratory-card {
    position: relative;
    width: 320px;
    height: 320px;
    transition: transform 0.6s;
    transform-style: preserve-3d; }
    .giratory-card-container .giratory-card__image {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      backface-visibility: hidden; }
      .giratory-card-container .giratory-card__image img {
        width: 100%;
        height: 100%; }
      .giratory-card-container .giratory-card__image .date {
        position: absolute;
        color: #FFFFFF;
        bottom: 25px;
        right: 25px;
        font-size: 64px; }
    .giratory-card-container .giratory-card__content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transform: rotateY(180deg);
      backface-visibility: hidden; }
      .giratory-card-container .giratory-card__content__img {
        height: 72px;
        width: auto; }
      .giratory-card-container .giratory-card__content__text {
        font-family: 'ChickenSansLight';
        text-align: center;
        color: #ffffff;
        padding: 0 24px;
        padding-top: 12px; }

.line {
  position: absolute;
  top: -3.5%;
  height: 5%;
  width: 100%; }

.text-sign {
  position: relative;
  white-space: nowrap;
  font-size: 16px;
  line-height: 19px;
  width: 140px;
  height: 80px;
  transform-origin: 0 0;
  animation: scale-text-sign 2s steps(1, start) infinite; }
  .text-sign .big .arrow {
    bottom: 2px;
    right: 6px; }
  .text-sign .text-small {
    font-size: 14px; }
  .text-sign .arrow {
    position: absolute;
    bottom: 14px;
    right: 18px;
    width: 24px; }
  .text-sign__desktop {
    display: none; }
    @media (min-width: 992px) {
      .text-sign__desktop {
        display: block; } }
  @media (min-width: 992px) {
    .text-sign__mobile {
      display: none; } }

.text-and-rotate-sign {
  position: relative;
  white-space: nowrap;
  font-size: 16px;
  line-height: 19px;
  width: 140px;
  height: 80px;
  transform-origin: 0 0;
  animation: scale-and-rotate-text-sign 2s steps(1, start) infinite; }
  .text-and-rotate-sign .arrow {
    position: absolute;
    bottom: 14px;
    right: 18px;
    width: 24px; }
  .text-and-rotate-sign__desktop {
    display: none; }
    @media (min-width: 992px) {
      .text-and-rotate-sign__desktop {
        display: block; } }
  @media (min-width: 992px) {
    .text-and-rotate-sign__mobile {
      display: none; } }

.message-card {
  position: relative;
  grid-column: span 2;
  overflow: hidden; }
  .message-card__image {
    width: 100%;
    height: 100%; }
  .message-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1; }
  .message-card__text {
    position: absolute;
    padding: 20px 15px;
    font-size: 20px;
    line-height: 24px; }
    .message-card__text.sm {
      font-size: 18px;
      line-height: 20px; }
    .message-card__text.xsm {
      font-size: 16px;
      line-height: 20px; }
    .message-card__text.esp-eu {
      padding: 20px 5px; }
  @media (min-width: 600px) {
    .message-card {
      grid-column: span 4; }
      .message-card__text {
        font-size: 30px;
        line-height: 36px; }
        .message-card__text.sm {
          font-size: 30px;
          line-height: 36px; }
        .message-card__text.xsm {
          font-size: 24px;
          line-height: 28px; } }
  @media (min-width: 992px) {
    .message-card {
      grid-column: span 6; }
      .message-card__text {
        font-size: 50px;
        line-height: 56px; }
        .message-card__text.sm {
          font-size: 50px;
          line-height: 56px; }
        .message-card__text.xsm {
          font-size: 44px;
          line-height: 48px; } }
  @media (min-width: 1280px) {
    .message-card {
      grid-column: span 3; }
      .message-card-1 {
        grid-row: 2;
        grid-column: 1 / 4; }
      .message-card-2 {
        grid-row: 1;
        grid-column: 1 / 4; }
      .message-card-3 .message-card__text {
        transform: translate(72px, 10px); }
      .message-card-4 {
        grid-row: 1;
        grid-column: 4 / 7; }
      .message-card-5 {
        grid-row: 2;
        grid-column: 7 / 10; }
      .message-card-6 {
        grid-row: 2;
        grid-column: 4 / 7; }
        .message-card-6 .message-card__text {
          transform: translate(0, 10px); }
      .message-card-7 {
        grid-row: 2;
        grid-column: 10 / 13; }
        .message-card-7 .message-card__text {
          transform: translate(0, 130px); }
      .message-card-9 {
        grid-row: 3;
        grid-column: 4 / 7; }
      .message-card-10 .message-card__text {
        transform: translate(0, 10px); }
      .message-card-11 .message-card__text {
        transform: translate(0, 24px); }
      .message-card__bg {
        opacity: 0;
        transition: opacity 0.8s ease; }
      .message-card__image {
        transition: transform 0.1s ease; }
      .message-card__text {
        font-size: 30px;
        line-height: 36px;
        transition: transform 0.6s ease, opacity 0.2s ease;
        opacity: 0; }
        .message-card__text.sm {
          font-size: 30px;
          line-height: 36px; }
        .message-card__text.xsm {
          font-size: 24px;
          line-height: 28px; }
      .message-card.hovered .message-card__bg {
        opacity: 0.1; }
      .message-card.hovered .message-card__image {
        transform: scale(1.1); }
      .message-card.hovered.message-card-2 .message-card__text {
        opacity: 1;
        transform: translate(0, 164px); }
      .message-card.hovered.message-card-3 .message-card__text {
        opacity: 1;
        transform: translate(0, 10px); }
      .message-card.hovered.message-card-6 .message-card__text {
        opacity: 1;
        transform: translate(0, 124px); }
      .message-card.hovered.message-card-7 .message-card__text {
        opacity: 1;
        transform: translate(0, 10px); }
      .message-card.hovered.message-card-10 .message-card__text {
        opacity: 1;
        transform: translate(20px, 10px); }
      .message-card.hovered.message-card-11 .message-card__text {
        opacity: 1;
        transform: translate(50px, 24px); }
        .message-card.hovered.message-card-11 .message-card__text.esp-eu {
          transform: translate(20px, 24px); } }

.btn {
  color: #ffffff;
  text-align: center;
  padding: 8px 22px;
  border-radius: 100px;
  border: 2px solid #ffffff;
  background-color: transparent;
  width: 100%;
  cursor: pointer; }
  @media (min-width: 992px) {
    .btn {
      width: fit-content; } }
  .btn.hover {
    transition: all 0.2s ease; }
    .btn.hover:hover {
      background-color: #ffffff;
      color: #000000; }
      .btn.hover:hover.border {
        border: 1px solid #000000; }
  .btn.btn-big {
    padding: 12px 19px; }
  .btn.btn-white {
    background-color: #ffffff;
    color: #000000; }
    .btn.btn-white.border {
      border: 1px solid #000000; }
  .btn.btn-secondary-teal {
    background-color: #00b2a9;
    color: #ffffff; }
  .btn.btn-2 {
    margin-top: 14px; }
    @media (min-width: 992px) {
      .btn.btn-2 {
        margin-top: 0; } }

.menu-kid-card {
  padding: 24px;
  text-align: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .menu-kid-card__image {
    position: relative; }
    .menu-kid-card__image .eyes {
      position: absolute;
      left: 33%;
      top: 23%;
      width: 20%;
      animation: eyes-box-left 3s infinite; }
  .menu-kid-card__title {
    font-size: 44px;
    line-height: 38px;
    padding-top: 24px; }
    @media (min-width: 992px) {
      .menu-kid-card__title {
        font-size: 72px;
        line-height: 64px; } }
    @media (min-width: 1280px) {
      .menu-kid-card__title {
        white-space: nowrap; } }
  .menu-kid-card__subtitle {
    font-size: 16px;
    line-height: 17px;
    padding-top: 24px; }
    @media (min-width: 992px) {
      .menu-kid-card__subtitle {
        font-size: 24px;
        line-height: 28px; } }
  .menu-kid-card__btns {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 992px) {
      .menu-kid-card__btns {
        flex-direction: row;
        justify-content: center;
        max-width: 260px;
        max-width: 280px;
        gap: 24px; } }

.card-curtain {
  position: relative;
  height: 300px;
  overflow: hidden; }
  .card-curtain__content {
    position: relative;
    padding: 16px 24px;
    height: 287px; }
    @media (min-width: 992px) {
      .card-curtain__content {
        padding: 40px 32px;
        height: 300px; } }
    .card-curtain__content__title {
      font-size: 40px;
      line-height: 48px; }
      @media (min-width: 992px) {
        .card-curtain__content__title {
          font-size: 48px;
          line-height: 58px; } }
    .card-curtain__content__subtitle {
      padding-top: 16px; }
      .card-curtain__content__subtitle ul li {
        display: flex; }
        .card-curtain__content__subtitle ul li::before {
          content: url("../assets/img/chicken-icon.png");
          padding-right: 12px; }
    .card-curtain__content__back-arrow {
      position: absolute;
      top: 26px;
      right: 33px; }
      @media (min-width: 992px) {
        .card-curtain__content__back-arrow {
          display: none; } }
    .card-curtain__content__image {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      transform: translateY(0%);
      transition: .6s transform ease-in-out; }
      .card-curtain__content__image img {
        height: 100%;
        object-fit: cover; }
        @media (min-width: 992px) {
          .card-curtain__content__image img {
            object-position: 50% -30px; } }
  @media (min-width: 992px) {
    .card-curtain.curtain-down:hover .card-curtain__content__image {
      transform: translateY(100%); } }
  .card-curtain.curtain-down.open .card-curtain__content__image {
    transform: translateY(100%); }
  @media (min-width: 992px) {
    .card-curtain.curtain-up:hover .card-curtain__content__image {
      transform: translateY(-100%); } }
  .card-curtain.curtain-up.open .card-curtain__content__image {
    transform: translateY(-100%); }
  @media (min-width: 992px) {
    .card-curtain.curtain-left:hover .card-curtain__content__image {
      transform: translateX(-100%); } }
  .card-curtain.curtain-left.open .card-curtain__content__image {
    transform: translateX(-100%); }
  @media (min-width: 992px) {
    .card-curtain.curtain-right:hover .card-curtain__content__image {
      transform: translateX(100%); } }
  .card-curtain.curtain-right.open .card-curtain__content__image {
    transform: translateX(100%); }

.card-restaurante {
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  max-width: 290px;
  transition: opacity .6s ease; }
  @media (min-width: 992px) {
    .card-restaurante {
      width: 290px;
      opacity: 0; } }
  .card-restaurante__image {
    width: 164px; }
  .card-restaurante__title {
    padding-top: 12px;
    font-size: 28px;
    line-height: 34px;
    text-align: center; }
  .card-restaurante__subtitle {
    padding-top: 16px;
    text-align: center; }
  .card-restaurante.shown {
    opacity: 1; }

.circles-road {
  position: absolute;
  width: 44px;
  height: 44px;
  border: 2px #d62300 solid;
  border-radius: 50%;
  animation: circle-road 2.5s linear infinite; }

.circles-road-brown {
  position: absolute;
  width: 44px;
  height: 44px;
  border: 2px #502314 solid;
  border-radius: 50%;
  animation: circle-road-brown 2.5s linear infinite; }

.choose-products__circles {
  position: absolute;
  width: 34px;
  height: 34px;
  border: 3px #d62300 solid;
  border-radius: 50%;
  animation: circle-restaurante 2.5s linear infinite; }

body {
  background-color: #ffffff;
  padding: 0;
  overflow: hidden; }
  body::-webkit-scrollbar {
    display: none; }

section {
  position: relative; }

.wrapper {
  position: relative;
  height: 100%;
  margin: auto 16px;
  z-index: 10; }
  @media (min-width: 600px) {
    .wrapper {
      margin: auto 32px; } }
  @media (min-width: 992px) {
    .wrapper {
      margin: auto 64px; } }
  @media (min-width: 1280px) {
    .wrapper {
      width: 100%;
      max-width: 1152px;
      margin: 0 auto; } }
  .wrapper--big {
    max-width: 1360px; }

.grid {
  position: relative;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px; }
  @media (min-width: 600px) {
    .grid {
      grid-template-columns: repeat(8, 1fr); } }
  @media (min-width: 992px) {
    .grid {
      grid-template-columns: repeat(12, 1fr); } }
  @media (min-width: 1280px) {
    .grid {
      gap: 24px; } }

.flex {
  display: flex; }

.pd-top-s {
  padding-top: 80px; }

.pd-top {
  padding-top: 100px; }

.pd-top2 {
  padding-top: 200px; }

.pd-top-responsive {
  padding-top: 15%; }
  @media (min-width: 992px) {
    .pd-top-responsive {
      padding-top: 10%; } }

.pd-bottom {
  padding-bottom: 100px; }

.mg-top {
  margin-top: 100px; }

.mg-top2 {
  margin-top: 200px; }

.mg-top3 {
  margin-top: 300px; }

.xmOEw {
  padding-bottom: 0 !important; }

.hero {
  width: 100%;
  position: relative;
  height: 470px; }
  @media (min-width: 1280px) {
    .hero {
      height: 520px; } }
  @media (min-width: 1500px) {
    .hero {
      height: 558px; } }
  .hero__bg-dsk {
    position: absolute;
    width: 100%;
    height: 426px; }
    @media (min-width: 1280px) {
      .hero__bg-dsk {
        height: 614px; } }
    @media (min-width: 1500px) {
      .hero__bg-dsk {
        height: auto;
        max-height: 628px; } }
  .hero__video {
    position: absolute;
    right: 0;
    bottom: 20px;
    max-height: 240px;
    height: 190px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    overflow: hidden; }
    @media (min-width: 1280px) {
      .hero__video {
        bottom: 0; } }
    @media (min-width: 1280px) {
      .hero__video {
        max-height: 458px;
        height: 458px; } }
    @media (min-width: 1500px) {
      .hero__video {
        max-height: 520px;
        height: 520px; } }
    .hero__video video {
      height: 100%;
      max-width: 90vw; }
  @media (min-width: 1280px) {
    .hero .grid {
      align-items: center; } }
  .hero__title {
    position: relative;
    color: #ffffff;
    font-size: 48px;
    grid-column: 1/5;
    font-family: 'ChickenSansBold';
    padding: 40px 0;
    white-space: nowrap;
    z-index: 10; }
    @media (min-width: 1280px) {
      .hero__title {
        font-size: 72px;
        padding: unset;
        grid-column: 1/6; } }
    .hero__title p {
      position: relative; }
    .hero__title .accent-juicy {
      position: absolute;
      top: 96px;
      left: 269px;
      width: 33px;
      transform: rotateZ(-8deg); }
      @media (min-width: 1280px) {
        .hero__title .accent-juicy {
          top: 80px;
          right: -10px;
          left: auto;
          width: 67px; } }
    .hero__title .accent-crunchy {
      position: absolute;
      top: 93px;
      left: 3px;
      width: 186px; }
      @media (min-width: 1280px) {
        .hero__title .accent-crunchy {
          top: 80px;
          left: 5px;
          width: 274px; } }
  .hero--about-us-ca .accent-juicy {
    left: 219px; }
    @media (min-width: 1280px) {
      .hero--about-us-ca .accent-juicy {
        top: 80px;
        right: 70px;
        left: auto;
        width: 67px; } }
  .hero--about-us-ca .accent-crunchy {
    width: 173px; }
    @media (min-width: 1280px) {
      .hero--about-us-ca .accent-crunchy {
        top: 80px;
        left: 5px;
        width: 254px; } }
  .hero--about-us-en {
    height: 510px; }
    @media (min-width: 1280px) {
      .hero--about-us-en {
        height: 558px; } }
    .hero--about-us-en .hero__bg-dsk {
      height: 496px; }
      @media (min-width: 1280px) {
        .hero--about-us-en .hero__bg-dsk {
          height: auto; } }
    @media (min-width: 1280px) {
      .hero--about-us-en .accent-juicy {
        top: 80px;
        right: -60px;
        left: auto;
        width: 67px; } }
    @media (min-width: 1280px) {
      .hero--about-us-en .accent-crunchy {
        top: 80px;
        left: 5px;
        width: 214px; } }
  .hero--about-us-eu {
    height: 510px; }
    @media (min-width: 1280px) {
      .hero--about-us-eu {
        height: 558px; } }
    .hero--about-us-eu .hero__bg-dsk {
      height: 496px; }
      @media (min-width: 1280px) {
        .hero--about-us-eu .hero__bg-dsk {
          height: auto; } }
    .hero--about-us-eu .accent-juicy {
      top: 156px;
      left: 199px; }
      @media (min-width: 1280px) {
        .hero--about-us-eu .accent-juicy {
          top: 80px;
          right: 80px;
          left: auto;
          width: 67px; } }
    .hero--about-us-eu .accent-crunchy {
      width: 252px; }
      @media (min-width: 1280px) {
        .hero--about-us-eu .accent-crunchy {
          top: 80px;
          left: 5px;
          width: 374px; } }
  .hero--about-us-gl .accent-juicy {
    left: 289px; }
    @media (min-width: 1280px) {
      .hero--about-us-gl .accent-juicy {
        top: 75px;
        right: -30px;
        left: auto;
        width: 67px; } }
  .hero--about-us-gl .accent-crunchy {
    width: 173px; }
    @media (min-width: 1280px) {
      .hero--about-us-gl .accent-crunchy {
        top: 80px;
        left: 5px;
        width: 254px; } }

.middle-text__cont {
  grid-column: 1/5;
  text-align: center;
  height: 80px; }
  @media (min-width: 600px) {
    .middle-text__cont {
      grid-column: 1/9; } }
  @media (min-width: 992px) {
    .middle-text__cont {
      grid-column: 3/11; } }

.middle-text .arrow-down {
  position: relative;
  top: 80px; }

.middle-text .sparks {
  display: none;
  position: absolute;
  right: 80px;
  width: 120px;
  top: 140px; }
  @media (min-width: 992px) {
    .middle-text .sparks {
      display: block; } }

.giratory-cards-section {
  background-color: #f5f1ef; }
  .giratory-cards-section .grid {
    row-gap: 0; }
  .giratory-cards-section .seal {
    width: 74px;
    position: relative;
    bottom: 60px; }
    @media (min-width: 600px) {
      .giratory-cards-section .seal {
        width: 148px;
        grid-column: 1 / 3;
        bottom: 70px; } }
    @media (min-width: 992px) {
      .giratory-cards-section .seal {
        bottom: 80px; } }
  .giratory-cards-section .title {
    justify-self: end;
    white-space: nowrap;
    position: relative;
    bottom: 70px;
    text-align: right; }
    @media (min-width: 600px) {
      .giratory-cards-section .title {
        bottom: 70px; } }
    @media (min-width: 992px) {
      .giratory-cards-section .title {
        bottom: 80px; } }
    .giratory-cards-section .title.title-dsk {
      display: none; }
      @media (min-width: 600px) {
        .giratory-cards-section .title.title-dsk {
          display: block;
          grid-column: 6/9; } }
      @media (min-width: 992px) {
        .giratory-cards-section .title.title-dsk {
          grid-column: 6/12; } }
    .giratory-cards-section .title.title-mbl {
      grid-column: 2/5; }
      @media (min-width: 600px) {
        .giratory-cards-section .title.title-mbl {
          display: none; } }
  .giratory-cards-section .text-sign {
    grid-column: 1/3;
    grid-row: 2; }
    @media (min-width: 600px) {
      .giratory-cards-section .text-sign {
        grid-column: 2/4; } }
  .giratory-cards-section .giratory-cards-container {
    padding-top: 20px;
    grid-column: 1/5;
    grid-row: 3;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 600px) {
      .giratory-cards-section .giratory-cards-container {
        grid-column: 1/9; } }
    @media (min-width: 992px) {
      .giratory-cards-section .giratory-cards-container {
        grid-column: 1/13; } }
    @media (min-width: 1280px) {
      .giratory-cards-section .giratory-cards-container {
        flex-direction: row;
        grid-column: 2/12; } }

.video-full {
  width: 100vw; }
  .video-full__cont {
    position: relative;
    width: 100%;
    height: 413px;
    overflow: hidden; }
    .video-full__cont video {
      position: relative;
      height: 100%;
      width: auto; }
    @media (min-width: 992px) {
      .video-full__cont {
        height: 500px; } }
    @media (min-width: 700px) {
      .video-full__cont video {
        position: relative;
        height: auto;
        width: 100%; } }
    .video-full__cont__text .wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .video-full__cont__text .wrapper div {
        text-align: center;
        color: #ffffff; }
        .video-full__cont__text .wrapper div.main-text {
          padding-top: 16px;
          max-width: 620px; }
          @media (min-width: 992px) {
            .video-full__cont__text .wrapper div.main-text {
              padding-top: 24px; } }
  .video-full__line {
    position: absolute;
    width: 100%;
    z-index: 10; }
    .video-full__line.line-top {
      left: 0;
      top: -2px; }
    .video-full__line.line-bottom {
      left: 0;
      bottom: -2px; }

.message-cards .wrapper {
  height: auto; }
  .message-cards .wrapper .grid {
    gap: 0;
    padding-top: 65px; }

.section-image-text {
  position: relative;
  width: 100vw; }
  .section-image-text__cont {
    position: relative;
    width: 100%;
    max-height: 640px;
    overflow: hidden; }
    .section-image-text__cont .image-full {
      position: relative;
      width: 100%; }
      .section-image-text__cont .image-full.image-dsk {
        display: none; }
    @media (min-width: 600px) {
      .section-image-text__cont .image-full.image-mbl {
        display: none; }
      .section-image-text__cont .image-full.image-dsk {
        display: block; } }
    .section-image-text__cont__text .wrapper {
      position: absolute;
      display: flex;
      justify-content: center;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      @media (min-width: 600px) {
        .section-image-text__cont__text .wrapper {
          align-items: center;
          justify-content: flex-start; } }
      .section-image-text__cont__text .wrapper .content {
        text-align: center;
        color: #ffffff;
        max-width: 246px;
        padding-top: 120px;
        height: fit-content; }
        @media (min-width: 600px) {
          .section-image-text__cont__text .wrapper .content {
            padding-top: 0;
            max-width: unset;
            text-align: left; } }
        .section-image-text__cont__text .wrapper .content .secondary-text {
          padding-top: 16px; }
          @media (min-width: 600px) {
            .section-image-text__cont__text .wrapper .content .secondary-text {
              padding-top: 24px;
              text-align: left; } }
  .section-image-text .hand-nugget-cont {
    position: absolute;
    right: 8%;
    bottom: -5px;
    z-index: 10; }
    .section-image-text .hand-nugget-cont.eu {
      bottom: -35px; }
      @media (min-width: 600px) {
        .section-image-text .hand-nugget-cont.eu {
          bottom: -5px; } }
    .section-image-text .hand-nugget-cont .circle {
      position: absolute;
      right: 84px;
      bottom: 100px;
      width: 148px;
      height: 148px;
      border-radius: 50%;
      transform: scale(1);
      opacity: 1;
      transition: transform 0.4s ease, opacity 0.2s ease; }
      @media (min-width: 600px) {
        .section-image-text .hand-nugget-cont .circle {
          right: 54px;
          bottom: 68px;
          width: 90px;
          height: 90px; } }
      @media (min-width: 800px) {
        .section-image-text .hand-nugget-cont .circle {
          right: 95px;
          bottom: 118px;
          width: 140px;
          height: 140px; } }
      @media (min-width: 1280px) {
        .section-image-text .hand-nugget-cont .circle {
          right: 195px;
          bottom: 238px;
          width: 280px;
          height: 280px; } }
    .section-image-text .hand-nugget-cont .hand-nugget {
      position: relative;
      width: 190px;
      opacity: 1;
      transition: opacity 0.4s ease; }
      @media (min-width: 600px) {
        .section-image-text .hand-nugget-cont .hand-nugget {
          width: 120px; } }
      @media (min-width: 800px) {
        .section-image-text .hand-nugget-cont .hand-nugget {
          width: 200px; } }
      @media (min-width: 1280px) {
        .section-image-text .hand-nugget-cont .hand-nugget {
          width: 410px; } }
    .section-image-text .hand-nugget-cont .accent-nugget {
      position: absolute;
      top: 4px;
      left: -6px;
      width: 40px;
      opacity: 1;
      transition: opacity 0.4s ease; }
      @media (min-width: 600px) {
        .section-image-text .hand-nugget-cont .accent-nugget {
          width: 26px; } }
      @media (min-width: 800px) {
        .section-image-text .hand-nugget-cont .accent-nugget {
          width: 44px; } }
      @media (min-width: 1280px) {
        .section-image-text .hand-nugget-cont .accent-nugget {
          width: 88px; } }
  .section-image-text__line {
    position: absolute;
    width: 100%;
    z-index: 10; }
    .section-image-text__line.line-top {
      left: 0;
      top: -2px; }
    .section-image-text__line.line-bottom {
      left: 0;
      bottom: -2px; }
  .section-image-text.is-inactive .hand-nugget-cont .circle {
    transform: scale(0);
    opacity: 1; }
  .section-image-text.is-inactive .hand-nugget {
    opacity: 0; }
  .section-image-text.is-inactive .accent-nugget {
    opacity: 0; }

.hero-kids {
  height: 100vh;
  max-height: 632px;
  z-index: 100; }
  .hero-kids .wrapper {
    height: auto; }
    .hero-kids .wrapper .grid {
      z-index: 10;
      display: flex;
      flex-direction: column; }
      @media (min-width: 992px) {
        .hero-kids .wrapper .grid {
          flex-direction: row;
          justify-content: space-between;
          padding-top: 60px;
          display: grid; } }
  @media (min-width: 992px) {
    .hero-kids__content {
      grid-column: 1/6; } }
  .hero-kids__title {
    display: flex;
    align-items: flex-end;
    color: #ffffff;
    padding-top: 40px; }
    .hero-kids__title__logo {
      width: 174px; }
      @media (min-width: 992px) {
        .hero-kids__title__logo {
          width: 236px; } }
    .hero-kids__title p {
      padding-left: 18px; }
  .hero-kids__subtitle {
    color: #ffffff;
    padding-top: 14px;
    white-space: nowrap; }
    @media (min-width: 992px) {
      .hero-kids__subtitle {
        padding-top: 34px; } }
  .hero-kids__btns {
    padding-top: 24px; }
    @media (min-width: 992px) {
      .hero-kids__btns {
        display: flex;
        gap: 16px;
        padding-top: 44px; } }
  .hero-kids__box {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    z-index: 10; }
    @media (min-width: 992px) {
      .hero-kids__box {
        grid-column: 6/13;
        justify-self: center; } }
    .hero-kids__box__image {
      width: 300px;
      position: relative; }
      @media (min-width: 992px) {
        .hero-kids__box__image {
          width: 530px; } }
      .hero-kids__box__image img {
        position: absolute;
        width: 100%; }
        .hero-kids__box__image img.image-1 {
          animation: kid-box-transition 2s steps(1, end) infinite; }
        .hero-kids__box__image img.image-2 {
          animation: kid-box-transition-2 2s steps(1, end) infinite; }
  .hero-kids .mask-kid-cont {
    position: absolute;
    z-index: 100; }
    @media (min-width: 992px) {
      .hero-kids .mask-kid-cont.mask-kid-mbl {
        display: none; } }
    .hero-kids .mask-kid-cont.mask-kid-dsk {
      display: none; }
      @media (min-width: 992px) {
        .hero-kids .mask-kid-cont.mask-kid-dsk {
          display: block; } }
    .hero-kids .mask-kid-cont .box-shadow-cont {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .hero-kids .mask-kid-cont .box-shadow-cont .box-shadow {
        display: block;
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0px 0px 95px 34px white;
        -moz-box-shadow: 0px 0px 95px 34px white;
        box-shadow: 0px 0px 95px 34px white; }
    .hero-kids .mask-kid-cont.mask-kid-1 {
      top: 150px;
      right: 40px;
      transform: rotate(15deg); }
      .hero-kids .mask-kid-cont.mask-kid-1 img {
        width: 88px; }
    .hero-kids .mask-kid-cont.mask-kid-2 {
      top: 100px;
      left: 5%;
      transform: rotate(-20deg); }
      .hero-kids .mask-kid-cont.mask-kid-2 img {
        width: 54px; }
    .hero-kids .mask-kid-cont.mask-kid-3 {
      top: 386px;
      left: -106px;
      transform: rotate(-20deg); }
      .hero-kids .mask-kid-cont.mask-kid-3 img {
        width: 54px; }
    .hero-kids .mask-kid-cont.mask-kid-4 {
      top: 166px;
      left: -30px;
      transform: rotate(26deg); }
      .hero-kids .mask-kid-cont.mask-kid-4 img {
        width: 84px; }
    .hero-kids .mask-kid-cont.mask-kid-5 {
      top: -37px;
      right: -180px;
      transform: rotate(14deg); }
      .hero-kids .mask-kid-cont.mask-kid-5 img {
        width: 184px; }
    .hero-kids .mask-kid-cont.mask-kid-6 {
      top: 223px;
      right: -80px;
      transform: rotate(-26deg); }
      .hero-kids .mask-kid-cont.mask-kid-6 img {
        width: 54px; }
    .hero-kids .mask-kid-cont.mask-kid-7 {
      top: 293px;
      right: -240px;
      transform: rotate(34deg); }
      .hero-kids .mask-kid-cont.mask-kid-7 img {
        width: 90px; }
  .hero-kids .separator {
    bottom: -6vw; }

.menu-kid-selection .wrapper {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease; }
  .menu-kid-selection .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(50px); }

.menu-kid-selection .flex {
  gap: 24px;
  flex-direction: column; }
  @media (min-width: 992px) {
    .menu-kid-selection .flex {
      flex-direction: row; } }

.menu-kids-info {
  padding-top: 150px; }
  @media (min-width: 992px) {
    .menu-kids-info {
      padding-top: 200px; } }
  .menu-kids-info .wrapper {
    height: unset; }
  .menu-kids-info .flex {
    flex-direction: column; }
    @media (min-width: 992px) {
      .menu-kids-info .flex {
        flex-direction: row;
        gap: 36px; } }
  .menu-kids-info.over-1 {
    z-index: 80; }
  .menu-kids-info.over-2 {
    z-index: 60; }
  .menu-kids-info.inverted .flex {
    flex-direction: column; }
    @media (min-width: 992px) {
      .menu-kids-info.inverted .flex {
        flex-direction: row-reverse; } }
  .menu-kids-info.inverted .menu-kids-info__image .eyes {
    top: 23%;
    right: 44%;
    width: 20%;
    animation: eyes-box-left 3s infinite; }
  .menu-kids-info__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .menu-kids-info__content.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
    .menu-kids-info__content__title {
      font-size: 36px;
      font-weight: 44px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__title {
          font-size: 72px;
          font-weight: 86px; } }
    .menu-kids-info__content__subtitle {
      font-size: 20px;
      font-weight: 24px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__subtitle {
          font-size: 32px;
          font-weight: 28px;
          padding-top: 24px; } }
    .menu-kids-info__content__info {
      font-size: 16px;
      line-height: 24px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__info {
          padding-top: 24px;
          width: 80%; } }
    .menu-kids-info__content__btn {
      padding-top: 16px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__btn {
          padding-top: 24px; } }
  .menu-kids-info__image {
    position: relative;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 80px; }
    @media (min-width: 992px) {
      .menu-kids-info__image {
        margin-top: 0;
        margin-bottom: 0; } }
    .menu-kids-info__image img {
      position: relative; }
      .menu-kids-info__image img.img-1 {
        animation: kid-box-transition 2s steps(1, end) infinite; }
      .menu-kids-info__image img.img-2 {
        position: absolute;
        left: 0;
        top: 0;
        animation: kid-box-transition-2 2s steps(1, end) infinite; }
      .menu-kids-info__image img.eyes {
        position: absolute;
        top: 21%;
        right: 36%;
        width: 20%;
        animation: eyes-box-right 3s infinite; }
  .menu-kids-info .separator-cont {
    position: relative;
    bottom: -46px; }
    @media (min-width: 992px) {
      .menu-kids-info .separator-cont {
        bottom: -116px; } }
    .menu-kids-info .separator-cont .chips {
      position: absolute;
      width: 54%;
      bottom: -54%;
      left: 0; }
      @media (min-width: 600px) {
        .menu-kids-info .separator-cont .chips {
          width: 40%;
          bottom: -15%; } }
      @media (min-width: 992px) {
        .menu-kids-info .separator-cont .chips {
          width: 30%;
          bottom: -20%; } }
    .menu-kids-info .separator-cont .nuggets {
      position: absolute;
      width: 63%;
      bottom: -38%;
      right: 0; }
      @media (min-width: 600px) {
        .menu-kids-info .separator-cont .nuggets {
          width: 52%;
          bottom: -23%; } }
      @media (min-width: 992px) {
        .menu-kids-info .separator-cont .nuggets {
          width: 48%;
          bottom: 0; } }
    .menu-kids-info .separator-cont .separator {
      position: relative;
      bottom: 5px; }

.poppylands {
  padding-top: 150px; }
  @media (min-width: 992px) {
    .poppylands {
      padding-top: 200px; } }
  .poppylands__content {
    display: flex;
    flex-direction: column;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .poppylands__content.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
    @media (min-width: 1160px) {
      .poppylands__content {
        align-items: center; } }
    .poppylands__content__title {
      font-size: 36px;
      line-height: 44px; }
      @media (min-width: 1160px) {
        .poppylands__content__title {
          font-size: 64px;
          line-height: 76px;
          text-align: center; } }
    .poppylands__content__subtitle {
      font-size: 16px;
      line-height: 23px;
      padding-top: 24px; }
      @media (min-width: 1160px) {
        .poppylands__content__subtitle {
          padding-top: 40px;
          text-align: center;
          max-width: 564px; } }
  .poppylands__image {
    position: relative;
    padding-top: 185px;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .poppylands__image.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
    @media (min-width: 1160px) {
      .poppylands__image {
        padding-top: 90px; } }
    .poppylands__image img.img_dsk {
      display: none; }
      @media (min-width: 600px) {
        .poppylands__image img.img_dsk {
          display: block; } }
    @media (min-width: 600px) {
      .poppylands__image img.img_mbl {
        display: none; } }
    .poppylands__image img.chicken-saxo {
      position: absolute;
      transform: rotateY(180deg);
      top: 50px;
      width: 173px;
      left: 0; }
      @media (min-width: 1160px) {
        .poppylands__image img.chicken-saxo {
          top: -94px;
          width: 236px; } }

.separator {
  position: absolute;
  width: 100vw;
  max-width: unset; }
  .separator.inverted {
    transform: rotateY(180deg); }

.grid-body {
  display: grid; }

.compromiso-social-container {
  display: flex;
  flex-direction: column; }
  @media (min-width: 600px) {
    .compromiso-social-container {
      flex-direction: row; } }

.compromiso-social-width {
  width: 100vw; }

.header {
  overflow: hidden;
  padding-top: 50px; }
  @media (min-width: 600px) {
    .header {
      padding-top: 0; } }
  .header__containerImg {
    display: flex;
    justify-content: center; }
    @media (min-width: 600px) {
      .header__containerImg {
        margin-top: 90px; } }
    .header__containerImg--accent {
      position: absolute;
      width: 33px;
      top: 18%;
      left: 77%; }
      @media (min-width: 600px) {
        .header__containerImg--accent {
          width: 50px;
          top: 23%; } }
      @media (min-width: 992px) {
        .header__containerImg--accent {
          left: 69%;
          top: 20%; } }
      @media (min-width: 1280px) {
        .header__containerImg--accent {
          top: 20%; } }
    .header__containerImg--img {
      width: 60%;
      margin-bottom: 20px;
      position: relative; }
      @media (min-width: 992px) {
        .header__containerImg--img {
          width: 40%; } }
  .header__chicken {
    width: 20%;
    height: 10%;
    position: relative; }
    .header__chicken-left {
      float: left;
      top: -20%;
      left: -8%;
      height: 80px;
      width: auto;
      position: relative;
      transform: scaleX(-1) rotate(-30deg); }
      @media (min-width: 600px) {
        .header__chicken-left {
          height: 150px;
          left: -8%; } }
      @media (min-width: 992px) {
        .header__chicken-left {
          left: -6%; } }
      @media (min-width: 1280px) {
        .header__chicken-left {
          height: 200px;
          left: -5%; } }
    .header__chicken-right {
      float: right;
      top: 20%;
      left: 8%;
      height: 80px;
      width: auto;
      position: relative;
      transform: rotate(-30deg); }
      @media (min-width: 600px) {
        .header__chicken-right {
          height: 150px;
          left: 8%; } }
      @media (min-width: 992px) {
        .header__chicken-right {
          position: absolute;
          top: 55%;
          left: 87%; } }
      @media (min-width: 1280px) {
        .header__chicken-right {
          height: 200px;
          top: 50%;
          left: 86%; } }
  .header__text {
    text-align: center;
    line-height: 24px;
    font-size: 18px; }
    @media (min-width: 600px) {
      .header__text {
        margin-bottom: 50px; } }
    @media (min-width: 992px) {
      .header__text {
        line-height: 32px;
        font-size: 24px;
        width: 50%;
        margin: auto;
        padding-bottom: 5%; } }

.hero-teams__banner-orange-top {
  position: relative;
  top: 5%; }

.hero-teams__banner-orange-bottom {
  position: relative;
  top: -14%; }

.our-cause {
  height: 540px; }
  @media (min-width: 600px) {
    .our-cause {
      height: 330px; } }
  .our-cause .wrapper {
    transform: translateY(0);
    opacity: 1;
    transition: 0.6s all ease; }
    .our-cause .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(50%); }
  @media (min-width: 600px) {
    .our-cause__textContainer {
      width: 50%; } }
  .our-cause__textContainer--title {
    font-size: 36px;
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .our-cause__textContainer--title {
        font-size: 48px; } }
  .our-cause__textContainer--text {
    line-height: 24px;
    margin-bottom: 50px; }
  .our-cause__imgContainer {
    width: 70%;
    position: relative;
    margin: auto; }
    @media (min-width: 600px) {
      .our-cause__imgContainer {
        top: -10%;
        width: 50%; } }
    @media (min-width: 992px) {
      .our-cause__imgContainer {
        top: -30%;
        left: 10%; } }
    @media (min-width: 992px) {
      .our-cause__imgContainer img {
        width: 80%; } }

.what-do .wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: 0.6s all ease; }
  .what-do .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(50%); }

.what-do__nugget {
  width: 80%;
  position: relative;
  top: 100px;
  z-index: 2; }
  @media (min-width: 600px) {
    .what-do__nugget {
      top: 180px;
      width: 70%; } }
  @media (min-width: 992px) {
    .what-do__nugget {
      width: 40%;
      top: 180px; } }
  @media (min-width: 1280px) {
    .what-do__nugget {
      top: 220px; } }

.what-do__banner-green {
  position: relative;
  top: 35px; }

@media (min-width: 600px) {
  .what-do__container {
    display: flex; } }

@media (min-width: 600px) {
  .what-do__container--containerImg {
    width: 50%; } }

.what-do__container--containerImg img {
  padding-top: 25%; }
  @media (min-width: 600px) {
    .what-do__container--containerImg img {
      width: 90%;
      padding-top: 15%; } }

.what-do__container--text-container {
  margin: 30px 0 50px 0; }
  @media (min-width: 600px) {
    .what-do__container--text-container {
      width: 50%;
      margin: 70px 0 50px 0; } }
  @media (min-width: 992px) {
    .what-do__container--text-container {
      margin: 120px 0 50px 0; } }
  .what-do__container--text-container .what-do__title {
    font-size: 36px;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .what-do__container--text-container .what-do__title {
        font-size: 48px; } }
    @media (min-width: 992px) {
      .what-do__container--text-container .what-do__title {
        margin-bottom: 40px; } }
  .what-do__container--text-container .what-do__text {
    line-height: 24px; }

.what-do__container-burguer {
  position: relative;
  top: -1px;
  height: 200px; }
  .what-do__container-burguer img {
    position: relative;
    float: right;
    z-index: 2;
    top: 30%;
    width: 80%; }
    @media (min-width: 600px) {
      .what-do__container-burguer img {
        width: 60%;
        top: -10%; } }
    @media (min-width: 992px) {
      .what-do__container-burguer img {
        width: 45%;
        top: -10%; } }
    @media (min-width: 1280px) {
      .what-do__container-burguer img {
        top: -35%; } }

.family .wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: 0.6s all ease; }
  .family .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(50%); }

.family__banner-purple {
  position: relative;
  top: -50px; }
  @media (min-width: 600px) {
    .family__banner-purple {
      top: -80px; } }
  @media (min-width: 992px) {
    .family__banner-purple {
      top: -130px; } }
  @media (min-width: 1280px) {
    .family__banner-purple {
      top: -170px; } }

@media (min-width: 600px) {
  .family__container {
    display: flex;
    margin-top: 50px; } }

.family__container--main-title {
  position: relative;
  text-align: center;
  font-size: 44px;
  line-height: 50px;
  transform: translateY(0);
  opacity: 1;
  transition: 0.6s all ease; }
  @media (min-width: 600px) {
    .family__container--main-title {
      top: -60px;
      font-size: 72px;
      line-height: 82px; } }
  .family__container--main-title.is-inactive {
    opacity: 0;
    transform: translateY(50%); }

.family__container--text-container {
  margin: 70px 0 50px 0; }
  @media (min-width: 600px) {
    .family__container--text-container {
      margin: 0 0 50px 0;
      width: 50%; } }
  .family__container--text-container .family__title {
    font-size: 36px;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .family__container--text-container .family__title {
        font-size: 48px; } }
  .family__container--text-container .family__text {
    line-height: 24px;
    margin-bottom: 30px; }

@media (min-width: 600px) {
  .family__container--containerImg {
    width: 50%;
    text-align: center; } }

@media (min-width: 992px) {
  .family__container--containerImg {
    text-align: right; } }

@media (min-width: 600px) {
  .family__container--containerImg img {
    width: 90%; } }

@media (min-width: 992px) {
  .family__container--containerImg img {
    width: 80%; } }

.family__container-fries {
  position: relative;
  top: -1px;
  height: 200px; }
  .family__container-fries--fries {
    position: relative;
    z-index: 2;
    width: 65%;
    top: 20%; }
    @media (min-width: 600px) {
      .family__container-fries--fries {
        top: 20%;
        width: 40%; } }
    @media (min-width: 992px) {
      .family__container-fries--fries {
        top: -15%;
        width: 35%; } }
    @media (min-width: 1280px) {
      .family__container-fries--fries {
        top: -40%;
        width: 38%; } }
  .family__container-fries--banner-purple-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 80%; }
    @media (min-width: 600px) {
      .family__container-fries--banner-purple-bottom {
        top: 50%; } }
    @media (min-width: 1280px) {
      .family__container-fries--banner-purple-bottom {
        top: 25%; } }

.actions {
  margin-top: 25%;
  margin-bottom: 10%; }
  @media (min-width: 600px) {
    .actions {
      margin-top: 15%; } }
  .actions .wrapper {
    transform: translateY(0);
    opacity: 1;
    height: unset;
    transition: 0.6s all ease; }
    .actions .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(20%); }
  .actions__title {
    font-size: 44px;
    text-align: center;
    margin-bottom: 25px; }
    @media (min-width: 992px) {
      .actions__title {
        font-size: 72px;
        margin-bottom: 15%; } }
  .actions__imgContainer {
    position: relative;
    text-align: center;
    margin-bottom: 74px; }
    @media (min-width: 600px) {
      .actions__imgContainer {
        margin-bottom: 0;
        width: 50%; } }
    @media (min-width: 992px) {
      .actions__imgContainer {
        text-align: left; } }
    .actions__imgContainer--chickenVideo {
      width: 100%; }
      @media (min-width: 600px) {
        .actions__imgContainer--chickenVideo {
          width: 90%; } }
      @media (min-width: 992px) {
        .actions__imgContainer--chickenVideo {
          width: 80%; } }
    .actions__imgContainer--ticketImg {
      position: absolute;
      width: 90%;
      left: 5%;
      top: 90%; }
      @media (min-width: 600px) {
        .actions__imgContainer--ticketImg {
          top: 65%; } }
      @media (min-width: 992px) {
        .actions__imgContainer--ticketImg {
          width: 60%;
          left: 70%;
          top: -30%; } }
  @media (min-width: 600px) {
    .actions__textContainer {
      width: 50%; } }
  .actions__textContainer--titleSecondary {
    font-size: 36px;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .actions__textContainer--titleSecondary {
        font-size: 48px;
        margin-top: 30px; } }
  .actions__textContainer .actions__text {
    line-height: 24px;
    margin-bottom: 30px; }
  .actions__footer {
    width: 100vw;
    padding-top: 50px; }
    @media (min-width: 600px) {
      .actions__footer {
        padding-top: 70px; } }

.hero-kids {
  height: 100vh;
  max-height: 632px;
  z-index: 100; }
  .hero-kids .wrapper {
    height: auto; }
    .hero-kids .wrapper .grid {
      z-index: 10;
      display: flex;
      flex-direction: column; }
      @media (min-width: 992px) {
        .hero-kids .wrapper .grid {
          flex-direction: row;
          justify-content: space-between;
          padding-top: 60px;
          display: grid; } }
  @media (min-width: 992px) {
    .hero-kids__content {
      grid-column: 1/6; } }
  .hero-kids__title {
    display: flex;
    align-items: flex-end;
    color: #ffffff;
    padding-top: 40px; }
    .hero-kids__title__logo {
      width: 174px; }
      @media (min-width: 992px) {
        .hero-kids__title__logo {
          width: 236px; } }
    .hero-kids__title p {
      padding-left: 18px; }
  .hero-kids__subtitle {
    color: #ffffff;
    padding-top: 14px;
    white-space: nowrap; }
    @media (min-width: 992px) {
      .hero-kids__subtitle {
        padding-top: 34px; } }
  .hero-kids__btns {
    padding-top: 24px; }
    @media (min-width: 992px) {
      .hero-kids__btns {
        display: flex;
        gap: 16px;
        padding-top: 44px; } }
  .hero-kids__box {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    z-index: 10; }
    @media (min-width: 992px) {
      .hero-kids__box {
        grid-column: 6/13;
        justify-self: center; } }
    .hero-kids__box__image {
      width: 300px;
      position: relative; }
      @media (min-width: 992px) {
        .hero-kids__box__image {
          width: 530px; } }
      .hero-kids__box__image img {
        position: absolute;
        width: 100%; }
        .hero-kids__box__image img.image-1 {
          animation: kid-box-transition 2s steps(1, end) infinite; }
        .hero-kids__box__image img.image-2 {
          animation: kid-box-transition-2 2s steps(1, end) infinite; }
  .hero-kids .mask-kid-cont {
    position: absolute;
    z-index: 100; }
    @media (min-width: 992px) {
      .hero-kids .mask-kid-cont.mask-kid-mbl {
        display: none; } }
    .hero-kids .mask-kid-cont.mask-kid-dsk {
      display: none; }
      @media (min-width: 992px) {
        .hero-kids .mask-kid-cont.mask-kid-dsk {
          display: block; } }
    .hero-kids .mask-kid-cont .box-shadow-cont {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .hero-kids .mask-kid-cont .box-shadow-cont .box-shadow {
        display: block;
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0px 0px 95px 34px white;
        -moz-box-shadow: 0px 0px 95px 34px white;
        box-shadow: 0px 0px 95px 34px white; }
    .hero-kids .mask-kid-cont.mask-kid-1 {
      top: 150px;
      right: 40px;
      transform: rotate(15deg); }
      .hero-kids .mask-kid-cont.mask-kid-1 img {
        width: 88px; }
    .hero-kids .mask-kid-cont.mask-kid-2 {
      top: 100px;
      left: 5%;
      transform: rotate(-20deg); }
      .hero-kids .mask-kid-cont.mask-kid-2 img {
        width: 54px; }
    .hero-kids .mask-kid-cont.mask-kid-3 {
      top: 386px;
      left: -106px;
      transform: rotate(-20deg); }
      .hero-kids .mask-kid-cont.mask-kid-3 img {
        width: 54px; }
    .hero-kids .mask-kid-cont.mask-kid-4 {
      top: 166px;
      left: -30px;
      transform: rotate(26deg); }
      .hero-kids .mask-kid-cont.mask-kid-4 img {
        width: 84px; }
    .hero-kids .mask-kid-cont.mask-kid-5 {
      top: -37px;
      right: -180px;
      transform: rotate(14deg); }
      .hero-kids .mask-kid-cont.mask-kid-5 img {
        width: 184px; }
    .hero-kids .mask-kid-cont.mask-kid-6 {
      top: 223px;
      right: -80px;
      transform: rotate(-26deg); }
      .hero-kids .mask-kid-cont.mask-kid-6 img {
        width: 54px; }
    .hero-kids .mask-kid-cont.mask-kid-7 {
      top: 293px;
      right: -240px;
      transform: rotate(34deg); }
      .hero-kids .mask-kid-cont.mask-kid-7 img {
        width: 90px; }
  .hero-kids .separator {
    bottom: -6vw; }

.menu-kid-selection .wrapper {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease; }
  .menu-kid-selection .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(50px); }

.menu-kid-selection .flex {
  gap: 24px;
  flex-direction: column; }
  @media (min-width: 992px) {
    .menu-kid-selection .flex {
      flex-direction: row; } }

.menu-kids-info {
  padding-top: 150px; }
  @media (min-width: 992px) {
    .menu-kids-info {
      padding-top: 200px; } }
  .menu-kids-info .wrapper {
    height: unset; }
  .menu-kids-info .flex {
    flex-direction: column; }
    @media (min-width: 992px) {
      .menu-kids-info .flex {
        flex-direction: row;
        gap: 36px; } }
  .menu-kids-info.over-1 {
    z-index: 80; }
  .menu-kids-info.over-2 {
    z-index: 60; }
  .menu-kids-info.inverted .flex {
    flex-direction: column; }
    @media (min-width: 992px) {
      .menu-kids-info.inverted .flex {
        flex-direction: row-reverse; } }
  .menu-kids-info.inverted .menu-kids-info__image .eyes {
    top: 23%;
    right: 44%;
    width: 20%;
    animation: eyes-box-left 3s infinite; }
  .menu-kids-info__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .menu-kids-info__content.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
    .menu-kids-info__content__title {
      font-size: 36px;
      font-weight: 44px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__title {
          font-size: 72px;
          font-weight: 86px; } }
    .menu-kids-info__content__subtitle {
      font-size: 20px;
      font-weight: 24px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__subtitle {
          font-size: 32px;
          font-weight: 28px;
          padding-top: 24px; } }
    .menu-kids-info__content__info {
      font-size: 16px;
      line-height: 24px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__info {
          padding-top: 24px;
          width: 80%; } }
    .menu-kids-info__content__btn {
      padding-top: 16px; }
      @media (min-width: 992px) {
        .menu-kids-info__content__btn {
          padding-top: 24px; } }
  .menu-kids-info__image {
    position: relative;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 80px; }
    @media (min-width: 992px) {
      .menu-kids-info__image {
        margin-top: 0;
        margin-bottom: 0; } }
    .menu-kids-info__image img {
      position: relative; }
      .menu-kids-info__image img.img-1 {
        animation: kid-box-transition 2s steps(1, end) infinite; }
      .menu-kids-info__image img.img-2 {
        position: absolute;
        left: 0;
        top: 0;
        animation: kid-box-transition-2 2s steps(1, end) infinite; }
      .menu-kids-info__image img.eyes {
        position: absolute;
        top: 21%;
        right: 36%;
        width: 20%;
        animation: eyes-box-right 3s infinite; }
  .menu-kids-info .separator-cont {
    position: relative;
    bottom: -46px; }
    @media (min-width: 992px) {
      .menu-kids-info .separator-cont {
        bottom: -116px; } }
    .menu-kids-info .separator-cont .chips {
      position: absolute;
      width: 54%;
      bottom: -54%;
      left: 0; }
      @media (min-width: 600px) {
        .menu-kids-info .separator-cont .chips {
          width: 40%;
          bottom: -15%; } }
      @media (min-width: 992px) {
        .menu-kids-info .separator-cont .chips {
          width: 30%;
          bottom: -20%; } }
    .menu-kids-info .separator-cont .nuggets {
      position: absolute;
      width: 63%;
      bottom: -38%;
      right: 0; }
      @media (min-width: 600px) {
        .menu-kids-info .separator-cont .nuggets {
          width: 52%;
          bottom: -23%; } }
      @media (min-width: 992px) {
        .menu-kids-info .separator-cont .nuggets {
          width: 48%;
          bottom: 0; } }
    .menu-kids-info .separator-cont .separator {
      position: relative;
      bottom: 5px; }

.poppylands {
  padding-top: 150px; }
  @media (min-width: 992px) {
    .poppylands {
      padding-top: 200px; } }
  .poppylands__content {
    display: flex;
    flex-direction: column;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .poppylands__content.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
    @media (min-width: 1160px) {
      .poppylands__content {
        align-items: center; } }
    .poppylands__content__title {
      font-size: 36px;
      line-height: 44px; }
      @media (min-width: 1160px) {
        .poppylands__content__title {
          font-size: 64px;
          line-height: 76px;
          text-align: center; } }
    .poppylands__content__subtitle {
      font-size: 16px;
      line-height: 23px;
      padding-top: 24px; }
      @media (min-width: 1160px) {
        .poppylands__content__subtitle {
          padding-top: 40px;
          text-align: center;
          max-width: 564px; } }
  .poppylands__image {
    position: relative;
    padding-top: 185px;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .poppylands__image.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
    @media (min-width: 1160px) {
      .poppylands__image {
        padding-top: 90px; } }
    .poppylands__image img.img_dsk {
      display: none; }
      @media (min-width: 600px) {
        .poppylands__image img.img_dsk {
          display: block; } }
    @media (min-width: 600px) {
      .poppylands__image img.img_mbl {
        display: none; } }
    .poppylands__image img.chicken-saxo {
      position: absolute;
      transform: rotateY(180deg);
      top: 50px;
      width: 173px;
      left: 0; }
      @media (min-width: 1160px) {
        .poppylands__image img.chicken-saxo {
          top: -94px;
          width: 236px; } }

.separator {
  position: absolute;
  width: 100vw;
  max-width: unset; }
  .separator.inverted {
    transform: rotateY(180deg); }

.hero-sostenibilidad {
  padding-top: 100px;
  background-color: #ffffff;
  padding-bottom: 50px; }
  .hero-sostenibilidad .flex {
    flex-direction: column; }
    @media (min-width: 992px) {
      .hero-sostenibilidad .flex {
        flex-direction: row;
        align-items: center;
        justify-content: space-between; } }
  .hero-sostenibilidad .arrow-down {
    justify-content: center;
    margin-top: 60px; }
    @media (min-width: 992px) {
      .hero-sostenibilidad .arrow-down {
        margin-top: 0; } }
  .hero-sostenibilidad__content {
    position: relative; }
    @media (min-width: 992px) {
      .hero-sostenibilidad__content {
        width: 504px; } }
    .hero-sostenibilidad__content__title {
      position: relative;
      text-align: center;
      width: fit-content;
      margin: 0 auto; }
      @media (min-width: 992px) {
        .hero-sostenibilidad__content__title {
          text-align: left;
          margin: unset; } }
      .hero-sostenibilidad__content__title .accent-rest {
        position: absolute;
        top: -13px;
        right: -25px;
        width: 50px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title .accent-rest {
            top: -13px;
            right: -45px;
            width: 70px; } }
      .hero-sostenibilidad__content__title .accent-sostenible {
        position: absolute;
        width: 200px;
        left: 47px;
        bottom: -9px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title .accent-sostenible {
            width: 290px;
            left: -3px;
            bottom: -16px; } }
      .hero-sostenibilidad__content__title .accent-a {
        position: absolute;
        width: 12px;
        left: 177px;
        bottom: 33px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title .accent-a {
            width: 20px;
            left: 221px;
            bottom: 49px; } }
      .hero-sostenibilidad__content__title.title-ca .accent-rest {
        position: absolute;
        top: -18px;
        right: -32px;
        width: 50px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-ca .accent-rest {
            top: -30px;
            right: -45px;
            width: 70px; } }
      .hero-sostenibilidad__content__title.title-ca .accent-sostenible {
        position: absolute;
        width: 200px;
        left: 35px;
        bottom: -9px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-ca .accent-sostenible {
            width: 290px;
            left: -3px;
            bottom: -16px; } }
      .hero-sostenibilidad__content__title.title-en .accent-rest {
        position: absolute;
        top: -17px;
        right: -42px;
        width: 50px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-en .accent-rest {
            top: -26px;
            right: -75px;
            width: 70px; } }
      .hero-sostenibilidad__content__title.title-en .accent-sostenible {
        position: absolute;
        width: 200px;
        left: 22px;
        bottom: -18px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-en .accent-sostenible {
            width: 290px;
            left: -3px;
            bottom: -24px; } }
      .hero-sostenibilidad__content__title.title-eu .accent-rest {
        position: absolute;
        top: -17px;
        right: -42px;
        width: 50px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-eu .accent-rest {
            top: -23px;
            right: -55px;
            width: 70px; } }
      .hero-sostenibilidad__content__title.title-eu .accent-sostenible {
        position: absolute;
        width: 220px;
        left: 42px;
        bottom: -18px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-eu .accent-sostenible {
            width: 290px;
            left: -3px;
            bottom: -24px; } }
      .hero-sostenibilidad__content__title.title-gl .accent-rest {
        position: absolute;
        top: -17px;
        right: -42px;
        width: 50px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-gl .accent-rest {
            top: -23px;
            right: -55px;
            width: 70px; } }
      .hero-sostenibilidad__content__title.title-gl .accent-sostenible {
        position: absolute;
        width: 156px;
        left: 66px;
        bottom: -18px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-gl .accent-sostenible {
            width: 220px;
            left: -3px;
            bottom: -10px; } }
      .hero-sostenibilidad__content__title.title-pt .accent-sostenible {
        position: absolute;
        width: 176px;
        left: 46px;
        bottom: -12px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__content__title.title-pt .accent-sostenible {
            width: 330px;
            left: 0px;
            bottom: -18px; } }
    .hero-sostenibilidad__content__subtitle {
      text-align: center;
      font-size: 18px;
      line-height: 23px;
      padding-top: 24px;
      max-width: 343px;
      margin: 0 auto; }
      @media (min-width: 992px) {
        .hero-sostenibilidad__content__subtitle {
          font-size: 20px;
          line-height: 32px;
          margin: unset;
          padding-top: 40px;
          text-align: left;
          max-width: unset; } }
  .hero-sostenibilidad__image {
    position: relative;
    display: flex;
    padding-top: 32px;
    align-items: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .hero-sostenibilidad__image {
        padding-top: 0;
        padding: 0 20px; } }
    .hero-sostenibilidad__image .rotate-text {
      width: 234px;
      animation: text-rotate-sostenibilidad 30s linear infinite; }
      @media (min-width: 992px) {
        .hero-sostenibilidad__image .rotate-text {
          width: 410px; } }
      .hero-sostenibilidad__image .rotate-text.leng {
        width: 324px;
        margin-top: -30px;
        margin-bottom: -30px; }
        @media (min-width: 992px) {
          .hero-sostenibilidad__image .rotate-text.leng {
            width: 550px; } }
    .hero-sostenibilidad__image .seal {
      position: absolute;
      width: 180px; }
      @media (min-width: 992px) {
        .hero-sostenibilidad__image .seal {
          width: 315px; } }
  @media (min-width: 992px) {
    .hero-sostenibilidad-eu .hero-sostenibilidad__content {
      width: 565px; } }
  .hero-sostenibilidad-eu .hero-sostenibilidad__content .title {
    font-size: 41px;
    line-height: 50px;
    white-space: nowrap; }
    @media (min-width: 992px) {
      .hero-sostenibilidad-eu .hero-sostenibilidad__content .title {
        font-size: 72px;
        line-height: 72px; } }

.abastecimiento {
  z-index: 100;
  padding-bottom: 100px; }
  .abastecimiento .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .abastecimiento .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
  .abastecimiento__title {
    width: fit-content;
    position: relative;
    font-size: 36px;
    line-height: 44px; }
    @media (min-width: 992px) {
      .abastecimiento__title {
        font-size: 64px;
        line-height: 77px;
        text-align: center;
        margin: 0 auto; } }
    .abastecimiento__title .accent-a {
      position: absolute;
      width: 8px;
      bottom: 30px;
      left: 124px; }
      @media (min-width: 992px) {
        .abastecimiento__title .accent-a {
          position: absolute;
          width: 17px;
          bottom: 52px;
          left: auto;
          right: 76px; } }
  .abastecimiento__subtitle {
    padding-top: 24px; }
    @media (min-width: 992px) {
      .abastecimiento__subtitle {
        text-align: center;
        max-width: 760px;
        margin: 0 auto; } }
  .abastecimiento__title-cards.mbl {
    font-size: 28px;
    line-height: 32px;
    padding-top: 50px; }
    @media (min-width: 992px) {
      .abastecimiento__title-cards.mbl {
        display: none; } }
  .abastecimiento__title-cards.dsk {
    font-size: 48px;
    line-height: 52px;
    padding-top: 76px;
    text-align: center;
    display: none; }
    @media (min-width: 992px) {
      .abastecimiento__title-cards.dsk {
        display: block; } }
  .abastecimiento .text-sign {
    padding-top: 40px; }
    @media (min-width: 992px) {
      .abastecimiento .text-sign {
        padding-top: 0;
        margin-bottom: 20px; } }
  .abastecimiento .card-curtain-container .card-curtain-1 {
    grid-column: 1 / 5; }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-1 {
        grid-column: 1 / 7; } }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-1 img {
        height: 93%; } }
  .abastecimiento .card-curtain-container .card-curtain-2 {
    grid-column: 1 / 5; }
    @media (min-width: 600px) {
      .abastecimiento .card-curtain-container .card-curtain-2 {
        grid-column: 5 / 9; } }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-2 {
        grid-column: 7 / 13; } }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-2 img {
        height: 93%; } }
  .abastecimiento .card-curtain-container .card-curtain-3 {
    grid-column: 1 / 5; }
    @media (min-width: 600px) {
      .abastecimiento .card-curtain-container .card-curtain-3 {
        grid-column: 1 / 5; } }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-3 img {
        height: 80%;
        object-position: 50% 0px; } }
  .abastecimiento .card-curtain-container .card-curtain-4 {
    grid-column: 1 / 5; }
    @media (min-width: 600px) {
      .abastecimiento .card-curtain-container .card-curtain-4 {
        grid-column: 5 / 9; } }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-4 img {
        height: 80%;
        object-position: 50% 0px; } }
  .abastecimiento .card-curtain-container .card-curtain-5 {
    grid-column: 1 / 5; }
    @media (min-width: 600px) {
      .abastecimiento .card-curtain-container .card-curtain-5 {
        grid-column: 1 / 5; } }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-5 {
        grid-column: 9 / 13; } }
    @media (min-width: 992px) {
      .abastecimiento .card-curtain-container .card-curtain-5 img {
        height: 80%;
        object-position: 50% 0px; } }
  .abastecimiento .separator-cont {
    bottom: -140px; }

.eficiencia {
  z-index: 80;
  padding-top: 150px; }
  .eficiencia .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .eficiencia .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
  .eficiencia__title.mbl {
    font-size: 36px;
    line-height: 44px; }
    @media (min-width: 992px) {
      .eficiencia__title.mbl {
        display: none; } }
  .eficiencia__title.dsk {
    font-size: 64px;
    line-height: 77px;
    text-align: center;
    display: none; }
    @media (min-width: 992px) {
      .eficiencia__title.dsk {
        display: block; } }
  .eficiencia__subtitle {
    padding-top: 24px; }
    @media (min-width: 992px) {
      .eficiencia__subtitle {
        max-width: 564px;
        margin: 0 auto;
        text-align: center; } }
  .eficiencia__restaurante {
    position: relative;
    padding-top: 54px; }
    @media (min-width: 992px) {
      .eficiencia__restaurante {
        padding-top: 114px; } }
    .eficiencia__restaurante__place {
      display: none; }
      @media (min-width: 992px) {
        .eficiencia__restaurante__place {
          display: block; } }
      .eficiencia__restaurante__place__circle {
        position: absolute;
        width: 82px;
        height: 82px;
        border: 5px #ff7d00 solid;
        border-radius: 50%;
        animation: circle-restaurante 2s linear infinite; }
        .eficiencia__restaurante__place__circle.circle-1 {
          top: 26%;
          left: 54%; }
        .eficiencia__restaurante__place__circle.circle-2 {
          top: 63%;
          left: 29%; }
        .eficiencia__restaurante__place__circle.circle-3 {
          left: 41%;
          top: 52%; }
        .eficiencia__restaurante__place__circle.circle-4 {
          top: 16%;
          left: 62%; }
        .eficiencia__restaurante__place__circle.circle-5 {
          top: 53%;
          left: 63%; }
    .eficiencia__restaurante__cards-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px; }
      @media (min-width: 992px) {
        .eficiencia__restaurante__cards-container {
          display: block;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          pointer-events: none; } }
      @media (min-width: 992px) {
        .eficiencia__restaurante__cards-container .card-restaurante-1 {
          position: absolute;
          top: 100px;
          right: 0; } }
      @media (min-width: 992px) {
        .eficiencia__restaurante__cards-container .card-restaurante-2 {
          position: absolute;
          left: -60px;
          top: 150px; } }
      @media (min-width: 992px) {
        .eficiencia__restaurante__cards-container .card-restaurante-3 {
          position: absolute;
          left: 580px;
          top: 90px; } }
      @media (min-width: 992px) {
        .eficiencia__restaurante__cards-container .card-restaurante-4 {
          position: absolute;
          left: 230px;
          top: 60px; } }
      @media (min-width: 992px) {
        .eficiencia__restaurante__cards-container .card-restaurante-5 {
          position: absolute;
          left: 830px;
          top: 150px; } }
    .eficiencia__restaurante .text-sign {
      position: absolute;
      left: 0;
      top: 200px; }
  .eficiencia__sparks {
    position: absolute;
    top: -37px;
    left: 173px;
    width: 70px; }
    @media (min-width: 992px) {
      .eficiencia__sparks {
        top: -100px;
        right: 5%;
        width: auto;
        left: unset; } }
  .eficiencia.eficiencia-ca .eficiencia__sparks {
    top: -37px;
    left: 213px;
    width: 70px; }
    @media (min-width: 992px) {
      .eficiencia.eficiencia-ca .eficiencia__sparks {
        top: -100px;
        right: 5%;
        width: auto;
        left: unset; } }
  .eficiencia.eficiencia-eu .eficiencia__sparks {
    top: -37px;
    left: 303px;
    width: 70px; }
    @media (min-width: 992px) {
      .eficiencia.eficiencia-eu .eficiencia__sparks {
        top: -100px;
        right: 5%;
        width: auto;
        left: unset; } }
  .eficiencia.eficiencia-en .eficiencia__sparks {
    top: -37px;
    left: 313px;
    width: 70px; }
    @media (min-width: 992px) {
      .eficiencia.eficiencia-en .eficiencia__sparks {
        top: -100px;
        right: 5%;
        width: auto;
        left: unset; } }
  .eficiencia.eficiencia-gl .eficiencia__sparks {
    position: absolute;
    top: -37px;
    left: 223px;
    width: 70px; }
    @media (min-width: 992px) {
      .eficiencia.eficiencia-gl .eficiencia__sparks {
        top: -100px;
        right: 5%;
        width: auto;
        left: unset; } }

.places {
  z-index: 60;
  padding-bottom: 100px; }
  .places .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .places .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
  .places .flex {
    gap: 80px;
    flex-direction: column; }
    @media (min-width: 992px) {
      .places .flex {
        gap: 24px;
        flex-direction: row; } }
  .places__card {
    max-width: 343px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .places__card {
        max-width: 368px; } }
    .places__card__image img {
      height: 368px;
      object-fit: cover; }
    .places__card__title {
      font-size: 28px;
      line-height: 34px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .places__card__title {
          font-size: 36px;
          line-height: 44px;
          padding-top: 24px; } }
    .places__card__subtitle {
      font-size: 16px;
      line-height: 24px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .places__card__subtitle {
          padding-top: 24px; } }
  .places .separator-cont {
    bottom: -130px; }

.movilidad {
  padding-bottom: 100px; }
  .movilidad .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .movilidad .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
  @media (min-width: 992px) {
    .movilidad {
      padding-bottom: 200px; } }
  .movilidad .flex {
    gap: 80px;
    flex-direction: column;
    padding-top: 64px; }
    @media (min-width: 992px) {
      .movilidad .flex {
        gap: 24px;
        flex-direction: row; } }
  .movilidad__title {
    position: relative;
    font-size: 36px;
    line-height: 44px;
    width: fit-content; }
    @media (min-width: 992px) {
      .movilidad__title {
        font-size: 64px;
        line-height: 77px;
        text-align: center;
        margin: 0 auto; } }
  .movilidad__subtitle {
    padding-top: 24px; }
    @media (min-width: 992px) {
      .movilidad__subtitle {
        max-width: 564px;
        margin: 0 auto;
        text-align: center; } }
  .movilidad__card {
    max-width: 343px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .movilidad__card {
        max-width: 564px; } }
    .movilidad__card__image img {
      width: 564px;
      object-fit: cover; }
      @media (min-width: 992px) {
        .movilidad__card__image img {
          min-height: 403px; } }
    .movilidad__card__title {
      font-size: 18px;
      line-height: 34px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .movilidad__card__title {
          font-size: 36px;
          line-height: 44px;
          padding-top: 24px; } }
    .movilidad__card__subtitle {
      font-size: 16px;
      line-height: 24px;
      padding-top: 16px; }
      @media (min-width: 992px) {
        .movilidad__card__subtitle {
          padding-top: 24px; } }
  .movilidad .separator-cont {
    bottom: -120px; }
    @media (min-width: 600px) {
      .movilidad .separator-cont {
        bottom: -130px; } }
    @media (min-width: 992px) {
      .movilidad .separator-cont {
        bottom: -250px; } }
  .movilidad .accent-a {
    position: absolute;
    width: 8px;
    bottom: 30px;
    left: 114px; }
    @media (min-width: 992px) {
      .movilidad .accent-a {
        position: absolute;
        width: 17px;
        bottom: 52px;
        left: auto;
        right: 76px; } }

.trigger-abastecimiento.section-abastecimiento {
  height: 60px; }

.info-bar {
  position: relative;
  top: 0;
  width: 100%;
  height: 56px;
  background-color: #f25600;
  z-index: 10000;
  transition: all 0.4s ease;
  opacity: 1; }
  @media (min-width: 992px) {
    .info-bar {
      padding: 18px 0;
      height: auto; } }
  .info-bar__cont {
    position: absolute;
    opacity: 1;
    cursor: pointer; }
    .info-bar__cont.info-bar__cont-1 {
      opacity: 1; }
    @media (min-width: 992px) {
      .info-bar__cont {
        position: relative;
        opacity: 1; } }
  .info-bar.section-abastecimiento {
    opacity: 1;
    position: fixed; }
    .info-bar.section-abastecimiento .info-bar__cont-1 p {
      font-weight: 500; }
    .info-bar.section-abastecimiento.section-eficiencia {
      background-color: #911987; }
      .info-bar.section-abastecimiento.section-eficiencia .info-bar__cont-1 p {
        font-weight: 200; }
      .info-bar.section-abastecimiento.section-eficiencia .info-bar__cont-2 p {
        font-weight: 500; }
      .info-bar.section-abastecimiento.section-eficiencia.section-movilidad {
        background-color: #f5f1ef; }
        .info-bar.section-abastecimiento.section-eficiencia.section-movilidad .info-bar__cont-1 p {
          color: #1f1f1f;
          font-weight: 200; }
        .info-bar.section-abastecimiento.section-eficiencia.section-movilidad .info-bar__cont-2 p {
          color: #1f1f1f;
          font-weight: 200; }
        .info-bar.section-abastecimiento.section-eficiencia.section-movilidad .info-bar__cont-3 p {
          color: #00b2a9;
          font-weight: 500; }
  .info-bar .flex {
    justify-content: center;
    height: 100%;
    align-items: center; }
    @media (min-width: 992px) {
      .info-bar .flex {
        justify-content: space-evenly; } }
    .info-bar .flex.dsk {
      display: none; }
      @media (min-width: 992px) {
        .info-bar .flex.dsk {
          display: flex; } }
  .info-bar .swiper-container {
    height: 100%; }
    @media (min-width: 992px) {
      .info-bar .swiper-container {
        display: none; } }
    .info-bar .swiper-container .swiper-wrapper {
      position: relative;
      height: 100%; }
      .info-bar .swiper-container .swiper-wrapper .swiper-slide {
        height: 100%;
        justify-content: center;
        align-items: center;
        display: flex; }
        .info-bar .swiper-container .swiper-wrapper .swiper-slide .info-bar__cont {
          white-space: nowrap; }

.separator-cont {
  position: relative; }
  .separator-cont .onion {
    position: absolute;
    width: 50%;
    bottom: -110%;
    left: 0; }
    @media (min-width: 600px) {
      .separator-cont .onion {
        width: 26%;
        bottom: -50%; } }
    @media (min-width: 992px) {
      .separator-cont .onion {
        width: 23%;
        bottom: -42%; } }
  .separator-cont .spices {
    position: absolute;
    width: 65%;
    bottom: -130%;
    right: 0; }
    @media (min-width: 600px) {
      .separator-cont .spices {
        width: 29%;
        bottom: -45%; } }
    @media (min-width: 992px) {
      .separator-cont .spices {
        width: 26%;
        bottom: -42%; } }
  .separator-cont .nuggets-movilidad {
    position: absolute;
    width: 92%;
    bottom: 7%;
    left: 0; }
    @media (min-width: 600px) {
      .separator-cont .nuggets-movilidad {
        width: 56%;
        bottom: 17%; } }
    @media (min-width: 992px) {
      .separator-cont .nuggets-movilidad {
        width: 60%;
        bottom: 22%; } }
  .separator-cont .separator {
    position: relative;
    bottom: 5px; }

.eficiencia__restaurante__cards-container__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease; }
  .eficiencia__restaurante__cards-container__bg.shown {
    opacity: 0.4; }

.hero-sostenibilidad-es__texto__title__text {
  font-family: 'Flame-Regular';
  font-size: 48px;
  font-weight: 400;
  line-height: 50px; }
  @media (min-width: 600px) {
    .hero-sostenibilidad-es__texto__title__text {
      font-size: 72px;
      font-weight: 400;
      line-height: 72px; } }

.hero-sostenibilidad-es__texto__description__text {
  font-family: 'Flame-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 23px; }
  @media (min-width: 600px) {
    .hero-sostenibilidad-es__texto__description__text {
      font-size: 22px;
      font-weight: 400;
      line-height: 28px; } }

.hero-sostenibilidad-es__flecha .arrow-down {
  justify-content: center;
  margin: 20px auto; }
  .hero-sostenibilidad-es__flecha .arrow-down__icon {
    border-radius: 40px;
    background-color: orange; }
    .hero-sostenibilidad-es__flecha .arrow-down__icon__bg {
      background-color: #ffffff; }
  @media (min-width: 600px) {
    .hero-sostenibilidad-es__flecha .arrow-down {
      margin-top: 10px; } }

.sostenibilidad-principal-menu {
  z-index: 999; }
  .sostenibilidad-principal-menu .menu .menu-tabs .item-menu {
    font-family: 'Flame-Sans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; }
    @media (min-width: 600px) {
      .sostenibilidad-principal-menu .menu .menu-tabs .item-menu {
        font-size: 20px;
        font-weight: 400;
        line-height: 20px; } }
  .sostenibilidad-principal-menu .menu .menu-tabs .active .item-menu {
    font-family: 'Flame-Regular'; }
  .sostenibilidad-principal-menu .menu .menu-tabs__tab-emisiones-dsk {
    min-height: 50px;
    align-content: center;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }
  .sostenibilidad-principal-menu .menu .menu-tabs__tab-economia-dsk {
    min-height: 50px;
    align-content: center;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }
  .sostenibilidad-principal-menu .menu .menu-tabs__tab-cuidado-dsk {
    min-height: 50px;
    align-content: center;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }

.section-emisiones {
  position: relative;
  margin-bottom: -10px;
  background: url(../../assets/sostenibilidad-bk/emisiones-bottom.png) no-repeat bottom;
  background-size: 100% auto; }
  .section-emisiones__arrow {
    text-align: right;
    max-height: 112px;
    margin-right: 80px;
    margin-bottom: 20px; }
    @media (min-width: 600px) {
      .section-emisiones__arrow {
        display: none; } }
  .section-emisiones__onion {
    position: absolute;
    z-index: 100;
    bottom: -2%;
    left: -22%; }
    .section-emisiones__onion img {
      max-height: 195px; }
    @media (min-width: 600px) {
      .section-emisiones__onion {
        bottom: -7%;
        left: -8%; }
        .section-emisiones__onion img {
          max-height: 405px; } }
  .section-emisiones__title__text {
    font-family: 'Flame-Regular';
    font-size: 36px;
    font-weight: 400;
    line-height: 44px; }
    @media (min-width: 600px) {
      .section-emisiones__title__text {
        font-size: 64px;
        line-height: 56px; } }
  .section-emisiones__description__text {
    font-family: 'Flame-Sans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; }
    @media (min-width: 600px) {
      .section-emisiones__description__text {
        font-size: 22px;
        line-height: 28px; } }
  .section-emisiones__subtitle__text {
    font-family: 'Flame-Regular';
    font-size: 28px;
    font-weight: 400;
    line-height: 32px; }
    @media (min-width: 600px) {
      .section-emisiones__subtitle__text {
        font-size: 48px;
        line-height: 52px; } }
  @media (max-width: 600px) {
    .section-emisiones__card {
      padding-bottom: 100px; } }
  .section-emisiones__card__image.card-energia {
    background: url(../../assets/sostenibilidad-bk/energia-renovable-es.jpg) no-repeat;
    background-size: cover;
    background-position: center; }
  .section-emisiones__card__image.card-eficiencia {
    background: url(../../assets/sostenibilidad-bk/eficiencia-energetica-es.png) no-repeat;
    background-size: cover;
    background-position: center; }
  .section-emisiones__card__image.card-movilidad {
    background: url(../../assets/sostenibilidad-bk/movilidad-sostenible-es.jpg) no-repeat;
    background-size: cover;
    background-position: center; }
  .section-emisiones__card__title {
    padding-top: 20px;
    padding-bottom: 20px; }
    .section-emisiones__card__title__text {
      font-family: 'Flame-Regular';
      font-size: 36px;
      font-weight: 400;
      line-height: 43px; }
  .section-emisiones__card__description__text {
    font-family: 'Flame-Sans-Regular';
    font-size: 18px;
    font-weight: 400;
    line-height: 23px; }
  .section-emisiones__restaurante {
    position: relative; }
    .section-emisiones__restaurante__circle {
      position: absolute;
      width: 82px;
      height: 82px;
      border: 5px #198737 solid;
      border-radius: 50%;
      animation: circle-restaurante 2s linear infinite; }
      .section-emisiones__restaurante__circle.circle-1 {
        top: 27%;
        left: 59%; }
      .section-emisiones__restaurante__circle.circle-2 {
        top: 67%;
        left: 16%; }
      .section-emisiones__restaurante__circle.circle-3 {
        left: 22%;
        top: 60%; }
      .section-emisiones__restaurante__circle.circle-4 {
        top: 9%;
        left: 62%; }
      .section-emisiones__restaurante__circle.circle-5 {
        top: 62%;
        left: 62%; }
      .section-emisiones__restaurante__circle.circle-6 {
        top: 58%;
        left: 40%; }
  .section-emisiones__cards-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px; }
    @media (min-width: 600px) {
      .section-emisiones__cards-container {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none; } }
    @media (min-width: 600px) {
      .section-emisiones__cards-container .card-restaurante__title {
        font-family: 'Flame-Regular';
        font-size: 36px;
        font-weight: 400;
        line-height: 43px; }
      .section-emisiones__cards-container .card-restaurante__subtitle {
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #1f1f1f; } }
    @media (min-width: 600px) {
      .section-emisiones__cards-container .card-restaurante-1 {
        position: absolute;
        right: 100px;
        top: 1100px;
        z-index: 900; } }
    @media (min-width: 600px) {
      .section-emisiones__cards-container .card-restaurante-2 {
        position: absolute;
        left: 50px;
        top: 1300px;
        z-index: 900; } }
    @media (min-width: 600px) {
      .section-emisiones__cards-container .card-restaurante-3 {
        position: absolute;
        left: 160px;
        top: 1200px;
        z-index: 900; } }
    @media (min-width: 600px) {
      .section-emisiones__cards-container .card-restaurante-4 {
        position: absolute;
        right: 20px;
        top: 1100px;
        z-index: 900; } }
    @media (min-width: 600px) {
      .section-emisiones__cards-container .card-restaurante-5 {
        position: absolute;
        right: 60px;
        top: 1300px;
        z-index: 900; } }
    @media (min-width: 600px) {
      .section-emisiones__cards-container .card-restaurante-6 {
        position: absolute;
        left: 300px;
        top: 1150px;
        z-index: 900; } }
  .section-emisiones .swiper-sostenibilidad {
    padding-bottom: 100px; }
  .section-emisiones .swiper-container-sostenibilidad {
    width: 80%; }
    @media (min-width: 600px) {
      .section-emisiones .swiper-container-sostenibilidad {
        display: none; } }
    .section-emisiones .swiper-container-sostenibilidad .swiper-wrapper .swiper-slide .card {
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      padding: 20px;
      text-align: center;
      align-items: center;
      height: 490px; }
      .section-emisiones .swiper-container-sostenibilidad .swiper-wrapper .swiper-slide .card__title {
        font-family: 'Flame-Regular';
        font-size: 28px;
        font-weight: 400;
        line-height: 34px;
        color: #337c32;
        margin: 20px 0 10px; }
        .section-emisiones .swiper-container-sostenibilidad .swiper-wrapper .swiper-slide .card__title__text {
          font-family: 'Flame-Sans-Regular';
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; }
    .section-emisiones .swiper-container-sostenibilidad .swiper-pagination-sostenibilidad {
      padding-bottom: 100px; }
  .section-emisiones .slider .card {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    align-items: center;
    height: 490px; }
    .section-emisiones .slider .card img {
      padding-top: 20px;
      text-align: center;
      width: 60%; }
    .section-emisiones .slider .card__title {
      font-family: 'Flame-Regular';
      font-size: 28px;
      font-weight: 400;
      line-height: 34px; }
      .section-emisiones .slider .card__title__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; }
  .section-emisiones .card img {
    max-width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0; }
  .section-emisiones .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #70462b4d;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease; }
  .section-emisiones .dot.active {
    background-color: #ffaa00;
    border-bottom: none !important; }

.section-economia {
  position: relative;
  padding-top: 100px;
  margin-bottom: -10px;
  padding-bottom: 100px;
  background-color: #502314 !important;
  background: url(../../assets/sostenibilidad-bk/economia-bottom.png) no-repeat bottom;
  background-size: 100% auto; }
  @media (min-width: 600px) {
    .section-economia {
      padding-top: 200px; } }
  @media (min-width: 600px) {
    .section-economia {
      padding-bottom: 200px; } }
  .section-economia__card-container {
    padding: 0 10px !important;
    margin-top: 30px;
    margin-bottom: 30px;
    perspective: 1000px;
    overflow: hidden; }
    .section-economia__card-container__card {
      padding: 0 !important;
      position: relative !important;
      height: 463px !important;
      width: 343px !important; }
      @media (min-width: 600px) {
        .section-economia__card-container__card {
          width: 368px !important; } }
      .section-economia__card-container__card__title {
        padding-top: 100px;
        font-family: 'Flame-Regular';
        font-size: 40px;
        font-weight: 400;
        line-height: 48px; }
        @media (min-width: 600px) {
          .section-economia__card-container__card__title {
            font-size: 48px;
            font-weight: 400;
            line-height: 58px; } }
      .section-economia__card-container__card__description {
        padding-top: 10px;
        padding-right: 30px;
        padding-left: 30px; }
        .section-economia__card-container__card__description__text {
          font-family: 'Flame-Regular';
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; }
        .section-economia__card-container__card__description .onion-bullets {
          list-style-image: url("../../assets/sostenibilidad-bk/bullet-es.png"); }
      .section-economia__card-container__card__image {
        position: absolute;
        bottom: 15px;
        width: 100%; }
      .section-economia__card-container__card .card-proveedores {
        padding: 0 !important;
        height: 100%;
        background: url(../../assets/sostenibilidad-bk/proveedores-es.png) no-repeat;
        background-size: cover;
        background-position: center; }
      .section-economia__card-container__card .card-gestion {
        padding: 0 !important;
        height: 100%;
        background: url(../../assets/sostenibilidad-bk/gestion-es.png) no-repeat;
        background-size: cover;
        background-position: center; }
      .section-economia__card-container__card .card-ecodiseno {
        padding: 0 !important;
        height: 100%;
        background: url(../../assets/sostenibilidad-bk/ecodiseno-es.png) no-repeat;
        background-size: cover;
        background-position: center; }
  .section-economia__tomato {
    position: absolute;
    bottom: -5%;
    right: -30%; }
    .section-economia__tomato img {
      max-height: 205px; }
    @media (min-width: 600px) {
      .section-economia__tomato {
        bottom: -19%;
        right: -12%; }
        .section-economia__tomato img {
          max-height: 451px; } }
  @media (max-width: 600px) {
    .section-economia__title {
      padding-left: 30px !important;
      padding-right: 30px !important; } }
  .section-economia__title__text {
    font-family: 'Flame-Regular';
    font-size: 36px;
    font-weight: 400;
    line-height: 44px; }
    @media (min-width: 600px) {
      .section-economia__title__text {
        font-size: 64px;
        line-height: 77px; } }
  @media (min-width: 600px) {
    .section-economia__description {
      padding-top: 30px; } }
  @media (max-width: 600px) {
    .section-economia__description {
      padding-left: 30px !important;
      padding-right: 30px !important; } }
  .section-economia__description__text {
    font-family: 'Flame-Sans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 28px; }
    @media (min-width: 600px) {
      .section-economia__description__text {
        font-size: 22px;
        line-height: 28px; } }
  .section-economia__card {
    height: 463px;
    position: relative; }
    .section-economia__card .card-proveedores {
      height: 100%;
      background: url(../../assets/sostenibilidad-bk/proveedores-es.png) no-repeat;
      background-size: cover;
      background-position: center; }
    .section-economia__card .card-gestion {
      height: 100%;
      background: url(../../assets/sostenibilidad-bk/gestion-es.png) no-repeat;
      background-size: cover;
      background-position: center; }
    .section-economia__card .card-ecodiseno {
      height: 100%;
      background: url(../../assets/sostenibilidad-bk/ecodiseno-es.png) no-repeat;
      background-size: cover;
      background-position: center; }
    .section-economia__card__title__text {
      font-family: 'Flame-Regular';
      font-size: 48px;
      font-weight: 400;
      line-height: 58px; }
    .section-economia__card__description {
      padding-top: 10px; }
      .section-economia__card__description__text {
        font-family: 'Flame-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; }
      .section-economia__card__description .onion-bullets {
        list-style-image: url("../../assets/sostenibilidad-bk/bullet-es.png"); }
    .section-economia__card__image {
      position: absolute;
      bottom: 0; }
      .section-economia__card__image img {
        width: 100%; }
  .section-economia__overtext {
    font-family: 'Flame-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; }
  .section-economia__overimage {
    width: 45px !important;
    max-width: 45px !important;
    position: relative;
    left: 120px;
    top: -20px; }

.section-cuidado {
  padding: 200px 30px 100px 30px; }
  .section-cuidado__title {
    padding-bottom: 20px; }
    .section-cuidado__title__text {
      font-family: 'Flame-Regular';
      font-size: 36px;
      font-weight: 400;
      line-height: 44px; }
      @media (min-width: 600px) {
        .section-cuidado__title__text {
          font-size: 64px;
          line-height: 77px; } }
  .section-cuidado__description {
    padding-bottom: 80px; }
    .section-cuidado__description a.cuidado-link {
      color: #d62300; }
    .section-cuidado__description__text {
      font-family: 'Flame-Sans-Regular';
      font-size: 16px;
      font-weight: 400;
      line-height: 28px; }
      @media (min-width: 600px) {
        .section-cuidado__description__text {
          font-size: 22px;
          line-height: 28px; } }
  .section-cuidado__card {
    height: 450px; }
    .section-cuidado__card__image {
      text-align: center; }
    .section-cuidado__card__title {
      padding: 30px 0; }
      .section-cuidado__card__title__text {
        font-family: 'Flame-Regular';
        font-size: 22px;
        font-weight: 400;
        line-height: 23px; }
    .section-cuidado__card__description {
      padding-left: 20px;
      padding-right: 20px; }
      .section-cuidado__card__description a.reforestacion-link {
        color: #502314; }
      .section-cuidado__card__description__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 20px; }

.wrapper-sostenibilidad-es {
  width: 100%;
  max-width: 1218px; }

.underline-restaurant {
  background: url(../../assets/sostenibilidad-bk/underline-work.svg) no-repeat;
  background-position: 0em 1.06em;
  background-size: contain;
  height: 1.5em;
  display: inline-block; }

.square {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center; }

.content {
  padding: 16px; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%; }

.sticky + .content {
  padding-top: 60px; }

.shadow {
  box-shadow: 0px 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box; }

.swiper-pagination-bullet-active {
  background-color: #ffaa00 !important; }

.dsk {
  display: none; }
  @media (min-width: 992px) {
    .dsk {
      display: block; } }

.front,
.back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transition: transform 1s ease, opacity 1s ease; }

.back {
  opacity: 0; }

.section-economia__card-container__card:hover .front,
.section-economia__card-container__card.clicked .front {
  opacity: 0; }
  .section-economia__card-container__card:hover .front img,
  .section-economia__card-container__card.clicked .front img {
    transform: translateY(100%); }

.section-economia__card-container__card:hover .back,
.section-economia__card-container__card.clicked .back {
  opacity: 1; }
  .section-economia__card-container__card:hover .back img,
  .section-economia__card-container__card.clicked .back img {
    transform: rotateY(0); }

@media (max-width: 768px) {
  .section-economia__card-container__card {
    cursor: pointer; } }

.title-back {
  padding-top: 10px !important; }

.work-us {
  background-color: #ffffff;
  padding: 60px 0 0 0;
  display: grid;
  padding-bottom: 80px; }
  .work-us-width {
    width: 100vw; }
  .work-us__header {
    overflow: hidden;
    padding-top: 60px;
    z-index: 2; }
    .work-us__header .wrapper {
      transform: translateY(0);
      opacity: 1;
      transition: 0.6s all ease; }
      .work-us__header .wrapper.is-inactive {
        opacity: 0;
        transform: translateY(50px); }
    .work-us__header__chicken {
      width: 20%;
      height: 10%;
      position: relative; }
      .work-us__header__chicken-left {
        float: left;
        top: 0%;
        height: 150px;
        width: auto;
        position: absolute;
        transform: rotate(0deg); }
        @media (min-width: 600px) {
          .work-us__header__chicken-left {
            top: 5%; } }
        @media (min-width: 992px) {
          .work-us__header__chicken-left {
            height: 300px;
            top: 0; } }
      .work-us__header__chicken-right {
        float: right;
        top: 20%;
        height: 150px;
        width: auto;
        position: relative;
        transform: rotate(0deg); }
        @media (min-width: 600px) {
          .work-us__header__chicken-right {
            top: -100%; } }
        @media (min-width: 992px) {
          .work-us__header__chicken-right {
            height: 300px;
            position: absolute;
            top: 20%;
            right: 0; } }
    .work-us__header__containerText {
      display: inline-block; }
      @media (min-width: 600px) {
        .work-us__header__containerText {
          height: 300px; } }
      @media (min-width: 992px) {
        .work-us__header__containerText {
          display: block; } }
      .work-us__header__containerText--title {
        font-size: 37px;
        text-align: center;
        line-height: 44px;
        margin-bottom: 20px; }
        @media (min-width: 992px) {
          .work-us__header__containerText--title {
            font-size: 72px;
            line-height: 86px; } }
      .work-us__header__containerText--popeyes {
        width: 50%; }
        @media (min-width: 992px) {
          .work-us__header__containerText--popeyes {
            width: 23%; } }
      .work-us__header__containerText--text {
        text-align: center;
        line-height: 24px;
        font-size: 18px; }
        @media (min-width: 600px) {
          .work-us__header__containerText--text {
            margin-bottom: 50px; } }
        @media (min-width: 992px) {
          .work-us__header__containerText--text {
            line-height: 32px;
            font-size: 24px;
            width: 50%;
            margin: auto;
            padding-bottom: 5%; } }
    .work-us__header__cards {
      position: relative;
      top: -8%; }
      @media (min-width: 600px) {
        .work-us__header__cards {
          display: flex;
          top: 0; } }
      @media (min-width: 992px) {
        .work-us__header__cards {
          margin-top: 5%; } }
      .work-us__header__cards--card {
        -webkit-box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.2);
        background-color: white;
        margin-bottom: 30px;
        border-radius: 10px; }
        @media (min-width: 600px) {
          .work-us__header__cards--card {
            margin-bottom: 30px;
            height: 57%;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px; } }
        @media (min-width: 600px) {
          .work-us__header__cards--card:first-of-type {
            margin-right: 20px; } }
        .work-us__header__cards--card:last-of-type {
          margin-bottom: 0px; }
        .work-us__header__cards--card .wrapper {
          padding-bottom: 10px; }
        .work-us__header__cards--card img {
          border-top-left-radius: 10px;
          border-top-right-radius: 10px; }
        .work-us__header__cards--card-cardTitle {
          font-size: 36px;
          line-height: 43px;
          text-align: center;
          margin: 20px 0 20px 0; }
          @media (min-width: 992px) {
            .work-us__header__cards--card-cardTitle {
              font-size: 48px;
              line-height: 58px; } }
        .work-us__header__cards--card-cardText {
          font-size: 16px;
          line-height: 20px;
          text-align: center;
          font-weight: bold; }
          @media (min-width: 992px) {
            .work-us__header__cards--card-cardText {
              font-size: 18px;
              line-height: 22px; } }
        .work-us__header__cards--card-cardButton {
          text-align: center;
          border-radius: 50px;
          margin: 20px 0 20px 0; }
          @media (min-width: 992px) {
            .work-us__header__cards--card-cardButton {
              width: 50%;
              margin: auto;
              margin-top: 25px;
              margin-bottom: 40px; } }
          .work-us__header__cards--card-cardButton a {
            text-decoration: none;
            color: white;
            padding: 10px 0 10px 0;
            display: block; }
  .work-us__teams {
    z-index: 1; }
    .work-us__teams--banner-orange-top {
      position: relative;
      top: 5%; }
    .work-us__teams--banner-orange-bottom {
      position: relative;
      top: -14%; }
  .work-us__join {
    position: relative;
    top: 0; }
    @media (min-width: 992px) {
      .work-us__join {
        top: -80px; } }
    .work-us__join--ca .work-us__join--title .work-us__join--lineJuicy {
      position: absolute;
      width: 146px;
      right: 3px;
      bottom: 9px; }
      @media (min-width: 992px) {
        .work-us__join--ca .work-us__join--title .work-us__join--lineJuicy {
          width: 250px;
          right: 8px;
          bottom: -16px; } }
    .work-us__join--eu .work-us__join--title .work-us__join--lineJuicy {
      position: absolute;
      width: 136px;
      right: 3px;
      bottom: 9px; }
      @media (min-width: 992px) {
        .work-us__join--eu .work-us__join--title .work-us__join--lineJuicy {
          width: 250px;
          right: 8px;
          bottom: -16px; } }
    .work-us__join--gl .work-us__join--title .work-us__join--lineJuicy {
      position: absolute;
      width: 124px;
      right: 3px;
      bottom: 9px; }
      @media (min-width: 992px) {
        .work-us__join--gl .work-us__join--title .work-us__join--lineJuicy {
          width: 210px;
          right: 8px;
          bottom: -16px; } }
    .work-us__join .wrapper {
      transform: translateY(0);
      opacity: 1;
      transition: 0.6s all ease; }
      .work-us__join .wrapper.is-inactive {
        opacity: 0;
        transform: translateY(50px); }
    .work-us__join--title {
      position: relative;
      width: fit-content;
      margin: 0 auto;
      font-size: 36px;
      line-height: 72px;
      text-align: center;
      margin-bottom: 30px; }
      @media (min-width: 992px) {
        .work-us__join--title {
          font-size: 64px;
          line-height: 72px; } }
      .work-us__join--title .work-us__join--accentJuicy {
        position: absolute;
        width: 30px;
        right: -20px;
        top: 12px; }
        @media (min-width: 992px) {
          .work-us__join--title .work-us__join--accentJuicy {
            width: 80px;
            right: -50px;
            top: -26px; } }
      .work-us__join--title .work-us__join--lineJuicy {
        position: absolute;
        width: 130px;
        right: -2px;
        bottom: 9px; }
        @media (min-width: 992px) {
          .work-us__join--title .work-us__join--lineJuicy {
            width: 210px;
            right: 8px;
            bottom: -10px; } }
    @media (min-width: 600px) {
      .work-us__join__values {
        display: flex;
        flex-wrap: wrap; } }
    .work-us__join__values__value {
      margin-bottom: 80px; }
      @media (min-width: 600px) {
        .work-us__join__values__value {
          flex: 40%;
          margin-bottom: 20px; } }
      @media (min-width: 992px) {
        .work-us__join__values__value {
          flex: 1;
          margin-top: 50px; } }
      @media (min-width: 600px) {
        .work-us__join__values__value:nth-child(-n + 3) {
          margin-right: 20px; } }
      .work-us__join__values__value--title {
        font-size: 34px;
        line-height: 40px;
        margin: 30px 0 20px 0; }
      .work-us__join__values__value--text {
        font-size: 16px;
        line-height: 23px;
        font-weight: bold; }
  .work-us__our-team {
    background-image: url("../assets/img/work-us-our-team-mobile.jpeg");
    background-position: center top;
    background-size: cover;
    height: 70%; }
    .work-us__our-team .wrapper {
      height: unset; }
    @media (min-width: 600px) {
      .work-us__our-team {
        top: 60px; } }
    @media (min-width: 992px) {
      .work-us__our-team {
        background-image: url("../assets/img/work-us-our-team-desktop.jpeg");
        background-size: contain;
        background-repeat: no-repeat;
        height: 100%;
        top: 0; } }
    .work-us__our-team--title {
      font-size: 48px;
      line-height: 48px;
      text-align: center;
      margin-top: 50%; }
      @media (min-width: 992px) {
        .work-us__our-team--title {
          font-size: 72px;
          line-height: 64px;
          text-align: left;
          margin-top: 15%; } }
    .work-us__our-team--text {
      font-size: 24px;
      line-height: 29px;
      text-align: center;
      margin: 0 auto;
      margin-bottom: 50%;
      margin-top: 30px;
      max-width: 563px; }
      @media (min-width: 992px) {
        .work-us__our-team--text {
          font-size: 32px;
          line-height: 40px;
          text-align: left;
          margin-bottom: 0;
          margin-left: 0; } }
    .work-us__our-team--carousel__slides {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      height: 100%;
      transition: transform 0.5s ease-in-out;
      width: 90%; }
      .work-us__our-team--carousel__slides--container {
        flex: 100%;
        height: 100%; }
      .work-us__our-team--carousel__slides--slide {
        background-color: white;
        border-radius: 10px;
        padding: 20px;
        height: 92%; }
        .work-us__our-team--carousel__slides--slide-cabecera {
          display: flex;
          align-items: center; }
          .work-us__our-team--carousel__slides--slide-cabecera img {
            width: 30%;
            padding-right: 30px; }
            @media (min-width: 600px) {
              .work-us__our-team--carousel__slides--slide-cabecera img {
                padding-right: 24px; } }
          .work-us__our-team--carousel__slides--slide-cabecera-title {
            font-size: 24px;
            line-height: 28px;
            margin-bottom: 5px; }
          .work-us__our-team--carousel__slides--slide-cabecera-subtitle {
            font-size: 16px;
            color: #939393; }
        .work-us__our-team--carousel__slides--slide-content img {
          position: relative;
          width: 20%;
          top: 30px; }
        .work-us__our-team--carousel__slides--slide-content p {
          padding: 10px 20px 20px 20px;
          line-height: 24px; }
    .work-us__our-team .carousel {
      position: relative;
      padding-top: 75%;
      perspective: 100px;
      top: -15%;
      height: 55%;
      display: none; }
      @media (min-width: 600px) {
        .work-us__our-team .carousel {
          height: 25%; } }
      @media (min-width: 992px) {
        .work-us__our-team .carousel {
          display: block;
          height: auto;
          padding-top: 60px;
          top: unset; } }
      .work-us__our-team .carousel ol,
      .work-us__our-team .carousel li {
        list-style: none;
        margin: 0;
        padding: 0; }
      .work-us__our-team .carousel .carousel__viewport {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px 25px;
        overflow-x: hidden;
        counter-reset: item;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        filter: drop-shadow(0 0 10px #0003); }
        @media (min-width: 992px) {
          .work-us__our-team .carousel .carousel__viewport {
            position: relative;
            overflow-x: hidden; } }
      .work-us__our-team .carousel .carousel__slide {
        position: relative;
        flex: 0 0 100%;
        width: 100%; }
        @media (min-width: 992px) {
          .work-us__our-team .carousel .carousel__slide {
            flex: auto;
            margin-right: 20px; } }
      .work-us__our-team .carousel .carousel__navigation {
        position: absolute;
        right: 0;
        bottom: -30px;
        left: 0;
        text-align: center; }
        @media (min-width: 600px) {
          .work-us__our-team .carousel .carousel__navigation {
            bottom: 30px; } }
        @media (min-width: 992px) {
          .work-us__our-team .carousel .carousel__navigation {
            display: none; } }
        .work-us__our-team .carousel .carousel__navigation .carousel__navigation-list {
          display: inline-block; }
          .work-us__our-team .carousel .carousel__navigation .carousel__navigation-list .carousel__navigation-item {
            display: inline-block; }
            .work-us__our-team .carousel .carousel__navigation .carousel__navigation-list .carousel__navigation-item .carousel__navigation-button {
              display: inline-block;
              width: 15px;
              height: 15px;
              background-color: #c6d2d9;
              background-clip: content-box;
              border: 0.25rem solid transparent;
              border-radius: 50%;
              font-size: 0;
              transition: transform 0.1s; }
              .work-us__our-team .carousel .carousel__navigation .carousel__navigation-list .carousel__navigation-item .carousel__navigation-button.active {
                background-color: #f25600; }

.main.swiper {
  margin-top: -34%; }
  @media (min-width: 992px) {
    .main.swiper {
      display: none; } }
  .main.swiper .container {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto; }
    .main.swiper .container .swiper-container .swiper-wrapper {
      position: relative;
      height: 680px;
      padding-bottom: 60px; }
      .main.swiper .container .swiper-container .swiper-wrapper .swiper-slide {
        -webkit-box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        height: 100%; }
        .main.swiper .container .swiper-container .swiper-wrapper .swiper-slide .card-image {
          background: #ffffff;
          border: none;
          outline: none;
          border-radius: 2px; }
          .main.swiper .container .swiper-container .swiper-wrapper .swiper-slide .card-image img {
            display: block;
            position: relative;
            left: 0;
            bottom: 0;
            width: 100%;
            height: auto;
            object-fit: cover; }
    .main.swiper .container .swiper-container .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      background-color: #c6d2d9;
      background-clip: content-box;
      border: 0.25rem solid transparent;
      border-radius: 50%;
      font-size: 0;
      transition: transform 0.1s;
      opacity: 1; }
      .main.swiper .container .swiper-container .swiper-pagination-bullet-active {
        background-color: #f25600; }

.hero-bk {
  padding-top: 20px;
  overflow: hidden; }
  @media (min-width: 992px) {
    .hero-bk {
      padding-top: unset; } }
  .hero-bk .c-anim {
    position: absolute;
    width: 100%;
    top: 0; }
    .hero-bk .c-anim.c-anim-mobile {
      top: 20px; }
      @media (min-width: 992px) {
        .hero-bk .c-anim.c-anim-mobile {
          display: none; } }
  @media (min-width: 992px) {
    .hero-bk .wrapper-brand {
      padding-top: 48px; } }
  .hero-bk .wrapper-desktop {
    display: none; }
    @media (min-width: 992px) {
      .hero-bk .wrapper-desktop {
        display: block; } }
    .hero-bk .wrapper-desktop .c-anim--3 {
      left: -44px;
      max-width: 615px; }
    .hero-bk .wrapper-desktop__text {
      max-width: 424px;
      padding-top: 330px;
      position: absolute;
      width: 0;
      overflow: hidden; }
      .hero-bk .wrapper-desktop__text p {
        width: 424px; }
  .hero-bk__brands {
    align-items: center;
    justify-content: space-between;
    max-width: 328px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .hero-bk__brands {
        margin: unset;
        position: absolute;
        max-width: 475px;
        width: 475px; } }
    .hero-bk__brands .brand-mc-laren {
      max-width: 114px; }
      @media (min-width: 992px) {
        .hero-bk__brands .brand-mc-laren {
          max-width: 170px; } }
    .hero-bk__brands .brand-cocacola {
      max-width: 93px; }
      @media (min-width: 992px) {
        .hero-bk__brands .brand-cocacola {
          max-width: 139px; } }
    .hero-bk__brands .brand-bk {
      max-width: 48px; }
      @media (min-width: 992px) {
        .hero-bk__brands .brand-bk {
          max-width: 63px; } }
    .hero-bk__brands .line {
      height: 40px;
      width: 1px;
      background-color: #FFFFFF;
      position: relative;
      top: 0; }
  .hero-bk .c-anim--4 {
    display: none;
    right: 0;
    top: 60px;
    width: 41%;
    max-width: 560px; }
    @media (min-width: 992px) {
      .hero-bk .c-anim--4 {
        display: block; } }
  .hero-bk__animated-mbl {
    position: absolute;
    top: 66vw;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0; }
    @media (min-width: 992px) {
      .hero-bk__animated-mbl {
        position: absolute;
        top: 6vh;
        width: 46vw;
        max-width: 760px;
        right: 6vw;
        left: unset;
        z-index: 100; } }
    @media (min-width: 1900px) {
      .hero-bk__animated-mbl {
        right: 12vw; } }
    .hero-bk__animated-mbl img {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      transform: scale(0);
      opacity: 0; }
  .hero-bk__street-mobile {
    padding-top: 104vw; }
    @media (min-width: 992px) {
      .hero-bk__street-mobile {
        display: none; } }
    .hero-bk__street-mobile img {
      object-fit: cover;
      width: 100%; }
    .hero-bk__street-mobile .wrapper {
      position: absolute;
      bottom: 15vw;
      z-index: 10;
      height: fit-content;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin: 0; }
    .hero-bk__street-mobile__text {
      text-align: center;
      max-width: 332px;
      margin: auto 16px; }
  .hero-bk__street-desktop {
    display: none; }
    @media (min-width: 992px) {
      .hero-bk__street-desktop {
        display: block;
        position: relative;
        top: -48px; } }
    .hero-bk__street-desktop img {
      object-fit: cover;
      width: 100%;
      height: 100vh; }
      @media (min-width: 992px) {
        .hero-bk__street-desktop img {
          max-height: 620px; } }
      @media (min-width: 1280px) {
        .hero-bk__street-desktop img {
          max-height: 780px; } }

.mecanica {
  margin-top: -5px; }
  @media (min-width: 992px) {
    .mecanica {
      margin-top: -52px; } }
  .mecanica .wrapper {
    transform: translateY(0);
    opacity: 1;
    transition: .6s all ease; }
    .mecanica .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(50px); }
  .mecanica .flex {
    flex-direction: column; }
    @media (min-width: 992px) {
      .mecanica .flex {
        flex-direction: row;
        justify-content: space-between;
        align-items: unset; } }
  .mecanica__step {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .mecanica__step.mecanica__step-2, .mecanica__step.mecanica__step-3 {
      padding-top: 40px; }
      @media (min-width: 992px) {
        .mecanica__step.mecanica__step-2, .mecanica__step.mecanica__step-3 {
          padding-top: 0; } }
    .mecanica__step__img {
      max-width: 80px; }
    .mecanica__step__text {
      font-size: 24px;
      line-height: 32px;
      text-align: center;
      max-width: 328px; }

.menus .wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: .6s all ease; }
  .menus .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(50px); }

.menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 992px) {
    .menus .menu {
      flex-direction: row;
      justify-content: space-between;
      gap: 50px; } }
  .menus .menu__img {
    max-width: 328px; }
    @media (min-width: 992px) {
      .menus .menu__img {
        max-width: 536px; } }
  .menus .menu__content__text {
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    max-width: 328px;
    padding-top: 30px; }
    @media (min-width: 992px) {
      .menus .menu__content__text {
        text-align: left;
        font-size: 16px;
        line-height: 24px;
        max-width: 424px; } }
  .menus .menu__content__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 44px; }
    @media (min-width: 992px) {
      .menus .menu__content__btn {
        justify-content: left; } }

.premios .flex {
  flex-direction: column;
  align-items: center; }
  @media (min-width: 992px) {
    .premios .flex {
      flex-direction: row-reverse;
      justify-content: space-between; } }

.premios .wrapper, .premios .premios__lines-red-mbl {
  transform: translateY(0);
  opacity: 1;
  transition: .6s all ease; }

.premios.is-inactive .wrapper, .premios.is-inactive .premios__lines-red-mbl {
  opacity: 0;
  transform: translateY(50px); }

.premios__lines-red-mbl {
  position: absolute;
  top: 0;
  width: 100vw; }
  @media (min-width: 992px) {
    .premios__lines-red-mbl {
      display: none; } }
  .premios__lines-red-mbl img {
    width: 100%;
    height: 728px;
    max-height: 600px; }

.premios__lines-red-dsk {
  display: none;
  position: absolute;
  top: -100px;
  right: -170px;
  z-index: -1; }
  @media (min-width: 992px) {
    .premios__lines-red-dsk {
      display: block; } }
  .premios__lines-red-dsk img {
    height: 780px; }

.premios__img {
  max-width: 340px; }
  @media (min-width: 992px) {
    .premios__img {
      max-width: 450px; } }

.premios__content {
  padding-top: 62px; }
  .premios__content__premio {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 326px; }
    @media (min-width: 992px) {
      .premios__content__premio {
        max-width: 540px;
        flex-direction: row;
        text-align: left;
        gap: 28px; } }
    .premios__content__premio-2, .premios__content__premio-3 {
      padding-top: 40px; }
    .premios__content__premio__img {
      max-width: 80px; }
    .premios__content__premio__title {
      font-size: 40px;
      line-height: 48px;
      padding-top: 16px; }
    .premios__content__premio__subtitle {
      font-size: 16px;
      line-height: 24px;
      padding-top: 16px; }
  .premios__content__btn {
    padding-top: 44px; }
    @media (min-width: 992px) {
      .premios__content__btn {
        display: flex;
        align-items: center;
        justify-content: center; } }

.faqs .wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: .6s all ease; }
  .faqs .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(50px); }

.faqs__title {
  font-size: 24px;
  line-height: 32px; }
  @media (min-width: 992px) {
    .faqs__title {
      font-size: 40px;
      line-height: 48px; } }

.faqs__content {
  padding-top: 12px; }
  @media (min-width: 992px) {
    .faqs__content {
      padding-top: 36px; } }
  .faqs__content__faq {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #24232F;
    padding: 16px 0;
    padding-bottom: 6px;
    padding-right: 20px;
    cursor: pointer; }
    .faqs__content__faq.open .answer {
      max-height: 250px; }
      @media (min-width: 992px) {
        .faqs__content__faq.open .answer {
          max-height: 100px; } }
    .faqs__content__faq.open:after {
      transform: rotateX(180deg); }
    .faqs__content__faq .answer {
      max-height: 0;
      overflow: hidden;
      padding-right: 20px;
      padding-top: 10px;
      transition: .4s all; }
    .faqs__content__faq:after {
      position: absolute;
      top: 16px;
      right: 0;
      content: url("/assets/img-bk/arrow-faqs.png");
      transition: .4s all; }

.legal .wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: .6s all ease; }
  .legal .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(50px); }

.legal .flex {
  flex-direction: column;
  align-items: center; }
  @media (min-width: 992px) {
    .legal .flex {
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: unset; } }

.legal__brands {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 328px;
  gap: 8px; }
  @media (min-width: 992px) {
    .legal__brands {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      max-width: unset;
      gap: 16px; } }
  @media (min-width: 992px) {
    .legal__brands .brand {
      max-width: 78px; } }

.legal__content {
  max-width: 328px;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 992px) {
    .legal__content {
      align-items: flex-start;
      max-width: 423px;
      padding-top: 0; } }
  .legal__content__text {
    font-size: 12px;
    line-height: 18px; }
    @media (min-width: 992px) {
      .legal__content__text {
        font-size: 16px;
        line-height: 24px; } }
  .legal__content__brand {
    max-width: 183px;
    padding-top: 24px; }
    @media (min-width: 992px) {
      .legal__content__brand {
        padding-top: 32px; } }
  .legal__content__url {
    font-size: 16px;
    line-height: 24px;
    padding-top: 24px; }
    @media (min-width: 992px) {
      .legal__content__url {
        padding-top: 32px; } }

.btn-bk {
  width: 100%;
  border: unset;
  max-width: 328px;
  line-height: 40px;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-bk:after {
    content: url("/assets/img-bk/icon-delivery.png");
    line-height: 0;
    padding-left: 16px; }

.m-scroll {
  display: flex;
  position: relative;
  height: 147px;
  margin: auto;
  overflow: hidden;
  z-index: 1; }
  .m-scroll.first {
    top: -4px; }
    @media (min-width: 992px) {
      .m-scroll.first {
        top: -52px; } }
  .m-scroll.bg-bk-beige p {
    color: #24232f; }
  .m-scroll.bg-bk-red p {
    color: #ffffff; }
  .m-scroll__title {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transform: scale(1);
    transition: all 1s ease; }
    .m-scroll__title > div {
      display: flex;
      animation: scrollText 80s infinite linear; }
    .m-scroll__title p {
      padding-left: 14px;
      font-size: 56px;
      font-family: 'TCCC-UnityHeadline-Bold'; }

@keyframes scrollText {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(-50%); } }

button {
  cursor: pointer; }

.hero-fn {
  padding-top: 16px; }
  @media (min-width: 1280px) {
    .hero-fn .wrapper {
      max-width: 898px; } }
  .hero-fn .flex {
    flex-direction: column;
    align-items: center; }
  .hero-fn__bk-logo {
    max-width: 64px; }
  .hero-fn__fn-logo {
    padding-top: 30px; }
    @media (min-width: 992px) {
      .hero-fn__fn-logo {
        padding-top: 77px; } }
  .hero-fn__txt {
    padding-top: 23px;
    font-size: 14px;
    line-height: 20px;
    text-align: center; }
    @media (min-width: 992px) {
      .hero-fn__txt {
        padding-top: 40px;
        font-size: 16px;
        line-height: 28px; } }

.video-fn {
  padding-top: 40px; }
  .video-fn__trailer {
    align-items: center;
    justify-content: center; }
    .video-fn__trailer__poster {
      position: relative;
      transform-origin: top;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: scale(0);
      width: 100%;
      min-height: 280px; }
      @media (min-width: 992px) {
        .video-fn__trailer__poster {
          transform: scale(0.4);
          max-height: unset; } }
      .video-fn__trailer__poster__bg {
        background-color: #000000;
        opacity: 0.3;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        cursor: pointer; }
      .video-fn__trailer__poster .poster-img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover; }
      .video-fn__trailer__poster iframe {
        width: 100%;
        height: 830px; }
    .video-fn__trailer .play {
      position: absolute;
      max-width: 185px;
      opacity: 0;
      cursor: pointer; }
      @media (min-width: 992px) {
        .video-fn__trailer .play {
          max-width: 208px; } }
    .video-fn__trailer .m-scroll {
      position: absolute;
      top: unset;
      bottom: 0;
      width: 100%;
      height: 36px; }
      @media (min-width: 992px) {
        .video-fn__trailer .m-scroll {
          height: 56px; } }
      .video-fn__trailer .m-scroll__title > div {
        animation: scrollText 60s infinite linear; }
      .video-fn__trailer .m-scroll__title p {
        font-size: 16px;
        line-height: 16px;
        color: #ffffff;
        font-family: 'Flame-Sans-Regular';
        padding-left: 3px; }
        @media (min-width: 992px) {
          .video-fn__trailer .m-scroll__title p {
            font-size: 24px;
            line-height: 24px; } }

.move-text {
  display: flex;
  padding-top: 48px;
  max-width: 1360px;
  overflow: hidden;
  height: 228px;
  justify-content: center; }
  @media (min-width: 992px) {
    .move-text {
      flex-direction: row;
      padding-top: 160px;
      gap: 24px;
      align-items: unset;
      justify-content: center;
      height: 562px; } }
  @media (min-width: 1280px) {
    .move-text {
      margin: auto; } }
  @media (min-width: 1390px) {
    .move-text {
      max-width: 1360px; } }
  .move-text__container {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    position: relative; }
  .move-text__text {
    text-align: center;
    font-size: 40px;
    line-height: 56px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    white-space: nowrap;
    transform: translateY(20px); }
    @media (min-width: 992px) {
      .move-text__text {
        font-size: 94px;
        line-height: 144px;
        transform: translateY(80px); } }
    @media (min-width: 1280px) {
      .move-text__text {
        font-size: 144px; } }
  .move-text__mask {
    position: relative; }
    @media (min-width: 992px) {
      .move-text__mask--mbl {
        display: none; } }
    .move-text__mask--dsk {
      display: none; }
      @media (min-width: 992px) {
        .move-text__mask--dsk {
          display: block; } }
    .move-text__mask img {
      width: 100%;
      height: 228px;
      object-fit: cover; }
      @media (min-width: 992px) {
        .move-text__mask img {
          height: 562px; } }
  .move-text__static-text {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 24px; }
    @media (min-width: 992px) {
      .move-text__static-text {
        font-size: 80px;
        line-height: 80px;
        bottom: 80px; } }

.artists__title {
  padding-top: 40px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  transform: translateY(0);
  opacity: 1;
  transition: all .6s ease; }
  @media (min-width: 992px) {
    .artists__title {
      padding-top: 120px; } }
  @media (min-width: 1280px) {
    .artists__title {
      font-size: 128px;
      line-height: 128px;
      text-align: left;
      max-width: 1360px; } }
  .artists__title.is-inactive {
    transform: translateY(100px);
    opacity: 0; }
  .artists__title--mbl {
    display: block; }
    @media (min-width: 1280px) {
      .artists__title--mbl {
        display: none; } }
  .artists__title--dsk {
    display: none; }
    @media (min-width: 1280px) {
      .artists__title--dsk {
        display: block;
        padding: 0 30px;
        padding-top: 218px; } }
  .artists__title .line-2 {
    text-align: center;
    padding-right: 170px; }
  .artists__title .line-3 {
    text-align: right; }
  .artists__title .protagonist {
    width: 136px;
    border-radius: 16px; }

.artists__artist {
  padding-top: 40px;
  transform: translateY(0);
  opacity: 1;
  transition: all .6s ease; }
  .artists__artist.is-inactive {
    transform: translateY(100px);
    opacity: 0; }
  .artists__artist.right-image .flex {
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
    gap: 30px; }
    @media (min-width: 992px) {
      .artists__artist.right-image .flex {
        flex-direction: row; } }
  .artists__artist .flex {
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 30px; }
    @media (min-width: 992px) {
      .artists__artist .flex {
        flex-direction: row; } }
  .artists__artist--01 {
    padding-top: 40px; }
    @media (min-width: 1280px) {
      .artists__artist--01 {
        padding-top: 159px; } }
  .artists__artist__img {
    max-width: 553px; }
  .artists__artist__txt {
    max-width: 553px; }
    @media (min-width: 992px) {
      .artists__artist__txt {
        max-width: 438px; } }
    .artists__artist__txt__name {
      font-size: 40px;
      line-height: 40px; }
      @media (min-width: 992px) {
        .artists__artist__txt__name {
          font-size: 56px;
          line-height: 56px; } }
    .artists__artist__txt__desc {
      padding-top: 24px;
      font-size: 14px;
      line-height: 20px; }
      @media (min-width: 992px) {
        .artists__artist__txt__desc {
          font-size: 16px;
          line-height: 28px; } }

.resume {
  display: flex;
  flex-direction: column;
  padding-top: 96px;
  gap: 12px;
  align-items: center;
  transform: translateY(0);
  opacity: 1;
  transition: all .6s ease; }
  .resume.is-inactive {
    transform: translateY(100px);
    opacity: 0; }
  @media (min-width: 992px) {
    .resume {
      flex-direction: row;
      padding-top: 160px;
      gap: 24px;
      align-items: unset; } }
  @media (min-width: 1280px) {
    .resume {
      margin: auto; } }
  @media (min-width: 1390px) {
    .resume {
      max-width: 1360px; } }
  .resume__image {
    max-width: 668px; }
    @media (min-width: 992px) {
      .resume__image--mbl {
        display: none; } }
    .resume__image--dsk {
      display: none; }
      @media (min-width: 992px) {
        .resume__image--dsk {
          display: block; } }
    .resume__image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: 24px; }
      @media (min-width: 992px) {
        .resume__image img {
          max-height: unset; } }
  .resume__text {
    max-width: 668px;
    border-radius: 24px; }
    .resume__text__content {
      padding: 24px; }
      @media (min-width: 992px) {
        .resume__text__content {
          padding: 56px; } }
      .resume__text__content__title {
        font-size: 40px;
        line-height: 40px;
        font-weight: bold; }
        @media (min-width: 992px) {
          .resume__text__content__title {
            font-size: 72px;
            line-height: 72px; } }
      .resume__text__content__subtitle {
        font-size: 14px;
        line-height: 20px;
        padding-top: 24px; }
        @media (min-width: 992px) {
          .resume__text__content__subtitle {
            padding-top: 40px;
            font-size: 24px;
            line-height: 36px; } }

.footer {
  margin-top: 40px;
  background-color: #000000;
  padding-bottom: 40px; }
  @media (min-width: 992px) {
    .footer {
      margin-top: 160px; } }
  .footer__top {
    width: 100%;
    height: 24px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px; }
    @media (min-width: 992px) {
      .footer__top {
        height: 80px; } }
  .footer__title {
    padding-top: 40px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    font-weight: bold; }
    @media (min-width: 992px) {
      .footer__title {
        padding-top: 80px;
        font-size: 40px;
        line-height: 40px; } }
  .footer__brands {
    padding-top: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 42px; }
    @media (min-width: 992px) {
      .footer__brands {
        padding-top: 48px; } }
    .footer__brands__fn {
      max-width: 84px; }
    .footer__brands__bk {
      max-width: 80px; }
  .footer__legal {
    font-size: 12px;
    line-height: 20px;
    padding-top: 40px;
    text-align: center; }
    @media (min-width: 992px) {
      .footer__legal {
        padding-top: 48px; } }

.hero-club {
  width: 100%;
  position: relative;
  height: 800px; }
  .hero-club.v2 {
    height: 710px; }
  .hero-club .wrapper > .flex {
    padding-top: 60px;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 768px) {
      .hero-club .wrapper > .flex {
        flex-direction: row;
        padding-top: 100px;
        justify-content: space-between;
        align-items: unset; } }
  @media (min-width: 768px) {
    .hero-club {
      height: 720px; } }
  .hero-club__bg-mbl {
    position: absolute;
    width: 100%;
    display: block;
    height: 800px; }
    .hero-club__bg-mbl.v2 {
      height: 710px; }
    @media (min-width: 768px) {
      .hero-club__bg-mbl {
        display: none; } }
  .hero-club__bg-dsk {
    position: absolute;
    width: 100%;
    display: none; }
    @media (min-width: 768px) {
      .hero-club__bg-dsk {
        height: 720px;
        display: block; } }
  .hero-club__text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 343px; }
    @media (min-width: 1200px) {
      .hero-club__text {
        max-width: unset; } }
    .hero-club__text .logo {
      max-width: 283px; }
      @media (min-width: 1200px) {
        .hero-club__text .logo {
          max-width: 466px; } }
    .hero-club__text__subtitle {
      font-size: 24px;
      padding-top: 30px;
      text-align: center; }
      @media (min-width: 1200px) {
        .hero-club__text__subtitle {
          font-size: 36px;
          max-width: 564px;
          padding-top: 34px;
          text-align: center; } }
  .hero-club__burger-anim .burger-phone {
    position: relative;
    height: 270px;
    right: -68px;
    top: 10px; }
    @media (min-width: 768px) {
      .hero-club__burger-anim .burger-phone {
        height: 420px; } }
    @media (min-width: 1200px) {
      .hero-club__burger-anim .burger-phone {
        height: 596px;
        margin-top: -36px;
        right: -88px; } }
  .hero-club__bubble-message .bubble-dsk {
    position: absolute;
    max-width: 210px;
    top: 300px;
    left: 0;
    right: 68px;
    margin: 0 auto;
    z-index: -1; }
    @media (min-width: 768px) {
      .hero-club__bubble-message .bubble-dsk {
        display: block;
        position: absolute;
        top: 124px;
        right: 110px;
        z-index: -1;
        left: unset;
        max-width: 252px; } }
    @media (min-width: 1200px) {
      .hero-club__bubble-message .bubble-dsk {
        top: 104px;
        right: 206px;
        max-width: 322px; } }
  .hero-club__bubble-message .bubble-mbl {
    display: none;
    position: absolute;
    max-width: 210px;
    top: 300px;
    left: 0;
    right: 68px;
    margin: 0 auto;
    z-index: -1; }
    @media (min-width: 768px) {
      .hero-club__bubble-message .bubble-mbl {
        display: none; } }
  .hero-club__points {
    position: absolute;
    width: 100%;
    bottom: 78px; }
    @media (min-width: 768px) {
      .hero-club__points {
        bottom: 78px; } }
    @media (min-width: 1200px) {
      .hero-club__points {
        bottom: 74px; } }
    .hero-club__points > .flex {
      gap: 25px;
      align-items: center;
      flex-direction: column; }
      @media (min-width: 768px) {
        .hero-club__points > .flex {
          gap: 68px;
          flex-direction: row;
          align-items: baseline;
          justify-content: center; } }
      @media (min-width: 1200px) {
        .hero-club__points > .flex {
          width: 560px;
          justify-content: center; } }
    .hero-club__points__value {
      max-width: 267px; }
      @media (min-width: 1200px) {
        .hero-club__points__value {
          max-width: 368px; } }
    .hero-club__points__kind {
      display: flex;
      gap: 24px;
      align-items: baseline; }

.join__title {
  display: flex;
  flex-direction: column;
  padding-top: 68px;
  font-size: 48px;
  align-items: center;
  text-align: center;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease; }
  .join__title.is-inactive {
    opacity: 0;
    transform: translateY(80px); }
  @media (min-width: 1180px) {
    .join__title {
      padding-top: 82px;
      font-size: 64px;
      text-align: left; } }
  .join__title .logo {
    padding-top: 24px;
    max-width: 280px;
    width: 100%; }
    @media (min-width: 1180px) {
      .join__title .logo {
        max-width: 400px; } }

.join__steps {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 45px;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease; }
  .join__steps.is-inactive {
    opacity: 0;
    transform: translateY(80px); }
  @media (min-width: 720px) {
    .join__steps {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1180px) {
    .join__steps {
      display: flex;
      align-items: unset;
      flex-direction: row; } }
  .join__steps__step {
    max-width: 327px;
    justify-self: center; }
    @media (min-width: 1180px) {
      .join__steps__step {
        max-width: unset; } }
    .join__steps__step__number {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      bottom: -30px;
      padding: 0 40px; }
      @media (min-width: 1180px) {
        .join__steps__step__number {
          justify-content: space-between; } }
      .join__steps__step__number p {
        font-size: 100px;
        line-height: 72px; }
    .join__steps__step__card {
      position: relative;
      width: 330px;
      height: 210px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      z-index: 20; }
      @media (min-width: 1180px) {
        .join__steps__step__card {
          width: 270px;
          height: 244px; } }
      .join__steps__step__card.card-1 {
        background-image: url("../assets/img-club/card-step-1-mbl.png"); }
        @media (min-width: 1180px) {
          .join__steps__step__card.card-1 {
            background-image: url("../assets/img-club/card-step-1.png"); } }
      .join__steps__step__card.card-2 {
        background-image: url("../assets/img-club/card-step-2-mbl.png");
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (min-width: 1180px) {
          .join__steps__step__card.card-2 {
            background-image: url("../assets/img-club/card-step-2.png"); } }
        @media (min-width: 768px) {
          .join__steps__step__card.card-2 {
            align-items: flex-start; } }
      .join__steps__step__card.card-3 {
        background-image: url("../assets/img-club/card-step-3-mbl.png"); }
        @media (min-width: 1180px) {
          .join__steps__step__card.card-3 {
            background-image: url("../assets/img-club/card-step-3.png"); } }
      .join__steps__step__card.card-4 {
        background-image: url("../assets/img-club/card-step-4-mbl.png"); }
        @media (min-width: 1180px) {
          .join__steps__step__card.card-4 {
            background-image: url("../assets/img-club/card-step-4.png"); } }
      .join__steps__step__card__text {
        padding: 24px 20px;
        text-align: center; }
        .join__steps__step__card__text__title {
          font-size: 24px;
          line-height: 28px; }
        .join__steps__step__card__text__subtitle {
          padding-top: 16px;
          font-size: 16px;
          line-height: 22px; }

.download {
  z-index: 1; }
  .download .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .download .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(80px); }
  .download__star-belt {
    position: absolute;
    width: 100%; }
    .download__star-belt.dsk {
      display: none; }
      @media (min-width: 992px) {
        .download__star-belt.dsk {
          display: block; } }
    .download__star-belt.tab {
      display: none;
      max-height: 500px; }
      @media (min-width: 600px) {
        .download__star-belt.tab {
          display: block; } }
      @media (min-width: 992px) {
        .download__star-belt.tab {
          display: none; } }
    .download__star-belt.mbl {
      display: block;
      max-height: 500px; }
      @media (min-width: 600px) {
        .download__star-belt.mbl {
          display: none; } }
  .download__content {
    padding-top: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 44px; }
    @media (min-width: 400px) {
      .download__content {
        padding-top: 140px; } }
    @media (min-width: 630px) {
      .download__content {
        padding-top: 200px; } }
    @media (min-width: 992px) {
      .download__content {
        padding-top: 10vw;
        flex-direction: row;
        gap: 30px; } }
    @media (min-width: 1100px) {
      .download__content {
        gap: 108px; } }
    .download__content__text {
      text-align: center; }
      @media (min-width: 992px) {
        .download__content__text {
          text-align: left;
          white-space: nowrap; } }
      .download__content__text__title {
        font-size: 40px;
        line-height: 43px; }
        @media (min-width: 992px) {
          .download__content__text__title {
            font-size: 48px; } }
      .download__content__text__subtitle {
        font-size: 32px;
        line-height: 43px;
        padding-top: 12px; }
        @media (min-width: 992px) {
          .download__content__text__subtitle {
            font-size: 36px; } }
    .download__content__buttons {
      display: flex;
      gap: 17px;
      align-items: center; }
      @media (min-width: 992px) {
        .download__content__buttons {
          gap: 25px; } }
      .download__content__buttons img {
        max-width: 130px; }
        @media (min-width: 350px) {
          .download__content__buttons img {
            max-width: 160px; } }
        @media (min-width: 992px) {
          .download__content__buttons img {
            max-width: unset; } }

.awards {
  padding-top: 220px;
  padding-bottom: 50px; }
  @media (min-width: 600p) {
    .awards {
      padding-top: 130px; } }
  @media (min-width: 992px) {
    .awards {
      padding-top: 8vw; } }
  .awards .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .awards .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(80px); }
  .awards__title {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
    padding-top: 81px; }
    @media (min-width: 992px) {
      .awards__title {
        font-size: 64px;
        line-height: 72px; } }
  .awards__buttons {
    display: flex;
    gap: 24px;
    justify-content: center; }
    .awards__buttons.dsk {
      padding-top: 80px;
      display: none; }
      @media (min-width: 810px) {
        .awards__buttons.dsk {
          display: flex; } }
      .awards__buttons.dsk .awards__buttons__button {
        padding: 12px;
        width: 123px; }
    .awards__buttons.mbl {
      display: flex;
      padding-top: 48px; }
      @media (min-width: 810px) {
        .awards__buttons.mbl {
          display: none; } }
      .awards__buttons.mbl .awards__buttons__button {
        padding: 12px 0px;
        width: 120px; }
    .awards__buttons__button {
      border: 1px solid #f25600;
      border-radius: 100px;
      color: #f25600;
      text-align: center;
      white-space: nowrap;
      cursor: pointer;
      -webkit-user-select: none;
      /* Safari */
      -ms-user-select: none;
      /* IE 10 and IE 11 */
      user-select: none;
      /* Standard syntax */
      transition: all 0.2s ease; }
      .awards__buttons__button.active {
        font-family: 'ChickenSansBold';
        background-color: #f25600;
        color: #ffffff;
        cursor: unset;
        border-bottom: none !important; }
  .awards__steps__container {
    height: 440px; }
    .awards__steps__container.mbl {
      display: block;
      padding-top: 40px; }
      .awards__steps__container.mbl .awards__steps__step {
        opacity: 1;
        transform: translateY(0);
        margin: 0 auto; }
      @media (min-width: 810px) {
        .awards__steps__container.mbl {
          display: none; } }
      .awards__steps__container.mbl .swiper-container-mbl {
        position: absolute;
        width: 100%;
        transform: translateY(60px);
        opacity: 0;
        transition: all 0.4s ease;
        z-index: -1; }
        .awards__steps__container.mbl .swiper-container-mbl.show {
          transform: translateY(0);
          opacity: 1;
          z-index: 2; }
    .awards__steps__container.dsk {
      display: none; }
      @media (min-width: 810px) {
        .awards__steps__container.dsk {
          display: block; } }
    .awards__steps__container .swiper-pagination {
      margin-top: 48px;
      position: relative; }
      .awards__steps__container .swiper-pagination-bullet {
        width: 14px;
        height: 14px; }
        .awards__steps__container .swiper-pagination-bullet-active {
          background-color: #f25600; }
  .awards__steps {
    position: absolute;
    width: 100%;
    padding-top: 50px;
    display: flex;
    justify-content: center;
    gap: 64px; }
    .awards__steps.show .awards__steps__step {
      opacity: 1;
      transform: translateY(0); }
      .awards__steps.show .awards__steps__step.step-2 {
        transition-delay: 0.2s; }
      .awards__steps.show .awards__steps__step.step-3 {
        transition-delay: 0.4s; }
    .awards__steps__step {
      max-width: 230px;
      display: flex;
      flex-direction: column;
      align-items: center;
      opacity: 0;
      transform: translateY(60px);
      transition: all 0.4s ease; }
      .awards__steps__step__img {
        max-width: 200px; }
      .awards__steps__step__text {
        font-size: 18px;
        line-height: 24px;
        padding-top: 16px;
        text-align: center; }
  .awards .poppy-points {
    position: absolute;
    top: -100px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 142px; }
    @media (min-width: 992px) {
      .awards .poppy-points {
        top: 120px;
        left: unset;
        right: -50px;
        max-width: 176px; } }
  .awards .star-points {
    position: absolute;
    display: none; }
    @media (min-width: 992px) {
      .awards .star-points {
        display: block;
        bottom: 20px;
        left: -54px;
        max-width: 176px; } }

.hero-my-bk {
  width: 100%;
  position: relative;
  height: 700px; }
  @media (min-width: 768px) {
    .hero-my-bk {
      height: 622px; } }
  @media (min-width: 1200px) {
    .hero-my-bk {
      height: 720px; } }
  .hero-my-bk__bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2; }
    .hero-my-bk__bottom.mbl {
      max-height: 178px;
      min-height: 178px; }
      @media (min-width: 768px) {
        .hero-my-bk__bottom.mbl {
          display: none; } }
    .hero-my-bk__bottom.dsk {
      display: none;
      max-height: 202px;
      min-height: 202px; }
      @media (min-width: 768px) {
        .hero-my-bk__bottom.dsk {
          display: block; } }
  .hero-my-bk .wrapper > .flex {
    padding-top: 60px;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 768px) {
      .hero-my-bk .wrapper > .flex {
        flex-direction: row;
        justify-content: space-between;
        align-items: unset;
        padding-top: 90px; } }
    @media (min-width: 1200px) {
      .hero-my-bk .wrapper > .flex {
        padding-top: 158px; } }
  .hero-my-bk__bg-mbl {
    position: absolute;
    width: 100%;
    display: block;
    height: 800px; }
    @media (min-width: 768px) {
      .hero-my-bk__bg-mbl {
        display: none; } }
  .hero-my-bk__bg-dsk {
    position: absolute;
    width: 100%;
    display: none; }
    @media (min-width: 768px) {
      .hero-my-bk__bg-dsk {
        height: 720px;
        display: block; } }
  .hero-my-bk__text {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 343px; }
    @media (min-width: 820px) {
      .hero-my-bk__text {
        max-width: 396px; } }
    @media (min-width: 1200px) {
      .hero-my-bk__text {
        max-width: unset; } }
    .hero-my-bk__text .logo {
      max-width: 337px; }
      @media (min-width: 820px) {
        .hero-my-bk__text .logo {
          max-width: 396px; } }
      @media (min-width: 1200px) {
        .hero-my-bk__text .logo {
          max-width: 664px; } }
    .hero-my-bk__text__subtitle {
      font-size: 32px;
      line-height: 36px;
      padding-top: 30px;
      font-weight: bold; }
      @media (min-width: 768px) {
        .hero-my-bk__text__subtitle {
          padding-top: 14px; } }
      @media (min-width: 820px) {
        .hero-my-bk__text__subtitle {
          font-size: 34px; } }
      @media (min-width: 1200px) {
        .hero-my-bk__text__subtitle {
          font-size: 40px;
          line-height: 48px;
          max-width: 662px;
          padding-top: 32px; } }
  .hero-my-bk__burger-anim {
    position: relative; }
    @media (min-width: 440px) {
      .hero-my-bk__burger-anim {
        align-self: flex-end; } }
    @media (min-width: 1280px) {
      .hero-my-bk__burger-anim {
        right: -35px; } }
  @media (min-width: 1200px) {
    .hero-my-bk .burger-phone {
      height: 648px;
      margin-top: -88px; } }
  .hero-my-bk .burger-phone.dsk {
    display: none; }
    @media (min-width: 1200px) {
      .hero-my-bk .burger-phone.dsk {
        display: block;
        height: 648px;
        margin-top: -88px; } }
  .hero-my-bk .burger-phone.mbl {
    position: absolute;
    display: block;
    height: 320px;
    right: 0;
    bottom: 135px;
    z-index: 1; }
    @media (min-width: 440px) {
      .hero-my-bk .burger-phone.mbl {
        right: -18px; } }
    @media (min-width: 600px) {
      .hero-my-bk .burger-phone.mbl {
        right: -32px; } }
    @media (min-width: 768px) {
      .hero-my-bk .burger-phone.mbl {
        height: 422px;
        bottom: 175px;
        right: -90px; } }
    @media (min-width: 992px) {
      .hero-my-bk .burger-phone.mbl {
        right: -24px; } }
    @media (min-width: 1200px) {
      .hero-my-bk .burger-phone.mbl {
        display: none; } }
  .hero-my-bk__prize {
    position: absolute;
    width: 100%;
    bottom: 42px; }
    @media (min-width: 768px) {
      .hero-my-bk__prize {
        bottom: 0px; } }
    .hero-my-bk__prize > .flex {
      align-items: flex-start;
      justify-content: center; }
      @media (min-width: 420px) {
        .hero-my-bk__prize > .flex {
          flex-direction: row;
          align-items: center;
          justify-content: unset; } }
      @media (min-width: 1280px) {
        .hero-my-bk__prize > .flex {
          gap: 0px; } }
    .hero-my-bk__prize__img {
      width: 126px; }
      @media (min-width: 768px) {
        .hero-my-bk__prize__img {
          width: auto;
          max-width: 230px;
          display: block; } }
    @media (min-width: 768px) {
      .hero-my-bk__prize__text {
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        align-items: baseline;
        gap: 8px;
        margin-top: 34px; } }
    @media (min-width: 1200px) {
      .hero-my-bk__prize__text {
        display: block;
        margin-top: 70px;
        margin-bottom: 20px; } }
    .hero-my-bk__prize__text__title {
      font-size: 16px;
      line-height: normal; }
      @media (min-width: 768px) {
        .hero-my-bk__prize__text__title {
          font-size: 24px;
          line-height: 22px; } }
    .hero-my-bk__prize__text__subtitle {
      font-size: 32px;
      line-height: normal; }
      @media (min-width: 768px) {
        .hero-my-bk__prize__text__subtitle {
          font-size: 40px;
          line-height: normal;
          font-weight: 700;
          margin-top: 8px; } }
  .hero-my-bk .crown-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
  .hero-my-bk .crown {
    position: absolute;
    z-index: -1; }
    .hero-my-bk .crown-1 {
      top: 20px;
      left: -53vw;
      right: -20px;
      margin: 0 auto;
      width: 40px;
      transform: rotate(-16deg); }
      @media (min-width: 380px) {
        .hero-my-bk .crown-1 {
          left: -200px; } }
      @media (min-width: 768px) {
        .hero-my-bk .crown-1 {
          margin: unset;
          right: unset;
          left: 60px;
          top: 50px; } }
      @media (min-width: 820px) {
        .hero-my-bk .crown-1 {
          left: 70px;
          top: 43px;
          width: 50px; } }
      @media (min-width: 1200px) {
        .hero-my-bk .crown-1 {
          top: 86px;
          left: -5vw;
          width: 80px;
          transform: rotate(-45deg); } }
    .hero-my-bk .crown-2 {
      top: 260px;
      left: -175px;
      width: 350px; }
      @media (min-width: 768px) {
        .hero-my-bk .crown-2 {
          top: 296px;
          left: -60px;
          width: 350px; } }
      @media (min-width: 1200px) {
        .hero-my-bk .crown-2 {
          top: 250px;
          right: -110px;
          left: unset;
          width: unset; } }
    .hero-my-bk .crown-3 {
      top: 220px;
      right: -95px;
      width: 190px;
      transform: rotate(-37deg); }
      @media (min-width: 768px) {
        .hero-my-bk .crown-3 {
          top: 280px;
          right: -85px; } }
      @media (min-width: 1200px) {
        .hero-my-bk .crown-3 {
          top: 190px;
          right: -160px;
          width: 200px; } }

.explanation {
  padding-bottom: 960px; }
  @media (min-width: 710px) {
    .explanation {
      padding-bottom: 660px; } }
  @media (min-width: 1097px) {
    .explanation {
      padding-bottom: 240px; } }
  .explanation .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .explanation .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(80px); }
  .explanation__main {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    gap: 24px; }
    @media (min-width: 992px) {
      .explanation__main {
        flex-direction: row;
        align-items: center;
        gap: 75px; } }
    .explanation__main__title {
      font-size: 36px;
      line-height: 36px;
      white-space: nowrap; }
      @media (min-width: 375px) {
        .explanation__main__title {
          font-size: 40px; } }
      @media (min-width: 992px) {
        .explanation__main__title {
          font-size: 56px;
          line-height: 25px; } }
      .explanation__main__title img {
        position: relative;
        top: 14px;
        max-width: 256px; }
        @media (min-width: 375px) {
          .explanation__main__title img {
            max-width: 306px; } }
        @media (min-width: 992px) {
          .explanation__main__title img {
            max-width: 513px;
            top: 24px; } }
    .explanation__main__subtitle {
      font-size: 18px;
      line-height: 22px; }
      @media (min-width: 992px) {
        .explanation__main__subtitle {
          font-size: 24px;
          line-height: 28px; } }
    .explanation__main p {
      max-width: 500px; }
  .explanation__benefits {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-flow: wrap;
    position: absolute;
    margin-top: 90px;
    width: 100%; }
    .explanation__benefits__benefit {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      max-width: 323px;
      width: 323px; }
      .explanation__benefits__benefit img {
        max-width: 323px; }
      .explanation__benefits__benefit p {
        position: absolute;
        width: 268px;
        left: 0;
        right: 0;
        bottom: 0;
        top: 120px;
        margin: auto;
        text-align: center;
        font-size: 20px;
        line-height: 24px; }
      .explanation__benefits__benefit--02 img {
        max-width: 320px; }
        @media (min-width: 720px) {
          .explanation__benefits__benefit--02 img {
            max-width: 293px; } }
      .explanation__benefits__benefit--02 p {
        margin-top: 0;
        width: 220px; }
        @media (min-width: 992px) {
          .explanation__benefits__benefit--02 p {
            margin-top: -14px; } }
      .explanation__benefits__benefit--03 img {
        max-width: 320px; }
        @media (min-width: 720px) {
          .explanation__benefits__benefit--03 img {
            max-width: 293px; } }
      .explanation__benefits__benefit--03 p {
        margin-top: 20px;
        width: 220px; }
        @media (min-width: 992px) {
          .explanation__benefits__benefit--03 p {
            margin-top: -8px; } }
  .explanation .stripe-bottom {
    bottom: -976px;
    z-index: 1; }
    @media (min-width: 710px) {
      .explanation .stripe-bottom {
        bottom: -674px; } }
    @media (min-width: 1097px) {
      .explanation .stripe-bottom {
        bottom: -266px; } }

.how-work .wrapper {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease; }
  .how-work .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(80px); }

.how-work__title {
  padding-top: 50px;
  font-size: 44px;
  line-height: 56px;
  text-align: center; }
  @media (min-width: 1097px) {
    .how-work__title {
      padding-top: 100px; } }
  @media (min-width: 992px) {
    .how-work__title {
      font-size: 56px; } }

.how-work__subtitle {
  padding-top: 16px;
  font-size: 24px;
  line-height: 28px;
  text-align: center; }
  @media (min-width: 992px) {
    .how-work__subtitle {
      font-size: 30px;
      line-height: 32px; } }

.how-work .arrow-down {
  padding-top: 33px; }

.step-create {
  padding-bottom: 100px; }
  .step-create .wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .step-create .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(80px); }
  .step-create__title {
    font-size: 40px;
    line-height: 48px;
    padding-top: 58px;
    text-align: center; }
    @media (min-width: 992px) {
      .step-create__title {
        font-size: 48px;
        padding-top: 98px; } }
  .step-create__subtitle {
    font-size: 20px;
    line-height: 22px;
    padding-top: 16px;
    text-align: center; }
    @media (min-width: 992px) {
      .step-create__subtitle {
        font-size: 24px; } }
  .step-create__steps {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    padding-top: 40px; }
    .step-create__steps__step {
      display: flex;
      align-items: center;
      flex-direction: column;
      max-width: 343px; }
      @media (min-width: 992px) {
        .step-create__steps__step {
          max-width: 382px; } }
      .step-create__steps__step__img {
        max-width: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .step-create__steps__step__img .bk-logo {
          position: absolute;
          animation: bk-logo-mobile 3s infinite; }
        .step-create__steps__step__img .hand {
          position: absolute;
          top: -6px;
          right: 26px;
          animation: hand-pc 2s infinite; }
      .step-create__steps__step__desc {
        text-align: center;
        padding-top: 24px; }
        .step-create__steps__step__desc a {
          text-decoration: underline; }
      .step-create__steps__step__download {
        padding-top: 25px;
        display: flex;
        gap: 25px; }
        .step-create__steps__step__download .img {
          max-height: 52px;
          max-width: 178px; }
          @media (min-width: 992px) {
            .step-create__steps__step__download .img {
              max-width: unset;
              max-height: 56px; } }
  .step-create .step-one {
    position: absolute;
    z-index: -1;
    top: -14px;
    left: 6px;
    max-width: 112px; }
    @media (min-width: 992px) {
      .step-create .step-one {
        top: 120px;
        left: 9rem; } }

.step-web .wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 182px;
  padding: 50px 0;
  padding-bottom: 100px;
  z-index: 1000;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease; }
  .step-web .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(80px); }
  @media (min-width: 768px) {
    .step-web .wrapper {
      gap: 30px;
      flex-direction: row; } }
  @media (min-width: 992px) {
    .step-web .wrapper {
      gap: 110px; } }

.step-web__content {
  max-width: 340px; }
  @media (min-width: 768px) {
    .step-web__content {
      max-width: 370px; } }
  @media (min-width: 992px) {
    .step-web__content {
      max-width: 564px; } }
  .step-web__content__title {
    font-size: 40px;
    line-height: 48px; }
    @media (min-width: 768px) {
      .step-web__content__title {
        font-size: 48px; } }
  .step-web__content__subtitle {
    padding-top: 24px; }
  .step-web__content__buttom {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
    width: 172px;
    height: 40px;
    background-color: #d62300;
    border-radius: 100px;
    margin-top: 24px; }

.step-web__crown {
  position: relative;
  max-width: 252px;
  align-self: flex-start; }
  @media (min-width: 768px) {
    .step-web__crown {
      align-self: unset;
      max-width: 252px;
      margin: 0 auto;
      margin-top: 50px; } }
  @media (min-width: 992px) {
    .step-web__crown {
      max-width: 340px;
      margin-top: -2rem; } }

.step-web .crown {
  max-width: 249px; }
  @media (min-width: 992px) {
    .step-web .crown {
      max-width: 300px; }
      .step-web .crown img {
        margin-left: -6rem; } }

.step-web .step-two {
  position: absolute;
  bottom: 6rem;
  right: -6rem;
  z-index: -1;
  max-width: 150px; }
  @media (min-width: 375px) {
    .step-web .step-two {
      max-width: 180px;
      right: -8rem; } }
  @media (min-width: 768px) {
    .step-web .step-two {
      bottom: 6rem;
      right: -2rem; } }
  @media (min-width: 992px) {
    .step-web .step-two {
      top: -169px;
      right: -67px;
      bottom: unset;
      z-index: -1;
      max-width: unset; } }

.step-web .stripe-top {
  top: -18px;
  min-height: 20px; }

@media (min-width: 992px) {
  .step-change {
    margin-bottom: 40px; } }

.step-change .wrapper {
  padding-top: 64px;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease; }
  .step-change .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(80px); }

.step-change__title {
  font-size: 40px;
  line-height: 48px; }
  @media (min-width: 992px) {
    .step-change__title {
      font-size: 48px;
      text-align: center; } }

.step-change__subtitle {
  font-size: 24px;
  line-height: 32px;
  padding-top: 16px; }
  @media (min-width: 992px) {
    .step-change__subtitle {
      padding-top: 24px;
      font-size: 30px;
      text-align: center;
      max-width: 769px;
      margin: 0 auto; } }

.step-change__buttons {
  display: flex;
  justify-content: center;
  gap: 8px; }
  @media (min-width: 768px) {
    .step-change__buttons {
      gap: 24px; } }
  .step-change__buttons.dsk {
    padding-top: 80px;
    display: none; }
    @media (min-width: 768px) {
      .step-change__buttons.dsk {
        display: flex; } }
    .step-change__buttons.dsk .step-change__buttons__button {
      padding: 12px;
      width: 123px; }
  .step-change__buttons.mbl {
    display: flex;
    padding-top: 48px; }
    @media (min-width: 768px) {
      .step-change__buttons.mbl {
        display: none; } }
    .step-change__buttons.mbl .step-change__buttons__button {
      padding: 5px 0;
      width: 102px; }
  .step-change__buttons__button {
    border: 1px solid #d62300;
    border-radius: 100px;
    color: #d62300;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
    transition: all 0.2s ease; }
    .step-change__buttons__button.active {
      background-color: #d62300;
      color: #ffffff;
      cursor: unset; }

.step-change__steps__container {
  height: 360px; }
  .step-change__steps__container.mbl {
    display: block;
    padding-top: 40px; }
    .step-change__steps__container.mbl .step-change__steps__step {
      opacity: 1;
      transform: translateY(0);
      margin: 0 auto; }
    @media (min-width: 768px) {
      .step-change__steps__container.mbl {
        display: none; } }
    .step-change__steps__container.mbl .swiper-container-mbl {
      position: absolute;
      width: 100%;
      transform: translateY(60px);
      opacity: 0;
      transition: all 0.4s ease;
      z-index: -1; }
      .step-change__steps__container.mbl .swiper-container-mbl.show {
        transform: translateY(0);
        opacity: 1;
        z-index: 2; }
  .step-change__steps__container.dsk {
    display: none; }
    @media (min-width: 768px) {
      .step-change__steps__container.dsk {
        display: block; } }
  .step-change__steps__container .swiper-pagination {
    margin-top: 48px;
    position: relative; }
    .step-change__steps__container .swiper-pagination-bullet {
      width: 14px;
      height: 14px; }
      .step-change__steps__container .swiper-pagination-bullet-active {
        background-color: #d62300; }

.step-change__steps {
  position: absolute;
  width: 100%;
  padding-top: 50px;
  display: flex;
  justify-content: center;
  gap: 64px; }
  .step-change__steps.show .step-change__steps__step {
    opacity: 1;
    transform: translateY(0); }
    .step-change__steps.show .step-change__steps__step.step-2 {
      transition-delay: 0.2s; }
    .step-change__steps.show .step-change__steps__step.step-3 {
      transition-delay: 0.4s; }
  .step-change__steps__step {
    max-width: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.4s ease; }
    .step-change__steps__step__img {
      max-width: 200px; }
    .step-change__steps__step__text {
      font-size: 18px;
      line-height: 24px;
      padding-top: 16px;
      text-align: center; }
      .step-change__steps__step__text a {
        text-decoration: underline; }

.step-change .step-three {
  position: absolute;
  top: 22px;
  right: 0;
  z-index: -1;
  max-width: 180px; }
  @media (min-width: 992px) {
    .step-change .step-three {
      top: 56px;
      left: 34px;
      right: unset;
      max-width: unset; } }

.crown-benefits .wrapper {
  padding: 80px 0 24px; }

.crown-benefits__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  text-align: center; }

.crown-benefits__title {
  font-size: 32px;
  line-height: 36px;
  font-weight: 400; }
  @media (min-width: 600px) {
    .crown-benefits__title {
      font-size: 56px;
      line-height: 56px; } }

.crown-benefits__subtitle {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 0 16px; }
  @media (min-width: 600px) {
    .crown-benefits__subtitle {
      font-size: 30px;
      line-height: 32px; } }

.crown-benefits__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 16px; }
  @media (min-width: 992px) {
    .crown-benefits__content {
      flex-direction: row; } }
  @media (min-width: 1280px) {
    .crown-benefits__content {
      gap: 40px; } }
  .crown-benefits__content__card {
    max-width: 390px;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    font-size: 18px;
    line-height: normal;
    font-weight: 400; }
    .crown-benefits__content__card__title {
      font-size: 40px;
      line-height: 32px;
      font-weight: 700; }
    .crown-benefits__content__card__subtitle {
      font-size: 30px;
      line-height: 32px;
      font-weight: 400;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px; }

.crown-benefits .card-1 {
  background-color: #ffaa00; }

.products .wrapper {
  padding-top: 60px;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease;
  padding: 80px 0 120px; }
  .products .wrapper.is-inactive {
    opacity: 0;
    transform: translateY(80px); }
  @media (min-width: 992px) {
    .products .wrapper {
      padding: 80px 0; } }

.products__border__lines {
  width: 100%;
  height: 67rem;
  border: 3px solid #502314;
  border-radius: 20px;
  margin: 0 auto; }
  @media (min-height: 800px) {
    .products__border__lines {
      height: 76rem; } }
  @media (min-width: 600px) {
    .products__border__lines {
      height: 76rem; } }
  @media (min-width: 992px) {
    .products__border__lines {
      width: 80%;
      height: 32rem; } }

.products__title {
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  margin: -2rem auto 0;
  width: 255px; }
  @media (min-width: 380px) {
    .products__title {
      width: 295px; } }
  @media (min-width: 992px) {
    .products__title {
      font-size: 56px;
      line-height: 56px;
      width: 560px; } }

.products__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 44px 0 0;
  position: absolute;
  top: 8%;
  left: 0;
  right: 0; }
  @media (min-width: 319px) and (max-height: 568px) {
    .products__container {
      top: 18%; } }
  @media (min-width: 992px) {
    .products__container {
      flex-direction: row;
      align-items: baseline;
      top: 15%; } }

.products-v2 .products__title {
  transform: translateY(-30px); }

.advertisement-info {
  background: url("../assets/img-my-bk/advertisement_bk.png") no-repeat;
  background-size: cover;
  background-position: center top;
  height: 500px;
  background-color: #f5ebdc; }
  @media (min-width: 600px) {
    .advertisement-info {
      background: url("../assets/img-my-bk/advertisement_bk-dsk.png") no-repeat;
      background-position: center top;
      background-size: cover;
      background-color: #f5ebdc; } }
  @media (min-width: 992px) {
    .advertisement-info {
      height: 398px; } }
  .advertisement-info__content {
    padding: 30px 0; }
    @media (min-width: 600px) {
      .advertisement-info__content {
        display: grid;
        grid-template-columns: 320px;
        grid-template-rows: 1fr 1fr;
        padding: 80px 0 0; } }
    @media (min-width: 992px) {
      .advertisement-info__content {
        grid-template-columns: 564px;
        padding: 97px 0 0; } }
    .advertisement-info__content__title {
      font-size: 40px;
      line-height: normal;
      font-weight: 700; }
      @media (min-width: 600px) {
        .advertisement-info__content__title {
          font-size: 48px;
          line-height: 48px; } }
    .advertisement-info__content__title::after {
      content: url("../assets/img-my-bk/underline-white.png");
      position: absolute;
      bottom: 15.5rem;
      left: 0; }
      @media (min-width: 600px) {
        .advertisement-info__content__title::after {
          bottom: 12.4rem;
          left: 0rem; } }
      @media (min-width: 992px) {
        .advertisement-info__content__title::after {
          bottom: 11rem;
          left: 19rem; } }
    .advertisement-info__content__description {
      font-size: 16px;
      line-height: normal;
      font-weight: 400;
      margin-top: 32px; }
      @media (min-width: 600px) {
        .advertisement-info__content__description {
          font-size: 18px;
          line-height: normal; } }
  .advertisement-info__bg-dsk {
    display: none; }
    @media (min-width: 600px) {
      .advertisement-info__bg-dsk {
        display: block;
        width: 100vw;
        transform: scaleY(-1);
        margin-top: -1rem; } }
  .advertisement-info__bg-mbl {
    display: block;
    width: 100vw;
    margin-top: -1rem; }
    @media (min-width: 600px) {
      .advertisement-info__bg-mbl {
        display: none; } }

.question-my-bk {
  padding-top: 40px; }
  @media (min-width: 600px) {
    .question-my-bk {
      margin-top: 80px; } }
  .question-my-bk .wrapper {
    display: flex;
    gap: 45px;
    flex-direction: column-reverse;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease; }
    .question-my-bk .wrapper.is-inactive {
      opacity: 0;
      transform: translateY(80px); }
    @media (min-width: 992px) {
      .question-my-bk .wrapper {
        flex-direction: row;
        align-items: center; } }
  .question-my-bk__image {
    align-self: center;
    width: 269px; }
    @media (min-width: 768px) {
      .question-my-bk__image {
        width: 478px; } }
  .question-my-bk__content__title {
    font-size: 32px;
    line-height: 36px; }
    @media (min-width: 992px) {
      .question-my-bk__content__title {
        font-size: 56px;
        line-height: 56px; } }
  .question-my-bk__content__subtitle {
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px; }
    @media (min-width: 992px) {
      .question-my-bk__content__subtitle {
        font-size: 24px;
        line-height: 28px;
        padding-top: 24px; } }
  .question-my-bk__content__button {
    background-color: #d62300;
    width: 210px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-top: 24px; }

.stripe-top {
  position: relative;
  top: -12px;
  z-index: 1000;
  width: 100%; }

.stripe-bottom {
  position: relative;
  bottom: -16px;
  z-index: 100;
  width: 100%; }

.king-hero {
  background: url("../assets/king-jr/BANNER-DESKTOP.jpg") no-repeat right center / cover;
  position: relative;
  padding: 24px 0; }
  @media (max-width:550px){
    .king-hero{
      background: url("../assets/king-jr/BANNER-MOBILE.jpg") no-repeat right bottom / cover;
      height: 701px;
    }
  }
  @media (min-width:1450px){
    .king-hero{
      background: url("../assets/king-jr/BANNER-XL.png") no-repeat right bottom / cover;
      height: 701px;
    }
  }
  @media (width: 280px) {
    .king-hero {
      height: 665px; } }
  @media (min-width: 600px) {
    .king-hero {
      padding: 24px 0 64px; } }
  @media (min-width: 992px) {
    .king-hero {
      height: 529px; } }
  @media (min-width: 600px) {
    .king-hero__flex-deskt {
      display: grid;
      grid-template-columns: auto 1fr; } }
  @media (min-width: 992px) {
    .king-hero__flex-deskt {
      gap: 24px; } }
  .king-hero__flex-deskt .title-king {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%; }
    .king-hero__flex-deskt .title-king__container {
      display: flex;
      flex-direction: column; }
      @media (min-width: 600px) {
        .king-hero__flex-deskt .title-king__container {
          gap: 16px; } }
      .king-hero__flex-deskt .title-king__container h1 {
        font-family: 'Flame-Regular';
        font-size: 80px;
        font-weight: 700;
        line-height: 96px;
        margin: 40px 0 24px; }
        @media (min-width: 600px) {
          .king-hero__flex-deskt .title-king__container h1 {
            margin: 40px 0 16px; } }
      .king-hero__flex-deskt .title-king__container h2 {
        font-family: 'Flame-Bold';
        font-size: 32px;
        line-height: 32px; }
      .king-hero__flex-deskt .title-king__container p {
        font-family: 'Flame-Regular';
        font-size: 22px;
        line-height: 26.4px;
        margin-top: 8px; }
      .king-hero__flex-deskt .title-king__container .king-red, .king-hero__flex-deskt .title-king__container .king-white {
        margin: 24px 0;
        text-align: center; }
        @media (min-width: 600px) {
          .king-hero__flex-deskt .title-king__container .king-red, .king-hero__flex-deskt .title-king__container .king-white {
            margin: 20px 0;
            width: 172px; } }
  .king-hero__flex-deskt .img-junior {
    display: none; }
    @media (min-width: 992px) {
      .king-hero__flex-deskt .img-junior {
        display: block;
        width: fit-content; } }
  .king-hero__flex-deskt .image-hero {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    @media (min-width: 600px) {
      .king-hero__flex-deskt .image-hero {
        justify-content: space-evenly; } }
    @media (min-width: 992px) {
      .king-hero__flex-deskt .image-hero {
        justify-content: space-between; } }
    .king-hero__flex-deskt .image-hero__main {
      display: none; }
      @media (min-width: 600px) {
        .king-hero__flex-deskt .image-hero__main {
          display: block;
          margin-top: 50px; } }
      @media (min-width: 1280px) {
        .king-hero__flex-deskt .image-hero__main {
          margin-top: 0; } }
      .king-hero__flex-deskt .image-hero__main--mbl {
        display: block;
        margin: 0 0 24px; }
        @media (min-width: 600px) {
          .king-hero__flex-deskt .image-hero__main--mbl {
            display: none; } }
    .king-hero__flex-deskt .image-hero__below-content {
      display: flex;
      align-items: center;
      gap: 6px;
      margin: 0 0 24px; }
      @media (min-width: 600px) {
        .king-hero__flex-deskt .image-hero__below-content {
          margin: 10px 0 0; } }
      @media (min-width: 992px) {
        .king-hero__flex-deskt .image-hero__below-content {
          margin: 0;
          gap: 8px; } }
      .king-hero__flex-deskt .image-hero__below-content__image {
        width: 32px;
        height: auto; }
        @media (min-width: 992px) {
          .king-hero__flex-deskt .image-hero__below-content__image {
            width: 37px; } }
      .king-hero__flex-deskt .image-hero__below-content__text {
        font-size: 10px;
        line-height: normal;
        font-weight: 400;
        max-width: 570px; }
        @media (min-width: 992px) {
          .king-hero__flex-deskt .image-hero__below-content__text {
            font-size: 12px; } }
  .king-hero .image-pj {
    position: absolute;
    bottom: 0;
    max-height: 380px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .king-hero .image-pj {
        display: none; } }
    .king-hero .image-pj img {
      width: 376px;
      max-width: 376px;
      height: 381px; }
  .king-hero-v2 {
    background: url(../assets/king-jr-v2/bg-hero-mobile.png);
    background-size: cover;
    background-size: cover;
    height: 700px;
    background-position-x: center;
    max-width: 1920px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .king-hero-v2 {
        background: url(../assets/king-jr-v2/hero.jpg);
        background-size: cover;
        background-size: cover;
        height: 565px;
        background-position-x: center;
        max-width: 1920px;
        margin: 0 auto; } }
    .king-hero-v2 .image-pj {
      position: absolute;
      bottom: 0;
      width: 518px;
      max-width: unset;
      left: -165px;
      right: -106px;
      margin: 0 auto; }

@media (max-width: 600px) {
  .animation-products .animation-top {
    /* content: url("../assets/king-jr-v2/white-solid-color-background.jpg"); */
    height: 30px; }
  .animation-products .choose-products {
    background-position: center 17%; }
    .animation-products .choose-products__img .animation-product__chips {
      width: 60% !important; }
      .animation-products .choose-products__img .animation-product__chips .choose-products__circles {
        top: -1%;
        left: 18%; } }

.choose-jr__bg-mbl {
  position: relative;
  width: 100%;
  display: block;
  top: -15px; }
  @media (min-width: 768px) {
    .choose-jr__bg-mbl {
      display: none; } }

.choose-jr__bg-dsk {
  position: relative;
  width: 100%;
  display: none; }
  @media (min-width: 768px) {
    .choose-jr__bg-dsk {
      display: block;
      position: relative;
      width: 100%;
      top: -10px; } }

.choose-jr__flex-deskt .video-container {
  max-width: 1152px;
  max-height: 648px;
  padding: 40px 10px;
  display: none; }

.choose-jr__flex-deskt .title-choose {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 20px 0 24px; }
  @media (min-width: 992px) {
    .choose-jr__flex-deskt .title-choose {
      margin: 50px 0 40px; } }
  .choose-jr__flex-deskt .title-choose .title {
    font-family: 'Flame-Regular';
    font-weight: 400;
    color: #502314;
    font-size: 32px;
    line-height: 36px;
    text-align: center; }
    @media (min-width: 992px) {
      .choose-jr__flex-deskt .title-choose .title {
        font-size: 56px;
        margin-bottom: 24px; } }
  .choose-jr__flex-deskt .title-choose .content:not(.second) {
    font-family: 'Flame-Regular';
    font-weight: 500;
    color: #502314;
    line-height: 24px;
    font-size: 18px;
    margin-top: 16px;
    text-align: center;
    width: 100%; }
    .choose-jr__flex-deskt .title-choose .content.second{
      margin-top: 0;
      font-family: 'Flame-Regular';
      font-weight: 500;
      color: #502314;
      line-height: 24px;
      font-size: 18px;
      text-align: center;
      padding-top: 0;
    }
    @media (min-width: 992px) {
      .choose-jr__flex-deskt .title-choose .content:not(.second) {
        font-size: 24px;
        line-height: 28px;
        margin-top: 20px;
        width: 80%;
        padding-bottom: 0;} 
        .choose-jr__flex-deskt .title-choose .content.second{
          font-size: 24px;
          line-height: 28px;
        }}
  .choose-jr__flex-deskt .title-choose-v2 .title {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 24px; }
  .choose-jr__flex-deskt .title-choose-v2 .line-green {
    position: absolute;
    width: 44px;
    left: 9px;
    bottom: -8px; }
    @media (min-width: 992px) {
      .choose-jr__flex-deskt .title-choose-v2 .line-green {
        width: 80px;
        left: 12px;
        bottom: -21px; } }

@media (min-width: 600px) {
  .choose-jr__flex-deskt .text-and-rotate-sign {
    top: 30px; } }

@media (min-width: 992px) {
  .choose-jr__flex-deskt .text-and-rotate-sign {
    left: 0;
    margin-bottom: 50px; } }

.choose-jr__flex-deskt .text-and-rotate-sign .script {
  font-family: 'Flame-Regular';
  color: #198737;
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400; }
  @media (min-width: 992px) {
    .choose-jr__flex-deskt .text-and-rotate-sign .script {
      font-size: 20px;
      line-height: 24px; } }

.choose-jr__flex-deskt .text-and-rotate-sign .gren-arrow {
  position: absolute;
  width: max-content;
  top: 60px;
  left: 50px; }

.choose-jr__flex-deskt .text-and-rotate-sign .mbl-gren-arrow {
  position: absolute;
  width: max-content;
  top: 30px;
  left: 115px; }

.animation-products {
  height: 600px; 
  background: url("../assets/king-jr-v2/animation-bk.png") center center no-repeat;
  background-size: cover;
  position: relative;}
.menu-tray{
  position: absolute;
  top: 10%;
  right: 0;
  z-index: -1;
}
  @media (min-width: 600px) {
    .animation-products {
      background:url("../assets/king-jr-v2/animation-bk.png") center center no-repeat,;
      background-size: cover;
      position: relative;
      width: 100%;
      height: 430px;
      padding-top: 120px; } 
    
    .menu-tray{
      position: absolute;
      top: 28%;
      right: 2%;  
    }}
  .animation-products .animation-top {
    position: absolute;
    top: 0;
    width: 100%; }
  .animation-products .animation-bottom {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .animation-products .choose-products {
    background-image: url("../assets/king-jr-v2/bandeja.png");
    background-position: right 12%;
    background-repeat: no-repeat;
    background-size: 330px; }
    @media (min-width: 600px) {
      .animation-products .choose-products {
        background-position: center 52%;
        background-size: contain; } }
    @media (min-width: 992px) {
      .animation-products .choose-products {
        background-position: center 52%;
        background-size: contain; } }
    .animation-products .choose-products__img {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: 50%;
      justify-items: center; }
      @media (min-width: 600px) {
        .animation-products .choose-products__img {
          grid-template-rows: 40%; } }
      .animation-products .choose-products__img .animation-product__chips {
        grid-column: 2/6;
        grid-row: 1;
        align-self: end;
        justify-self: self-end;
        margin-top: 10px;
        max-height: 337px;
        width: 75%;
        margin-bottom: 13px; }
        @media (min-width: 600px) {
          .animation-products .choose-products__img .animation-product__chips {
            grid-column: 2/7;
            margin-bottom: 30px;
            width: 60%;
            justify-self: center; } }
        @media (min-width: 992px) {
          .animation-products .choose-products__img .animation-product__chips {
            margin-bottom: 80px;
            width: auto; } }
        @media (min-width: 600px) {
          .animation-products .choose-products__img .animation-product__chips .circle-chips {
            top: -10%; } }
      .animation-products .choose-products__img .animation-product__menu {
        grid-column: 6/12;
        grid-row: 1;
        align-self: start;
        width: 90%; }
        .animation-products .choose-products__img .animation-product__menu img {
          margin-top: -25%;
          width: 97%;
           }
          @media (min-width: 600px) {
            .animation-products .choose-products__img .animation-product__menu img {
              margin-top: -28%; 
              width: 100%;} }
        @media (min-width: 600px) {
          .animation-products .choose-products__img .animation-product__menu {
            grid-column: 7/12;
            width: 100%; }
            .animation-products .choose-products__img .animation-product__menu .menu {
              max-width: 430px; } }
        .animation-products .choose-products__img .animation-product__menu .circle-menu {
          top: 0%;
          right: 10%; }
          @media (min-width: 600px) {
            .animation-products .choose-products__img .animation-product__menu .circle-menu {
              top: -20%;
              right: 10%; } }
      .animation-products .choose-products__img .animation-product__burguer {
        grid-column: 1/7;
        grid-row: 2;
        align-self: start;
        justify-self: right; }
        .animation-products .choose-products__img .animation-product__burguer img {
          margin-top: -10%; }
          @media (min-width: 600px) {
            .animation-products .choose-products__img .animation-product__burguer img {
              margin-top: -10%;
              max-width: 420px; } }
        @media (min-width: 600px) {
          .animation-products .choose-products__img .animation-product__burguer {
            grid-column: 1/5; } }
        .animation-products .choose-products__img .animation-product__burguer .circle-burguer {
          top: 25%; }
      .animation-products .choose-products__img .animation-product__juice {
        grid-column: 7/11;
        grid-row: 2;
        align-self: start;
        justify-self: center;
        width: 70%;
        margin-top: -20%; }
        @media (min-width: 600px) {
          .animation-products .choose-products__img .animation-product__juice {
            grid-column: 5/9;
            width: 65%;
            margin-top: -30%; } }
        @media (min-width: 1280px) {
          .animation-products .choose-products__img .animation-product__juice {
            width: 70%; } }
        .animation-products .choose-products__img .animation-product__juice .circle-juice {
          top: 15%;
          right: 30%; }
          @media (min-width: 600px) {
            .animation-products .choose-products__img .animation-product__juice .circle-juice {
              top: 9%;
              right: 50%; } }
      .animation-products .choose-products__img .animation-product__danonino {
        grid-column: 11/13;
        grid-row: 2;
        align-self: start;
        justify-self: center; }
        @media (min-width: 600px) {
          .animation-products .choose-products__img .animation-product__danonino {
            grid-column: 9/12;
            width: 50%;
            margin-top: -1%; } }
        .animation-products .choose-products__img .animation-product__danonino .circle-danonino {
          top: 30%;
          right: 0%; }
          @media (min-width: 600px) {
            .animation-products .choose-products__img .animation-product__danonino .circle-danonino {
              top: 28%;
              right: 22%; } }
      @media (min-width: 600px) {
        .animation-products .choose-products__img .product-bk {
          transform: translateY(0px);
          transition: 0.6s ease; } }
      .animation-products .choose-products__img .products-to-top {
        transform: translateY(-20px);
        transition: 0.6s ease; }
    .animation-products .choose-products__circles {
      display: block; }
      @media (min-width: 992px) {
        .animation-products .choose-products__circles {
          display: none; } }
    .animation-products .choose-products .choose-products__container {
      display: block;
      position: absolute;
      width: 100%;
      top: 40%;
      left: 0;
      pointer-events: none; }
      @media (min-width: 992px) {
        .animation-products .choose-products .choose-products__container {
          top: 0;
          left: 0;
          pointer-events: none; } }
      .animation-products .choose-products .choose-products__container .card-products {
        opacity: 0; }
        .animation-products .choose-products .choose-products__container .card-products.shown {
          opacity: 1;
          transition: opacity 0.4s ease; }
        .animation-products .choose-products .choose-products__container .card-products .card-product__card {
          display: flex;
          flex-direction: column;
          justify-content: space-evenly;
          align-items: center;
          gap: 12px;
          text-align: center;
          transition: opacity 0.4s ease; }
          @media (min-width: 600px) {
            .animation-products .choose-products .choose-products__container .card-products .card-product__card {
              width: 100%;
              margin: 0 auto; } }
  @media (min-width: 600px) and (min-width: 992px) {
    .animation-products .choose-products .choose-products__container .card-products .card-product__card {
      width: 304px;
      height: 157px;
      padding: 24px 12px;
      border-radius: 16px;
      background-color: #ffffff;
      position: relative;
      margin: 0;
      box-shadow: -6px 9px 18px -3px rgba(0, 0, 0, 0.25); } }
          .animation-products .choose-products .choose-products__container .card-products .card-product__card__title {
            font-size: 24px;
            line-height: normal;
            font-weight: 700; }
            @media (max-width: 992px) {
              .animation-products .choose-products .choose-products__container .card-products .card-product__card__title {
                color: #502314; } }
          .animation-products .choose-products .choose-products__container .card-products .card-product__card__description {
            font-size: 16px;
            line-height: normal;
            font-weight: 400; }
        .animation-products .choose-products .choose-products__container .card-products .card-product__catalog {
          transition: opacity 0.4s ease;
          width: auto;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-template-rows: 1fr 1fr;
          grid-gap: 12px; }
          @media (min-width: 600px) {
            .animation-products .choose-products .choose-products__container .card-products .card-product__catalog {
              width: 100%;
              margin: 0 auto;
              align-items: center;
              justify-items: center; } }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-products .card-product__catalog {
              width: auto; } }
      .animation-products .choose-products .choose-products__container .card-product-1 .card-product__card {
        position: absolute; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-1 .card-product__card {
            top: -12rem;
            left: -6%; } }
        .animation-products .choose-products .choose-products__container .card-product-1 .card-product__card ::after {
          display: none; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-1 .card-product__card ::after {
              display: block;
              content: ' ';
              border: 30px solid #ffffff;
              border-top-color: transparent;
              border-left-color: transparent;
              border-radius: 20%;
              transform: rotate(315deg);
              position: absolute;
              top: 40%;
              right: -8%; } }
      .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog {
        position: absolute;
        top: 120px;
        right: 0; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog {
            top: 1.5rem;
            right: 52%; } }
        .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog .chips-1 {
          grid-column: 2/4;
          grid-row: 1; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog .chips-1 {
              grid-column: 1/3; } }
        .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog .chips-2 {
          grid-column: 4/6;
          grid-row: 1; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog .chips-2 {
              grid-column: 3/5; } }
        .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog .chips-3 {
          grid-column: 6/8;
          grid-row: 1; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-1 .card-product__catalog .chips-3 {
              grid-column: 5/7; } }
      .animation-products .choose-products .choose-products__container .card-product-2 .card-product__card {
        position: absolute; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-2 .card-product__card {
            top: -4rem;
            right: -6%; } }
        .animation-products .choose-products .choose-products__container .card-product-2 .card-product__card ::after {
          display: none; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-2 .card-product__card ::after {
              display: block;
              content: ' ';
              border: 30px solid #ffffff;
              border-top-color: transparent;
              border-left-color: transparent;
              border-radius: 20%;
              transform: rotate(135deg);
              position: absolute;
              top: 40%;
              left: -8%; } }
      .animation-products .choose-products .choose-products__container .card-product-2 .card-product__catalog {
        position: absolute;
        top: 120px;
        right: 0; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-2 .card-product__catalog {
            top: 10rem;
            right: -16%; } }
        .animation-products .choose-products .choose-products__container .card-product-2 .card-product__catalog .plaything-2 {
          grid-column: 4/6;
          grid-row: 1; }
      .animation-products .choose-products .choose-products__container .card-product-3 .card-product__card {
        position: absolute; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-3 .card-product__card {
            top: -6rem;
            left: 0rem; } }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__card ::after {
          display: none; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-3 .card-product__card ::after {
              display: block;
              content: ' ';
              border: 30px solid #ffffff;
              border-top-color: transparent;
              border-left-color: transparent;
              border-radius: 20%;
              transform: rotate(45deg);
              position: absolute;
              bottom: -13%;
              right: 40%; } }
      .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog {
        position: absolute;
        top: 120px;
        left: 0; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog {
            justify-items: center;
            top: 20rem;
            left: 1rem; } }
        @media (min-width: 1280px) {
          .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog {
            top: 22rem;
            left: 1rem; } }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer1 {
          grid-column: 1/3;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer2 {
          grid-column: 3/5;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer3 {
          grid-column: 5/7;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer4 {
          grid-column: 7/9;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer5 {
          display: none;
          grid-column: 1/3;
          grid-row: 2; }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer6 {
          grid-column: 2/4;
          grid-row: 2; }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer7 {
          grid-column: 4/6;
          grid-row: 2; }
        .animation-products .choose-products .choose-products__container .card-product-3 .card-product__catalog .burguer8 {
          grid-column: 6/8;
          grid-row: 2; }
      .animation-products .choose-products .choose-products__container .card-product-4 .card-product__card {
        position: absolute; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-4 .card-product__card {
            top: -10rem;
            left: 18rem; } }
        @media (min-width: 1280px) {
          .animation-products .choose-products .choose-products__container .card-product-4 .card-product__card {
            top: -12rem;
            left: 25rem; } }
        .animation-products .choose-products .choose-products__container .card-product-4 .card-product__card ::after {
          display: none; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-4 .card-product__card ::after {
              display: block;
              content: ' ';
              border: 30px solid #ffffff;
              border-top-color: transparent;
              border-left-color: transparent;
              border-radius: 20%;
              transform: rotate(45deg);
              position: absolute;
              bottom: -13%;
              right: 40%; } }
      .animation-products .choose-products .choose-products__container .card-product-4 .card-product__catalog {
        position: absolute;
        top: 120px;
        left: 0; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-4 .card-product__catalog {
            top: 19rem;
            left: 14rem; } }
        @media (min-width: 1280px) {
          .animation-products .choose-products .choose-products__container .card-product-4 .card-product__catalog {
            top: 24rem;
            left: 21rem; } }
        .animation-products .choose-products .choose-products__container .card-product-4 .card-product__catalog .drink1 {
          grid-column: 1/3;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-4 .card-product__catalog .drink2 {
          grid-column: 3/5;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-4 .card-product__catalog .drink3 {
          grid-column: 5/7;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-4 .card-product__catalog .drink4 {
          grid-column: 7/9;
          grid-row: 1; }
      .animation-products .choose-products .choose-products__container .card-product-5 .card-product__card {
        position: absolute; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-5 .card-product__card {
            top: -6rem;
            left: 34rem; } }
        @media (min-width: 1280px) {
          .animation-products .choose-products .choose-products__container .card-product-5 .card-product__card {
            top: -6rem;
            left: 46rem; } }
        .animation-products .choose-products .choose-products__container .card-product-5 .card-product__card ::after {
          display: none; }
          @media (min-width: 992px) {
            .animation-products .choose-products .choose-products__container .card-product-5 .card-product__card ::after {
              display: block;
              content: ' ';
              border: 30px solid #ffffff;
              border-top-color: transparent;
              border-left-color: transparent;
              border-radius: 20%;
              transform: rotate(45deg);
              position: absolute;
              bottom: -13%;
              right: 40%; } }
      .animation-products .choose-products .choose-products__container .card-product-5 .card-product__catalog {
        position: absolute;
        top: 120px;
        left: 0; }
        @media (min-width: 992px) {
          .animation-products .choose-products .choose-products__container .card-product-5 .card-product__catalog {
            top: 18rem;
            left: 27rem; } }
        @media (min-width: 1280px) {
          .animation-products .choose-products .choose-products__container .card-product-5 .card-product__catalog {
            top: 20rem;
            left: 42rem; } }
        .animation-products .choose-products .choose-products__container .card-product-5 .card-product__catalog .dessert1 {
          grid-column: 1/3;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-5 .card-product__catalog .dessert2 {
          grid-column: 3/5;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-5 .card-product__catalog .dessert3 {
          grid-column: 5/7;
          grid-row: 1; }
        .animation-products .choose-products .choose-products__container .card-product-5 .card-product__catalog .dessert4 {
          grid-column: 7/9;
          grid-row: 1; }
    .animation-products .choose-products-v2 .animation-product__menu img {
      margin-top: -31%; }

.cards-aniversario {
  padding: 48px 16px 24px 16px;
  position: relative; }
  @media (min-width: 600px) {
    .cards-aniversario {
      padding: 200px 0 20px 0;
      position: relative; } }
  .cards-aniversario__decoration-image .birthday-deskt {
    display: none; }
    @media (min-width: 992px) {
      .cards-aniversario__decoration-image .birthday-deskt {
        display: block;
        position: absolute;
        bottom: 35%;
        width: 30%;
        left: 0vw; } }
    @media (min-width: 1280px) {
      .cards-aniversario__decoration-image .birthday-deskt {
        bottom: 23%;
        width: 28%;
        left: -6vw; } }
  .cards-aniversario .birthday-mbl {
    display: block; }
    @media (min-width: 600px) {
      .cards-aniversario .birthday-mbl {
        margin: 0 auto; } }
    @media (min-width: 992px) {
      .cards-aniversario .birthday-mbl {
        display: none; } }
  .cards-aniversario .cards-container {
    font-family: 'Flame-Regular';
    font-weight: 400;
    color: #502314;
    text-align: center; }
    .cards-aniversario .cards-container .title {
      font-size: 32px;
      line-height: 36px;
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .cards-aniversario .cards-container .title {
          font-size: 56px;
          line-height: 56px;
          margin-bottom: 24px; } }
    .cards-aniversario .cards-container .content {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .cards-aniversario .cards-container .content {
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 40zpx; } }
  .cards-aniversario .content-cards {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: -20%;
    font-family: 'Flame-Sans-Regular';
    height: auto; }
    @media (min-width: 600px) {
      .cards-aniversario .content-cards {
        margin-top: -9%; } }
    @media (min-width: 992px) {
      .cards-aniversario .content-cards {
        margin-top: 80px;
        flex-direction: row;
        justify-content: center;
        align-items: stretch; } }
    .cards-aniversario .content-cards__card-1, .cards-aniversario .content-cards__card-2, .cards-aniversario .content-cards__card-3, .cards-aniversario .content-cards__card-4 {
      padding: 40px 16px;
      width: auto;
      max-height: 273px; }
      .cards-aniversario .content-cards__card-1 h3, .cards-aniversario .content-cards__card-2 h3, .cards-aniversario .content-cards__card-3 h3, .cards-aniversario .content-cards__card-4 h3 {
        font-size: 24px;
        line-height: 28.8px;
        text-align: center;
        font-weight: 400;
        margin-bottom: 16px;
        font-family: 'Flame-Regular'; }
      .cards-aniversario .content-cards__card-1 p, .cards-aniversario .content-cards__card-2 p, .cards-aniversario .content-cards__card-3 p, .cards-aniversario .content-cards__card-4 p {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        line-height: 22px;
        margin-bottom: 16px; }
      @media (min-width: 992px) {
        .cards-aniversario .content-cards__card-1, .cards-aniversario .content-cards__card-2, .cards-aniversario .content-cards__card-3, .cards-aniversario .content-cards__card-4 {
          width: 320px; } }
    .cards-aniversario .content-cards__card-1 {
      background-color: #ff8732; }
      .cards-aniversario .content-cards__card-1 p {
        padding: 0 10px; }
    .cards-aniversario .content-cards__card-2 {
      background-color: #198737; }
    .cards-aniversario .content-cards__card-3 {
      background-color: #502314; }
    .cards-aniversario .content-cards__card-4 {
      background-color: #d62300; }

.play-king {
  position: relative;
  margin: 100px auto; }
  .play-king .birthday-candles {
    position: absolute;
    bottom: 105%;
    right: 0%;
    width: 50%;
    z-index: 999; }
    @media (min-width: 600px) {
      .play-king .birthday-candles {
        right: 0;
        bottom: 75%;
        width: auto; } }
  @media (min-width: 600px) {
    .play-king .wrapper {
      display: flex;
      align-items: center;
      justify-content: center; } }
  .play-king .wrapper .images-play-king {
    position: relative;
    text-align: center; }
    @media (min-width: 600px) {
      .play-king .wrapper .images-play-king {
        padding-top: 20%; } }
    .play-king .wrapper .images-play-king .king-emoji {
      position: absolute;
      width: 28%;
      bottom: 0;
      left: 0; }
  .play-king .wrapper .play-content {
    margin-top: 30px;
    text-align: center;
    color: #502314;
    font-family: 'Flame-Regular';
    display: grid;
    gap: 16px;
    font-weight: 400; }
    @media (min-width: 600px) {
      .play-king .wrapper .play-content {
        margin-left: 50px;
        text-align: start; } }
    .play-king .wrapper .play-content h3 {
      font-size: 32px;
      line-height: 36px; }
      @media (min-width: 992px) {
        .play-king .wrapper .play-content h3 {
          font-size: 56px;
          line-height: 56px;
          font-weight: 500; } }
    .play-king .wrapper .play-content p {
      font-size: 18px;
      line-height: 24px; }
      @media (min-width: 992px) {
        .play-king .wrapper .play-content p {
          font-size: 24px;
          line-height: 24px;
          font-weight: 500; } }
  .play-king-v2 .images-play-king {
    max-width: 369px; }

/* BOTÓN BACKGROUND ROJO */
.king-red {
  background-color: #d62300;
  padding: 8px 16px 8px 16px;
  border-radius: 100px;
  font-family: 'Flame-Regular';
  border: none;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px; }

.king-white {
  background-color: #ffffff;
  padding: 8px 16px 8px 16px;
  border-radius: 100px;
  font-family: 'Flame-Regular';
  border: none;
  color: #502314;
  font-size: 16px;
  line-height: 24px; }

/* BOTÓN BACKGROUND PASTEL */
.king-border {
  margin: 20px 0;
  background-color: #f5ebdc;
  padding: 8px 16px 8px 16px;
  border-radius: 100px;
  font-family: 'Flame-Regular';
  color: #d62300;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #d62300; }

/* BOTÓN BACKGROUND TRANSPARENTE */
.king-transparent {
  margin: 16px 0;
  background-color: transparent;
  padding: 8px 16px 8px 16px;
  border-radius: 100px;
  font-family: 'Flame-Regular';
  color: #d62300;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #d62300; }
  @media (min-width: 600px) {
    .king-transparent {
      margin: 20px 0; } }

/* TAMAÑO Y POSICIÓN BOTONES */
.choose-buttons {
  display: grid;
  text-align: center; }
  @media (min-width: 992px) {
    .choose-buttons {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px; }
      .choose-buttons .king-red,
      .choose-buttons .king-white,
      .choose-buttons .king-border,
      .choose-buttons .king-transparent {
        width: 224px;
        margin: 0; } }

.font-bold {
  font-family: 'Flame-Regular'; }

/* UNDERLINES */
.underline-yellow-cards {
  background: url(../assets/king-jr-v2/underline-yellow-cards.png) no-repeat;
  background-position: 0 1.06em;
  background-size: contain; }

.underline-green {
  background: url(../assets/king-jr-v2/underline-green.png) no-repeat;
  background-position: 0.01em 1.06em;
  background-size: initial; }

.underline-yellow {
  background: url(../assets/king-jr-v2/underline-yellow.png) no-repeat;
  background-position: 0.01em 1.06em;
  background-size: auto; }

.contiene_p_centrado {
  display: flex;
  justify-content: center; }

.contiene_p_centrado_bot {
  display: flex;
  justify-content: center;
  margin: 70px 0 0px; }

.wrapper-2 {
  width: 100%;
  max-width: 956px; }

.principal-menu .menu-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 999;
  background-color: #f5ebdc;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 992px) {
    .principal-menu .menu-tabs {
      justify-content: center; } }
  .principal-menu .menu-tabs__tab-work-mbl, .principal-menu .menu-tabs__tab-office-mbl, .principal-menu .menu-tabs__tab-office-dsk, .principal-menu .menu-tabs__tab-work-dsk {
    padding: 20px 0;
    min-width: 50%;
    text-align: center;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    @media (min-width: 992px) {
      .principal-menu .menu-tabs__tab-work-mbl, .principal-menu .menu-tabs__tab-office-mbl, .principal-menu .menu-tabs__tab-office-dsk, .principal-menu .menu-tabs__tab-work-dsk {
        min-width: 40%; } }
    .principal-menu .menu-tabs__tab-work-mbl .item-menu, .principal-menu .menu-tabs__tab-office-mbl .item-menu, .principal-menu .menu-tabs__tab-office-dsk .item-menu, .principal-menu .menu-tabs__tab-work-dsk .item-menu {
      font-size: 20px;
      line-height: 24px;
      font-weight: 400; }

.hero-works {
  margin-top: 100px;
  position: relative; }
  .hero-works .boy-gif,
  .hero-works .girl {
    display: none; }
  @media (min-width: 540px) {
    .hero-works {
      height: 430px; } }
  @media (min-width: 992px) {
    .hero-works {
      height: 390px; }
      .hero-works .boy-gif {
        display: block;
        position: absolute;
        right: -20px;
        top: -60px;
        width: 20%; }
      .hero-works .girl {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 15%; } }
  @media (min-width: 1280px) {
    .hero-works .boy-gif {
      width: 15%; }
    .hero-works .girl {
      width: 13%;
      bottom: 45px; } }
  @media (min-width: 1500px) {
    .hero-works .boy-gif {
      width: 15%; }
    .hero-works .girl {
      width: 10%;
      bottom: 0; } }
  .hero-works .wrapper {
    position: relative; }
    .hero-works .wrapper .tomato {
      position: absolute;
      bottom: 0;
      left: -15%;
      animation: tomato-hero-right 8s infinite 1s linear;
      transform-origin: center; }
      @media (min-width: 600px) {
        .hero-works .wrapper .tomato {
          top: 6%;
          left: -10%;
          width: 14%; } }
      @media (min-width: 992px) {
        .hero-works .wrapper .tomato {
          width: 10%; } }
      @media (min-width: 1280px) {
        .hero-works .wrapper .tomato {
          width: 8%;
          top: 10%; } }
      @media (min-width: 1500px) {
        .hero-works .wrapper .tomato {
          width: 10%;
          top: 8%;
          left: -34%; } }
    .hero-works .wrapper .onion {
      position: absolute;
      right: -50px;
      width: 20%;
      animation: onion-hero-right 12s infinite 1s linear;
      transform-origin: center; }
      @media (min-width: 600px) {
        .hero-works .wrapper .onion {
          width: 12%;
          top: 60%; } }
      @media (min-width: 992px) {
        .hero-works .wrapper .onion {
          width: 8%; } }
      @media (min-width: 1280px) {
        .hero-works .wrapper .onion {
          width: 8%;
          top: 40%; } }
      @media (min-width: 1500px) {
        .hero-works .wrapper .onion {
          width: 10%;
          top: 65%;
          left: 100%; } }
    .hero-works .wrapper .principal-vegetables {
      position: relative; }
      .hero-works .wrapper .principal-vegetables .restaurant-title {
        display: grid;
        text-align: center; }
        @media (min-width: 600px) {
          .hero-works .wrapper .principal-vegetables .restaurant-title {
            gap: 10px;
            margin: 0 55px; } }
        @media (min-width: 992px) {
          .hero-works .wrapper .principal-vegetables .restaurant-title {
            margin: 0 150px; } }
        @media (min-width: 1280px) {
          .hero-works .wrapper .principal-vegetables .restaurant-title {
            margin: 0 264px; } }
        @media (min-width: 1500px) {
          .hero-works .wrapper .principal-vegetables .restaurant-title {
            margin: 0 100px; } }
        .hero-works .wrapper .principal-vegetables .restaurant-title h2 {
          margin: 20px 0 14px;
          font-family: 'Flame-Bold';
          font-size: 30px;
          line-height: 32px;
          font-weight: 700;
          color: #502314; }
          @media (min-width: 600px) {
            .hero-works .wrapper .principal-vegetables .restaurant-title h2 {
              font-size: 48px;
              line-height: 48px; } }
          .hero-works .wrapper .principal-vegetables .restaurant-title h2 .title-burguer {
            margin-top: 8px; }
            @media (min-width: 600px) {
              .hero-works .wrapper .principal-vegetables .restaurant-title h2 .title-burguer {
                margin-top: 24px; } }
        .hero-works .wrapper .principal-vegetables .restaurant-title p {
          font-family: 'Flame-Regular';
          color: #502314;
          font-size: 18px;
          font-weight: 400;
          line-height: 24px; }
          @media (min-width: 600px) {
            .hero-works .wrapper .principal-vegetables .restaurant-title p {
              font-size: 22px;
              line-height: 28px; } }
    .hero-works .wrapper .arrow-down {
      justify-content: center;
      margin: 40px auto; }
      .hero-works .wrapper .arrow-down__icon {
        border-radius: 40px;
        background-color: orange; }
        .hero-works .wrapper .arrow-down__icon__bg {
          background-color: #ffffff; }
      @media (min-width: 600px) {
        .hero-works .wrapper .arrow-down {
          margin-top: 20px; } }

.mission {
  background: url("../../assets/trabaja-con-nosotros/mission-background.png") no-repeat;
  background-size: cover;
  height: 273px;
  z-index: 899;
  position: relative; }
  @media (min-width: 600px) {
    .mission {
      height: 239px;
      margin-top: 80px; } }
  @media (min-width: 992px) {
    .mission {
      margin-top: 120px; } }
  .mission .arrow-mbl {
    position: absolute;
    right: 0;
    top: 10%; }
  .mission .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .mission .wrapper .arrow-dsk {
      position: relative;
      right: 3%;
      width: 10%; }
    @media (min-width: 992px) {
      .mission .wrapper {
        flex-direction: row;
        align-items: center; } }
    .mission .wrapper h2 {
      padding-top: 20px;
      font-family: 'Flame-Regular';
      color: #f5ebdc;
      font-size: 40px;
      line-height: 36px;
      font-weight: 400; }
      @media (min-width: 1280px) {
        .mission .wrapper h2 {
          font-size: 56px;
          line-height: 56px; } }
    .mission .wrapper p {
      padding-top: 16px;
      font-family: 'Flame-Regular';
      color: #f5ebdc;
      font-size: 24px;
      line-height: 29px;
      font-weight: 400; }
      @media (min-width: 600px) {
        .mission .wrapper p {
          font-size: 36px;
          line-height: 48px; } }
      @media (min-width: 1280px) {
        .mission .wrapper p {
          font-size: 36px;
          line-height: 48px; } }

.work-us-bk {
  background: url("/assets/trabaja-con-nosotros/section-work.png") no-repeat center center;
  background-size: cover;
  padding: 50px 0;
  position: relative; }
  .work-us-bk .wrapper {
    transform: translate(0);
    opacity: 1;
    transition: all 0.6s ease; }
    .work-us-bk .wrapper h3 {
      margin: 20px 0 60px;
      font-size: 32px;
      line-height: 36px;
      font-weight: 400;
      font-family: 'Flame-Regular';
      color: #502314;
      text-align: center; }
      @media (min-width: 992px) {
        .work-us-bk .wrapper h3 {
          font-size: 56px;
          line-height: 56px; } }
    .work-us-bk .wrapper .container-jobs {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      @media (min-width: 600px) {
        .work-us-bk .wrapper .container-jobs {
          flex-direction: row;
          position: relative;
          bottom: 0; } }
      .work-us-bk .wrapper .container-jobs__job {
        border-radius: 16px;
        box-shadow: 3px 11px 12px 0px #00000026; }
        @media (min-width: 600px) {
          .work-us-bk .wrapper .container-jobs__job {
            width: 32%; } }
        .work-us-bk .wrapper .container-jobs__job img {
          border-radius: 16px 16px 0 0;
          width: 100%; }
        .work-us-bk .wrapper .container-jobs__job--content-job {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          text-align: center;
          padding: 16px 16px 40px;
          gap: 16px; }
          .work-us-bk .wrapper .container-jobs__job--content-job h4 {
            font-family: 'Flame-Bold';
            font-weight: 700;
            font-size: 32px;
            line-height: 38.4px;
            color: #502314; }
          .work-us-bk .wrapper .container-jobs__job--content-job p {
            font-weight: 400;
            font-size: 18px;
            line-height: 22px;
            font-family: 'Flame-Sans-Regular';
            color: #502314; }
          .work-us-bk .wrapper .container-jobs__job--content-job .button-work-us {
            font-family: 'Flame-Regular';
            display: grid;
            background-color: #d62300;
            border-radius: 100px;
            border: none;
            color: #ffffff;
            font-size: 16px;
            line-height: 24px;
            width: 100%;
            padding: 8px 0;
            margin-top: 8px; }
            @media (min-width: 600px) {
              .work-us-bk .wrapper .container-jobs__job--content-job .button-work-us {
                font-size: 14px;
                width: 99%;
                padding: 11px 10px;
                margin-top: 0px; } }
            @media (min-width: 992px) {
              .work-us-bk .wrapper .container-jobs__job--content-job .button-work-us {
                width: 90%;
                padding: 11px 0px; } }
          @media (min-width: 600px) and (max-width: 884px) {
            .work-us-bk .wrapper .container-jobs__job--content-job {
              height: 240px;
              gap: 16px; } }
          @media (min-width: 992px) {
            .work-us-bk .wrapper .container-jobs__job--content-job {
              height: 200px; } }
          @media (min-width: 1280px) {
            .work-us-bk .wrapper .container-jobs__job--content-job {
              height: 170px; } }
    .work-us-bk .wrapper.is-inactive {
      transform: translateY(100px);
      opacity: 0; }

.work-office {
  position: relative; }
  .work-office img {
    position: absolute;
    height: 60vh;
    width: 100%;
    bottom: 0%; }
    @media (min-width: 600px) {
      .work-office img {
        height: 50vh; } }
    @media (min-width: 820px) {
      .work-office img {
        height: 26vh; } }
    @media (min-width: 912px) {
      .work-office img {
        height: 23vh; } }
    @media (min-width: 992px) {
      .work-office img {
        height: 50vh; } }
    @media (min-width: 1280px) {
      .work-office img {
        height: 60vh; } }
  .work-office .wrapper {
    padding: 20px 0;
    text-align: center;
    display: grid;
    justify-items: center; }
    @media (min-width: 992px) {
      .work-office .wrapper {
        padding: 40px 0; } }
    @media (min-width: 1280px) {
      .work-office .wrapper {
        padding: 40px 0 65px; } }
    .work-office .wrapper h3 {
      margin: 20px 0;
      font-size: 32px;
      line-height: 36px;
      font-weight: 400;
      font-family: 'Flame-Regular';
      color: #502314;
      text-align: center; }
      @media (min-width: 992px) {
        .work-office .wrapper h3 {
          font-size: 56px;
          line-height: 56px; } }
    .work-office .wrapper p {
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
      font-family: 'Flame-Regular';
      color: #502314;
      padding-bottom: 20px; }
    .work-office .wrapper .button-work-us {
      font-family: 'Flame-Regular';
      background-color: #d62300;
      border-radius: 100px;
      border: none;
      color: #ffffff;
      font-size: 16px;
      line-height: 24px;
      width: 253px;
      padding: 10px 0; }

@media (min-width: 992px) {
  .work-offers {
    background-color: #f5ebdc;
    top: auto; } }

.work-offers .title-work {
  padding: 40px 0; }
  @media (min-width: 992px) {
    .work-offers .title-work {
      padding: 80px 0 0; } }

.work-offers .giratory-cards-container {
  display: grid;
  padding-top: 20px;
  flex-direction: column;
  gap: 20px; }
  @media (min-width: 600px) and (max-width: 1280px) {
    .work-offers .giratory-cards-container {
      grid-template-rows: repeat(2, 1fr);
      grid-template-columns: repeat(3, 1fr);
      padding-top: 0;
      justify-items: center; } }
  @media (min-width: 1280px) {
    .work-offers .giratory-cards-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; } }
  @media (min-width: 600px) and (max-width: 992px) {
    .work-offers .giratory-cards-container .giratory-card-container img {
      height: 100%;
      width: auto; } }
  @media (min-width: 600px) and (max-width: 992px) {
    .work-offers .giratory-cards-container .giratory-card-container:nth-child(4),
    .work-offers .giratory-cards-container .giratory-card-container:nth-child(5) {
      grid-column: span 1; } }
  .work-offers .giratory-cards-container .giratory-card {
    position: relative;
    height: 200px;
    width: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0px 20px 30px 0px #0000001a; }
    .work-offers .giratory-cards-container .giratory-card .giratory-card__content__text {
      font-size: 24px;
      line-height: 29px;
      text-align: center; }
    @media (min-width: 600px) {
      .work-offers .giratory-cards-container .giratory-card {
        width: 212px;
        height: 270px; } }

.work-offers .limits {
  padding: 40px 0; }
  @media (min-width: 992px) {
    .work-offers .limits {
      padding: 80px 0; } }
  .work-offers .limits .title-limits {
    padding: 0;
    font-family: 'Flame-Bold';
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    color: #502314; }
  .work-offers .limits__container-images {
    margin: 50px 0 40px;
    display: grid;
    gap: 50px; }
    @media (min-width: 600px) {
      .work-offers .limits__container-images {
        display: flex;
        justify-content: center;
        margin-bottom: 0; } }
    .work-offers .limits__container-images--rocket, .work-offers .limits__container-images--cap {
      align-items: flex-start;
      justify-content: center;
      gap: 15px;
      display: grid;
      grid-template-columns: 96px 230px; }
      .work-offers .limits__container-images--rocket img, .work-offers .limits__container-images--cap img {
        width: 130px; }
      .work-offers .limits__container-images--rocket__container-text, .work-offers .limits__container-images--cap__container-text {
        padding-right: 30px; }
        .work-offers .limits__container-images--rocket__container-text .percentaje, .work-offers .limits__container-images--cap__container-text .percentaje {
          font-family: 'Flame-Bold';
          font-size: 56px;
          line-height: 67px; }
        .work-offers .limits__container-images--rocket__container-text .percentaje-description, .work-offers .limits__container-images--cap__container-text .percentaje-description {
          font-size: 20px;
          line-height: 24px; }

.welcome-cards {
  padding-top: 40px; }
  @media (min-width: 992px) {
    .welcome-cards {
      min-height: 48vh; } }
  @media (width: 1024px) and (height: 600px) {
    .welcome-cards {
      min-height: 76vh; } }
  @media (min-width: 1280px) {
    .welcome-cards {
      padding-top: 100px;
      display: flex;
      min-height: 75vh; } }
  .welcome-cards__title-welcome {
    display: grid;
    gap: 20px; }
    @media (min-width: 992px) {
      .welcome-cards__title-welcome {
        width: 50%; } }
    @media (min-width: 1500px) {
      .welcome-cards__title-welcome {
        margin-bottom: 100px; } }
    .welcome-cards__title-welcome--flex-content {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (min-width: 600px) {
        .welcome-cards__title-welcome--flex-content {
          justify-content: flex-start; } }
      .welcome-cards__title-welcome--flex-content h3 {
        font-size: 31px;
        line-height: 36px; }
        @media (min-width: 600px) {
          .welcome-cards__title-welcome--flex-content h3 {
            font-size: 56px;
            line-height: 56px; } }
      @media (min-width: 600px) {
        .welcome-cards__title-welcome--flex-content img {
          width: 20%; } }
    .welcome-cards__title-welcome .text-diversity {
      font-size: 24px;
      line-height: 28px; }
      @media (min-width: 600px) {
        .welcome-cards__title-welcome .text-diversity {
          font-size: 36px;
          line-height: 32px; } }
    .welcome-cards__title-welcome .diversity-description {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 20px; }
      @media (min-width: 600px) {
        .welcome-cards__title-welcome .diversity-description {
          font-size: 18px;
          line-height: 22px; } }
  .welcome-cards__image-content {
    display: flex;
    justify-content: flex-end; }
    @media (min-width: 600px) {
      .welcome-cards__image-content img {
        width: 70%; } }
    @media (min-width: 992px) {
      .welcome-cards__image-content img {
        position: absolute;
        bottom: 0%;
        width: 40%; } }
    @media (min-width: 1024px) and (height: 600px) {
      .welcome-cards__image-content img {
        width: 58%; } }
    @media (min-width: 1024px) and (height: 600px) {
      .welcome-cards__image-content img {
        width: 53%; } }

.growth {
  margin-top: 20px;
  padding-bottom: 40px; }
  .growth.activeCircleRoad {
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 400ms ease-in; }
    @media (min-width: 600px) {
      .growth.activeCircleRoad {
        background: transparent;
        transition: opacity 400ms ease-in;
        padding-bottom: 30px; } }
  .growth .text-and-rotate-sign {
    top: 10px; }
    @media (min-width: 992px) {
      .growth .text-and-rotate-sign {
        bottom: 30px;
        left: 5%; } }
  .growth .title-work {
    padding: 0 0 50px; }
    @media (min-width: 992px) {
      .growth .title-work {
        padding: 30px 0 24px; } }
  .growth p {
    font-family: 'Flame-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px; }
  .growth__road {
    position: relative; }
    .growth__road .road-responsive {
      width: 100%;
      margin: 20px auto 0; }
      @media (min-width: 600px) {
        .growth__road .road-responsive {
          width: 70%;
          margin: 0 auto; } }
    .growth__road .circle-1 {
      top: 47%;
      left: 20%; }
    .growth__road .circle-2 {
      background-color: #502314;
      top: 34%;
      left: 32%; }
    .growth__road .circle-3 {
      top: 47%;
      left: 47%; }
    .growth__road .circle-4 {
      top: 25%;
      left: 63%; }
    .growth__road .circle-5 {
      top: 15%;
      left: 80%; }
    .growth__road .circle-6 {
      top: 30%;
      left: 84%; }
    .growth__road .circle-7 {
      top: 60%;
      left: 25%; }
    .growth__road .circle-8 {
      top: 73%;
      left: 15%; }
    .growth__road .mbl-circle-1 {
      top: 19%;
      left: 64%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-1 {
          left: 56%; } }
    .growth__road .mbl-circle-2 {
      top: 34%;
      left: 57%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-2 {
          left: 54%; } }
    .growth__road .mbl-circle-3 {
      top: 43%;
      left: 37%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-3 {
          left: 44%; } }
    .growth__road .mbl-circle-4 {
      top: 63%;
      left: 61%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-4 {
          left: 55%; } }
    .growth__road .mbl-circle-5 {
      top: 80%;
      left: 65%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-5 {
          left: 58%; } }
    .growth__road .mbl-circle-6 {
      top: 79%;
      left: 25%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-6 {
          top: 80%;
          left: 40%; } }
    .growth__road .mbl-circle-7 {
      top: 22%;
      left: 35%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-7 {
          left: 42%; } }
    .growth__road .mbl-circle-8 {
      top: 10%;
      left: 24%; }
      @media (min-width: 600px) {
        .growth__road .mbl-circle-8 {
          left: 38%; } }
  .growth__cards-container .cards {
    width: 304px;
    height: auto;
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    background-color: #ffffff;
    color: #502314;
    opacity: 0;
    transition: opacity 0.6s ease; }
    .growth__cards-container .cards__title p {
      margin: 0;
      font-family: 'Flame-Bold';
      font-size: 24px;
      line-height: normal;
      font-weight: 700; }
    .growth__cards-container .cards__description p {
      margin: 0;
      font-family: 'Flame-Sans-Regular';
      font-size: 16px;
      line-height: 24px;
      font-weight: 400; }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-1 {
      position: absolute;
      top: 30%;
      right: 63%; } }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-2 {
      position: absolute;
      top: 30%;
      right: 45%;
      transition: all 0.5 ease; } }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-3 {
      position: absolute;
      top: 68%;
      right: 28%;
      transition: all 0.5 ease; } }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-4 {
      position: absolute;
      top: 30%;
      right: 38%;
      transition: all 0.5 ease; } }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-5 {
      position: absolute;
      top: 65%;
      right: 26%;
      transition: all 0.5 ease; } }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-6 {
      position: absolute;
      top: 60%;
      right: 14%;
      transition: all 0.5 ease; } }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-7 {
      position: absolute;
      top: 70%;
      right: 28%;
      transition: all 0.5 ease; } }
  @media (min-width: 992px) {
    .growth__cards-container .card-road-8 {
      position: absolute;
      top: 75%;
      right: 50%;
      transition: all 0.5 ease; } }
  .growth__cards-container.shown {
    opacity: 1; }
  .growth__cards-container-mbl {
    height: 0; }
    .growth__cards-container-mbl .cards-mbl {
      height: auto;
      padding: 24px 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      border-radius: 16px;
      background-color: #ffffff;
      color: #502314;
      display: none;
      transition: opacity 0.6s ease;
      position: relative; }
      .growth__cards-container-mbl .cards-mbl .exit {
        width: 24px;
        height: 24px;
        background-color: transparent; }
      .growth__cards-container-mbl .cards-mbl .exit:before {
        content: 'X';
        position: absolute;
        top: 24px;
        right: 16px;
        color: #502314;
        font-family: Arial, Helvetica, sans-serif;
        cursor: pointer; }
      .growth__cards-container-mbl .cards-mbl__title {
        margin-bottom: 8px; }
        .growth__cards-container-mbl .cards-mbl__title p {
          margin: 0;
          font-family: 'Flame-Bold';
          font-size: 24px;
          line-height: normal;
          font-weight: 700; }
      .growth__cards-container-mbl .cards-mbl__description p {
        margin: 0;
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        line-height: 24px;
        font-weight: 400; }
    .growth__cards-container-mbl .card-road-1-mbl {
      transform: translateY(-235%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-1-mbl {
          transform: translateY(-600%); } }
    .growth__cards-container-mbl .card-road-2-mbl {
      transform: translateY(-185%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-2-mbl {
          transform: translateY(-600%); } }
    .growth__cards-container-mbl .card-road-3-mbl {
      transform: translateY(-135%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-3-mbl {
          transform: translateY(-600%); } }
    .growth__cards-container-mbl .card-road-4-mbl {
      transform: translateY(-85%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-4-mbl {
          transform: translateY(-600%); } }
    .growth__cards-container-mbl .card-road-5-mbl {
      transform: translateY(-175%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-5-mbl {
          transform: translateY(-450%); } }
    .growth__cards-container-mbl .card-road-6-mbl {
      transform: translateY(-175%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-6-mbl {
          transform: translateY(-450%); } }
    .growth__cards-container-mbl .card-road-7-mbl {
      transform: translateY(-180%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-7-mbl {
          transform: translateY(-450%); } }
    .growth__cards-container-mbl .card-road-8-mbl {
      transform: translateY(-220%);
      margin: 0px auto; }
      @media (min-width: 600px) {
        .growth__cards-container-mbl .card-road-8-mbl {
          transform: translateY(-500%); } }
    .growth__cards-container-mbl.shown {
      display: block; }
  .growth__challenges {
    font-size: 30px;
    line-height: 32px;
    text-align: center; }
  .growth__description {
    align-items: center;
    text-align: center;
    margin: 80px 0 0px; }
    .growth__description__text {
      max-width: 956px; }

.growth__cards-container-mbl__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease; }
  .growth__cards-container-mbl__bg.shown {
    opacity: 0.4; }

/* DESKTOP CARDS */
.animation-cards {
  z-index: 10;
  /* MOVIL CARDS */ }
  .animation-cards .desktop-cards {
    position: relative;
    padding-top: 6%;
    perspective: 100px;
    height: 55%;
    display: none; }
    @media (min-width: 600px) {
      .animation-cards .desktop-cards {
        height: 25%; } }
    @media (min-width: 992px) {
      .animation-cards .desktop-cards {
        display: block;
        height: auto;
        top: -10em; } }
    @media (min-width: 1280px) {
      .animation-cards .desktop-cards {
        padding-top: 0%;
        top: -5em; } }
    @media (min-width: 1500px) {
      .animation-cards .desktop-cards {
        top: -12em; } }
    .animation-cards .desktop-cards ol,
    .animation-cards .desktop-cards li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .animation-cards .desktop-cards .testimonial-cards-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 15px;
      overflow-x: hidden;
      counter-reset: item;
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      filter: drop-shadow(0 0 10px #0003); }
      .animation-cards .desktop-cards .testimonial-cards-container.restaurante {
        grid-template-columns: 1fr 1fr 1fr 1fr; }
      .animation-cards .desktop-cards .testimonial-cards-container .welcome-slide__container--cabecera {
        display: grid;
        justify-items: center;
        padding-top: 20px;
        text-align: center;
        gap: 10px; }
        .animation-cards .desktop-cards .testimonial-cards-container .welcome-slide__container--cabecera__name {
          font-size: 24px;
          line-height: 29px;
          margin-bottom: 10px; }
        .animation-cards .desktop-cards .testimonial-cards-container .welcome-slide__container--cabecera__rol {
          font-size: 18px;
          line-height: 22px; }
      .animation-cards .desktop-cards .testimonial-cards-container .welcome-slide__container--content {
        position: relative;
        padding: 40px; }
        @media (min-width: 992px) {
          .animation-cards .desktop-cards .testimonial-cards-container .welcome-slide__container--content {
            padding: 24px 24px 40px; } }
        .animation-cards .desktop-cards .testimonial-cards-container .welcome-slide__container--content img {
          position: absolute;
          top: 1.1em;
          left: 2em;
          z-index: -1; }
        .animation-cards .desktop-cards .testimonial-cards-container .welcome-slide__container--content__description {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 10px; }
      @media (min-width: 992px) {
        .animation-cards .desktop-cards .testimonial-cards-container {
          position: relative;
          overflow-x: hidden; } }
      @media (min-width: 1280px) {
        .animation-cards .desktop-cards .testimonial-cards-container {
          filter: none; } }
    .animation-cards .desktop-cards .carousel__slide {
      position: relative;
      flex: 0 0 100%;
      width: 100%; }
      @media (min-width: 992px) {
        .animation-cards .desktop-cards .carousel__slide {
          flex: auto;
          margin-right: 20px; } }
    .animation-cards .desktop-cards .carousel__navigation {
      position: absolute;
      right: 0;
      bottom: -30px;
      left: 0;
      text-align: center; }
      @media (min-width: 600px) {
        .animation-cards .desktop-cards .carousel__navigation {
          bottom: 30px; } }
      @media (min-width: 992px) {
        .animation-cards .desktop-cards .carousel__navigation {
          display: none; } }
      .animation-cards .desktop-cards .carousel__navigation .carousel__navigation-list {
        display: inline-block; }
        .animation-cards .desktop-cards .carousel__navigation .carousel__navigation-list .carousel__navigation-item {
          display: inline-block; }
          .animation-cards .desktop-cards .carousel__navigation .carousel__navigation-list .carousel__navigation-item .carousel__navigation-button {
            display: inline-block;
            width: 15px;
            height: 15px;
            background-color: #c6d2d9;
            background-clip: content-box;
            border: 0.25rem solid transparent;
            border-radius: 50%;
            font-size: 0;
            transition: transform 0.1s; }
            .animation-cards .desktop-cards .carousel__navigation .carousel__navigation-list .carousel__navigation-item .carousel__navigation-button.active {
              background-color: #f25600; }
  .animation-cards .movil-cards.swiper {
    margin-top: -20%; }
    @media (min-width: 992px) {
      .animation-cards .movil-cards.swiper {
        display: none; } }
    .animation-cards .movil-cards.swiper .container {
      max-width: 75rem;
      width: 100%;
      margin: 0 auto; }
      .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper {
        position: relative;
        padding-bottom: 130px;
        margin: 0; }
        .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .welcome-cards-mbl__cabecera {
          display: grid;
          justify-items: center;
          padding-top: 20px;
          text-align: center;
          gap: 10px; }
          .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .welcome-cards-mbl__cabecera--name {
            font-size: 24px;
            line-height: 29px; }
          .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .welcome-cards-mbl__cabecera--rol {
            font-size: 18px;
            line-height: 22px;
            margin-top: 4px; }
        .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .welcome-cards-mbl__content {
          position: relative;
          padding: 0 30px;
          padding-top: 40px; }
          @media (min-width: 600px) {
            .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .welcome-cards-mbl__content {
              padding: 40px; } }
          .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .welcome-cards-mbl__content img {
            position: absolute;
            top: 0.9em;
            left: 1em;
            z-index: -1; }
          .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .welcome-cards-mbl__content--description {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 10px; }
        .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide__slides {
          display: flex;
          flex-wrap: wrap;
          position: relative;
          height: 100%;
          transition: transform 0.5s ease-in-out;
          width: 90%; }
          .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide__slides--slide {
            background-color: white;
            border-radius: 10px;
            padding: 20px;
            height: 92%; }
        .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .card-image {
          background: #ffffff;
          border: none;
          outline: none;
          border-radius: 2px; }
          .animation-cards .movil-cards.swiper .container .swiper-container .swiper-wrapper .swiper-slide .card-image img {
            display: block;
            position: relative;
            left: 0;
            bottom: 0;
            width: 100%;
            height: auto;
            object-fit: cover; }
      .animation-cards .movil-cards.swiper .container .swiper-container .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        background-color: #c6d2d9;
        background-clip: content-box;
        border: 0.25rem solid transparent;
        border-radius: 50%;
        font-size: 0;
        transition: transform 0.1s;
        opacity: 1; }
        .animation-cards .movil-cards.swiper .container .swiper-container .swiper-pagination-bullet-active {
          background-color: #f25600; }

.animation-burguer .wrapper {
  transform: translate(0);
  opacity: 1;
  transition: all 0.6s ease; }
  .animation-burguer .wrapper .animation-burguer__container-burguer__content-video {
    transform: translateX(0);
    transition: all 0.6s ease; }
    @media (max-width: 600px) {
      .animation-burguer .wrapper .animation-burguer__container-burguer__content-video {
        width: 100%;
        transform: translateX(0);
        transition: all 0.6s ease; } }
  .animation-burguer .wrapper.is-inactive {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.6s ease; }
    @media (max-width: 600px) {
      .animation-burguer .wrapper.is-inactive .animation-burguer__container-burguer__content-video {
        transform: translateX(-50px); } }

/* HAMBURGUESA */
.animation-burguer {
  max-width: 100%;
  height: auto;
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .animation-burguer {
      top: -100px; } }
  .animation-burguer h3 {
    position: relative;
    font-family: 'Flame-Bold';
    font-size: 30px;
    line-height: 32px;
    z-index: 1;
    text-align: center;
    margin: 50px 0 100px 0; }
    @media (min-width: 600px) {
      .animation-burguer h3 {
        font-size: 48px;
        line-height: 48px; } }
    @media (min-width: 992px) {
      .animation-burguer h3 {
        margin: 100px 0; } }
  .animation-burguer .trazo-hamburguer {
    position: absolute;
    width: 58%;
    bottom: 85%;
    height: 11%;
    left: 5%; }
    @media (min-width: 420px) {
      .animation-burguer .trazo-hamburguer {
        width: 45%;
        bottom: 92%;
        right: 0;
        left: auto; } }
    @media (min-width: 600px) {
      .animation-burguer .trazo-hamburguer {
        right: 14%; } }
    @media (min-width: 820px) {
      .animation-burguer .trazo-hamburguer {
        right: 10%; } }
    @media (min-width: 992px) {
      .animation-burguer .trazo-hamburguer {
        right: 32%;
        width: 30%; } }
    @media (min-width: 1280px) {
      .animation-burguer .trazo-hamburguer {
        bottom: 92%;
        right: 23%;
        width: 30%; } }
  .animation-burguer__container-burguer__content-video {
    width: 100%; }
    .animation-burguer__container-burguer__content-video .burguer-video {
      width: 100%; }

/* TABS MENU */
.tabs-container__work {
  display: none; }
  .tabs-container__work.show {
    display: block; }

.tabs-container__office {
  display: none; }
  .tabs-container__office.show {
    display: block; }
  .tabs-container__office .background-cards {
    max-height: 610px;
    height: 610px; }
    @media (min-width: 370px) and (max-width: 600px) {
      .tabs-container__office .background-cards {
        max-height: 530px; } }
    @media (min-width: 600px) {
      .tabs-container__office .background-cards {
        max-height: 400px; } }
    @media (min-width: 992px) {
      .tabs-container__office .background-cards {
        max-height: 540px; } }
    @media (min-width: 1280px) {
      .tabs-container__office .background-cards {
        max-height: 510px; } }

.active {
  color: #d62300;
  font-family: 'Flame-Regular';
  border-bottom: 3px solid #d62300 !important; }

/* VISIBILIDAD RESOLUCIONES */
.mbl {
  display: block; }
  @media (min-width: 992px) {
    .mbl {
      display: none; } }

.mbl-tablet {
  display: block; }
  @media (min-width: 600px) {
    .mbl-tablet {
      display: none; } }

.dsk-tablet {
  display: none; }
  @media (min-width: 600px) {
    .dsk-tablet {
      display: block; } }

.dsk {
  display: none; }
  @media (min-width: 992px) {
    .dsk {
      display: block; } }

/* CARDS FONDO */
.background-cards {
  position: absolute;
  width: 100%;
  max-height: 460px;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .background-cards.img-restaurant {
    width: 24%; }
  @media (min-width: 600px) {
    .background-cards {
      max-height: 400px; } }
  @media (min-width: 992px) {
    .background-cards {
      width: 33%;
      max-height: none;
      height: 100%; } }

/* TEXT ROTATE STYLE */
.text-and-rotate-sign {
  text-align: center;
  margin-top: 50px;
  height: 50px; }
  .text-and-rotate-sign p {
    font-size: 16px;
    line-height: 20px;
    color: #198737; }
  @media (min-width: 600px) {
    .text-and-rotate-sign {
      left: 5em; } }
  .text-and-rotate-sign__mobile, .text-and-rotate-sign__desktop {
    font-size: 16px;
    line-height: 20px;
    color: #198737; }
  .text-and-rotate-sign .mbl-green-arrow {
    position: absolute;
    width: max-content;
    top: 50%;
    left: 90%; }
  .text-and-rotate-sign .green-arrow {
    position: absolute;
    top: 1em;
    right: -2.5em; }

/* ACCENT TEXTS */
.underline-limits,
.underline-growth {
  background: url(../../assets/trabaja-con-nosotros/underline-limits.svg) no-repeat;
  background-position: 0.01em 1.06em;
  background-size: initial;
  background-size: contain;
  height: 1.7em;
  display: inline-block; }

.underline-work,
.underline-restaurant {
  background: url(../../assets/trabaja-con-nosotros/underline-work.svg) no-repeat;
  background-position: -0.301em 1.06em;
  background-size: contain;
  height: 1.5em;
  display: inline-block; }

.underline-growth {
  height: 1.7em;
  background-position: 0.67em 1.06em; }

.title-work {
  padding: 40px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
  justify-content: center;
  text-align: center;
  color: #502314; }
  .title-work .title-work__decoration {
    width: 43px; }
    @media (min-width: 600px) {
      .title-work .title-work__decoration {
        width: auto; } }
  .title-work .title-work__text {
    font-family: 'Flame-Bold';
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    text-align: left; }
    @media (min-width: 992px) {
      .title-work .title-work__text {
        font-size: 48px;
        line-height: 48px; } }

.work-office {
  display: none; }

.nutricion-alergenos {
  width: 100%; }
  .nutricion-alergenos__title-bar {
    width: 100%;
    text-align: center;
    background: linear-gradient(90deg, #DB680A 0%, #FF9930 50.49%, #DB680A 100%); }
    .nutricion-alergenos__title-bar--title {
      font-size: 28px;
      line-height: 33.6px;
      margin: 0;
      font-weight: 700;
      padding: 20px; }
      @media (min-width: 992px) {
        .nutricion-alergenos__title-bar--title {
          padding: 40px; } }
  .nutricion-alergenos__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 50px 0; }
    @media (min-width: 600px) {
      .nutricion-alergenos__container {
        flex-direction: row;
        min-height: 50vh;
        align-items: flex-start; } }
    .nutricion-alergenos__container--alergenos, .nutricion-alergenos__container--nutricionales {
      width: 100%;
      box-shadow: 3px 8px 16px 0px #00000033;
      border-radius: 16px;
      padding: 24px 0;
      display: grid;
      justify-items: center;
      gap: 16px; }
      .nutricion-alergenos__container--alergenos.title-nutricion-alergenos, .nutricion-alergenos__container--alergenos.title-valores-nutricionales, .nutricion-alergenos__container--nutricionales.title-nutricion-alergenos, .nutricion-alergenos__container--nutricionales.title-valores-nutricionales {
        font-size: 24px;
        line-height: 28.8px;
        text-align: center; }
      .nutricion-alergenos__container--alergenos .button-nutricion-alergenos, .nutricion-alergenos__container--alergenos .button-valores-nutricionales, .nutricion-alergenos__container--nutricionales .button-nutricion-alergenos, .nutricion-alergenos__container--nutricionales .button-valores-nutricionales {
        border-radius: 100px;
        border: none;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        transition: all 0.125s ease 0s; }
      .nutricion-alergenos__container--alergenos .button-nutricion-alergenos, .nutricion-alergenos__container--nutricionales .button-nutricion-alergenos {
        padding: 12px 63px; }
        @media (width: 540px) {
          .nutricion-alergenos__container--alergenos .button-nutricion-alergenos, .nutricion-alergenos__container--nutricionales .button-nutricion-alergenos {
            padding: 12px 30px; } }
      .nutricion-alergenos__container--alergenos .button-valores-nutricionales, .nutricion-alergenos__container--nutricionales .button-valores-nutricionales {
        padding: 12px 24px; }
        @media (width: 540px) {
          .nutricion-alergenos__container--alergenos .button-valores-nutricionales, .nutricion-alergenos__container--nutricionales .button-valores-nutricionales {
            padding: 12px 8px; } }
      .nutricion-alergenos__container--alergenos .button-valores-nutricionales:hover, .nutricion-alergenos__container--nutricionales .button-valores-nutricionales:hover {
        background-color: #BF4400; }
      .nutricion-alergenos__container--alergenos .button-nutricion-alergenos:hover, .nutricion-alergenos__container--nutricionales .button-nutricion-alergenos:hover {
        background-color: #BF4400; }
      .nutricion-alergenos__container--alergenos .button-valores-nutricionales:active, .nutricion-alergenos__container--nutricionales .button-valores-nutricionales:active {
        border: 4px solid #0000001A; }
      .nutricion-alergenos__container--alergenos .button-nutricion-alergenos:active, .nutricion-alergenos__container--nutricionales .button-nutricion-alergenos:active {
        border: 4px solid #0000001A; }

.dabiz-header {
  background-color: #1c1514;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dabiz-header__container {
    max-width: 1600px; }
    .dabiz-header__container__derecho {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden; }
      .dabiz-header__container__derecho__img {
        align-content: end;
        margin-bottom: -100px; }
    .dabiz-header__container__izquierdo {
      background-image: url("./../../assets/img-master/Hero_derecha.svg");
      background-repeat: no-repeat;
      background-position: bottom 90% center;
      background-size: 70%;
      display: flex;
      position: relative; }
      .dabiz-header__container__izquierdo__angus {
        font-family: 'Flame-Regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #e42010;
        position: absolute; }
        @media (max-width: 1669px) {
          .dabiz-header__container__izquierdo__angus {
            margin-left: 40px;
            margin-top: 40%; } }
        @media (min-width: 1670px) {
          .dabiz-header__container__izquierdo__angus {
            margin-left: 90px;
            margin-top: 320px; } }
      .dabiz-header__container__izquierdo__chicken {
        font-family: 'Flame-Regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #e42010;
        position: absolute; }
        @media (max-width: 1669px) {
          .dabiz-header__container__izquierdo__chicken {
            margin-left: 80%;
            margin-top: 33%; } }
        @media (min-width: 1670px) {
          .dabiz-header__container__izquierdo__chicken {
            margin-left: 700px;
            margin-top: 300px; } }
      .dabiz-header__container__izquierdo__img {
        position: absolute;
        bottom: -125px; }

.dabiz-burger {
  min-height: 684px;
  background-color: #e42010;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dabiz-burger__container {
    margin-top: 100px; }
    .dabiz-burger__container__subtitle {
      max-width: 703px; }
      .dabiz-burger__container__subtitle__text {
        font-family: 'Flame-Regular';
        font-size: 32px;
        font-weight: 400;
        line-height: 38px;
        color: #f5ebdc;
        text-align: center; }
    .dabiz-burger__container__description {
      max-width: 703px; }
      .dabiz-burger__container__description__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #f5ebdc;
        text-align: center; }
  .dabiz-burger__face {
    position: absolute;
    width: 99px;
    height: auto;
    margin-left: 1100px;
    margin-top: 100px; }
  .dabiz-burger__face2 {
    position: absolute;
    width: 92px;
    height: auto;
    margin-left: -1200px;
    margin-top: 300px; }
  .dabiz-burger__fire2 {
    position: absolute;
    width: 93px;
    height: auto;
    margin-left: -1000px;
    margin-top: -400px; }

.dabiz-mejor {
  background-color: #e42010;
  display: flex;
  justify-content: center;
  position: relative; }
  .dabiz-mejor__container {
    max-width: 1440px;
    width: 100%; }
    .dabiz-mejor__container__izquierdo {
      width: 100%; }
      .dabiz-mejor__container__izquierdo__container {
        width: 100%; }
    .dabiz-mejor__container__derecho {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .dabiz-mejor__container__derecho__container {
        max-width: 564px !important; }
        .dabiz-mejor__container__derecho__container__title__text {
          font-family: 'Flame-Regular';
          font-size: 48px;
          font-weight: 700;
          line-height: 48px;
          color: #f5ebdc; }
        .dabiz-mejor__container__derecho__container__description__text {
          font-family: 'Flame-Sans-Regular';
          font-size: 18px;
          font-weight: 400;
          line-height: 22px;
          color: #f5ebdc; }
      .dabiz-mejor__container__derecho__lightning {
        position: absolute;
        width: 69px;
        height: auto;
        margin-left: -700px;
        margin-top: -400px; }
      .dabiz-mejor__container__derecho__bk {
        position: absolute;
        width: 121px;
        height: auto;
        margin-left: 700px;
        margin-top: -400px; }
      .dabiz-mejor__container__derecho__line {
        position: absolute;
        width: 100px;
        height: auto;
        margin-left: -700px;
        margin-top: 300px; }
      .dabiz-mejor__container__derecho__fire {
        position: absolute;
        width: 262px;
        height: auto;
        margin-left: 550px;
        margin-top: 450px; }
  .dabiz-mejor__vector {
    position: absolute;
    width: 110vw;
    bottom: -30px; }

.dabiz-dos {
  padding-top: 150px;
  min-height: 400px;
  background-color: #1c1514;
  display: flex;
  justify-content: center; }
  .dabiz-dos__header__title {
    max-width: 774px !important; }
    .dabiz-dos__header__title__text {
      font-family: 'Flame-Regular';
      font-size: 64px;
      font-weight: 700;
      line-height: 77px;
      color: #f5ebdc;
      text-align: center; }
  .dabiz-dos__header .row.description {
    display: flex;
    justify-content: center;
    padding-top: 24px; }
  .dabiz-dos__header__description {
    max-width: 628px !important; }
    .dabiz-dos__header__description__text {
      font-family: 'Flame-Sans-Regular';
      font-size: 18px;
      font-weight: 400;
      line-height: 22px;
      color: #f5ebdc;
      text-align: center; }
  .dabiz-dos__header__krown {
    position: absolute;
    margin-top: -90px;
    margin-left: -700px; }
  .dabiz-dos__burgers {
    background-color: #1c1514; }
    .dabiz-dos__burgers__images {
      display: flex;
      align-items: center;
      justify-content: center; }
      .dabiz-dos__burgers__images__img {
        background-image: url("./../../assets/img-master/Duo_burgers.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px; }
        .dabiz-dos__burgers__images__img img {
          margin-top: -5px;
          margin-left: 50px; }
    .dabiz-dos__burgers__video {
      margin-top: 80px;
      margin-bottom: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 40px; }

.dabiz-king {
  min-height: 473px;
  background-color: #f5ebdc;
  display: flex;
  justify-content: center;
  position: relative;
  border: none; }
  .dabiz-king__container {
    max-width: 1100px;
    padding-top: 200px;
    padding-bottom: 50px; }
    .dabiz-king__container__logo {
      background-image: url("./../../assets/img-master/KD_logo_bootom.svg");
      background-repeat: no-repeat;
      background-position: bottom center; }
    .dabiz-king__container__text {
      min-height: 248px;
      display: flex;
      align-items: center; }
      .dabiz-king__container__text__container__1 {
        padding-left: 80px;
        font-family: 'Flame-Sans-Regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #1c1514; }
        .dabiz-king__container__text__container__1 a {
          color: #1c1514; }
      .dabiz-king__container__text__container__2 {
        padding-left: 80px;
        font-family: 'Flame-Sans-Regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #1c1514; }
        .dabiz-king__container__text__container__2__span {
          font-size: 18px;
          font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
          font-weight: 800; }
  .dabiz-king__vector {
    border: none;
    position: absolute;
    width: 110vw !important;
    top: -40px; }

@media (min-width: 768px) {
  .mobile {
    display: none; } }

@media (max-width: 767px) {
  .desktop {
    display: none; } }

.dabiz-mejor-mbl {
  background-color: #e42010;
  padding-top: 100px; }
  .dabiz-mejor-mbl__container {
    position: relative; }
    .dabiz-mejor-mbl__container__logo {
      padding-left: 24px;
      padding-right: 24px;
      display: flex;
      justify-content: center;
      padding-bottom: 33px; }
    .dabiz-mejor-mbl__container__title {
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 33px; }
      .dabiz-mejor-mbl__container__title__text {
        font-family: 'Flame-Regular';
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        color: #f5ebdc;
        text-align: center; }
    .dabiz-mejor-mbl__container__description {
      padding-left: 24px;
      padding-right: 24px; }
      .dabiz-mejor-mbl__container__description__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #f5ebdc;
        text-align: center; }
    .dabiz-mejor-mbl__container__dabiz {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 33px;
      display: flex;
      justify-content: center; }
    .dabiz-mejor-mbl__container__vector {
      position: absolute;
      width: 100vw;
      bottom: 0; }

.dabiz-dos-mbl {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 35px;
  padding-bottom: 120px;
  background-color: #1c1514; }
  .dabiz-dos-mbl__title {
    padding-bottom: 24px; }
    .dabiz-dos-mbl__title__text {
      font-family: 'Flame-Regular';
      font-size: 32px;
      font-weight: 700;
      line-height: 38px;
      color: #f5ebdc; }
  .dabiz-dos-mbl__description__text {
    font-family: 'Flame-Sans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #f5ebdc; }
  .dabiz-dos-mbl__face {
    position: absolute;
    right: 0;
    margin-top: -200px; }
  .dabiz-dos-mbl__krown {
    position: absolute;
    left: 0;
    margin-top: 50px; }

.dabiz-header-mbl {
  background-color: #1c1514;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 25px; }
  .dabiz-header-mbl__title {
    padding-bottom: 24px; }
    .dabiz-header-mbl__title__text {
      font-family: 'Flame-Regular';
      font-size: 32px;
      font-weight: 700;
      line-height: 38px;
      color: #f5ebdc;
      text-align: center; }
  .dabiz-header-mbl__description__text {
    font-family: 'Flame-Sans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #f5ebdc;
    text-align: center; }
  .dabiz-header-mbl__burgers {
    display: flex;
    justify-content: center; }
  .dabiz-header-mbl__video {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px; }

.dabiz-king-mbl {
  background-color: #f5ebdc;
  padding-bottom: 50px; }
  .dabiz-king-mbl__container {
    position: relative; }
    .dabiz-king-mbl__container__logo {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 130px;
      display: flex;
      justify-content: center; }
    .dabiz-king-mbl__container__description {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 20px; }
      .dabiz-king-mbl__container__description__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #1c1514;
        text-align: center; }
        .dabiz-king-mbl__container__description__text a {
          color: #1c1514; }
        .dabiz-king-mbl__container__description__text__span {
          font-size: 18px;
          font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
          font-weight: 800; }
    .dabiz-king-mbl__container__vector {
      position: absolute;
      width: 100vw;
      top: 0; }

.dabiz-hero-mbl {
  background-color: #1c1514;
  padding-left: 24px;
  padding-right: 24px; }
  .dabiz-hero-mbl__logo {
    display: flex;
    justify-content: center;
    margin-bottom: -80px; }
  .dabiz-hero-mbl__dabiz {
    display: flex;
    justify-content: center;
    margin-bottom: -110px; }
  .dabiz-hero-mbl__burger {
    display: flex;
    justify-content: center;
    margin-bottom: -40px; }
    .dabiz-hero-mbl__burger__angus {
      position: absolute;
      font-family: 'Flame-Regular';
      font-size: 20px;
      font-weight: 400;
      line-height: 24px;
      color: #e42010;
      margin-left: -200px;
      margin-top: -20px; }
    .dabiz-hero-mbl__burger__chicken {
      position: absolute;
      font-family: 'Flame-Regular';
      font-size: 20px;
      font-weight: 400;
      line-height: 24px;
      color: #e42010;
      margin-left: 240px;
      margin-top: -50px; }

.en-dabiz-header {
  background-color: #1c1514;
  display: flex;
  align-items: center;
  justify-content: center; }
  .en-dabiz-header__container {
    background-color: #1c1514;
    max-width: 1600px; }
    .en-dabiz-header__container__derecho {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden; }
      .en-dabiz-header__container__derecho .hand {
        position: absolute;
        top: 192px;
        left: 142px;
        width: 66px; }
      .en-dabiz-header__container__derecho .fire {
        position: absolute;
        top: 378px;
        left: 64px;
        width: 55px; }
      .en-dabiz-header__container__derecho .grill {
        position: absolute;
        top: 152px;
        left: 586px;
        width: 62px; }
      .en-dabiz-header__container__derecho .jalapeno {
        position: absolute;
        top: 316px;
        left: 612px;
        width: 66px; }
        @media (min-width: 1150px) {
          .en-dabiz-header__container__derecho .jalapeno {
            left: 722px;
            top: 246px; } }
      .en-dabiz-header__container__derecho__img {
        align-content: end;
        margin-bottom: -100px; }
    .en-dabiz-header__container__izquierdo {
      background-image: url("../assets/img-master-v2/Hero_derecha.svg");
      background-repeat: no-repeat;
      background-position: bottom 90% center;
      background-size: 70%;
      display: flex;
      position: relative; }
      .en-dabiz-header__container__izquierdo__angus {
        font-family: 'Flame-Regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #e42010;
        position: absolute; }
        @media (max-width: 1669px) {
          .en-dabiz-header__container__izquierdo__angus {
            margin-left: 40px;
            margin-top: 40%; } }
        @media (min-width: 1670px) {
          .en-dabiz-header__container__izquierdo__angus {
            margin-left: 90px;
            margin-top: 320px; } }
      .en-dabiz-header__container__izquierdo__chicken {
        font-family: 'Flame-Regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #e42010;
        position: absolute; }
        @media (max-width: 1669px) {
          .en-dabiz-header__container__izquierdo__chicken {
            margin-left: 80%;
            margin-top: 33%; } }
        @media (min-width: 1670px) {
          .en-dabiz-header__container__izquierdo__chicken {
            margin-left: 700px;
            margin-top: 300px; } }
      .en-dabiz-header__container__izquierdo__img {
        position: absolute;
        bottom: -140px;
        width: 640px;
        left: 70px; }
        @media (min-width: 920px) {
          .en-dabiz-header__container__izquierdo__img {
            left: 40px; } }
        @media (min-width: 1150px) {
          .en-dabiz-header__container__izquierdo__img {
            bottom: -125px;
            width: auto;
            left: unset; } }
  .en-dabiz-header-v2 {
    background-color: #F5EBDC;
    position: relative;
    height: 725px;
    align-items: flex-end;
    z-index: 3; }
    .en-dabiz-header-v2 .en-dabiz-header__container {
      background-color: transparent;
      padding-bottom: 3%; }
      .en-dabiz-header-v2 .en-dabiz-header__container > .row {
        gap: 100px;
        flex-wrap: nowrap;
        margin: 0 auto;
        max-width: 1440px;
        width: 1240px;
        position: relative;
        top: 130px; }
        @media (min-width: 1150px) {
          .en-dabiz-header-v2 .en-dabiz-header__container > .row {
            gap: 190px; } }
        @media (min-width: 1250px) {
          .en-dabiz-header-v2 .en-dabiz-header__container > .row {
            gap: 217px;
            width: 1440px; } }
      .en-dabiz-header-v2 .en-dabiz-header__container__derecho {
        position: relative;
        padding-top: 85px;
        width: 623px;
        padding-left: unset;
        padding-right: unset;
        overflow: unset; }
        .en-dabiz-header-v2 .en-dabiz-header__container__derecho__img {
          margin-bottom: 120px; }
        .en-dabiz-header-v2 .en-dabiz-header__container__derecho .crown-2 {
          position: absolute;
          left: -120px;
          bottom: 270px;
          transform: rotate(50deg);
          width: 90px; }
      .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo {
        background-image: url("../assets/img-master-v2/logo-burger.png");
        width: 287px;
        position: relative;
        background-size: contain; }
        .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo .sauce {
          position: absolute;
          top: 240px;
          left: 414px;
          width: 48px; }
        .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo .crown {
          position: absolute;
          top: 120px;
          left: 483px;
          width: 60px; }
        .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo .container-burger {
          position: absolute;
          z-index: 1;
          bottom: 230px;
          right: -30px;
          width: 721px; }
          @media (min-width: 1250px) {
            .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo .container-burger {
              bottom: 180px;
              right: -300px;
              width: 931px; } }
        @media (min-width: 920px) {
          .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo__img {
            left: 140px;
            width: 640px; } }
        @media (min-width: 1250px) {
          .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo__img {
            left: 60px;
            width: 820px; } }
        @media (min-width: 1300px) {
          .en-dabiz-header-v2 .en-dabiz-header__container__izquierdo__img {
            width: 931px;
            left: unset; } }
    .en-dabiz-header-v2 .red-texture {
      width: 100%;
      position: absolute;
      bottom: -2px;
      max-height: 272px; }
      .en-dabiz-header-v2 .red-texture img {
        width: 100%;
        height: 100%;
        max-height: 272px; }

.en-dabiz-burger {
  position: relative;
  z-index: 2;
  min-height: 684px;
  background-color: #D62300;
  display: flex;
  align-items: center;
  justify-content: center; }
  .en-dabiz-burger__container {
    margin-top: 100px; }
    .en-dabiz-burger__container__subtitle {
      max-width: 703px; }
      .en-dabiz-burger__container__subtitle__text {
        font-family: 'Flame-Regular';
        font-size: 32px;
        font-weight: 400;
        line-height: 38px;
        color: #f5ebdc;
        text-align: center; }
    .en-dabiz-burger__container__description {
      max-width: 703px; }
      .en-dabiz-burger__container__description__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #f5ebdc;
        text-align: center; }
  .en-dabiz-burger__face {
    position: absolute;
    width: 99px;
    height: auto;
    margin-left: 1100px;
    margin-top: 100px; }
  .en-dabiz-burger__face2 {
    position: absolute;
    width: 92px;
    height: auto;
    margin-left: -1200px;
    margin-top: 300px; }
  .en-dabiz-burger__fire2 {
    position: absolute;
    width: 93px;
    height: auto;
    margin-left: -1000px;
    margin-top: -400px; }
    .en-dabiz-burger__fire2-v2 {
      width: 114px;
      height: auto;
      margin-left: -1130px;
      margin-top: -280px; }
  .en-dabiz-burger-v2 {
    background-color: #D62300;
    min-height: unset;
    padding: 140px 0; }
    .en-dabiz-burger-v2 .en-dabiz-burger__container {
      margin-top: unset; }
      .en-dabiz-burger-v2 .en-dabiz-burger__container .white-sauce {
        position: absolute;
        top: 210px;
        left: -1046px;
        right: 0;
        margin: 0 auto;
        width: 68px; }
      .en-dabiz-burger-v2 .en-dabiz-burger__container .white-fire {
        position: absolute;
        top: 367px;
        left: 1192px;
        right: 0;
        margin: 0 auto;
        width: 118px; }
    .en-dabiz-burger-v2 .separator {
      bottom: 0; }

.en-dabiz-mejor {
  background-color: #D62300;
  display: flex;
  justify-content: center;
  position: relative; }
  .en-dabiz-mejor__container {
    max-width: 1440px;
    width: 100%; }
    .en-dabiz-mejor__container__izquierdo {
      width: 100%; }
      .en-dabiz-mejor__container__izquierdo__container {
        width: 100%; }
    .en-dabiz-mejor__container__derecho {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .en-dabiz-mejor__container__derecho__container {
        max-width: 564px !important; }
        .en-dabiz-mejor__container__derecho__container__title__text {
          font-family: 'Flame-Regular';
          font-size: 48px;
          font-weight: 700;
          line-height: 48px;
          color: #f5ebdc; }
        .en-dabiz-mejor__container__derecho__container__description__text {
          font-family: 'Flame-Sans-Regular';
          font-size: 18px;
          font-weight: 400;
          line-height: 22px;
          color: #f5ebdc; }
      .en-dabiz-mejor__container__derecho__lightning {
        position: absolute;
        width: 69px;
        height: auto;
        margin-left: -590px;
        margin-top: -320px;
        z-index: 100; }
        @media (min-width: 900px) {
          .en-dabiz-mejor__container__derecho__lightning {
            margin-left: -700px;
            margin-top: -400px; } }
      .en-dabiz-mejor__container__derecho__bk {
        position: absolute;
        width: 121px;
        height: auto;
        margin-left: 700px;
        margin-top: -400px; }
      .en-dabiz-mejor__container__derecho__line {
        position: absolute;
        width: 100px;
        height: auto;
        margin-left: -410px;
        margin-top: 260px; }
        @media (min-width: 1100px) {
          .en-dabiz-mejor__container__derecho__line {
            margin-left: -700px;
            margin-top: 300px; } }
      .en-dabiz-mejor__container__derecho__fire {
        position: absolute;
        width: 142px;
        height: auto;
        margin-left: 390px;
        margin-top: 320px; }
        @media (min-width: 1100px) {
          .en-dabiz-mejor__container__derecho__fire {
            width: 262px;
            height: auto;
            margin-left: 550px;
            margin-top: 450px; } }
  .en-dabiz-mejor__vector {
    position: absolute;
    width: 110vw;
    bottom: -20px; }
    @media (min-width: 1100px) {
      .en-dabiz-mejor__vector {
        bottom: -30px; } }
  .en-dabiz-mejor-v2 .en-dabiz-mejor__container {
    overflow: hidden;
    padding-top: 60px;
    position: relative;
    overflow: visible; }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container .row {
      justify-content: center; }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container__derecho {
      max-width: 528px;
      position: relative;
      padding-bottom: 3vw; }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container__izquierdo {
      position: relative; }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-hand {
      position: absolute;
      width: 90px;
      left: 0;
      top: 50px; }
      @media (min-width: 1000px) {
        .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-hand {
          left: 50px;
          top: 110px; } }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-fire {
      display: none;
      position: absolute;
      width: 76px;
      left: 220px;
      top: 278px; }
      @media (min-width: 1350px) {
        .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-fire {
          display: block; } }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-sauce {
      position: absolute;
      width: 60px;
      right: 0px;
      top: 0;
      transform: rotate(30deg); }
      @media (min-width: 1000px) {
        .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-sauce {
          top: 80px; } }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-jalapeno {
      position: absolute;
      width: 100px;
      right: 30px;
      top: 0; }
      @media (min-width: 1000px) {
        .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-jalapeno {
          top: 50px; } }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-crown {
      display: none;
      position: absolute;
      width: 80px;
      right: 330px;
      bottom: -330px;
      top: 0;
      margin: auto; }
      @media (min-width: 970px) {
        .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-crown {
          display: block; } }
    .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-grill {
      position: absolute;
      width: 140px;
      right: 20px;
      bottom: -300px;
      top: 0;
      margin: auto; }
      @media (min-width: 1200px) {
        .en-dabiz-mejor-v2 .en-dabiz-mejor__container .white-grill {
          width: 280px;
          right: -130px;
          bottom: -550px; } }
  .en-dabiz-mejor-v2 .separator {
    top: -1px; }
  @media (min-width: 1100px) {
    .en-dabiz-mejor-v2 .en-dabiz-mejor__vector {
      max-height: 200px; } }

.en-dabiz-dos {
  padding-top: 150px;
  min-height: 400px;
  background-color: #1c1514;
  display: flex;
  justify-content: center; }
  .en-dabiz-dos__header__title {
    max-width: 774px !important; }
    .en-dabiz-dos__header__title__text {
      font-family: 'Flame-Regular';
      font-size: 64px;
      font-weight: 700;
      line-height: 77px;
      color: #f5ebdc;
      text-align: center; }
  .en-dabiz-dos__header .row.description {
    display: flex;
    justify-content: center;
    padding-top: 24px; }
  .en-dabiz-dos__header__description {
    max-width: 628px !important; }
    .en-dabiz-dos__header__description__text {
      font-family: 'Flame-Sans-Regular';
      font-size: 18px;
      font-weight: 400;
      line-height: 22px;
      color: #f5ebdc;
      text-align: center; }
  .en-dabiz-dos__header__krown {
    position: absolute;
    margin-top: -90px;
    margin-left: -700px; }
    .en-dabiz-dos__header__krown-v2 {
      width: 88px;
      margin-top: -80px;
      margin-left: -770px; }
  .en-dabiz-dos__burgers {
    background-color: #1c1514; }
    .en-dabiz-dos__burgers__images {
      display: flex;
      align-items: center;
      justify-content: center; }
      .en-dabiz-dos__burgers__images__img {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px; }
        .en-dabiz-dos__burgers__images__img img {
          margin-top: -5px; }
    .en-dabiz-dos__burgers__video {
      margin-top: 80px;
      margin-bottom: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 40px; }
    .en-dabiz-dos__burgers-v2 {
      position: relative;
      background-color: #F5EBDC;
      z-index: 2; }
      .en-dabiz-dos__burgers-v2 .en-dabiz-dos__burgers__images__img {
        max-width: 1236px;
        padding-top: 80px; }
  .en-dabiz-dos-v2 {
    background-color: #F5EBDC;
    min-height: fit-content; }
    .en-dabiz-dos-v2 .row {
      position: relative; }
    .en-dabiz-dos-v2 .en-dabiz-dos__header__title__text {
      color: #1C1514; }
    .en-dabiz-dos-v2 .en-dabiz-dos__header__description__text {
      color: #1C1514; }
    .en-dabiz-dos-v2 .red-crown {
      position: absolute;
      left: -80px;
      width: 140px;
      top: -100px; }

.en-dabiz-video {
  background-color: #1c1514;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 6;
  position: relative;
  padding: 80px 0; }
  @media (min-width: 768px) {
    .en-dabiz-video {
      display: flex; } }
  .en-dabiz-video__video {
    max-width: 90vw; }
    .en-dabiz-video__video iframe {
      max-width: 90vw; }

.en-dabiz-king {
  min-height: 473px;
  background-color: #f5ebdc;
  display: flex;
  justify-content: center;
  position: relative;
  border: none; }
  .en-dabiz-king__container {
    max-width: 1100px;
    padding-top: 200px;
    padding-bottom: 50px; }
    .en-dabiz-king__container__logo {
      background-image: url("../assets/img-master-v2/KD_logo_bootom.svg");
      background-repeat: no-repeat;
      background-position: bottom center; }
    .en-dabiz-king__container__text {
      min-height: 248px;
      display: flex;
      align-items: center; }
      .en-dabiz-king__container__text__container__1 {
        padding-left: 80px;
        font-family: 'Flame-Sans-Regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #1c1514; }
        .en-dabiz-king__container__text__container__1 a {
          color: #1c1514; }
      .en-dabiz-king__container__text__container__2 {
        padding-left: 80px;
        font-family: 'Flame-Sans-Regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #1c1514; }
        .en-dabiz-king__container__text__container__2__span {
          font-size: 18px;
          font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
          font-weight: 800; }
  .en-dabiz-king__vector {
    border: none;
    position: absolute;
    width: 110vw !important;
    top: -40px; }
    .en-dabiz-king__vector-v2 {
      background-color: #F5EBDC;
      max-height: 256px;
      width: 100vw !important;
      top: -20px; }
  .en-dabiz-king-v2 {
    background-color: #1c1514;
    min-height: unset; }
    @media (min-width: 768px) {
      .en-dabiz-king-v2 .en-dabiz-king__container {
        padding: 80px 0; } }
    .en-dabiz-king-v2 .en-dabiz-king__container__logo {
      background-image: url("../assets/img-master-v2/KD_logo_bottom.png");
      background-size: contain; }
    .en-dabiz-king-v2 .en-dabiz-king__container__text__container__1 {
      color: #F5EBDC; }
    .en-dabiz-king-v2 .en-dabiz-king__container__text__container__2 {
      color: #F5EBDC; }
    .en-dabiz-king-v2 a {
      color: #F5EBDC; }

@media (min-width: 1640px) {
  .mobile {
    display: none; } }

@media (max-width: 767px) {
  .desktop {
    display: none; } }

.en-dabiz-hero-mbl {
  background-color: #1c1514;
  padding-left: 24px;
  padding-right: 24px; }
  .en-dabiz-hero-mbl__logo {
    display: flex;
    justify-content: center;
    margin-bottom: -80px; }
  .en-dabiz-hero-mbl__dabiz {
    display: flex;
    justify-content: center;
    margin-bottom: -110px; }
  .en-dabiz-hero-mbl__burger {
    display: flex;
    justify-content: center;
    margin-bottom: -40px; }
    .en-dabiz-hero-mbl__burger__angus {
      position: absolute;
      font-family: 'Flame-Regular';
      font-size: 20px;
      font-weight: 400;
      line-height: 24px;
      color: #e42010;
      margin-left: -200px;
      margin-top: -20px; }
    .en-dabiz-hero-mbl__burger__chicken {
      position: absolute;
      font-family: 'Flame-Regular';
      font-size: 20px;
      font-weight: 400;
      line-height: 24px;
      color: #e42010;
      margin-left: 240px;
      margin-top: -50px; }
  .en-dabiz-hero-mbl-v2 {
    background-color: #F5EBDC;
    padding: 0;
    position: relative;
    padding-top: 60px; }
    .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__logo {
      z-index: 2;
      position: relative;
      max-width: 164px;
      margin: 0 auto;
      margin-bottom: -90px; }
      .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__logo .jalapeno {
        position: absolute;
        top: 130px;
        left: -75px;
        width: 76px;
        transform: rotate(22deg); }
      .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__logo .grill {
        position: absolute;
        top: 300px;
        left: -75px;
        width: 50px; }
      .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__logo .crown {
        position: absolute;
        top: -10px;
        left: 190px;
        width: 50px;
        transform: rotate(18deg); }
      .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__logo .hand {
        position: absolute;
        top: 200px;
        left: 219px;
        width: 61px; }
      .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__logo .sauce {
        position: absolute;
        top: 382px;
        left: 213px;
        width: 41px;
        transform: rotateZ(-5deg) rotateY(190deg); }
        @media (min-width: 500px) {
          .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__logo .sauce {
            display: none; } }
    .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__dabiz {
      margin-bottom: -220px;
      padding-top: 88px;
      width: 115%;
      left: -14vw;
      position: relative; }
    .en-dabiz-hero-mbl-v2 .en-dabiz-hero-mbl__burger {
      z-index: 2;
      position: relative;
      max-width: 363px;
      margin: 0 auto;
      margin-top: 98px;
      margin-bottom: -1px;
      z-index: 3; }
    .en-dabiz-hero-mbl-v2 .red-texture {
      width: 101%;
      position: absolute;
      bottom: 0px;
      max-height: 302px;
      height: 170px;
      z-index: 2; }
      .en-dabiz-hero-mbl-v2 .red-texture img {
        width: 100%;
        height: 100%;
        max-height: 272px; }

.en-dabiz-mejor-mbl {
  background-color: #D62300;
  padding-top: 100px;
  z-index: 2;
  position: relative; }
  .en-dabiz-mejor-mbl__container {
    position: relative; }
    .en-dabiz-mejor-mbl__container__logo {
      padding-left: 24px;
      padding-right: 24px;
      display: flex;
      justify-content: center;
      padding-bottom: 33px; }
    .en-dabiz-mejor-mbl__container__title {
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 33px; }
      .en-dabiz-mejor-mbl__container__title__text {
        font-family: 'Flame-Regular';
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        color: #f5ebdc;
        text-align: center; }
    .en-dabiz-mejor-mbl__container__description {
      padding-left: 24px;
      padding-right: 24px; }
      .en-dabiz-mejor-mbl__container__description__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #f5ebdc;
        text-align: center; }
    .en-dabiz-mejor-mbl__container__dabiz {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 33px;
      display: flex;
      justify-content: center; }
    .en-dabiz-mejor-mbl__container__vector {
      position: absolute;
      width: 100vw;
      bottom: -2px; }
      .en-dabiz-mejor-mbl__container__vector-v2 {
        background-color: #f5ebdc; }
  .en-dabiz-mejor-mbl-v2 {
    padding: 80px 0; }
    .en-dabiz-mejor-mbl-v2 .en-dabiz-mejor-mbl__container__description__text {
      margin-bottom: 0; }

.en-dabiz-dos-mbl {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 35px;
  padding-bottom: 120px;
  background-color: #1c1514; }
  .en-dabiz-dos-mbl__title {
    padding-bottom: 24px; }
    .en-dabiz-dos-mbl__title__text {
      font-family: 'Flame-Regular';
      font-size: 32px;
      font-weight: 700;
      line-height: 38px;
      color: #f5ebdc; }
  .en-dabiz-dos-mbl__description__text {
    font-family: 'Flame-Sans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #f5ebdc; }
  .en-dabiz-dos-mbl__face {
    position: absolute;
    right: 0;
    margin-top: -200px; }
  .en-dabiz-dos-mbl__krown {
    position: absolute;
    left: 0;
    margin-top: 50px; }
  .en-dabiz-dos-mbl__vector {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%; }
  .en-dabiz-dos-mbl-v2 {
    position: relative;
    background-color: #D62300;
    padding-bottom: 0;
    padding-top: 80px; }
    .en-dabiz-dos-mbl-v2 .en-dabiz-dos-mbl__title__text {
      color: #f5ebdc; }
    .en-dabiz-dos-mbl-v2 .en-dabiz-dos-mbl__description__text {
      color: #f5ebdc; }
    .en-dabiz-dos-mbl-v2 .en-dabiz-dos-mbl__face {
      margin-top: auto;
      bottom: 210px; }
    .en-dabiz-dos-mbl-v2 .en-dabiz-mejor-mbl__container__dabiz {
      padding-left: unset;
      padding-right: unset;
      position: relative;
      width: 100%;
      min-width: 100vw;
      left: -23px;
      padding-top: 33px;
      display: flex;
      justify-content: center;
      margin: 0 auto; }
      .en-dabiz-dos-mbl-v2 .en-dabiz-mejor-mbl__container__dabiz img {
        width: 100%;
        max-width: 400px; }
      .en-dabiz-dos-mbl-v2 .en-dabiz-mejor-mbl__container__dabiz .white-sauce {
        position: absolute;
        top: 76px;
        width: 60px;
        left: -320px;
        right: 0;
        margin: 0 auto;
        transform: rotate(25deg); }
      .en-dabiz-dos-mbl-v2 .en-dabiz-mejor-mbl__container__dabiz .white-jalapeno {
        position: absolute;
        top: -4px;
        width: 90px;
        left: 260px;
        right: 0;
        margin: 0 auto; }
      .en-dabiz-dos-mbl-v2 .en-dabiz-mejor-mbl__container__dabiz .white-crown {
        position: absolute;
        top: 176px;
        width: 80px;
        left: 310px;
        right: 0;
        margin: 0 auto; }
    .en-dabiz-dos-mbl-v2 .separator {
      top: -1px;
      left: 0; }

.en-dabiz-header-mbl {
  background-color: #1c1514;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 25px;
  padding-bottom: 20px;
  margin-top: -2px; }
  .en-dabiz-header-mbl__title {
    padding-bottom: 24px; }
    .en-dabiz-header-mbl__title__text {
      font-family: 'Flame-Regular';
      font-size: 32px;
      font-weight: 700;
      line-height: 38px;
      color: #f5ebdc;
      text-align: center; }
  .en-dabiz-header-mbl__description__text {
    font-family: 'Flame-Sans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #f5ebdc;
    text-align: center; }
  .en-dabiz-header-mbl__burgers {
    display: flex;
    justify-content: center; }
    .en-dabiz-header-mbl__burgers-v2 {
      padding-top: 24px;
      max-width: 375px;
      margin: 0 auto; }
  .en-dabiz-header-mbl__video {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px; }
    .en-dabiz-header-mbl__video-v2 {
      margin-top: 0px; }
  .en-dabiz-header-mbl-v2 {
    position: relative;
    background-color: #f5ebdc;
    padding-top: 80px;
    padding-bottom: 63px; }
    .en-dabiz-header-mbl-v2 .en-dabiz-header-mbl__title__text {
      color: #1c1514; }
    .en-dabiz-header-mbl-v2 .en-dabiz-header-mbl__description__text {
      color: #1c1514; }
    .en-dabiz-header-mbl-v2 .red-crown {
      position: absolute;
      top: 0px;
      width: 80px;
      left: -30px;
      right: 0;
      margin: 0 auto; }

.en-dabiz-king-mbl {
  background-color: #f5ebdc;
  padding-bottom: 50px; }
  .en-dabiz-king-mbl__container {
    position: relative; }
    .en-dabiz-king-mbl__container__logo {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 40px;
      display: flex;
      justify-content: center; }
      .en-dabiz-king-mbl__container__logo-v2 {
        background-color: #1c1514; }
        .en-dabiz-king-mbl__container__logo-v2 img {
          max-width: 240px;
          width: 100%; }
    .en-dabiz-king-mbl__container__description {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 20px; }
      .en-dabiz-king-mbl__container__description-v2 {
        background-color: #1c1514; }
        .en-dabiz-king-mbl__container__description-v2.p-t {
          padding-top: 40px; }
        .en-dabiz-king-mbl__container__description-v2.p-b {
          padding-bottom: 80px; }
        .en-dabiz-king-mbl__container__description-v2 .en-dabiz-king-mbl__container__description__text {
          color: #f5ebdc;
          margin-bottom: 0;
          padding-bottom: 1rem; }
          .en-dabiz-king-mbl__container__description-v2 .en-dabiz-king-mbl__container__description__text a {
            color: #f5ebdc; }
      .en-dabiz-king-mbl__container__description__text {
        font-family: 'Flame-Sans-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #1c1514;
        text-align: center; }
        .en-dabiz-king-mbl__container__description__text a {
          color: #1c1514; }
        .en-dabiz-king-mbl__container__description__text__span {
          font-size: 18px;
          font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
          font-weight: 800; }
    .en-dabiz-king-mbl__container__vector {
      position: absolute;
      width: 100vw;
      top: -2px; }
      .en-dabiz-king-mbl__container__vector-v2 {
        background-color: #f5ebdc; }
  .en-dabiz-king-mbl-v2 {
    background-color: #1c1514;
    padding-top: 40px;
    padding-bottom: 0; }

.en-dabiz-v2 {
  background-color: #f5ebdc;
  margin-top: 1vw; }