.proximamente {
  right: 22%;
  font-size: 15px;
  background: #19d3c5;
  color: black;
  padding: 3px 10px !important;
  border-radius: 12px;
  font-weight: normal;
  position: absolute;
  bottom: 10%;
  width: auto; }

#diversion, #more, #points, #premis, #button_7, #yesfuncard, #faqs {
  scroll-margin-top: 80px; }

#wpadminbar {
  display: none; }

html {
  margin: 0 !important; }

#elements .headerVideo > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  #elements .headerVideo > video {
    transition: 0.6s ease;
    border-radius: 100%; }
    #elements .headerVideo > video:not(:first-child) {
      height: 0;
      opacity: 0; }

@media screen and (min-width: 980px) {
  #playMobile {
    display: none !important; }

  .fade {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.5s; }

  .fade.appear {
    opacity: 1;
    transform: none; } }

@media screen and (max-width: 1200px) {
  #more-benefits > div:nth-child(7) {
    margin-top: 50px !important; }

  .proximamente {
    position: absolute !important;
    right: 0 !important;
    bottom: -5px !important;
    margin-top: 20px !important;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%); } }

@media screen and (min-width: 980px) and (max-width: 1200px) {
  .animation-element.slide-right:not(.in-view) {
    width: 0;
    height: 270px; } }

@media screen and (min-width: 980px) and (max-width: 1600px) {
  #customVideo {
    height: 100%; }

  #video {
    height: 60vh;
    min-height: auto !important; }

  #home-page #video .program .content {
    bottom: 20% !important; }

  #diversion > div {
    margin-left: 50px; } }

html {
  scroll-behavior: smooth; }

html, body {
  overflow-x: hidden; }

#home-page .tablinks {
  border-bottom: 1px solid black !important;
  border-width: 0 0 1px 0 !important;
  border-radius: 0 !important;
  width: 100%;
  text-align: left;
  font-size: 25px !important;
  font-weight: bold;
  padding: 15px !important;
  margin-top: 30px;
  position: relative; }
  #home-page .tablinks::after {
    content: "+";
    position: absolute;
    right: 0; }
  #home-page .tablinks.active::after {
    content: "-"; }
  #home-page .tabcontent {
    padding-left: 30px; }
  #home-page .faqTitle {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 15px 0;
    margin-top: 40px;
    position: relative; }
  #home-page .faqTitle::after {
    content: "+";
    position: absolute;
    right: 0; }
  #home-page .faqTitle.active::after {
    content: "-"; }
  #home-page .faqcontent {
    font-size: 16px; }
  #home-page #enjoy-more, #home-page #video, #home-page #benefits, #home-page #discover {
    min-height: 100vh; }
  #home-page #enjoy-more {
    background: #19d3c5;
    position: relative;
    max-height: 100vh;
    overflow: hidden; }
  #home-page #enjoy-more .btn .circle {
    bottom: 100%;
    left: 38% !important;
    transform: rotate(90deg);
    transition: opacity 0.3s ease, top 0.3s ease; }
    #home-page #enjoy-more .btn:hover .circle {
      opacity: 1;
      top: 85px; }
    #home-page #enjoy-more .btn:hover button {
      margin-right: 0 !important; }
  #home-page #enjoy-more button {
    animation: pulse 2s infinite; }
    #home-page #enjoy-more button:hover {
      animation: none; }
  #home-page #enjoy-more .items:nth-child(even) {
    animation: pulseSize 4s infinite; }
  #home-page #enjoy-more .items:nth-child(odd) {
    animation: pulseSize2 4s infinite; }
  #home-page #enjoy-more .element-items {
    transform: translate(-50%, -50%) !important; }
  #home-page #enjoy-more .background {
    background: url(/wp-content/uploads/2024/04/Micro.png) left bottom no-repeat, url(/wp-content/uploads/2024/04/Trebol.png) 62% 120% no-repeat, url(/wp-content/uploads/2024/04/Food.png) right bottom no-repeat, url(/wp-content/uploads/2024/04/Command.png) left top no-repeat;
    position: absolute;
    z-index: 999;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%; }
  #home-page #enjoy-more img {
    margin-left: 10%;
    margin-bottom: -50px; }
  #home-page #video {
    position: relative;
    overflow: hidden; }
  #home-page #video #videoBox {
    height: 100vh;
    padding: 0;
    position: absolute;
    display: inherit;
    width: 100%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    #home-page #video #videoBox:hover .control-bar {
      opacity: 0.92; }
    #home-page #video #videoBox:-webkit-full-screen {
      max-width: 1920px;
      max-height: 1080px; }
    #home-page #video #videoBox:-moz-full-screen {
      max-width: 1920px;
      max-height: 1080px; }
    #home-page #video #videoBox:-ms-fullscreen {
      max-width: 1920px;
      max-height: 1080px; }
    #home-page #video #videoBox:fullscreen {
      max-width: 1920px;
      max-height: 1080px; }
    #home-page #video #videoBox #customVideo {
      cursor: pointer;
      width: 100%; }
    #home-page #video #videoBox .fa {
      color: #aaa;
      cursor: pointer;
      transition: all 0.2s ease; }
    #home-page #video #videoBox .fa:hover {
      color: #fff;
      border-color: #fff; }
    #home-page #video #videoBox .control-bar {
      padding: 10px 25px;
      background-color: #222;
      opacity: 0;
      transition: all 0.5s ease;
      color: white;
      position: absolute;
      bottom: 5px;
      left: 0;
      right: 0; }
    #home-page #video #videoBox button {
      background: 0;
      border: 0;
      width: 32px;
      height: 32px; }
    #home-page #video #videoBox input[type=range], #home-page #video #videoBox progress {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: transparent;
      outline: 0;
      border: 0;
      width: 100%; }
    #home-page #video #videoBox input[type=range]::-webkit-slider-runnable-track {
      width: 100%;
      cursor: pointer;
      height: 3px;
      margin-bottom: 5px;
      box-shadow: 0 0 2px #eee, 0 0 2px #eee;
      transition: all 0.2s ease; }
    #home-page #video #videoBox input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      border: 1px solid #ea5455;
      border-radius: 50%;
      height: 18px;
      width: 18px;
      background: #ea5455;
      cursor: pointer;
      margin-top: -7.5px;
      box-shadow: 1px 1px 1px #333, 0 0 1px #333;
      transition: all 0.2s ease; }
    #home-page #video #videoBox input[type=range]::-webkit-slider-thumb:hover {
      background-color: #ff7d54;
      border: 1px solid #ff7d54; }
    #home-page #video #videoBox input[type=range]::-moz-range-thumb {
      -moz-appearance: none;
      appearance: none;
      border: 1px solid #ea5455;
      border-radius: 50%;
      height: 18px;
      width: 18px;
      background: #ea5455;
      cursor: pointer;
      margin-top: -7.5px;
      box-shadow: 1px 1px 1px #333, 0 0 1px #333;
      transition: all 0.2s ease; }
    #home-page #video #videoBox input[type=range]::-moz-range-thumb:hover {
      background-color: #ff7d54;
      border: 1px solid #ff7d54; }
    #home-page #video #videoBox input[type=range]::-ms-thumb {
      appearance: none;
      border: 1px solid #ea5455;
      border-radius: 50%;
      height: 18px;
      width: 18px;
      background: #ea5455;
      cursor: pointer;
      margin-top: -7.5px;
      box-shadow: 1px 1px 1px #333, 0 0 1px #333;
      transition: all 0.2s ease; }
    #home-page #video #videoBox input[type=range]::-ms-thumb:hover {
      background-color: #ff7d54;
      border: 1px solid #ff7d54; }
    #home-page #video #videoBox .video-seekbar {
      position: relative;
      display: inline-block;
      width: 50%;
      margin: 0 10px 6px; }
    #home-page #video #videoBox .video-seekbar input, #home-page #video #videoBox .video-seekbar progress {
      height: 3px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    #home-page #video #videoBox .video-seekbar .bufferBar::-webkit-progress-bar, #home-page #video #videoBox .video-seekbar .progressBar::-webkit-progress-bar {
      background-color: #2d4059;
      margin-left: 2px; }
    #home-page #video #videoBox .video-seekbar .bufferBar::-moz-progress-bar, #home-page #video #videoBox .video-seekbar .progressBar::-moz-progress-bar {
      margin: 0; }
    #home-page #video #videoBox .video-seekbar .progressBar::-webkit-progress-value {
      background-color: #ea5455; }
    #home-page #video #videoBox .video-seekbar .bufferBar::-webkit-progress-value {
      background-color: #e5f985; }
    #home-page #video #videoBox .video-seekbar #seekBar {
      z-index: 3; }
    #home-page #video #videoBox .video-seekbar #progressBar {
      z-index: 2;
      opacity: 0.7; }
    #home-page #video #videoBox .video-seekbar #bufferBar {
      z-index: 1; }
    #home-page #video #videoBox #volumeBtn {
      margin-left: 20px; }
    #home-page #video #videoBox input.volumeSeekBar {
      width: 15%;
      margin-right: 2%; }
    #home-page #video #videoBox #fsBtn {
      border: 1px solid #aaa;
      border-radius: 4px;
      float: right; }
  #home-page #video #stop {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 1;
    background: #1bd3c5;
    border: none;
    padding: 30px;
    border-radius: 50px; }
    #home-page #video #stop svg {
      height: 18px;
      transform: rotate(180deg); }
  #home-page #video .flex {
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
  #home-page #video svg {
    width: 20px;
    height: 20px; }
  #home-page #video > div > div {
    /* Aquesta regla farà que cada fill ocupi tot l'espai disponible */
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; }
  #home-page #video img {
    width: 100%; }
  #home-page #video .program {
    position: relative;
    background: white; }
    #home-page #video .program .content {
      position: absolute;
      bottom: 40%;
      width: 100%;
      overflow: hidden; }
    #home-page #video .program .overlay {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 200px;
      transition: 0.5s ease; }
    #home-page #video .program .content:hover .overlay {
      height: 400px; }
    @media screen and (min-width: 600px) and (max-width: 1600px) {
    #home-page #video .program .content:hover .title {
      transform: translateY(-150%) !important; } }
    @media screen and (max-width: 600px) {
    #home-page #video .program .content:hover .title {
      transform: translateY(0%) !important; } }
    @media screen and (max-width: 1600px) {
    #home-page #video .program .title h2 {
      font-size: 20px !important; }
    #home-page #video .program .content:hover .description {
      opacity: 1 !important;
      transform: translateY(0) !important; }
    #home-page #video .program .description p {
      font-size: 16px !important; }
    #home-page #video .program .content:hover .description {
      opacity: 1;
      transform: translateY(50%); } }
    #home-page #video .program .title, #home-page #video .program .description {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 20px;
      box-sizing: border-box;
      transition: 0.5s ease; }
      #home-page #video .program .title.title h2, #home-page #video .program .description.title h2 {
        font-size: 30px;
        margin: 0;
        padding: 0; }
    #home-page #video .program .description {
      opacity: 0; }
    #home-page #video .program .content:hover .title {
      transform: translateY(-150%); }
    #home-page #video .program .content:hover .description {
      opacity: 1;
      transform: translateY(0); }
  #home-page #video .play {
    background: #19d3c5; }
    #home-page #video .play img {
      position: absolute; }
    #home-page #video .play:hover img {
      opacity: 0.9;
      filter: blur(4px); }
      #home-page #video .play:hover button {
        z-index: 9999; }
    #home-page #video .play button {
      color: #00443e;
      padding: 60px 100px;
      border-radius: 90px;
      background: none;
      border: 0 solid #00443e;
      font-size: 20px;
      font-weight: 600;
      cursor: pointer; }
  #home-page #advantages {
    background: #19d3c5;
    overflow-x: hidden;
    padding-top: 70px; }
  #home-page #advantages > div {
    transition: 0.6s ease;
    background: #f93549;
    position: relative;
    overflow: hidden;
    height: 250vh;
    width: 150%;
    border-radius: 100%;
    margin-left: -25%;
    margin-right: -25%; }
    #home-page #advantages > div .item {
      color: #222;
      opacity: 1; }
  #home-page #advantages h3, #home-page #advantages h2 {
    color: white;
    text-shadow: 5px 5px 4px #474747; }
  #home-page #advantages .benefit1 {
    background: #f93549; }
  #home-page #advantages .benefit2 {
    background: #eb6ec3; }
  #home-page #advantages .benefit3 {
    background: #ffbf41; }
  #home-page #advantages .benefit4 {
    background: #9578d3; }
  #home-page #advantages #tabs {
    position: absolute;
    z-index: 999;
    pointer-events: none;
    top: 50%;
    left: 38%;
    transform: translate(-50%, -50%);
    width: 500px;
    opacity: 0;
    transition: 1.5s ease-in; }
    #home-page #advantages #tabs .active {
      background: white; }
      #home-page #advantages #tabs .active .text {
        font-weight: normal !important;
        min-height: 200px;
        max-height: none !important;
        opacity: 1 !important; }
        #home-page #advantages #tabs .active .text ul li {
          font-size: 20px; }
    #home-page #advantages #tabs div:last-child {
      border-bottom-left-radius: 40px;
      border-bottom-right-radius: 40px; }
      #home-page #advantages #tabs div:last-child > label {
        padding: 30px; }
    #home-page #advantages #tabs .benefit {
      cursor: pointer;
      margin-top: -40px;
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      position: relative;
      z-index: 9999;
      transition: 0.6s ease;
      padding: 30px 50px 50px 50px; }
      #home-page #advantages #tabs .benefit .title {
        display: flex;
        gap: 10px;
        font-weight: 700;
        font-size: 30px;
        cursor: pointer; }
      #home-page #advantages #tabs .benefit svg {
        width: 20px;
        height: 20px; }
  #home-page #benefits h2 {
    max-width: 430px; }
  #home-page #benefits .container {
    padding-bottom: 100px; }
    #home-page #benefits .container .btn {
      margin-top: 30px; }
  #home-page #benefits img {
    margin-top: -200px; }
  #home-page #more-benefits .items > div {
    display: inline-flex; }
  #home-page #more-benefits .items.active {
    transform: scale(1); }
  #home-page #more-benefits .iconFlip1 {
    background: #009a8e !important; }
  #home-page #more-benefits .iconFlip {
    cursor: pointer;
    position: absolute;
    top: 40px;
    left: 30px;
    padding: 23px 25px 22px 25px;
    border-radius: 100%;
    background: #19d3c5;
    height: auto !important;
    line-height: 20px;
    z-index: 99999;
    transition: transform 0.5s ease;
    display: inline-block !important; }
    #home-page #more-benefits .iconFlip svg {
      width: 20px;
      height: 20px; }
  #home-page #more-benefits .box {
    position: relative;
    white-space: normal;
    margin: 0 30px;
    font-size: 20px;
    width: 450px;
    color: #222;
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    border-radius: 45px;
    text-align: center;
    display: block; }
    #home-page #more-benefits .box img {
      max-height: 800px; }
    #home-page #more-benefits .box .flip {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: 0.5s ease;
      background-color: #222;
      z-index: 9999;
      border-radius: 40px; }
    #home-page #more-benefits .box .flipped {
      transform: rotateY(180deg); }
    #home-page #more-benefits .box .flip-text {
      color: white;
      font-size: 20px;
      font-style: normal;
      line-height: 30px;
      position: absolute;
      padding: 0 30px;
      top: 30%; }
      #home-page #more-benefits .box .flip-text p {
        position: relative;
        font-size: 20px;
        max-width: 100%; }
    #home-page #more-benefits .box > div {
      display: flex;
      flex-direction: column;
      height: 100%; }
      #home-page #more-benefits .box > div .image {
        border-top-left-radius: 45px;
        border-top-right-radius: 45px;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        position: relative;
        height: 100%; }
        #home-page #more-benefits .box > div .image.slide1 {
          background-position: 90% center;
          background-size: 25%;
          transform: rotate(-15deg); }
          #home-page #more-benefits .box > div .image.slide1:before {
            background: none; }
        #home-page #more-benefits .box > div .image:before {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          opacity: 0.5;
          transition: 0.5s ease;
          background-color: #1bd3c5;
          border-top-left-radius: 45px;
          border-top-right-radius: 45px; }
    #home-page #more-benefits .box .content {
      flex: 1;
      text-align: center;
      margin: 0 auto;
      height: 100%;
      padding: 30px 0;
      border-radius: 40px;
      z-index: 999;
      background: #19d3c5;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
    #home-page #more-benefits .box p {
      max-width: 300px;
      font-style: normal;
      font-weight: bold;
      line-height: normal;
      font-size: 40px;
      width: 100%;
      margin: 0 auto; }
  #home-page #discover-bg {
    height: 10vh;
    background: #19d3c5; }
  #home-page #discover {
    background: #19d3c5; }
  #home-page #discover h2 {
    font-size: 40px;
    line-height: 50px; }
  #home-page #discover .bottom {
    padding-bottom: 50px;
    font-size: 20px; }
    #home-page #discover .bottom button {
      border: 1px solid #222;
      background: none;
      font-size: 20px;
      border-radius: 30px;
      padding: 8px 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      display: flex;
      align-items: center;
      gap: 10px; }
      #home-page #discover .bottom button svg {
        width: 80px;
        height: 20px; }
    #home-page #discover .bottom p {
      max-width: 450px; }
    #home-page #discover .bottom h2 {
      font-size: 40px;
      line-height: 50px;
      padding-bottom: 50px; }
    #home-page #discover .bottom > div {
      flex: 1; }
    #home-page #discover .bottom > div:last-child {
      margin-left: 400px; }
  #home-page #discover .points {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 30vh; }
    #home-page #discover .points > img {
      margin-left: -12%;
      z-index: 999;
      width: 56%;
      padding-left: 40px; }
  #home-page #discover .black-box {
    padding: 50px;
    position: relative;
    background: #222;
    border-radius: 50px;
    max-width: 800px;
    height: fit-content;
    margin-top: 20vh; }
    #home-page #discover .black-box img {
      position: absolute;
      width: 110px;
      top: -35%;
      left: 33%;
      transform: rotate(-15deg); }
    #home-page #discover .black-box h3, #home-page #discover .black-box p {
      color: white; }
  #home-page #discover .folder {
    flex-grow: 1;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    height: 235px;
    max-width: 330px;
    color: white;
    border-radius: 20px 0 20px 20px;
    position: relative;
    transition: background 0.6s ease, color 0.6s ease; }
    #home-page #discover .folder .folder-content {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      z-index: 9999;
      padding: 30px 70px; }
      #home-page #discover .folder .folder-content .points {
        font-size: 16px;
        background: #19d3c5;
        color: black;
        text-align: left;
        display: inline-block;
        padding: 3px 10px !important;
        border-radius: 12px;
        font-weight: normal;
        position: absolute;
        bottom: 23%;
        right: 23%; }
    #home-page #discover .folder svg {
      fill: #222;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      transition: 0.6s ease; }
    #home-page #discover .folder .icon {
      z-index: 999;
      transform: rotate(-15deg);
      position: absolute;
      transition: 0.6s ease;
      width: 100px;
      right: 100px;
      bottom: -200px;
      opacity: 0; }
    #home-page #discover .folder:hover .folder-content {
      opacity: 0; }
      #home-page #discover .folder:hover svg {
        fill: white; }
      #home-page #discover .folder:hover .icon {
        opacity: 1;
        bottom: -50px;
        right: 0; }
      #home-page #discover .folder:hover .flip {
        opacity: 1; }
    #home-page #discover .folder .flip {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      transition: 0.6s ease;
      z-index: 99;
      opacity: 0;
      padding: 10px 70px;
      color: #222; }
  #home-page #faqs button, #home-page #faqs .faqTitle {
    cursor: pointer; }
  #home-page #faqs .faq .title {
    display: block;
    font-size: 30px;
    border-bottom: 1px solid #222;
    padding: 20px 0;
    margin-top: 10px;
    transition: all 0.25s ease;
    cursor: pointer; }
    #home-page #faqs .faq .title input {
      appearance: none; }
    #home-page #faqs .faq .title:after {
      transition: all 0.6s ease;
      font-weight: 900;
      content: "+";
      float: right;
      margin-right: 10px; }
    #home-page #faqs .faq .title:has(input:checked):after {
      content: "-"; }
    #home-page #faqs .faq .title:has(input:checked) + .text {
      max-height: 200px; }
    #home-page #faqs .faq .text {
      overflow: hidden;
      max-height: 0;
      transition: all 0.5s ease-in-out; }
  #home-page #faqs button {
    background: none;
    padding: 45px 25px;
    font-size: 20px;
    border-radius: 100%;
    border: 1px solid #222; }
  #home-page #more {
    background: white;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index: 9999;
    position: absolute;
    width: 100%; }
  #home-page #more .flex-row {
    max-width: 1300px;
    margin: 0 auto -150px auto;
    align-items: stretch; }
  #home-page #more .download, #home-page #more .sign-in {
    border-radius: 50px;
    padding: 50px;
    flex: 1; }
    #home-page #more .download.download, #home-page #more .sign-in.download {
      background: #19d3c5; }
    #home-page #more .download.sign-in, #home-page #more .sign-in.sign-in {
      background: #222;
      color: white; }
  #home-page #bottom {
    background-attachment: fixed !important;
    z-index: -1;
    background: #19d3c5;
    height: 100vh;
    background-size: cover;
    position: relative; }
  #home-page #thumb {
    position: relative; }
  #home-page #thumb img {
    margin-top: -50px;
    width: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-20deg); }
  @media screen and (min-width: 1000px) {
  #home-page #home-page #discover .black-box {
    width: 60%;
    height: 450px !important; }
  #home-page #home-page #discover .black-box img {
    width: 130px !important;
    top: -35% !important; } }
  @media screen and (max-width: 1000px) {
  #home-page #tarjeta {
    grid-template-columns: 100% !important; }
  #home-page #tarjeta > div.animation-element.slide-left.in-view > img {
    margin: 0 !important; } }
  @media screen and (max-width: 1200px) {
  #home-page #discover .points > img {
    margin: 0 auto !important; }
  #home-page #conseguirPuntos {
    margin: 30vh auto 0 auto; }
  #home-page #tabs {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 300px !important; }
    #home-page #tabs .active {
      opacity: 0.9; }

    #home-page #tabs .active .text ul {
      padding: 5px 20px; }
      #home-page #tabs .active .text ul li {
        margin-bottom: 10px;
        font-size: 15px !important; }

    #home-page #tabs .benefit4 {
      padding: 30px 20px !important; }

    #home-page #tabs .benefit {
      padding: 30px 20px 50px 20px !important; }
      #home-page #tabs .benefit .title {
        font-size: 20px !important; }
  #home-page #advantages .element-items {
    left: 50% !important; }
  #home-page #advantages > div {
    height: 150vh !important;
    width: 350% !important;
    margin-left: -125% !important;
    margin-right: -125% !important; } }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
  #home-page #tabs {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 300px !important; }
    #home-page #tabs .active {
      opacity: 0.9; }

    #home-page #tabs .active .text ul {
      padding: 5px 20px; }
      #home-page #tabs .active .text ul li {
        margin-bottom: 10px;
        font-size: 15px !important; }

    #home-page #tabs .benefit4 {
      padding: 30px 20px !important; }

    #home-page #tabs .benefit {
      padding: 30px 20px 50px 20px !important; }
      #home-page #tabs .benefit .title {
        font-size: 20px !important; }
  #home-page #advantages .element-items {
    left: 50% !important; }
  #home-page #advantages > div {
    height: 150vh !important;
    width: 170% !important;
    margin-left: -35% !important;
    margin-right: -75% !important; } }
  @media screen and (max-width: 1200px) {
  #home-page #videoBox, #home-page #video > div:nth-child(1), #home-page #stop, #home-page #video .play {
    display: none !important; }
  #home-page #appLinks .qrApps {
    display: none; }
  #home-page #yesFunCard1 {
    margin-left: 0 !important; }
  #home-page #imgCards1 {
    display: none; }
  #home-page #yesfunCard2, #home-page #yesFunCard3 {
    display: block !important; }
  #home-page #pointsFolders, #home-page #pointsFolders2 {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px; }
  #home-page #conseguirPuntos {
    height: auto !important; }
  #home-page .btn button {
    padding: 9px 20px;
    font-size: 15px; }
  #home-page #fsBtn {
    display: none; }
  #home-page .mobileSize {
    height: auto !important;
    position: relative !important;
    transform: none !important;
    left: 0 !important;
    top: 0 !important; }
  #home-page .btn:hover button {
    margin-right: 0; }
  #home-page .btn .circle {
    display: none; }
  #home-page #home-page #video > div > div {
    flex: none; }
  #home-page #video {
    min-height: auto !important; }
    #home-page #video .play button {
      padding: 10px 20px; }

    #home-page #video .flex, #home-page #video .control-bar {
      position: relative !important; }

    #home-page #video .program .content:hover .title {
      transform: inherit; }

    #home-page #video .program .title, #home-page #video .program .description {
      position: relative; }

    #home-page #video .program .overlay {
      height: fit-content; }

    #home-page #video .program .content:hover .overlay {
      height: fit-content; }

    #home-page #video .program .content {
      position: relative !important;
      bottom: 0;
      overflow: auto; }

    #home-page #video .program .description {
      transform: inherit;
      opacity: 1; }

    #home-page #video .flex {
      flex-direction: column; }
      #home-page #video .flex .empty {
        display: none; }
  #home-page #enjoy-more .background {
    background: url(/wp-content/uploads/2024/04/Micro.png) left bottom no-repeat, url(/wp-content/uploads/2024/04/Food.png) right bottom no-repeat, url(/wp-content/uploads/2024/04/Command.png) left top no-repeat !important;
    background-size: 200px !important; }
    #home-page #enjoy-more img {
      margin-bottom: 0; }

    #home-page #enjoy-more .element-items {
      width: 90%; }
      #home-page #enjoy-more .element-items .btn {
        max-width: 70%; }
  #home-page .container {
    padding: 15px 25px; }
  #home-page #more {
    position: relative;
    margin-bottom: -100px; }
    #home-page #more .flex-row {
      max-width: 100% !important;
      margin: 0 auto !important;
      align-items: baseline !important;
      flex-direction: column !important;
      padding-bottom: 30px; }

    #home-page #more div.download > div:nth-child(5) {
      text-align: center; }

    #home-page #more .download, #home-page #more .sign-in {
      padding: 10px 40px !important; }
      #home-page #more .download .btn, #home-page #more .sign-in .btn {
        width: 100%;
        text-align: center; }
  #home-page #bottom {
    z-index: -1;
    background-position: center center;
    height: 50vh; }
  #home-page #advantages > div {
    height: 100vh; }
  #home-page #benefits {
    padding-bottom: 0;
    display: none;
    background: #19d3c5;
    height: 10vh !important;
    min-height: 10vh !important; }
    #home-page #benefits .container {
      padding-bottom: 0; }

    #home-page #benefits .flex-row {
      flex-direction: column; }

    #home-page #benefits img {
      margin-top: 0; }
  #home-page #more-benefits .box {
    height: 400px !important; }
  #home-page #discover-bg {
    height: 10vh; }
  #home-page #discover .apps {
    text-align: center; }
    #home-page #discover .folder {
      font-size: 15px;
      line-height: 20px; }
      #home-page #discover .folder .folder-content, #home-page #discover .folder .flip {
        position: inherit !important;
        text-align: center;
        padding: 50px 0;
        max-width: 140px;
        margin: 0 auto;
        text-align: center; }

    #home-page #discover .points {
      flex-direction: column;
      padding-top: 0; }
      #home-page #discover .points > img {
        margin-left: 0;
        z-index: 999;
        margin-top: 0;
        width: 100%;
        max-width: 600px;
        height: auto; }

    #home-page #discover .bottom > div:last-child {
      margin-left: 0 !important; }

    #home-page #discover .flex-row {
      flex-direction: column; }

    #home-page #discover .bottom h2 {
      font-size: 30px;
      line-height: 40px;
      padding-bottom: 0; }
  #home-page h2 {
    font-size: 32px; }
  #home-page h3 {
    font-size: 22px;
    line-height: 32px; }
  #home-page p {
    font-size: 15px;
    line-height: 25px; }
  #home-page #thumb {
    margin-top: -100px; }
    #home-page #thumb img {
      margin-top: 0;
      width: 150px;
      position: relative;
      transform: translate(-50%, 0%) rotate(-20deg); }
  #home-page #faqs .faq .title {
    font-size: 20px; }
    #home-page #faqs .faq .title:has(input:checked) + .text {
      max-height: fit-content; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fff; }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff; }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes pulseSize {
  0% {
    transform: translateX(0); }

  50% {
    transform: translateX(30px); }

  100% {
    transform: translateX(0); } }

@keyframes pulseSize2 {
  0% {
    transform: translateX(0); }

  50% {
    transform: translateX(-30px); }

  100% {
    transform: translateX(0); } }