:root {
  --backgroundPrimary: #FFFFFF;
  --backgroundInverted: var(--color-500);
  --backgroundHover: var(--color-100);
  --cta-backgroundPrimary: var(--color-500);
  --cta-backgroundHover: var(--color-600);
  --cta-backgroundInverted: #FFFFFF;
  --cardBackground: var(--color-50);
  --bannerBackground: var(--color-100);
  --pdpBackground: var(--color-200);
  --assetBackground: var(--color-50);
  --headerBackground: var(--color-100);
  --headerBlogBackground: var(--color-50);
  --textPrimary: #151515;
  --textColoredPrimary: var(--color-600);
  --textSeconday: #4A4A4A;
  --textCTA: var(--color-500);
  --textOverline: var(--color-500);
  --textHover: var(--color-500);
  --textInverted: #FFFFFF;
  --strokePrimary: var(--color-600);
  --strokeSecondary: var(--color-300);
  --strokeTertiary: var(--color-200);
  --strokeDivider: var(--color-50);
  --fillPrimary: var(--color-500);
  --fillSecondary: var(--color-300);
  --fillTertiary: var(--color-200);
  --fillQuaternary: var(--color-100);
  --bannerCompliance: #64B22D;
  --bannerInstructions: #114482;
  --bannerContraindications: #418214;
}
:root .theme--dark {
  --backgroundPrimary: var(--color-500);
  --backgroundInverted: #151515;
  --backgroundHover: var(--color-500);
  --cta-backgroundPrimary: #FFFFFF;
  --cta-backgroundHover: var(--color-100);
  --cta-backgroundInverted: var(--color-500);
  --cardBackground: var(--color-400);
  --bannerBackground: var(--color-500);
  --pdpBackground: var(--color-50);
  --assetBackground: var(--color-400);
  --headerBackground: var(--color-500);
  --headerBlogBackground: var(--color-400);
  --textPrimary: #FFFFFF;
  --textColoredPrimary: var(--color-50);
  --textSeconday: var(--color-50);
  --textCTA: var(--color-50);
  --textOverline: var(--color-50);
  --textHover: var(--color-50);
  --textInverted: #151515;
  --strokePrimary: var(--color-50);
  --strokeSecondary: var(--color-50);
  --strokeTertiary: var(--color-50);
  --strokeDivider: var(--color-50);
  --fillPrimary: #FFFFFF;
  --fillSecondary: var(--color-100);
  --fillTertiary: var(--color-200);
  --fillQuaternary: var(--color-100);
}
:root .theme--custom {
  --backgroundPrimary: #FFFFFF;
  --backgroundInverted: var(--color-500-custom);
  --backgroundHover: var(--color-100-custom);
  --cta-backgroundPrimary: var(--color-500-custom);
  --cta-backgroundHover: var(--color-600-custom);
  --cta-backgroundInverted: #FFFFFF;
  --cardBackground: var(--color-50-custom);
  --bannerBackground: var(--color-100-custom);
  --pdpBackground: var(--color-200-custom);
  --assetBackground: var(--color-50-custom);
  --headerBackground: var(--color-100-custom);
  --headerBlogBackground: var(--color-50-custom);
  --textPrimary: #151515;
  --textColoredPrimary: var(--color-600-custom);
  --textSeconday: #4A4A4A;
  --textCTA: var(--color-500-custom);
  --textOverline: var(--color-500-custom);
  --textHover: var(--color-500-custom);
  --textInverted: #FFFFFF;
  --strokePrimary: var(--color-600-custom);
  --strokeSecondary: var(--color-300-custom);
  --strokeTertiary: var(--color-200-custom);
  --strokeDivider: var(--color-50-custom);
  --fillPrimary: var(--color-500-custom);
  --fillSecondary: var(--color-300-custom);
  --fillTertiary: var(--color-200-custom);
  --fillQuaternary: var(--color-100-custom);
  --bannerCompliance: #64B22D;
  --bannerInstructions: #114482;
  --bannerContraindications: #418214;
}

:root {
  --base-font-size: $base-font-size;
}

html {
  box-sizing: border-box;
  font-size: 16px;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

*:focus-visible {
  outline: 2px solid var(--strokePrimary);
  outline-offset: 2px;
}

#content,
.no-focus {
  outline: none;
}

body {
  margin: 0;
  padding: 0;
}
body.modal-open, body.noscroll {
  overflow: hidden;
}

section {
  background-color: var(--backgroundPrimary);
}
section:not(.no_overflow) {
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

main {
  position: relative;
  background-color: #FFFFFF;
}

.hidden {
  display: none !important;
}

.content-upper {
  position: relative;
  border-radius: 0rem 0rem 1.5rem 1.5rem;
  background-color: #FFFFFF;
  z-index: 4;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 5rem;
}
@media screen and (max-width: 1439px) {
  .container {
    padding: 0px 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .container {
    padding: 0px 2.5rem;
  }
}
@media screen and (max-width: 743px) {
  .container {
    padding: 0px 1.5rem;
  }
}

.container-fluid {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0rem;
  overflow-x: hidden;
}

section:not(.section-hero_banner):not(.section-blogarticle_header):not(.section-simple_header):not(.section-blogmain_header):not(.section-glosario_header) {
  padding: 5.25rem 0rem;
}
@media screen and (max-width: 1023px) {
  section:not(.section-hero_banner):not(.section-blogarticle_header):not(.section-simple_header):not(.section-blogmain_header):not(.section-glosario_header) {
    padding: 4rem 0rem;
  }
}
@media screen and (max-width: 743px) {
  section:not(.section-hero_banner):not(.section-blogarticle_header):not(.section-simple_header):not(.section-blogmain_header):not(.section-glosario_header) {
    padding: 3.25rem 0rem;
  }
}

.object-0 {
  object-position: 0% center !important;
}

.object-1 {
  object-position: 1% center !important;
}

.object-2 {
  object-position: 2% center !important;
}

.object-3 {
  object-position: 3% center !important;
}

.object-4 {
  object-position: 4% center !important;
}

.object-5 {
  object-position: 5% center !important;
}

.object-6 {
  object-position: 6% center !important;
}

.object-7 {
  object-position: 7% center !important;
}

.object-8 {
  object-position: 8% center !important;
}

.object-9 {
  object-position: 9% center !important;
}

.object-10 {
  object-position: 10% center !important;
}

.object-11 {
  object-position: 11% center !important;
}

.object-12 {
  object-position: 12% center !important;
}

.object-13 {
  object-position: 13% center !important;
}

.object-14 {
  object-position: 14% center !important;
}

.object-15 {
  object-position: 15% center !important;
}

.object-16 {
  object-position: 16% center !important;
}

.object-17 {
  object-position: 17% center !important;
}

.object-18 {
  object-position: 18% center !important;
}

.object-19 {
  object-position: 19% center !important;
}

.object-20 {
  object-position: 20% center !important;
}

.object-21 {
  object-position: 21% center !important;
}

.object-22 {
  object-position: 22% center !important;
}

.object-23 {
  object-position: 23% center !important;
}

.object-24 {
  object-position: 24% center !important;
}

.object-25 {
  object-position: 25% center !important;
}

.object-26 {
  object-position: 26% center !important;
}

.object-27 {
  object-position: 27% center !important;
}

.object-28 {
  object-position: 28% center !important;
}

.object-29 {
  object-position: 29% center !important;
}

.object-30 {
  object-position: 30% center !important;
}

.object-31 {
  object-position: 31% center !important;
}

.object-32 {
  object-position: 32% center !important;
}

.object-33 {
  object-position: 33% center !important;
}

.object-34 {
  object-position: 34% center !important;
}

.object-35 {
  object-position: 35% center !important;
}

.object-36 {
  object-position: 36% center !important;
}

.object-37 {
  object-position: 37% center !important;
}

.object-38 {
  object-position: 38% center !important;
}

.object-39 {
  object-position: 39% center !important;
}

.object-40 {
  object-position: 40% center !important;
}

.object-41 {
  object-position: 41% center !important;
}

.object-42 {
  object-position: 42% center !important;
}

.object-43 {
  object-position: 43% center !important;
}

.object-44 {
  object-position: 44% center !important;
}

.object-45 {
  object-position: 45% center !important;
}

.object-46 {
  object-position: 46% center !important;
}

.object-47 {
  object-position: 47% center !important;
}

.object-48 {
  object-position: 48% center !important;
}

.object-49 {
  object-position: 49% center !important;
}

.object-50 {
  object-position: 50% center !important;
}

.object-51 {
  object-position: 51% center !important;
}

.object-52 {
  object-position: 52% center !important;
}

.object-53 {
  object-position: 53% center !important;
}

.object-54 {
  object-position: 54% center !important;
}

.object-55 {
  object-position: 55% center !important;
}

.object-56 {
  object-position: 56% center !important;
}

.object-57 {
  object-position: 57% center !important;
}

.object-58 {
  object-position: 58% center !important;
}

.object-59 {
  object-position: 59% center !important;
}

.object-60 {
  object-position: 60% center !important;
}

.object-61 {
  object-position: 61% center !important;
}

.object-62 {
  object-position: 62% center !important;
}

.object-63 {
  object-position: 63% center !important;
}

.object-64 {
  object-position: 64% center !important;
}

.object-65 {
  object-position: 65% center !important;
}

.object-66 {
  object-position: 66% center !important;
}

.object-67 {
  object-position: 67% center !important;
}

.object-68 {
  object-position: 68% center !important;
}

.object-69 {
  object-position: 69% center !important;
}

.object-70 {
  object-position: 70% center !important;
}

.object-71 {
  object-position: 71% center !important;
}

.object-72 {
  object-position: 72% center !important;
}

.object-73 {
  object-position: 73% center !important;
}

.object-74 {
  object-position: 74% center !important;
}

.object-75 {
  object-position: 75% center !important;
}

.object-76 {
  object-position: 76% center !important;
}

.object-77 {
  object-position: 77% center !important;
}

.object-78 {
  object-position: 78% center !important;
}

.object-79 {
  object-position: 79% center !important;
}

.object-80 {
  object-position: 80% center !important;
}

.object-81 {
  object-position: 81% center !important;
}

.object-82 {
  object-position: 82% center !important;
}

.object-83 {
  object-position: 83% center !important;
}

.object-84 {
  object-position: 84% center !important;
}

.object-85 {
  object-position: 85% center !important;
}

.object-86 {
  object-position: 86% center !important;
}

.object-87 {
  object-position: 87% center !important;
}

.object-88 {
  object-position: 88% center !important;
}

.object-89 {
  object-position: 89% center !important;
}

.object-90 {
  object-position: 90% center !important;
}

.object-91 {
  object-position: 91% center !important;
}

.object-92 {
  object-position: 92% center !important;
}

.object-93 {
  object-position: 93% center !important;
}

.object-94 {
  object-position: 94% center !important;
}

.object-95 {
  object-position: 95% center !important;
}

.object-96 {
  object-position: 96% center !important;
}

.object-97 {
  object-position: 97% center !important;
}

.object-98 {
  object-position: 98% center !important;
}

.object-99 {
  object-position: 99% center !important;
}

.object-100 {
  object-position: 100% center !important;
}

.mobile {
  display: none !important;
}
@media screen and (max-width: 743px) {
  .mobile {
    display: block !important;
  }
}

.desktop {
  display: block !important;
}
@media screen and (max-width: 743px) {
  .desktop {
    display: none !important;
  }
}

@font-face {
  font-family: "Neue";
  src: url("/app/themes/cinfa/assets/fonts/neue.woff2") format("woff2"), url("/app/themes/cinfa/assets/fonts/neue.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NeueStd";
  src: url("/app/themes/cinfa/assets/fonts/neueStd.woff2") format("woff2"), url("/app/themes/cinfa/assets/fonts/neueStd.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.text-xxl {
  font-family: "NeueStd", sans-serif;
  line-height: 120%;
  font-size: 2.25rem;
  font-weight: 500;
}

.text-xl, .section-percentage_text .content-layout .percentage-item .item-number .number-text {
  font-family: "NeueStd", sans-serif;
  line-height: 120%;
  font-size: 2.125rem;
  font-weight: 500;
}

.text-lg {
  font-family: "NeueStd", sans-serif;
  line-height: 120%;
  font-size: 1.75rem;
  font-weight: 500;
}

.text-sm, .blog-page .blog-container .container .content-col .blog-content h2, .blog-page .blog-container .container .content-col .blog-content h3 {
  font-family: "NeueStd", sans-serif;
  line-height: 140%;
  font-size: 1.375rem;
  font-weight: 500;
}

.text-md, .article-page .article-container .container .content-col .article-content blockquote p, .article-page .article-container .container .content-col .article-content .blog-banner p, .legal-page .legal-container .container .content-col .legal-content h2, .legal-page .legal-container .container .content-col .legal-content blockquote p, .legal-page .legal-container .container .content-col .legal-content .blog-banner p, .blog-page .blog-container .container .content-col .blog-content blockquote p, .blog-page .blog-container .container .content-col .blog-content .blog-banner p {
  font-family: "Neue", sans-serif;
  line-height: 140%;
  font-size: 1.25rem;
  font-weight: 500;
}

.text-s, .article-page .article-container .container .content-col .article-content h3, .legal-page .legal-container .container .content-col .legal-content h3 {
  font-family: "NeueStd", sans-serif;
  line-height: 140%;
  font-size: 1.125rem;
  font-weight: 500;
}

.text-xs, .section-figure_caption .figure-caption {
  font-family: "NeueStd", sans-serif;
  line-height: 140%;
  font-size: 1rem;
  font-weight: 500;
}

.text-xxs, .chip-count {
  font-family: "NeueStd", sans-serif;
  line-height: 140%;
  font-size: 0.875rem;
  font-weight: 500;
}

.body-1,
.body1,
.select .select-value,
.select .options .option,
.input,
.input-label {
  font-family: "Neue", sans-serif;
  line-height: 140%;
  font-size: 1.125rem;
  font-weight: 500;
}

.body-2,
.body2,
.input-group .error-message,
.select-group .error-message,
.article-page .article-container .container .content-col .article-content p,
.article-page .article-container .container .content-col .article-content ul li,
.article-page .article-container .container .content-col .article-content ol li,
.legal-page .legal-container .container .content-col .legal-content p,
.legal-page .legal-container .container .content-col .legal-content ul li,
.legal-page .legal-container .container .content-col .legal-content ol li,
.blog-page .blog-container .container .content-col .blog-content p,
.blog-page .blog-container .container .content-col .blog-content ul li,
.blog-page .blog-container .container .content-col .blog-content ol li {
  font-family: "Neue", sans-serif;
  line-height: 140%;
  font-size: 1rem;
  font-weight: 500;
}

.text-dropdown, .tag {
  font-family: "Neue", sans-serif;
  line-height: 100%;
  font-size: 1rem;
  font-weight: 500;
}

.text-button, .chip .chip-text, .button,
.button-icon, .button-discover {
  font-family: "NeueStd", sans-serif;
  line-height: 100%;
  font-size: 1rem;
  font-weight: 400;
}

.text-overline, .tab {
  font-family: "NeueStd", sans-serif;
  line-height: 140%;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
  .text-xxl {
    font-size: 2rem;
  }
  .text-xl, .section-percentage_text .content-layout .percentage-item .item-number .number-text {
    font-size: 1.875rem;
  }
  .text-lg {
    font-size: 1.625rem;
  }
  .text-md, .article-page .article-container .container .content-col .article-content blockquote p, .article-page .article-container .container .content-col .article-content .blog-banner p, .legal-page .legal-container .container .content-col .legal-content h2, .legal-page .legal-container .container .content-col .legal-content blockquote p, .legal-page .legal-container .container .content-col .legal-content .blog-banner p, .blog-page .blog-container .container .content-col .blog-content blockquote p, .blog-page .blog-container .container .content-col .blog-content .blog-banner p {
    font-size: 1.125rem;
  }
  .text-sm, .blog-page .blog-container .container .content-col .blog-content h2, .blog-page .blog-container .container .content-col .blog-content h3 {
    font-size: 1rem;
  }
  .text-s, .article-page .article-container .container .content-col .article-content h3, .legal-page .legal-container .container .content-col .legal-content h3 {
    font-size: 1rem;
  }
  .text-xs, .section-figure_caption .figure-caption {
    font-size: 0.875rem;
  }
  .body-1, .body1, .select .select-value, .select .options .option, .input, .input-label {
    font-size: 1rem;
  }
  .body-2, .body2, .input-group .error-message,
  .select-group .error-message, .article-page .article-container .container .content-col .article-content p, .article-page .article-container .container .content-col .article-content ul li,
  .article-page .article-container .container .content-col .article-content ol li, .legal-page .legal-container .container .content-col .legal-content p, .legal-page .legal-container .container .content-col .legal-content ul li,
  .legal-page .legal-container .container .content-col .legal-content ol li, .blog-page .blog-container .container .content-col .blog-content p, .blog-page .blog-container .container .content-col .blog-content ul li,
  .blog-page .blog-container .container .content-col .blog-content ol li {
    font-size: 0.875rem;
  }
  .text-dropdown, .tag {
    font-size: 0.875rem;
  }
  .text-button, .chip .chip-text, .button,
  .button-icon, .button-discover {
    font-size: 0.875rem;
  }
  .text-overline, .tab {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 743px) {
  .text-xxl {
    font-size: 1.75rem;
  }
  .text-xl, .section-percentage_text .content-layout .percentage-item .item-number .number-text {
    font-size: 1.625rem;
  }
  .text-lg {
    font-size: 1.375rem;
  }
  .text-md, .article-page .article-container .container .content-col .article-content blockquote p, .article-page .article-container .container .content-col .article-content .blog-banner p, .legal-page .legal-container .container .content-col .legal-content h2, .legal-page .legal-container .container .content-col .legal-content blockquote p, .legal-page .legal-container .container .content-col .legal-content .blog-banner p, .blog-page .blog-container .container .content-col .blog-content blockquote p, .blog-page .blog-container .container .content-col .blog-content .blog-banner p {
    font-size: 1.125rem;
  }
  .text-sm, .blog-page .blog-container .container .content-col .blog-content h2, .blog-page .blog-container .container .content-col .blog-content h3 {
    font-size: 1rem;
  }
  .text-s, .article-page .article-container .container .content-col .article-content h3, .legal-page .legal-container .container .content-col .legal-content h3 {
    font-size: 1rem;
  }
  .text-xs, .section-figure_caption .figure-caption {
    font-size: 0.875rem;
  }
  .body-1, .body1, .select .select-value, .select .options .option, .input, .input-label {
    font-size: 1rem;
  }
  .body-2, .body2, .input-group .error-message,
  .select-group .error-message, .article-page .article-container .container .content-col .article-content p, .article-page .article-container .container .content-col .article-content ul li,
  .article-page .article-container .container .content-col .article-content ol li, .legal-page .legal-container .container .content-col .legal-content p, .legal-page .legal-container .container .content-col .legal-content ul li,
  .legal-page .legal-container .container .content-col .legal-content ol li, .blog-page .blog-container .container .content-col .blog-content p, .blog-page .blog-container .container .content-col .blog-content ul li,
  .blog-page .blog-container .container .content-col .blog-content ol li {
    font-size: 0.875rem;
  }
  .text-button, .chip .chip-text, .button,
  .button-icon, .button-discover {
    font-size: 0.875rem;
  }
  .text-overline, .tab {
    font-size: 0.75rem;
  }
}
.icon {
  display: block;
}

.icon-arrowup {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowup.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowup.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-arrowdown {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowdown.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowdown.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-arrowright {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowright.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowright.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-arrowleft {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowleft.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowleft.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-arrowlink {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowlink.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowlink.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-chevronup {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-chevronup.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-chevronup.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-chevrondown, .select .select-value:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-chevrondown.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-chevrondown.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-chevronright {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-chevronright.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-chevronright.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-chevronleft {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-chevronleft.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-chevronleft.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-close, .card-recommendation.not_recommended .card-list .list-item:before {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-close.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-close.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-menuburger {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-menuburger.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-menuburger.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-instagram {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-instagram.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-instagram.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-facebook {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-facebook.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-facebook.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-linkedin {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-linkedin.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-linkedin.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-link {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-link.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-link.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-check, .card-recommendation.recommended .card-list .list-item:before {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-check.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-check.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-instrucciones {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-instrucciones.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-instrucciones.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-medicamento {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-medicamento.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-medicamento.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-play {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-play.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-play.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-farmaceutico {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-farmaceutico.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-farmaceutico.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.round-corner, .bgrounded-button:after, .bgrounded-button:before {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/corner.svg");
  mask-image: url("/app/themes/cinfa/assets/img/corner.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-logocinfa {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/logo-cinfa.svg");
  mask-image: url("/app/themes/cinfa/assets/img/logo-cinfa.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  aspect-ratio: 3/1;
  height: auto;
}

.slider {
  position: relative;
}
@media screen and (max-width: 1439px) {
  .slider .slider-container .slick-list {
    margin: 0 -4rem;
    padding: 0 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .slider .slider-container .slick-list {
    margin: 0 -2.5rem;
    padding: 0 2.5rem;
  }
}
@media screen and (max-width: 743px) {
  .slider .slider-container .slick-list {
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
  }
}
.slider .slider-container .slick-list .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  padding: 0.625rem 0;
}
.slider .slider-container .slick-list .slick-track .slick-slide {
  height: auto;
}
.slider .slider-container .slick-list .slick-track .slick-slide .card {
  height: 100%;
}
.slider.slider-pagination--hidden .slider-container .slick-dots {
  visibility: hidden;
  display: none;
}
.slider.slider-pagination--hidden .slider-pagination {
  visibility: hidden;
  display: none;
}
.slider.slider-customcontrols .slick-arrow {
  position: absolute;
  border: 2px solid var(--strokePrimary);
  border-radius: 50%;
  padding: 0.6875rem;
  font-size: 0;
  bottom: -1.4375rem;
  transition: all 0.5s linear;
  z-index: 3;
}
.slider.slider-customcontrols .slick-arrow:hover {
  border-color: var(--cta-backgroundHover);
  background-color: var(--cta-backgroundHover);
}
.slider.slider-customcontrols .slick-arrow:hover:after {
  background-color: var(--textInverted);
}
.slider.slider-customcontrols .slick-arrow:focus-visible {
  outline: 2px solid var(--strokePrimary);
  outline-offset: 2px;
}
.slider.slider-customcontrols .slick-arrow:after {
  content: "";
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  background-color: var(--strokePrimary);
}
.slider.slider-customcontrols .slick-arrow.slick-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.slider.slider-customcontrols .slick-arrow.slick-prev {
  right: 4.125rem;
}
.slider.slider-customcontrols .slick-arrow.slick-prev:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-chevronleft.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-chevronleft.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.slider.slider-customcontrols .slick-arrow.slick-next {
  right: 0;
}
.slider.slider-customcontrols .slick-arrow.slick-next:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-chevronright.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-chevronright.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.slider.slider-customcontrols .slick-dots {
  position: relative;
  left: 4.75rem;
  display: flex;
  background-color: var(--strokeTertiary);
  width: calc(100% - 9.75rem - 4.75rem);
  margin-top: 4rem;
}
.slider.slider-customcontrols .slick-dots li {
  flex: 1 0;
  width: 0;
  height: 0.25rem;
}
.slider.slider-customcontrols .slick-dots li button {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  width: 100%;
  height: 100%;
}
.slider.slider-customcontrols .slick-dots li.slick-active, .slider.slider-customcontrols .slick-dots li:not(.slick-active ~ li) {
  background-color: var(--strokePrimary);
}
.slider.slider-customcontrols .slider-pagination {
  position: absolute;
  left: 0;
  bottom: -0.625rem;
  color: var(--textPrimary);
}
.slider.slider-customcontrols .slider-pagination .pagination-current {
  color: var(--textSeconday);
}
.slider.slider-gap .slick-list {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media screen and (max-width: 1439px) {
  .slider.slider-gap .slick-list {
    margin: 0 -5rem;
    padding: 0 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .slider.slider-gap .slick-list {
    margin: 0 -3.5rem;
    padding: 0 2.5rem;
  }
}
@media screen and (max-width: 743px) {
  .slider.slider-gap .slick-list {
    margin: 0 -2rem;
    padding: 0 1.5rem;
  }
}
.slider.slider-gap .slick-list .slick-slide {
  margin-left: 1rem;
  margin-right: 1rem;
}

@media screen and (max-width: 1023px) {
  .slider.slider-customcontrols .slick-arrow {
    bottom: 1.5rem;
  }
  .slider.slider-customcontrols .slick-dots {
    width: 100%;
    margin-top: 6.5rem;
    left: 0;
  }
  .slider.slider-customcontrols .slider-pagination {
    bottom: 2.375rem;
  }
}
@media screen and (max-width: 743px) {
  .slider.slider-customcontrols .slick-arrow {
    padding: 0.59375rem;
  }
  .slider.slider-customcontrols .slick-arrow.slick-prev {
    right: 3.5rem;
  }
  .slider.slider-customcontrols .slider-pagination {
    bottom: 2.25rem;
  }
  .slider.slider-gap .slick-list .slick-slide {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.footer-element.gotop-banner {
  pointer-events: none;
  z-index: 1;
}
@media screen and (min-width: 1440px) {
  .footer-element.gotop-banner.follow-scroll {
    position: sticky;
    bottom: 0px;
    left: 25%;
    z-index: 4;
  }
  .footer-element.gotop-banner .container,
  .footer-element.gotop-banner .container-fluid {
    max-width: 100%;
  }
}
.footer-element.gotop-banner .container,
.footer-element.gotop-banner .container-fluid {
  text-align: right;
  padding-bottom: 2.5rem;
  margin-bottom: -2.5rem;
}

.footer-element.info-banner {
  position: relative;
  z-index: 0;
}
.footer-element.info-banner--instuctions {
  padding-top: 4.5rem;
}
.footer-element.info-banner--contraindications, .footer-element.info-banner--compliance {
  padding-top: 3.25rem;
}

#footer {
  width: 100%;
}
#footer *:focus-visible {
  outline: 1px solid var(--textInverted);
  outline-offset: 2px;
}
#footer .footer-content {
  background-color: var(--backgroundInverted);
  padding: 4rem 0rem;
  position: relative;
}
#footer .footer-content .brand-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#footer .footer-content .brand-row:has(.brand-image + .brand-image) {
  justify-content: space-between;
}
#footer .footer-content .brand-row .brand-image {
  display: block;
  aspect-ratio: 3/1;
  height: 2rem;
  width: auto;
  background-color: var(--textInverted);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
#footer .footer-content .content-row {
  display: flex;
  align-items: flex-end;
  padding-top: 2.5rem;
}
#footer .footer-content .content-row .content-links {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
#footer .footer-content .content-row .content-links .link-list {
  padding-right: 1.5rem;
}
#footer .footer-content .content-row .content-links .link-list .heading-item {
  padding-bottom: 1.125rem;
  color: var(--textInverted);
}
#footer .footer-content .content-row .content-links .link-list .link-item {
  padding: 0.3125rem 0rem;
}
#footer .footer-content .content-row .content-links .link-list .link-item a {
  display: inline-block;
  color: var(--textInverted);
}
#footer .footer-content .content-row .content-links .link-list .link-item a:hover {
  text-decoration: underline;
}
#footer .footer-content .content-row .content-logo,
#footer .footer-content .content-row > img {
  display: block;
  width: 100%;
  max-width: 6.25rem;
  height: auto;
  margin-right: 0;
  margin-left: auto;
  flex-shrink: 0;
}
#footer .footer-content .separator-row {
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--strokeSecondary);
  margin: 3.5rem 0;
}
#footer .footer-content .legal-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}
#footer .footer-content .legal-row .text-overline {
  font-size: 0.75rem;
  color: var(--textInverted);
  text-decoration: none;
}
#footer .footer-content .legal-row .legal-links {
  display: flex;
  align-items: center;
  gap: 2rem;
}
#footer .footer-content .legal-row .legal-links a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  .footer-element.info-banner--instuctions {
    padding-top: 5.5rem;
  }
  #footer .footer-content {
    padding: 2.5rem 0rem;
  }
  #footer .footer-content .content-row {
    padding-top: 3.5rem;
  }
  #footer .footer-content .content-row .content-links .link-list:first-child {
    padding-bottom: 2rem;
  }
  #footer .footer-content .legal-row {
    flex-direction: column;
    align-items: flex-start;
  }
  #footer .footer-content .legal-row .legal-links {
    gap: 1rem;
    flex-wrap: wrap;
  }
}
#header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  padding: 0.625rem 1.25rem;
  background-color: #FFFFFF;
  border-radius: 0 0 1.5rem 1.5rem;
  transition: transform 0.5s linear;
  z-index: 5;
}
#header.hidden-menu {
  transform: translateY(-64px);
}
#header.opened *:focus-visible {
  outline: 2px solid var(--textInverted);
  outline-offset: 2px;
}
#header.opened .header-main .header-left .header-button:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-close.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-close.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--textInverted);
}
#header.opened .header-main .header-left .header-iconlink .icon-logocinfa,
#header.opened .header-main .header-left .header-iconlink .icon-logobrand {
  background-color: var(--textInverted);
}
#header.opened .header-panel {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  visibility: visible;
  pointer-events: all;
  transition: visibility 0.5s linear 0s;
}
#header.opened .header-panel .panel-container {
  transform: translateX(0%);
}
#header.opened .header-panel .panel-container .panel-content {
  opacity: 1;
}
#header .header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .header-main .header-left {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 7;
}
#header .header-main .header-left .header-iconlink .icon-logobrand {
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  aspect-ratio: 3/1;
}
#header .header-main .header-left .header-iconlink .icon-logocinfa,
#header .header-main .header-left .header-iconlink .icon-logobrand {
  display: block;
  height: 2rem;
  width: auto;
  background-color: var(--fillPrimary);
}
#header .header-main .header-left .header-button {
  padding: 0.59375rem;
  cursor: pointer;
}
#header .header-main .header-left .header-button:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-menuburger.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-menuburger.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  display: block;
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: var(--strokePrimary);
}
#header .header-main .header-right img {
  display: block;
  height: 1.75rem;
  width: auto;
}
#header .header-panel {
  position: absolute;
  width: 100vw;
  height: 100dvh;
  top: 0px;
  left: 0px;
  background-color: transparent;
  z-index: -1;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0.5s linear 1s;
}
#header .header-panel .panel-container {
  width: 60%;
  max-width: 46.875rem;
  height: 100%;
  padding: 5.25rem 0rem 2.5rem 0rem;
  border-radius: 0rem 1.5rem 1.5rem 0rem;
  background-color: var(--backgroundInverted);
  transform: translateX(-110%);
  transition: transform 0.5s ease-out;
}
#header .header-panel .panel-container .panel-content {
  position: relative;
  height: 100%;
  max-height: 100%;
  opacity: 0;
  transition: opacity 0.5s linear 0.6s;
}
#header .header-panel .panel-container .panel-content .menu-content,
#header .header-panel .panel-container .panel-content .submenu-content {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0.625rem 5rem;
  overflow-y: auto;
  animation: show-panel 0.5s;
}
#header .header-panel .panel-container .panel-content .menu-content.show-panel,
#header .header-panel .panel-container .panel-content .submenu-content.show-panel {
  display: block;
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-title {
  color: #FFFFFF;
  padding: 1.5rem 0rem;
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-list .list-item .item-link {
  display: flex;
  width: 100%;
  padding: 1.125rem 0rem;
  color: var(--textInverted);
  text-transform: inherit;
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-list .list-item .item-link:hover, #header .header-panel .panel-container .panel-content .menu-content .menulist-list .list-item .item-link:focus-visible {
  text-decoration: underline;
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-list .list-item .item-link.has-submenu {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-list .list-item .item-link.has-submenu:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-chevronright.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-chevronright.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--textInverted);
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-list--secondary {
  margin-top: 1.5rem;
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-list--secondary .list-item .item-link {
  display: block;
  width: 100%;
  padding: 0.75rem 0rem;
  color: var(--textInverted);
}
#header .header-panel .panel-container .panel-content .menu-content .menulist-list--secondary .list-item .item-link:hover, #header .header-panel .panel-container .panel-content .menu-content .menulist-list--secondary .list-item .item-link:focus-visible {
  text-decoration: underline;
}
#header .header-panel .panel-container .panel-content .menu-content .menu-button {
  background-color: var(--textInverted);
  color: var(--cta-backgroundPrimary);
  gap: 0.25rem;
  padding: 1.25rem 1rem;
  padding-top: 1.5rem;
  margin-top: 2.5rem;
}
#header .header-panel .panel-container .panel-content .menu-content .menu-button .icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.375rem;
  background-color: var(--cta-backgroundPrimary);
}
#header .header-panel .panel-container .panel-content .submenu-content .goback-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem;
  margin-bottom: 2.5rem;
  color: var(--textInverted);
}
#header .header-panel .panel-container .panel-content .submenu-content .goback-btn:before {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowleft.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowleft.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--textInverted);
  transition: transform 0.5s linear;
}
#header .header-panel .panel-container .panel-content .submenu-content .goback-btn:hover, #header .header-panel .panel-container .panel-content .submenu-content .goback-btn:focus-visible {
  text-decoration: underline;
}
#header .header-panel .panel-container .panel-content .submenu-content .goback-btn:hover:before, #header .header-panel .panel-container .panel-content .submenu-content .goback-btn:focus-visible:before {
  transform: translateX(-10px);
}
#header .header-panel .panel-container .panel-content .submenu-content .submenu-list .submenu-title {
  color: #FFFFFF;
  padding: 1.5rem 0rem;
}
#header .header-panel .panel-container .panel-content .submenu-content .submenu-list .list-item .item-link {
  display: block;
  width: 100%;
  padding: 0.75rem 0rem;
  color: var(--textInverted);
}
#header .header-panel .panel-container .panel-content .submenu-content .submenu-list .list-item .item-link:hover, #header .header-panel .panel-container .panel-content .submenu-content .submenu-list .list-item .item-link:focus-visible {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  #header .header-panel .panel-container {
    padding: 5.25rem 0rem 2.5rem 0rem;
    width: 90%;
  }
  #header .header-panel .panel-container .panel-content .menu-content,
  #header .header-panel .panel-container .panel-content .submenu-content {
    padding: 0.625rem 2.5rem;
  }
}
@media screen and (max-width: 743px) {
  #header.opened .header-panel .panel-container {
    transform: translateY(0%);
  }
  #header .header-panel .panel-container {
    padding: 5.25rem 0rem 2.5rem 0rem;
    width: 100%;
    transform: translateY(-110%);
    border-radius: 0px;
  }
  #header .header-panel .panel-container .panel-content .menu-content,
  #header .header-panel .panel-container .panel-content .submenu-content {
    padding: 0.625rem 1.5rem;
  }
}
@keyframes show-panel {
  0% {
    display: block;
    opacity: 0;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.grid.grid-onerow .grid-item {
  flex: 1 0;
  width: 0;
}
.grid.grid-twocol .grid-item {
  width: 50%;
}
.grid.grid-threecol .grid-item {
  width: 33.3333333333%;
}
.grid.grid-fourcol .grid-item {
  width: 25%;
}

@media screen and (max-width: 1023px) {
  .grid {
    flex-direction: column;
  }
  .grid.grid-border .grid-item {
    border: none;
  }
  .grid .grid-item {
    border-right: none;
  }
  .grid.grid-onerow .grid-item {
    width: 100%;
  }
  .grid.grid-twocol .grid-item {
    width: 100%;
  }
  .grid.grid-threecol .grid-item {
    width: 100%;
  }
  .grid.grid-fourcol .grid-item {
    width: 100%;
  }
}
.blog-page .blog-container .container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 4.5rem;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.blog-page .blog-container .container .content-col {
  width: 100%;
  flex: 1;
}
.blog-page .blog-container .container .content-col .blog-head .blog-info {
  color: var(--textOverline);
  margin-bottom: 2.5rem;
}
.blog-page .blog-container .container .content-col .blog-head .blog-title {
  color: var(--textPrimary);
}
.blog-page .blog-container .container .content-col .blog-head .blog-description {
  color: var(--textSeconday);
  margin-top: 2.5rem;
}
.blog-page .blog-container .container .content-col .blog-content p {
  color: var(--textSeconday);
  margin-bottom: 1rem;
}
.blog-page .blog-container .container .content-col .blog-content h2, .blog-page .blog-container .container .content-col .blog-content h3 {
  color: var(--textPrimary);
}
.blog-page .blog-container .container .content-col .blog-content h3 {
  font-size: 1.125rem;
}
.blog-page .blog-container .container .content-col .blog-content a {
  color: var(--textCTA);
  text-decoration: underline;
}
.blog-page .blog-container .container .content-col .blog-content b,
.blog-page .blog-container .container .content-col .blog-content strong {
  font-weight: bold;
}
.blog-page .blog-container .container .content-col .blog-content u {
  text-decoration: underline;
}
.blog-page .blog-container .container .content-col .blog-content ul,
.blog-page .blog-container .container .content-col .blog-content ol {
  list-style: disc;
  padding-left: 1.875rem;
}
.blog-page .blog-container .container .content-col .blog-content ul li,
.blog-page .blog-container .container .content-col .blog-content ol li {
  color: var(--textSeconday);
  margin-bottom: 0.5rem;
}
.blog-page .blog-container .container .content-col .blog-content blockquote {
  background-color: var(--cardBackground);
  width: 100%;
  margin: 0;
  padding: 3.5rem 2rem;
  border-radius: 1.5rem;
  border: 0px;
}
.blog-page .blog-container .container .content-col .blog-content blockquote p {
  color: var(--textPrimary);
  margin-bottom: 0.5rem;
}
.blog-page .blog-container .container .content-col .blog-content blockquote p:last-child {
  margin-bottom: 0;
}
.blog-page .blog-container .container .content-col .blog-content .blog-accordion .faq-header .header-title {
  margin: 0;
}
.blog-page .blog-container .container .content-col .blog-content .blog-banner p {
  color: var(--textPrimary);
  margin: 0;
}
.blog-page .blog-container .container .socials-col {
  max-width: 6.25rem;
}
.blog-page .blog-container .container .socials-col .socials-title {
  color: var(--textCTA);
  margin-bottom: 1.875rem;
}
.blog-page .blog-container .container .socials-col .socials-list .list-item {
  width: 100%;
}
.blog-page .blog-container .container .socials-col .socials-list .list-item .item-link {
  display: block;
  width: 100%;
  padding: 0.25rem 0;
  text-align: center;
}
.blog-page .blog-container .container .socials-col .socials-list .list-item .item-link .icon-item {
  display: inline-block;
  padding: 0.4375rem;
  border-radius: 50%;
  background-color: var(--cardBackground);
}
.blog-page .blog-container .container .socials-col .socials-list .list-item .item-link .icon-item .icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--strokePrimary);
}

@media screen and (max-width: 1200px) {
  .blog-page .blog-container .container {
    gap: 2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .blog-page .blog-container .container {
    flex-direction: column;
  }
  .blog-page .blog-container .container .content-col,
  .blog-page .blog-container .container .anchor-col {
    width: 100%;
  }
  .blog-page .blog-container .container .socials-col {
    display: none;
    visibility: hidden;
  }
}
.blogs-page .blogs-container {
  padding: 6.5rem 0;
}
.blogs-page .blogs-container .container .blogs-filter .title-header {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2.5rem;
}
.blogs-page .blogs-container .container .blogs-filter .title-header .filter-title {
  color: var(--textPrimary);
}
.blogs-page .blogs-container .container .blogs-filter .title-header .chip-count {
  flex-shrink: 0;
  margin-top: -0.4375rem;
}
.blogs-page .blogs-container .container .blogs-filter .button-open_filters {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  display: none;
  visibility: hidden;
}
.blogs-page .blogs-container .container .blogs-filter .filter-container .filter-header {
  display: none;
  visibility: hidden;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 3rem;
}
.blogs-page .blogs-container .container .blogs-filter .filter-container .filter-header .header-title {
  color: var(--textCTA);
}
.blogs-page .blogs-container .container .blogs-filter .filter-container .filter-header .header-close .icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--textCTA);
}
.blogs-page .blogs-container .container .blogs-filter .filter-container .filter-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.blogs-page .blogs-container .container .blogs-filter .filter-container .filter-list .filter-button {
  position: absolute;
  bottom: 3rem;
  left: 1.5rem;
  display: none;
  visibility: hidden;
  width: calc(100% - 3rem);
  text-align: center;
}
.blogs-page .blogs-container .container .blogs-grid {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2rem 1.5rem;
  margin-top: 6rem;
}
.blogs-page .blogs-container .container .blogs-grid .blog-card {
  width: calc(33.3333333333% - 1.3333333333rem);
}
.blogs-page .blogs-container .container .blogs-pagination {
  margin-top: 3.5rem;
}

@media screen and (max-width: 1023px) {
  .blogs-page .blogs-container {
    padding: 5rem 0;
  }
  .blogs-page .blogs-container .container .blogs-filter .button-open_filters {
    display: flex;
    visibility: visible;
  }
  .blogs-page .blogs-container .container .blogs-filter .filter-container {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100dvh;
    width: 100%;
    background-color: #FFFFFF;
    padding: 2.5rem 1.5rem;
    border-radius: 0;
    z-index: 6;
    transition: left 0.5s linear;
  }
  .blogs-page .blogs-container .container .blogs-filter .filter-container.opened {
    left: 0;
  }
  .blogs-page .blogs-container .container .blogs-filter .filter-container .filter-header {
    display: flex;
    visibility: visible;
  }
  .blogs-page .blogs-container .container .blogs-filter .filter-container .filter-list {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    height: 100%;
    max-height: calc(100dvh - 16.25rem);
    padding: 0.25rem;
    padding-bottom: 2rem;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .blogs-page .blogs-container .container .blogs-filter .filter-container .filter-list .filter-button {
    display: block;
    visibility: visible;
  }
  .blogs-page .blogs-container .container .blogs-grid {
    margin-top: 4rem;
  }
  .blogs-page .blogs-container .container .blogs-grid .blog-card {
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 743px) {
  .blogs-page .blogs-container {
    padding: 4.1875rem 0;
  }
  .blogs-page .blogs-container .container .blogs-grid .blog-card {
    width: 100%;
  }
}
.legal-page .legal-container {
  padding: 6.5rem 0;
}
.legal-page .legal-container .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 4.5rem;
}
.legal-page .legal-container .container .content-col {
  width: 0;
  flex: 1 0 0;
}
.legal-page .legal-container .container .content-col .legal-content p {
  color: var(--textSeconday);
  margin-bottom: 1rem;
}
.legal-page .legal-container .container .content-col .legal-content h2 {
  color: var(--textPrimary);
}
.legal-page .legal-container .container .content-col .legal-content h3 {
  color: var(--textPrimary);
}
.legal-page .legal-container .container .content-col .legal-content a {
  color: var(--textCTA);
  text-decoration: underline;
}
.legal-page .legal-container .container .content-col .legal-content b,
.legal-page .legal-container .container .content-col .legal-content strong {
  font-weight: bold;
}
.legal-page .legal-container .container .content-col .legal-content u {
  text-decoration: underline;
}
.legal-page .legal-container .container .content-col .legal-content ul,
.legal-page .legal-container .container .content-col .legal-content ol {
  list-style: disc;
  padding-left: 1.875rem;
}
.legal-page .legal-container .container .content-col .legal-content ul li,
.legal-page .legal-container .container .content-col .legal-content ol li {
  color: var(--textSeconday);
  margin-bottom: 0.5rem;
}
.legal-page .legal-container .container .content-col .legal-content blockquote {
  background-color: var(--cardBackground);
  width: 100%;
  margin: 0;
  padding: 3.5rem 2rem;
  border-radius: 1.5rem;
  border: 0px;
}
.legal-page .legal-container .container .content-col .legal-content blockquote p {
  color: var(--textPrimary);
  margin-bottom: 0.5rem;
}
.legal-page .legal-container .container .content-col .legal-content blockquote p:last-child {
  margin-bottom: 0;
}
.legal-page .legal-container .container .content-col .legal-content .blog-accordion .faq-header .header-title {
  margin: 0;
}
.legal-page .legal-container .container .content-col .legal-content .blog-banner p {
  color: var(--textPrimary);
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .legal-page .legal-container {
    padding: 5rem 0;
  }
  .legal-page .legal-container .container {
    flex-direction: column;
    gap: 4rem;
  }
  .legal-page .legal-container .container .anchor-col,
  .legal-page .legal-container .container .content-col {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 743px) {
  .legal-page .legal-container {
    padding: 4.1875rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .faqs-page {
    margin-top: 6.25rem;
  }
}
.article-page .article-container {
  padding: 6.5rem 0;
}
.article-page .article-container .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 4.5rem;
}
.article-page .article-container .container .content-col {
  width: 100%;
  flex: 1;
}
.article-page .article-container .container .content-col .article-content p {
  color: var(--textSeconday);
  margin-bottom: 1rem;
}
.article-page .article-container .container .content-col .article-content h2 {
  color: var(--textCTA);
  font-family: "NeueStd", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 1rem 0;
  border-bottom: 2px solid var(--textCTA);
  margin-bottom: 4rem;
}
.article-page .article-container .container .content-col .article-content h3 {
  color: var(--textPrimary);
}
.article-page .article-container .container .content-col .article-content a {
  color: var(--textCTA);
  text-decoration: underline;
}
.article-page .article-container .container .content-col .article-content b,
.article-page .article-container .container .content-col .article-content strong {
  font-weight: bold;
}
.article-page .article-container .container .content-col .article-content u {
  text-decoration: underline;
}
.article-page .article-container .container .content-col .article-content ul,
.article-page .article-container .container .content-col .article-content ol {
  list-style: disc;
  padding-left: 1.875rem;
}
.article-page .article-container .container .content-col .article-content ul li,
.article-page .article-container .container .content-col .article-content ol li {
  color: var(--textSeconday);
  margin-bottom: 0.5rem;
}
.article-page .article-container .container .content-col .article-content blockquote {
  background-color: var(--cardBackground);
  width: 100%;
  margin: 0;
  padding: 3.5rem 2rem;
  border-radius: 1.5rem;
  border: 0px;
}
.article-page .article-container .container .content-col .article-content blockquote p {
  color: var(--textPrimary);
  margin-bottom: 0.5rem;
}
.article-page .article-container .container .content-col .article-content blockquote p:last-child {
  margin-bottom: 0;
}
.article-page .article-container .container .content-col .article-content .blog-accordion .faq-header .header-title {
  margin: 0;
}
.article-page .article-container .container .content-col .article-content .blog-banner p {
  color: var(--textPrimary);
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .article-page .article-container {
    padding: 5rem 0;
  }
  .article-page .article-container .container {
    flex-direction: column;
    gap: 4rem;
  }
  .article-page .article-container .container .anchor-col,
  .article-page .article-container .container .content-col {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 743px) {
  .article-page .article-container {
    padding: 4.1875rem 0;
  }
}
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--cta-backgroundPrimary);
  transform: translate(-50%, -50%) scale(0);
  z-index: 1001;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  transition: transform 0.1s ease-in-out;
}
#custom-cursor.spot-cursor {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
#custom-cursor .cursor-text {
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--textInverted);
  font-size: 0.875rem;
  padding: 0rem 0.8125rem;
}

.button,
.button-icon {
  background: none;
  text-decoration: none;
  border: none;
  display: inline-flex;
  padding: 1rem 1rem 0.8125rem 1rem;
  border-radius: 999px;
  cursor: pointer;
  min-width: max-content;
  transition: all 0.5s linear;
}
.button.button-primary,
.button-icon.button-primary {
  background-color: var(--cta-backgroundPrimary);
  color: var(--textInverted);
}
.button.button-primary:hover, .button.button-primary:focus-visible,
.button-icon.button-primary:hover,
.button-icon.button-primary:focus-visible {
  background-color: var(--strokePrimary);
}
.button.button-primary:focus-visible,
.button-icon.button-primary:focus-visible {
  outline: 2px solid var(--strokePrimary);
  outline-offset: 2px;
}
.button.button-secondary,
.button-icon.button-secondary {
  border: 2px solid var(--textCTA);
  color: var(--textCTA);
}
.button.button-secondary.button-icon--right:before, .button.button-secondary.button-icon--left:after, .button.button-secondary.button-icon.customicon .icon,
.button-icon.button-secondary.button-icon--right:before,
.button-icon.button-secondary.button-icon--left:after,
.button-icon.button-secondary.button-icon.customicon .icon {
  transition: all 0.5s linear;
}
.button.button-secondary:hover,
.button-icon.button-secondary:hover {
  border-color: var(--cta-backgroundHover);
  background-color: var(--cta-backgroundHover);
  color: var(--textInverted);
}
.button.button-secondary:hover.button-icon--right:before, .button.button-secondary:hover.button-icon--left:after, .button.button-secondary:hover.button-icon.customicon .icon,
.button-icon.button-secondary:hover.button-icon--right:before,
.button-icon.button-secondary:hover.button-icon--left:after,
.button-icon.button-secondary:hover.button-icon.customicon .icon {
  background-color: var(--strokeDivider);
}
.button.button-secondary:focus-visible,
.button-icon.button-secondary:focus-visible {
  outline: 2px solid var(--textCTA);
  outline-offset: 2px;
}
.button.button-tertiary,
.button-icon.button-tertiary {
  color: var(--textCTA);
  transition: all 0.5s linear;
}
.button.button-tertiary.button-icon--right:before, .button.button-tertiary.button-icon--left:after, .button.button-tertiary.button-icon.customicon .icon,
.button-icon.button-tertiary.button-icon--right:before,
.button-icon.button-tertiary.button-icon--left:after,
.button-icon.button-tertiary.button-icon.customicon .icon {
  transition: all 0.5s linear;
}
.button.button-tertiary:hover, .button.button-tertiary:focus-visible,
.button-icon.button-tertiary:hover,
.button-icon.button-tertiary:focus-visible {
  text-decoration: underline;
}
.button.button-tertiary:hover.button-icon, .button.button-tertiary:focus-visible.button-icon,
.button-icon.button-tertiary:hover.button-icon,
.button-icon.button-tertiary:focus-visible.button-icon {
  color: var(--textCTA);
}
.button.button-tertiary:hover.button-icon--right:before, .button.button-tertiary:hover.button-icon--left:after, .button.button-tertiary:hover.button-icon.customicon .icon, .button.button-tertiary:focus-visible.button-icon--right:before, .button.button-tertiary:focus-visible.button-icon--left:after, .button.button-tertiary:focus-visible.button-icon.customicon .icon,
.button-icon.button-tertiary:hover.button-icon--right:before,
.button-icon.button-tertiary:hover.button-icon--left:after,
.button-icon.button-tertiary:hover.button-icon.customicon .icon,
.button-icon.button-tertiary:focus-visible.button-icon--right:before,
.button-icon.button-tertiary:focus-visible.button-icon--left:after,
.button-icon.button-tertiary:focus-visible.button-icon.customicon .icon {
  background-color: var(--strokePrimary);
}
.button.disabled,
.button-icon.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.button.disabled.button-secondary, .button.disabled.button-tertiary,
.button-icon.disabled.button-secondary,
.button-icon.disabled.button-tertiary {
  color: var(--textPrimary);
}

.button-icon {
  align-items: center;
  gap: 1rem;
}
.button-icon.button-primary.button-icon--left:after, .button-icon.button-primary.button-icon--right:before,
.button-icon.button-primary .icon {
  background-color: var(--strokeDivider);
}
.button-icon.button-secondary.button-icon--left:after, .button-icon.button-secondary.button-icon--right:before,
.button-icon.button-secondary .icon {
  background-color: var(--textCTA);
}
.button-icon.button-tertiary.button-icon--left:after, .button-icon.button-tertiary.button-icon--right:before,
.button-icon.button-tertiary .icon {
  background-color: var(--strokeTertiary);
}
.button-icon.customicon .icon {
  margin-top: 0rem;
  width: 1rem;
  height: 1rem;
}
.button-icon--left:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowlink.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowlink.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: 0rem;
}
.button-icon--right:before {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowlink.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowlink.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: 0rem;
}

.button-gotop-container:hover .button-gotop, .button-gotop-container:focus-visible .button-gotop {
  background-color: var(--backgroundHover);
}
.button-gotop-container:focus-visible {
  outline: 2px solid var(--strokePrimary);
  outline-offset: 0px;
}

.button-gotop {
  background: none;
  text-decoration: none;
  border: none;
  position: relative;
  display: inline-flex;
  width: 3rem;
  height: 3.5rem;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  background-color: var(--cardBackground);
  cursor: pointer;
  pointer-events: all;
  transition: all 0.5s linear;
}
.button-gotop:after {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-arrowup.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-arrowup.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--strokePrimary);
}

.button-discover {
  background: none;
  text-decoration: none;
  border: none;
  display: inline-flex;
  position: relative;
  align-items: flex-end;
  aspect-ratio: 160/100;
  width: fit-content;
  height: auto;
  padding: 0rem 2.25rem 0.4375rem 2.25rem;
  color: var(--textCTA);
  cursor: pointer;
}
.button-discover:hover, .button-discover:focus-visible {
  text-decoration: underline;
}
.button-discover:before {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-discover.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-discover.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  mask-position: center bottom;
  -webkit-mask-position: center bottom;
  width: 100%;
  height: 100%;
  background: var(--strokePrimary);
}
@media screen and (max-width: 1023px) {
  .button-discover {
    padding: 0rem 1.8125rem 0rem 1.8125rem;
  }
}

.chip {
  background: none;
  text-decoration: none;
  border: none;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 1rem 0.8125rem 0.8125rem 0.8125rem;
  border: 2px solid var(--strokePrimary);
  cursor: pointer;
  transition: all 0.5s linear;
}
.chip .chip-text {
  font-size: 1.125rem;
  line-height: 110%;
  color: var(--textCTA);
  margin-right: 0.5rem;
}
.chip:focus-visible {
  outline: 2px solid var(--strokePrimary);
  outline-offset: 3px;
}
.chip:hover, .chip--active {
  border-color: var(--cta-backgroundPrimary);
  background-color: var(--cta-backgroundPrimary);
}
.chip:hover .chip-text, .chip--active .chip-text {
  color: var(--strokeDivider);
}
.chip:hover .chip-count, .chip--active .chip-count {
  background-color: var(--backgroundHover);
  color: #4A4A4A;
}
.chip--active:focus-visible {
  outline: 2px solid var(--cta-backgroundPrimary);
}
.chip--active:before {
  -webkit-mask-image: url("/app/themes/cinfa/assets/img/icon-check.svg");
  mask-image: url("/app/themes/cinfa/assets/img/icon-check.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  margin-top: -0.3125rem;
  background-color: var(--strokeDivider);
}

.chip-age {
  font-family: "NeueStd", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: var(--textOverline);
  padding: 0.375rem 0.5rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 999px;
  background-color: white;
}
.chip-age .chip-age-text {
  padding-left: 0.125rem;
  font-size: 0.5625rem;
}

.chip-count {
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  margin-top: -0.1875rem;
  color: var(--textInverted);
  background-color: var(--cta-backgroundHover);
  font-size: 0.875rem;
  line-height: 240%;
}

.tab {
  background: none;
  text-decoration: none;
  border: none;
  display: block;
  padding: 1rem 0.5rem;
  color: var(--strokePrimary);
  border-bottom: 1px solid var(--strokeTertiary);
  text-align: center;
  cursor: pointer;
  transition: border-color 0.5s linear;
}
.tab--active, .tab:hover, .tab:focus-visible {
  border-bottom: 2px solid var(--strokePrimary);
  padding-bottom: 0.9375rem;
}
.tab:focus-visible {
  outline: 2px solid var(--strokePrimary);
}

.tag {
  display: inline-block;
  color: var(--textColoredPrimary);
  background-color: var(--fillQuaternary);
  padding: 0.5rem 0.75rem;
  padding-bottom: 0.25rem;
  border-radius: 999px;
}

.switch {
  position: relative;
  width: 2rem;
  height: 1rem;
  border-radius: 12.5rem;
  background-color: var(--fillSecondary);
}
.switch--right:after {
  transform: translateX(calc(100% + 2px));
}
.switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: var(--backgroundInverted);
  outline: 1px solid var(--strokeTertiary);
  transition: transform 0.5s linear;
}

.bgrounded-button {
  position: absolute;
  background-color: var(--backgroundPrimary);
  bottom: -1px;
}
.bgrounded-button:after, .bgrounded-button:before {
  content: "";
  position: absolute;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--backgroundPrimary);
}
.bgrounded-button--left:after {
  top: -1.1875rem;
  left: 0;
  transform: rotate(-90deg);
}
.bgrounded-button--left:before {
  bottom: 0;
  right: -1.1875rem;
  transform: rotate(-90deg);
}
.bgrounded-button--left {
  left: 0;
  padding: 1rem 1rem 0.25rem 0.5rem;
  border-radius: 0rem 2.5rem 0rem 0rem;
}
.bgrounded-button--center:after {
  bottom: 0;
  left: -1.1875rem;
  transform: rotate(180deg);
}
.bgrounded-button--center:before {
  bottom: 0;
  right: -1.1875rem;
  transform: rotate(-90deg);
}
.bgrounded-button--center {
  left: 50%;
  transform: translateX(-50%);
  padding: 1rem 1rem 0.25rem 1rem;
  border-radius: 2.5rem 2.5rem 0rem 0rem;
}
.bgrounded-button--right:after {
  bottom: 0;
  left: -1.1875rem;
  transform: rotate(180deg);
}
.bgrounded-button--right:before {
  top: -1.1875rem;
  right: 0;
  transform: rotate(180deg);
}
.bgrounded-button--right {
  right: 0;
  padding: 1rem 0.5rem 0.25rem 1rem;
  border-radius: 2.5rem 0rem 0rem 0rem;
}

.input-group,
.select-group {
  margin-bottom: 1.5rem;
}
.input-group .error-message,
.select-group .error-message {
  color: #B12525;
  opacity: 0;
  margin-top: 0.75rem;
}
.input-group.error .input-wrapper .clear-input,
.select-group.error .input-wrapper .clear-input {
  right: 2.5rem;
}
.input-group.error .input-wrapper:after,
.select-group.error .input-wrapper:after {
  opacity: 1;
  transition: opacity 0.5s linear 0.5s;
}
.input-group.error .select-wrapper:after,
.select-group.error .select-wrapper:after {
  opacity: 1;
  transition: opacity 0.5s linear 0.5s;
}
.input-group.error .input,
.select-group.error .input {
  width: calc(100% - 28px);
  border-color: #B12525;
}
.input-group.error .select,
.select-group.error .select {
  width: calc(100% - 28px);
}
.input-group.error .select .select-value,
.select-group.error .select .select-value {
  border-color: #B12525;
}
.input-group.error .input-label,
.select-group.error .input-label {
  color: #B12525;
}
.input-group.error .error-message,
.select-group.error .error-message {
  opacity: 1;
}
.input-group.disabled,
.select-group.disabled {
  opacity: 0.5;
}
.input-group.disabled .input,
.select-group.disabled .input {
  pointer-events: none;
}

.input-wrapper {
  position: relative;
  width: 100%;
}
.input-wrapper .clear-input {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  padding: 0;
  transition: background-color 0.3s linear;
  z-index: 1;
}
.input-wrapper .clear-input .icon {
  width: 100%;
  height: 100%;
  background-color: var(--strokePrimary);
}
.input-wrapper .clear-input:hover, .input-wrapper .clear-input:focus-visible {
  background-color: var(--color-100);
}
.input-wrapper .clear-input:focus-visible {
  outline: 2px solid var(--strokePrimary);
}
.input-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("/app/themes/cinfa/assets/img/icon-formerror.svg");
  border-radius: 50%;
  transition: opacity 0.5s linear 0s;
}

.input {
  position: relative;
  width: 100%;
  border: 2px solid var(--color-400);
  padding: 1.25rem 0.75rem;
  padding-bottom: 0.875rem;
  padding-right: 2.25rem;
  color: var(--textPrimary);
  border-radius: 0.75rem;
  background: transparent;
  transition: width 0.5s linear, background-color 0.5s linear, color 0.5s linear, border-color 0.5s linear, opacity 0.5s linear;
}
.input:placeholder {
  color: var(--textSeconday);
}
.input:hover {
  border-color: var(--strokePrimary);
}
.input:focus-visible {
  outline: none;
  border: 3px solid #243EA8;
  padding: 1.1875rem 0.6875rem;
  padding-bottom: 0.8125rem;
}
.input:focus-visible:not(:placeholder-shown) {
  background-color: #FFFFFF;
}
.input:disabled, .input.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.input-label {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--textOverline);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  min-height: 3em;
}

@media screen and (max-width: 743px) {
  .input-label {
    min-height: auto;
  }
}
.select-wrapper {
  position: relative;
  width: 100%;
}
.select-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("/app/themes/cinfa/assets/img/icon-formerror.svg");
  border-radius: 50%;
  transition: opacity 0.5s linear 0s;
  pointer-events: none;
}

.select {
  position: relative;
  width: 100%;
  transition: width 0.5s linear;
}
.select.opened .select-value:after {
  transform: translateY(-50%) rotate(180deg);
}
.select.opened .options {
  border-width: 2px;
  max-height: 15.625rem;
  transition: max-height 0.5s linear, border-width 0s 0s linear;
}
.select .select-value {
  width: 100%;
  border: 2px solid var(--color-400);
  padding: 1.25rem 0.75rem;
  padding-bottom: 0.875rem;
  padding-right: 3rem;
  color: var(--textSeconday);
  border-radius: 0.75rem;
  background: transparent;
  cursor: pointer;
  transition: width 0.3s linear, background-color 0.3s linear, color 0.3s linear, border-color 0.3s linear, opacity 0.3s linear;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select .select-value:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--textSeconday);
  transition: transform 0.5s linear;
}
.select .select-value:hover {
  border-color: var(--strokePrimary);
}
.select .select-value:focus-visible {
  outline: none;
  border: 3px solid #243EA8;
  padding: 1.1875rem 0.6875rem;
  padding-bottom: 0.8125rem;
  padding-right: 2.9375rem;
}
.select .select-value.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select .options {
  box-sizing: border-box;
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  max-height: 0rem;
  overflow-y: auto;
  border-radius: 0.75rem;
  border: 0px solid var(--color-400);
  background-color: #FFFFFF;
  z-index: 2;
  transition: max-height 0.5s linear, border-width 0s 0.5s linear;
}
.select .options .option {
  color: var(--textSeconday);
  padding: 1.25rem 0.75rem;
  padding-right: 1.625rem;
  cursor: pointer;
  transition: background-color 0.5s linear;
}
.select .options .option:hover, .select .options .option:focus-visible {
  background-color: var(--color-50);
}
.select .options .option:focus-visible {
  outline: 3px solid #243EA8;
  outline-offset: -3px;
  border-radius: 0.75rem;
}
.select .options .option.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.form .form-row {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: nowrap;
}
.form .form-row > * {
  flex: 1 0 0;
  width: 0;
}
.form .legal-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
}
.form .legal-row.error .legal-checkbox {
  border-color: #B12525;
}
.form .legal-row .legal-checkbox {
  appearance: none;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 1px solid #4A4A4A;
  background-color: transparent;
  cursor: pointer;
}
.form .legal-row .legal-checkbox:checked {
  background-color: var(--color-500);
  border-color: var(--color-500);
  background-image: url("/app/themes/cinfa/assets/img/icon-check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.form .legal-row .legal-text {
  font-family: "Neue", sans-serif;
  color: var(--textSeconday);
  flex: 1 0 0;
  width: 0;
}
.form .legal-row .legal-text p:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* En mobile se apilan uno debajo del otro */
@media (max-width: 743px) {
  .form .form-row {
    flex-direction: column;
  }
  .form .form-row > * {
    flex: 1 0 auto;
    width: 100%;
  }
}
.tableofcontent {
  position: relative;
  width: 100%;
  max-width: 22.8125rem;
}
.tableofcontent .button-toc {
  width: 100%;
  background-color: #FFFFFF;
  padding: 1.4375rem 1.25rem;
  padding-top: 2.6875rem;
  justify-content: space-between;
  align-items: center;
  display: none;
  visibility: hidden;
}
.tableofcontent .button-toc .icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--strokePrimary);
  transition: transform 0.5s linear;
}
.tableofcontent .anchor-table {
  position: sticky;
  top: calc(64px + 0.625rem);
  left: 0;
  width: 100%;
  background-color: var(--cardBackground);
  padding: 3.5rem 2rem;
  border-radius: 1.5rem;
}
.tableofcontent .anchor-table .table-header {
  display: block;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}
.tableofcontent .anchor-table .table-header .header-title {
  color: var(--textColoredPrimary);
}
.tableofcontent .anchor-table .table-list .list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.tableofcontent .anchor-table .table-list .list-item--sub {
  margin-left: 1.5rem;
}
.tableofcontent .anchor-table .table-list .list-item:last-child {
  margin-bottom: 0;
}
.tableofcontent .anchor-table .table-list .list-item .item-link {
  display: block;
  width: 100%;
  padding: 0.9375rem 0;
  color: var(--textColoredPrimary);
}
.tableofcontent .anchor-table .table-list .list-item:before {
  content: "";
  display: block;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  width: 1.25rem;
  height: 1.5rem;
  background-color: var(--fillSecondary);
  flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
  .tableofcontent {
    position: fixed;
    top: 2.75rem;
    left: 0;
    max-width: 100%;
    height: calc(100dvh + 1.25rem);
    padding: 0;
    pointer-events: none;
    transition: transform 0.5s linear;
    z-index: 4;
  }
  .tableofcontent.follow-scroll {
    transform: translateY(-64px);
  }
  .tableofcontent.opened {
    pointer-events: all;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
  }
  .tableofcontent.opened .icon-chevronup {
    transform: rotate(180deg);
  }
  .tableofcontent.opened .anchor-table {
    transform: translateY(0);
  }
  .tableofcontent .button-toc {
    pointer-events: all;
    display: flex;
    visibility: visible;
  }
  .tableofcontent .button-toc:focus-visible {
    outline-offset: -22px;
  }
  .tableofcontent .anchor-table {
    background-color: #FFFFFF;
    border-radius: 0;
    padding: 0.5rem 1.25rem;
    transform: translateY(calc(-100% + 2px));
    border-bottom: 2px solid var(--strokeSecondary);
    transition: transform 0.5s linear;
    z-index: -1;
  }
  .tableofcontent .anchor-table .table-header {
    display: none;
    visibility: hidden;
  }
  .tableofcontent .anchor-table .table-list .list-item .item-link {
    font-size: 0.875rem;
    color: var(--textPrimary);
  }
  .tableofcontent .anchor-table .table-list .list-item:before {
    display: none;
    visibility: hidden;
  }
}
.item-banner {
  position: relative;
  display: flex;
  align-items: stretch;
  border-radius: 1.5rem;
  overflow: hidden;
  background-color: var(--bannerBackground);
}
.item-banner .banner-image {
  display: block;
  width: 55%;
  object-fit: cover;
  object-position: center;
}
.item-banner .banner-content {
  width: 45%;
  padding: 6.875rem 3.75rem;
}
.item-banner .banner-content .banner-info {
  color: var(--textColoredPrimary);
}
.item-banner .banner-content .banner-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 2rem;
  color: var(--textPrimary);
}
.item-banner .banner-content .banner-detail {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--textSeconday);
  margin-top: 2rem;
}

@media screen and (max-width: 1023px) {
  .item-banner {
    flex-direction: column;
    align-items: stretch;
  }
  .item-banner .banner-image {
    aspect-ratio: 2/1;
    width: 100%;
    height: auto;
  }
  .item-banner .banner-content {
    width: 100%;
    padding: 3.5rem 2.5rem;
    padding-bottom: 6rem;
  }
  .item-banner .banner-content .banner-detail {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 743px) {
  .item-banner {
    flex-direction: column;
    align-items: stretch;
  }
  .item-banner .banner-image {
    aspect-ratio: 1/1;
  }
  .item-banner .banner-content {
    padding: 2.5rem 1.5rem;
    padding-bottom: 5.625rem;
  }
}
.info-banner {
  padding: 1rem 5rem;
  gap: 1.5rem;
}
.info-banner .info-item {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 0.625rem;
}
.info-banner .info-item .item-icon {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  background-color: #FFFFFF;
  flex-shrink: 0;
}
.info-banner .info-item .item-text {
  color: #FFFFFF;
  padding-left: 0.75rem;
}
.info-banner--instuctions {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 2rem 5rem;
  background-color: var(--bannerInstructions);
}
.info-banner--instuctions .info-item .item-icon {
  width: 2rem;
  height: 2rem;
}
.info-banner--instuctions .info-item .item-text {
  padding-left: 0.5rem;
}
.info-banner--contraindications {
  background-color: var(--bannerContraindications);
}
.info-banner--compliance {
  background-color: var(--bannerCompliance);
}

@media screen and (max-width: 1023px) {
  .info-banner--instuctions {
    justify-content: normal;
    align-items: normal;
    flex-direction: column;
    padding: 3rem 1.5rem;
    gap: 1.5rem;
  }
  .info-banner--instuctions .info-item {
    justify-content: flex-start;
  }
  .info-banner--contraindications, .info-banner--compliance {
    padding: 0.75rem 2.5rem;
  }
}
@media screen and (max-width: 743px) {
  .info-banner--contraindications, .info-banner--compliance {
    padding: 1rem 1.5rem;
  }
}
.marquee-banner {
  background-color: var(--fillTertiary);
  overflow: hidden;
  width: 100%;
  margin-bottom: 0.3125rem;
}
.marquee-banner:hover .marquee-text-inner > div, .marquee-banner:focus-visible .marquee-text-inner > div, .marquee-banner.paused .marquee-text-inner > div {
  animation-play-state: paused;
}
.marquee-banner .marquee-text-inner {
  display: flex;
  white-space: nowrap;
  padding: 1rem 0rem;
  pointer-events: none;
}
.marquee-banner .marquee-text-inner > div {
  animation: scroll-left 5s linear forwards;
}
.marquee-banner .marquee-text-inner .marquee-text {
  display: flex;
}
.marquee-banner .marquee-text-inner .marquee-text .marquee-text-item {
  padding: 0rem 1.125rem;
}
.marquee-banner .marquee-text-inner .marquee-text .marquee-image-item {
  display: block;
  height: 1.6875rem;
  width: auto;
  padding: 0rem 1.125rem;
  pointer-events: none;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-25%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(0%);
  }
}
.blog-banner {
  position: relative;
  display: flex;
  align-items: stretch;
  border-radius: 1.5rem;
  overflow: hidden;
  background-color: var(--bannerBackground);
}
.blog-banner .banner-image {
  display: block;
  aspect-ratio: 1/1;
  width: 40%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.blog-banner .banner-content {
  display: flex;
  width: 60%;
  padding: 4.375rem 2rem;
}
.blog-banner .banner-content .banner-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--textPrimary);
  align-self: center;
}

@media screen and (max-width: 1023px) {
  .blog-banner .banner-image {
    aspect-ratio: 3/2;
    width: 55%;
  }
  .blog-banner .banner-content {
    width: 45%;
  }
}
@media screen and (max-width: 743px) {
  .blog-banner {
    flex-direction: column;
    align-items: stretch;
  }
  .blog-banner .banner-image {
    aspect-ratio: 1/1;
    width: 100%;
  }
  .blog-banner .banner-content {
    width: 100%;
    padding: 4rem 1.5rem;
    padding-bottom: 5.625rem;
  }
}
.multichoice-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 20rem;
  max-width: 100%;
}
.multichoice-button.button-icon.customicon {
  position: relative;
  z-index: 2;
}
.multichoice-button.button-icon.customicon .icon {
  margin-left: 0.625rem;
}
.multichoice-button.button-icon.customicon .button-options {
  position: absolute;
  display: none;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: var(--assetBackground);
  color: var(--textPrimary);
  box-shadow: 0 0.25rem 0.75rem -0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0rem 0rem 2rem 2rem;
  max-height: 0rem;
  overflow: hidden;
  z-index: -1;
}
.multichoice-button.button-icon.customicon .button-options .option-item .item-link {
  display: block;
  color: var(--textPrimary);
  border-radius: 62.4375rem;
  padding: 1rem;
}
.multichoice-button.button-icon.customicon .button-options .option-item .item-link:hover, .multichoice-button.button-icon.customicon .button-options .option-item .item-link:focus-visible {
  background-color: var(--bannerBackground);
}
.multichoice-button.button-icon.customicon .button-options .option-item .item-link:focus-visible {
  outline: 2px solid var(--bannerBackground);
  outline-offset: 2px;
}
.multichoice-button.button-icon.customicon .icon {
  background-color: var(--textInverted);
}
.multichoice-button.button-icon.customicon.button-secondary:hover .icon {
  background-color: var(--textInverted);
}
.multichoice-button.button-icon.customicon.button-secondary .icon {
  background-color: var(--textCTA);
}
.multichoice-button.button-icon.customicon.opened {
  background-color: var(--assetBackground);
  border-color: var(--assetBackground);
  color: var(--textPrimary);
  border-radius: 2rem 2rem 0rem 0rem;
}
.multichoice-button.button-icon.customicon.opened .button-options {
  display: block;
  animation: show-options 0.5s 0.5s linear forwards;
}
.multichoice-button.button-icon.customicon.opened .icon {
  background-color: var(--strokePrimary) !important;
  transform: scale(-1);
}

@keyframes show-options {
  0% {
    max-height: 0rem;
    padding: 0.5rem;
  }
  100% {
    max-height: 12.5rem;
    padding: 0.5rem;
    overflow-y: scroll;
  }
}
.topo-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.topo-icon .topo-image {
  display: block;
  width: 6rem;
  height: 6rem;
}
.topo-icon .topo-content .topo-title {
  color: var(--textPrimary);
}
.topo-icon .topo-content .topo-description {
  color: var(--textSeconday);
  margin-top: 1.5rem;
}

.titletext-header {
  margin-bottom: 4.75rem;
}
.titletext-header.titletext-header--full .content-row {
  flex-direction: column;
}
.titletext-header.titletext-header--full .content-row .content-title {
  width: 100%;
  max-width: 100%;
}
.titletext-header.titletext-header--full .content-row .content-description {
  margin-top: 2rem;
}
.titletext-header.titletext-header--full .content-row .content-right {
  width: 100%;
  max-width: 100%;
}
.titletext-header.titletext-header--centered .pretitle {
  text-align: center;
}
.titletext-header.titletext-header--centered .content-row {
  flex-direction: column;
}
.titletext-header.titletext-header--centered .content-row .content-title,
.titletext-header.titletext-header--centered .content-row .content-description {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.titletext-header.titletext-header--centered .content-row .content-title {
  max-width: 39rem;
}
.titletext-header.titletext-header--centered .content-row .content-description {
  max-width: 25rem;
  margin-top: 2rem;
}
.titletext-header.titletext-header--centered .content-row .content-right {
  width: 100%;
  max-width: 100%;
}
.titletext-header .pretitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--textOverline);
  margin-bottom: 1.5rem;
}
.titletext-header .content-row {
  display: flex;
  justify-content: space-between;
}
.titletext-header .content-row .content-title {
  width: 50%;
  max-width: 31.25rem;
  color: var(--textPrimary);
}
.titletext-header .content-row .content-right {
  width: 50%;
  max-width: 25rem;
}
.titletext-header .content-row .content-right .content-description {
  width: 100%;
  color: var(--textSeconday);
}
.titletext-header .content-row .content-right .content-description a {
  font-weight: 600;
  color: var(--textSeconday);
  text-decoration: underline;
}
.titletext-header .content-row .content-right .content-button {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1023px) {
  .titletext-header {
    margin-bottom: 3.25rem;
  }
  .titletext-header .content-row {
    flex-direction: column;
  }
  .titletext-header .content-row .content-title {
    width: 100%;
    max-width: 100%;
  }
  .titletext-header .content-row .content-description {
    margin-top: 2.5rem;
  }
  .titletext-header .content-row .content-right {
    width: 100%;
    max-width: 20rem;
  }
}
@media screen and (max-width: 1023px) {
  .titletext-header .content-row .content-right {
    max-width: 32rem !important;
  }
}
.faq {
  background: var(--cardBackground);
  border-radius: 1.5rem;
  margin-bottom: 1rem;
  transition: padding-bottom 0.3s 0.5s linear;
}
.faq.opened {
  padding-bottom: 2rem;
  transition: none;
}
.faq.opened .faq-header .header-icon {
  transform: rotate(180deg);
}
.faq .faq-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 2rem 2.5rem;
  cursor: pointer;
}
.faq .faq-header .header-title {
  color: var(--textPrimary);
  padding-right: 1.25rem;
}
.faq .faq-header .header-icon {
  width: 1rem;
  height: 1rem;
  background-color: var(--strokePrimary);
  flex-shrink: 0;
  transition: all 0.5s linear;
}
.faq .faq-content {
  padding: 0rem 2.5rem;
  max-height: 0px;
  overflow: hidden;
  color: var(--textSeconday);
  transition: all 0.5s linear;
}
.faq .faq-content a {
  text-decoration: underline;
  font-weight: bold;
  color: var(--textColoredPrimary);
}

.custom-pagination {
  width: 100%;
  text-align: center;
}
.custom-pagination .pagination-text {
  color: var(--textPrimary);
  text-align: center;
}
.custom-pagination .pagination-bar {
  position: relative;
  width: 100%;
  max-width: 25rem;
  height: 0.25rem;
  background-color: var(--strokeTertiary);
  margin: 2.5rem auto;
}
.custom-pagination .pagination-bar .pagination-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  max-width: 100%;
  height: 100%;
  background-color: var(--strokePrimary);
  transition: width 0.5s linear;
}

.card-information_product {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.card-information_product .card-image {
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 3/2;
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  border-radius: 1.5rem 1.5rem 0rem 0rem;
  overflow: hidden;
  z-index: 2;
}
.card-information_product .card-image .image-icon {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 6.25rem;
  height: auto;
}
.card-information_product .card-image .image-product {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card-information_product .card-content {
  position: relative;
  flex: 1;
  background-color: var(--cardBackground);
  border-radius: 1.5rem;
  text-align: center;
  padding: calc(24px + 20%) 2rem 6.25rem 2rem;
  margin-top: -20%;
  overflow: hidden;
  z-index: 1;
}
.card-information_product .card-content .content-title,
.card-information_product .card-content .card-title {
  text-align: center;
  color: var(--textPrimary);
}
.card-information_product .card-content .content-tag {
  margin-top: 1rem;
}
.card-information_product .card-content .content-tag.tag-space {
  height: 1.6875rem;
}
.card-information_product .card-content .card-description {
  display: block;
  text-align: center;
  color: var(--textSeconday);
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
  margin-top: 1.75rem;
}
.card-information_product .card-content .content-tabs {
  display: flex;
  margin: 1.75rem 0;
}
.card-information_product .card-content .content-tabs .tab {
  width: 0;
  flex: 1 0;
}
.card-information_product .card-content .content-description {
  display: flex;
  width: 200%;
  overflow: hidden;
  color: var(--textSeconday);
}
.card-information_product .card-content .content-description .tab-content {
  width: 50%;
  opacity: 0;
  text-align: center;
  transition: opacity 0.3s linear;
}
.card-information_product .card-content .content-description .tab-content:focus {
  outline: none;
}
.card-information_product .card-content .content-description .tab-content--2 {
  transform: translateX(-100%);
}
.card-information_product .card-content .content-description .tab-content--active {
  opacity: 1;
  transition: opacity 0.3s 0.5s linear;
}

@media screen and (max-width: 1023px) {
  .card-information_product .card-content .content-tag.tag-space {
    height: 1.6875rem;
  }
}
@media screen and (max-width: 743px) {
  .card-information_product .card-image .image-icon {
    width: 4.6875rem;
  }
  .card-information_product .card-content {
    padding: 6.1875rem 1.5rem 6.25rem 1.5rem;
    margin-top: -75px;
  }
}
@media screen and (max-width: 475px) {
  .card-information_product .card-content {
    padding: calc(24px + 20%) 1.5rem 6.25rem 1.5rem;
    margin-top: -20%;
  }
}
.card-enlace_product {
  display: flex !important;
  flex-direction: column;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.card-enlace_product .card-image {
  position: relative;
  aspect-ratio: 3/2;
  width: 100%;
  z-index: 2;
}
.card-enlace_product .card-image .image-icon {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 6.25rem;
  height: auto;
}
.card-enlace_product .card-image .image-product {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card-enlace_product .card-content {
  position: relative;
  flex: 1;
  background-color: var(--cardBackground);
  border-radius: 1.5rem;
  overflow: hidden;
  text-align: center;
  padding: calc(24px + 20%) 2rem 6.25rem 2rem;
  margin-top: -20%;
}
.card-enlace_product .card-content .content-title {
  text-align: center;
  color: var(--textPrimary);
}
.card-enlace_product .card-content .content-tag {
  margin-top: 1rem;
}
.card-enlace_product .card-content .content-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
  color: var(--textSeconday);
  margin-top: 1.75rem;
}

.card-primary {
  position: relative;
  padding: 3.5rem 2rem;
  padding-bottom: 12.5rem;
  background-color: var(--cardBackground);
  border-radius: 1.5rem;
}
.card-primary .card-title,
.card-primary .card-text {
  width: 100%;
  max-width: 34.375rem;
}
.card-primary .card-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2rem;
  color: var(--textPrimary);
}
.card-primary .card-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--textSeconday);
}

.card-secondary {
  position: relative;
  display: flex !important;
  flex-direction: column;
  height: auto;
  border-radius: 1.5rem;
  overflow: hidden;
}
.card-secondary .card-image {
  position: relative;
  aspect-ratio: 3/2;
  width: 100%;
}
.card-secondary .card-image .image-item {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-secondary .card-content {
  position: relative;
  flex: 1;
  background-color: var(--cardBackground);
  padding: 3rem 2rem 6.25rem 2rem;
}
.card-secondary .card-content .content-pretitle {
  color: var(--textSeconday);
  margin-bottom: 2.5rem;
}
.card-secondary .card-content .content-title {
  color: var(--textPrimary);
}
.card-secondary .card-content .content-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--textSeconday);
  margin-top: 1.75rem;
}

@media screen and (max-width: 1023px) {
  .card-secondary .card-content {
    padding: 3rem 1.5rem 6.25rem 1.5rem;
  }
}
.card-glosario {
  position: relative;
  padding: 4rem;
  padding-bottom: 5rem;
  border-radius: 1.5rem;
  background-color: var(--cardBackground);
}
.card-glosario .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.card-glosario .card-header .card-pretitle {
  color: var(--textColoredPrimary);
}
.card-glosario .card-header .card-switch {
  display: flex;
  gap: 0.5rem;
}
.card-glosario .card-header .card-switch .switch-label {
  color: var(--textPrimary);
}
.card-glosario .card-header .card-switch .switch-label.active {
  color: var(--textCTA);
}
.card-glosario .card-title {
  margin-bottom: 2.5rem;
  color: var(--textPrimary);
}
.card-glosario .card-description {
  display: flex;
  width: 200%;
  overflow: hidden;
  color: var(--textSeconday);
}
.card-glosario .card-description .description {
  width: 50%;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.card-glosario .card-description .description--common {
  transform: translateX(-100%);
}
.card-glosario .card-description .description--active {
  opacity: 1;
  transition: opacity 0.3s 0.5s linear;
}
.card-glosario .card-description .description .description-content {
  width: 100%;
  max-width: 25.3125rem;
}

@media screen and (max-width: 1023px) {
  .card-glosario {
    padding-bottom: 6.5rem;
  }
}
@media screen and (max-width: 743px) {
  .card-glosario {
    padding: 2rem;
    padding-bottom: 4rem;
  }
  .card-glosario .card-header {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 2rem;
  }
}
.card-ingredient {
  display: flex;
  flex-direction: column;
}
.card-ingredient .card-header {
  position: relative;
  margin-bottom: -5.625rem;
}
.card-ingredient .card-header .header-icon {
  --color-fill: var(--fillQuaternary);
  --color-stroke: var(--strokeSecondary);
  display: block;
  width: 10.625rem;
  height: 10.625rem;
  margin: 0 auto;
}
.card-ingredient .card-header .header-content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 100%;
}
.card-ingredient .card-header .header-content .card-title {
  text-transform: uppercase;
  color: var(--textPrimary);
}
.card-ingredient .card-header .header-content .card-subtitle {
  text-transform: uppercase;
  color: var(--textPrimary);
}
.card-ingredient .card-content {
  flex: 1;
  padding: 3rem;
  padding-top: 6.875rem;
  border-radius: 1.5rem;
  background-color: var(--cardBackground);
}
.card-ingredient .card-content .card-composition_detail {
  color: var(--textSeconday);
  text-align: center;
}

.card-indication {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  border-radius: 1.5rem;
  padding: 3.5rem 2rem 5rem 2rem;
  background-color: var(--cardBackground);
  overflow: hidden;
}
.card-indication .card-icon {
  border-radius: 50%;
  background-color: var(--backgroundInverted);
  padding: 1.25rem;
}
.card-indication .card-icon .icon-item {
  display: block;
  width: 5rem;
  height: 5rem;
  object-fit: contain;
}
.card-indication .card-title {
  color: var(--textPrimary);
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .card-indication {
    flex-direction: row;
    gap: 1rem;
    padding: 1rem 5rem 1rem 1rem;
  }
  .card-indication .card-icon {
    padding: 0.8125rem;
  }
  .card-indication .card-icon .icon-item {
    width: 3.3125rem;
    height: 3.3125rem;
  }
  .card-indication .card-title {
    text-align: right;
  }
}
@media screen and (max-width: 743px) {
  .card-indication {
    padding-right: 4.5rem;
  }
}
.card-recommendation {
  position: relative;
  padding: 3.5rem 2rem;
  border-radius: 1.5rem;
}
.card-recommendation .card-title {
  margin-bottom: 3.5rem;
}
.card-recommendation.recommended {
  background-color: #E5F0D9;
}
.card-recommendation.recommended .card-title {
  color: #247103;
}
.card-recommendation.recommended .card-list .list-item:before {
  background-color: #247103;
}
.card-recommendation.not_recommended {
  background-color: #FADEE2;
}
.card-recommendation.not_recommended .card-title {
  color: #9A0000;
}
.card-recommendation.not_recommended .card-list .list-item:before {
  background-color: #9A0000;
}
.card-recommendation .card-list .list-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  color: var(--textPrimary);
}
.card-recommendation .card-list .list-item:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.3125rem;
  flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
  .card-recommendation {
    padding: 2.5rem 1.5rem;
  }
}
@media screen and (max-width: 743px) {
  .card-recommendation {
    padding: 3rem 1.5rem;
  }
}
.card-ingredient_list {
  position: relative;
  padding: 3.5rem 2rem;
  padding-bottom: 4.6875rem;
  border-radius: 1.5rem;
  background-color: var(--cardBackground);
}
.card-ingredient_list.has_button {
  padding-bottom: 7.1875rem;
}
.card-ingredient_list .card-icon {
  display: block;
  width: 5rem;
  height: 5rem;
  margin-bottom: 2.5rem;
}
.card-ingredient_list .card-title {
  color: var(--textPrimary);
  margin-bottom: 2rem;
}
.card-ingredient_list .card-list .list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  color: var(--textSeconday);
}
.card-ingredient_list .card-list .list-item:last-child {
  margin-bottom: 0;
}
.card-ingredient_list .card-list .list-item:before {
  content: "";
  display: block;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  width: 1.25rem;
  height: 1.5rem;
  background-color: var(--fillSecondary);
  flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
  .card-ingredient_list {
    padding: 2.5rem 2rem;
  }
}
@media screen and (max-width: 743px) {
  .card-ingredient_list {
    padding: 3rem 1.5rem;
  }
  .card-ingredient_list .card-icon {
    width: 4rem;
    height: 4rem;
  }
}
.modal {
  position: fixed;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s linear;
}
.modal.opened {
  opacity: 1;
  z-index: 10;
}
.modal.opened .container .modal-content {
  opacity: 1;
  transform: translateY(0%);
}
.modal .container {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 64px;
  padding-bottom: 50px;
}
.modal .container .modal-close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  padding: 0.5rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  cursor: pointer;
}
.modal .container .modal-close .icon {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--fillPrimary);
}
.modal .container .modal-content {
  height: auto;
  max-height: 100%;
  width: 100%;
  max-width: 62.5rem;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 0.625rem;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.25s 0.5s linear;
}

#modal-professional .container .modal-content {
  padding: 5rem;
}
#modal-professional .container .modal-content .title,
#modal-professional .container .modal-content .pretitle,
#modal-professional .container .modal-content .description {
  text-align: center;
}
#modal-professional .container .modal-content .pretitle {
  color: var(--textOverline);
  margin-bottom: 1.5rem;
}
#modal-professional .container .modal-content .description {
  color: var(--textSeconday);
  max-width: 25.3125rem;
  margin: 0 auto;
  margin-top: 2rem;
}
#modal-professional .container .modal-content .buttons-row {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 4rem;
}

#modal-video .container .modal-content {
  aspect-ratio: 16/9;
}
#modal-video .container .modal-content iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1023px) {
  #modal-professional .container .modal-content {
    padding: 5rem 2.5rem;
  }
  #modal-professional .container .modal-content .description {
    max-width: 100%;
  }
}
@media screen and (max-width: 743px) {
  #modal-professional .container .modal-content {
    padding: 5rem 1.5rem;
  }
  #modal-professional .container .modal-content .description {
    max-width: 100%;
  }
  #modal-professional .container .modal-content .buttons-row {
    flex-direction: column;
    max-width: 15.625rem;
    margin: 0 auto;
    margin-top: 2.5rem;
  }
  #modal-professional .container .modal-content .buttons-row .button {
    justify-content: center;
    width: 100%;
  }
}
.section-banner--decoration .container-fluid:after, .section-banner--decoration .container-fluid:before {
  content: "";
  position: absolute;
  aspect-ratio: 9/10;
  height: auto;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  background-color: var(--cardBackground);
  z-index: 2;
}
.section-banner--decoration .container-fluid:after {
  top: -60%;
  left: -15%;
  opacity: 0.6;
  width: 50%;
}
.section-banner--decoration .container-fluid:before {
  top: 50%;
  left: 50%;
  opacity: 0.4;
  width: 5rem;
}
.section-banner .container-fluid {
  position: relative;
  aspect-ratio: 21/9;
  width: 100%;
  height: auto;
  padding: 6.25rem 5rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
.section-banner .container-fluid .banner-title {
  position: relative;
  width: 100%;
  max-width: 50%;
  color: var(--textHover);
  text-transform: uppercase;
  z-index: 3;
}
.section-banner .container-fluid .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

@media screen and (max-width: 1439px) {
  .section-banner .container-fluid {
    border-radius: 0;
  }
}
@media screen and (max-width: 1023px) {
  .section-banner--decoration .container-fluid:after {
    top: -15%;
    left: -10%;
    width: 40%;
  }
  .section-banner--decoration .container-fluid:before {
    top: 30%;
    left: 30%;
  }
  .section-banner .container-fluid {
    aspect-ratio: 16/9;
    padding: 5rem 1.5rem;
  }
}
@media screen and (max-width: 743px) {
  .section-banner--decoration .container-fluid:after {
    top: -7%;
    left: -15%;
    width: 60%;
  }
  .section-banner--decoration .container-fluid:before {
    top: 70%;
    left: 80%;
    transform: translate(-50%, -50%);
  }
  .section-banner .container-fluid {
    aspect-ratio: 125/224;
  }
  .section-banner .container-fluid .banner-title {
    max-width: 100%;
    font-size: 1.25rem;
  }
}
.section-about_us .container .text-about {
  color: var(--textCTA);
  margin-bottom: 1.5rem;
}
.section-about_us .container .logo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-about_us .container .logo-row .logo {
  display: block;
  width: 9.375rem;
  height: auto;
}
.section-about_us .container .title-row {
  display: flex;
  flex-wrap: wrap;
  margin: 6.25rem 0rem;
}
.section-about_us .container .title-row .title-text {
  width: 60%;
  padding-right: 10%;
  color: var(--textPrimary);
}
.section-about_us .container .title-row .title-content {
  width: 40%;
  color: var(--textSeconday);
}
.section-about_us .container .content-row {
  display: flex;
  flex-wrap: wrap;
}
.section-about_us .container .content-row .content-firstcol .col-title,
.section-about_us .container .content-row .content-secondcol .col-title {
  color: var(--textCTA);
  margin-bottom: 2rem;
}
.section-about_us .container .content-row .content-firstcol .col-item,
.section-about_us .container .content-row .content-secondcol .col-item {
  color: var(--textSeconday);
}
.section-about_us .container .content-row .content-firstcol {
  width: 60%;
  padding-right: 2.125rem;
}
.section-about_us .container .content-row .content-firstcol .col-row {
  display: flex;
  flex-wrap: wrap;
}
.section-about_us .container .content-row .content-firstcol .col-row .col-item {
  width: 50%;
}
.section-about_us .container .content-row .content-firstcol .col-row .col-item:first-child {
  padding-right: 5%;
}
.section-about_us .container .content-row .content-firstcol .col-row .col-item:last-child {
  padding-left: 5%;
}
.section-about_us .container .content-row .content-secondcol {
  width: 40%;
}
.section-about_us .container .content-row .content-secondcol .col-item {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .section-about_us .container .title-row {
    flex-direction: column;
    margin: 4rem 0rem;
  }
  .section-about_us .container .title-row .title-text {
    width: 100%;
    margin-bottom: 3rem;
    padding-right: 0;
  }
  .section-about_us .container .title-row .title-content {
    width: 100%;
  }
  .section-about_us .container .content-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .section-about_us .container .content-row .content-firstcol,
  .section-about_us .container .content-row .content-secondcol {
    width: 100%;
  }
  .section-about_us .container .content-row .content-firstcol .col-title,
  .section-about_us .container .content-row .content-secondcol .col-title {
    color: var(--textSeconday);
    margin-bottom: 2rem;
  }
  .section-about_us .container .content-row .content-firstcol .col-item,
  .section-about_us .container .content-row .content-secondcol .col-item {
    color: var(--textSeconday);
  }
  .section-about_us .container .content-row .content-firstcol {
    padding-right: 0rem;
    margin-bottom: 4rem;
  }
  .section-about_us .container .content-row .content-firstcol .col-row {
    display: flex;
    flex-wrap: wrap;
  }
  .section-about_us .container .content-row .content-firstcol .col-row .col-item:first-child {
    padding-right: 0.625rem;
  }
  .section-about_us .container .content-row .content-firstcol .col-row .col-item:last-child {
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 743px) {
  .section-about_us .container .content-row .content-firstcol {
    padding-right: 0rem;
    margin-bottom: 4rem;
  }
  .section-about_us .container .content-row .content-firstcol .col-row {
    flex-direction: column;
  }
  .section-about_us .container .content-row .content-firstcol .col-row .col-item {
    width: 100%;
  }
  .section-about_us .container .content-row .content-firstcol .col-row .col-item:first-child {
    padding: 0;
    margin-bottom: 1.4375rem;
  }
  .section-about_us .container .content-row .content-firstcol .col-row .col-item:last-child {
    padding: 0;
  }
}
.section-hero_banner {
  padding-top: 5.875rem;
}
.section-hero_banner .marquee-banner {
  margin-top: 8.125rem;
}
.section-hero_banner .button-videomodal {
  padding-top: 0.875rem;
}
.section-hero_banner .button-videomodal .video-text {
  padding-top: 0.125rem;
}
.section-hero_banner .container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  min-height: calc(min(100dvh, 50rem) - 4rem - 3.6875rem - 8.125rem);
}
.section-hero_banner .container .banner-contentcol {
  width: 40%;
  padding-right: 2rem;
  align-self: center;
}
.section-hero_banner .container .banner-contentcol .banner-logo {
  display: block;
  width: auto;
  height: 3.5rem;
  max-width: 100%;
  margin-bottom: 2rem;
}
.section-hero_banner .container .banner-contentcol .banner-pretitle {
  margin-bottom: 2.1875rem;
  color: var(--textOverline);
}
.section-hero_banner .container .banner-contentcol .banner-title {
  color: var(--textPrimary);
}
.section-hero_banner .container .banner-contentcol .banner-description {
  margin-top: 2.5rem;
  color: var(--textSeconday);
}
.section-hero_banner .container .banner-contentcol .banner-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4rem;
  gap: 0.625rem;
}
.section-hero_banner .container .banner-imagecol {
  position: relative;
  width: 60%;
}
.section-hero_banner .container .banner-imagecol .banner-productage {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
}
.section-hero_banner .container .banner-imagecol .banner-productimage {
  position: absolute;
  display: block;
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 40%;
  aspect-ratio: 1/1;
  bottom: -20%;
  right: 0rem;
  max-width: 20.75rem;
  border-radius: 1.5rem;
}
.section-hero_banner .container .banner-imagecol .banner-mainimage {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.5rem;
}
.section-hero_banner .container .banner-imagecol .banner-mainimage img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 1439px) {
  .section-hero_banner .marquee-banner {
    margin-top: 6.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-hero_banner {
    padding-top: 5.25rem;
  }
  .section-hero_banner .marquee-banner {
    margin-top: 0rem;
  }
  .section-hero_banner .container {
    flex-direction: column-reverse;
    margin-bottom: 4rem;
    min-height: calc(min(100dvh, 50rem) - 4rem - 3.6875rem - 4rem);
  }
  .section-hero_banner .container .banner-contentcol {
    width: 100%;
    padding-right: 0rem;
    margin-top: 15%;
  }
  .section-hero_banner .container .banner-contentcol .banner-pretitle {
    margin-top: 0;
    margin-bottom: 2rem;
  }
  .section-hero_banner .container .banner-contentcol .banner-buttons {
    margin-top: 2.5rem;
  }
  .section-hero_banner .container .banner-contentcol .banner-buttons .button-discover {
    display: none;
  }
  .section-hero_banner .container .banner-imagecol {
    width: 100%;
  }
  .section-hero_banner .container .banner-imagecol .banner-mainimage {
    aspect-ratio: 5/4;
  }
  .section-hero_banner .container .banner-imagecol .banner-productimage {
    bottom: -19%;
  }
}
@media screen and (max-width: 743px) {
  .section-hero_banner .container .banner-contentcol {
    margin-top: 25%;
  }
  .section-hero_banner .container .banner-contentcol .banner-buttons .button-primary,
  .section-hero_banner .container .banner-contentcol .banner-buttons .button-secondary {
    width: 100%;
    justify-content: center;
  }
  .section-hero_banner .container .banner-contentcol .banner-buttons .button-discover {
    display: none;
  }
  .section-hero_banner .container .banner-imagecol .banner-mainimage {
    aspect-ratio: 3/4;
  }
  .section-hero_banner .container .banner-imagecol .banner-productimage {
    max-width: 100%;
    width: 83%;
    height: auto;
    left: 50%;
    bottom: -16%;
  }
}
.section-destacados .container .items-row {
  display: flex;
  gap: 2rem;
}
.section-destacados .container .items-row .topo-icon {
  flex: 1 0;
  width: 0;
}

@media screen and (max-width: 1023px) {
  .section-destacados .container .items-row .topo-icon {
    align-items: flex-start;
    flex-direction: column;
  }
  .section-destacados .container .items-row .topo-icon .topo-content {
    width: 100%;
  }
}
@media screen and (max-width: 743px) {
  .section-destacados .container .items-row {
    flex-wrap: wrap;
  }
  .section-destacados .container .items-row .topo-icon {
    flex: 1 100%;
    width: 100%;
    align-items: center;
    flex-direction: row;
  }
}
.section-sintomas .container .items-row .sintoma {
  background-color: var(--cardBackground);
  border-radius: 1.5rem;
  padding: 3.5rem 1rem;
  padding-bottom: 3rem;
}
.section-sintomas .container .items-row .sintoma .sintoma-image {
  display: block;
  width: 100%;
  max-width: 7.5rem;
  height: auto;
  margin: 0 auto;
}
.section-sintomas .container .items-row .sintoma .sintoma-text {
  margin-top: 1.5rem;
  color: var(--textPrimary);
  text-align: center;
}

.section-aval_cientifico .container .items-row .slick-slide:not(:last-child) {
  border-right: 1px solid var(--strokeTertiary);
}
.section-aval_cientifico .container .items-row .aval {
  padding: 1.5625rem;
}
.section-aval_cientifico .container .items-row .aval .aval-percentage {
  font-family: "NeueStd", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  color: var(--textHover);
  margin-bottom: 2.5rem;
  text-align: center;
}
.section-aval_cientifico .container .items-row .aval .aval-text {
  color: var(--textPrimary);
  text-align: center;
}

.section-spot .container .titletext-header {
  margin-bottom: 6.25rem;
}
.section-spot .container .spot-container {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  border-radius: 1.5rem;
  overflow: hidden;
}
.section-spot .container .spot-container:focus-visible {
  outline: 2px solid var(--strokePrimary);
  outline-offset: 2px;
}
.section-spot .container .spot-container .spot-poster {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.section-spot .container .spot-container .spot-video {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 2;
}
.section-spot .container .spot-container .spot-video--mobile {
  display: none;
}
.section-spot .container .spot-container .spot-button {
  display: none;
  visibility: hidden;
  padding-bottom: 0.25rem;
  z-index: 3;
}

@media screen and (max-width: 1023px) {
  .section-spot .container .titletext-header {
    margin-bottom: 4rem;
  }
  .section-spot .container .spot-container {
    aspect-ratio: 5/4;
  }
  .section-spot .container .spot-container .spot-button {
    display: block;
    visibility: visible;
  }
}
@media screen and (max-width: 743px) {
  .section-spot .container .spot-container {
    aspect-ratio: 9/16;
  }
  .section-spot .container .spot-container .spot-video--desktop {
    display: none;
  }
  .section-spot .container .spot-container .spot-video--mobile {
    display: block;
  }
}
.section-composicion.section-composicion--half .container {
  display: flex;
  justify-content: space-between;
}
.section-composicion.section-composicion--half .container .titletext-header {
  width: 50%;
  margin-bottom: 0;
}
.section-composicion.section-composicion--half .container .items-row {
  width: 50%;
  max-width: 25rem;
}
.section-composicion.section-composicion--half .container .items-row .card {
  width: 100%;
}
.section-composicion .container .items-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
}
.section-composicion .container .items-row .card {
  width: calc(33.3333333333% - 1.3333333333rem);
}

@media screen and (max-width: 1023px) {
  .section-composicion.section-composicion--half .container {
    flex-direction: column;
  }
  .section-composicion.section-composicion--half .container .titletext-header,
  .section-composicion.section-composicion--half .container .items-row {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .section-composicion.section-composicion--half .container .titletext-header .card,
  .section-composicion.section-composicion--half .container .items-row .card {
    width: 50%;
  }
  .section-composicion.section-composicion--half .container .titletext-header .pretitle {
    text-align: center;
  }
  .section-composicion.section-composicion--half .container .titletext-header .content-row .content-title,
  .section-composicion.section-composicion--half .container .titletext-header .content-row .content-description {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .section-composicion.section-composicion--half .container .titletext-header .content-row .content-title {
    max-width: 39rem;
  }
  .section-composicion.section-composicion--half .container .titletext-header .content-row .content-description {
    max-width: 25rem;
    margin-top: 2.5rem;
  }
  .section-composicion.section-composicion--half .container .titletext-header .content-row .content-right {
    width: 100%;
    max-width: 100%;
  }
  .section-composicion .container .titletext-header .content-right {
    margin: 0 auto;
  }
  .section-composicion .container .items-row {
    gap: 2rem;
  }
  .section-composicion .container .items-row .card {
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 743px) {
  .section-composicion.section-composicion--half .container .items-row .card {
    width: 100%;
  }
  .section-composicion .container .items-row {
    flex-direction: column;
    gap: 1rem;
  }
  .section-composicion .container .items-row .card {
    width: 100%;
  }
}
.section-faqs_text .container {
  display: flex;
}
.section-faqs_text .container .titletext-header {
  width: 50%;
  margin-bottom: 0;
  padding-right: 2.25rem;
}
.section-faqs_text .container .faqs-row {
  width: 50%;
  padding-left: 2.25rem;
}
.section-faqs_text .container .faqs-row .faq-hidden {
  display: none;
}
.section-faqs_text .container .faqs-row .faqs-seemore {
  margin-top: 1.25rem;
}

@media screen and (max-width: 1023px) {
  .section-faqs_text .container {
    flex-direction: column;
  }
  .section-faqs_text .container .titletext-header,
  .section-faqs_text .container .faqs-row {
    width: 100%;
    padding: 0;
  }
}
.section-cross_selling--half .container {
  display: flex;
}
.section-cross_selling--half .container .titletext-header {
  width: 50%;
  margin-bottom: 0;
  padding-right: 2.25rem;
}
.section-cross_selling--half .container .items-row {
  width: 50%;
  padding-left: 2.25rem;
}

@media screen and (max-width: 1023px) {
  .section-cross_selling--half .container {
    flex-direction: column;
  }
  .section-cross_selling--half .container .titletext-header,
  .section-cross_selling--half .container .items-row {
    width: 100%;
    padding: 0;
  }
}
.section-imagetext_horizontal + .section-imagetext_horizontal {
  margin-top: 0;
  padding-top: 0;
}
.section-imagetext_horizontal .container .content-row {
  display: flex;
  align-items: center;
}
.section-imagetext_horizontal .container .content-row.row--reverse {
  flex-direction: row-reverse;
}
.section-imagetext_horizontal .container .content-row.row--reverse .content-col {
  padding-left: 0 !important;
  padding-right: 8.75rem;
}
.section-imagetext_horizontal .container .content-row .image-col.image-contain {
  object-fit: contain;
}
.section-imagetext_horizontal .container .content-row .image-col {
  aspect-ratio: 1/1;
  width: 40%;
  height: auto;
  object-fit: cover;
  object-position: center;
  border-radius: 1.5rem;
}
.section-imagetext_horizontal .container .content-row .content-col {
  width: 60%;
  padding-left: 8.75rem;
}
.section-imagetext_horizontal .container .content-row .content-col .content-tag {
  margin-bottom: 1.5rem;
}
.section-imagetext_horizontal .container .content-row .content-col .content-pretitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--textOverline);
}
.section-imagetext_horizontal .container .content-row .content-col .content-title {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  color: var(--textPrimary);
}
.section-imagetext_horizontal .container .content-row .content-col .content-description {
  width: 100%;
  max-width: 25.3125rem;
  color: var(--textSeconday);
}
.section-imagetext_horizontal .container .content-row .content-col .content-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.section-imagetext_horizontal .container .content-row .content-col .content-buttons .button,
.section-imagetext_horizontal .container .content-row .content-col .content-buttons .button-icon {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1200px) {
  .section-imagetext_horizontal .container .content-row.row--reverse .content-col {
    padding-right: 4.375rem;
  }
  .section-imagetext_horizontal .container .content-row .content-col {
    padding-left: 4.375rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-imagetext_horizontal .container .content-row {
    flex-direction: column;
  }
  .section-imagetext_horizontal .container .content-row.row--reverse {
    flex-direction: column;
  }
  .section-imagetext_horizontal .container .content-row.row--reverse .content-col {
    padding: 0;
  }
  .section-imagetext_horizontal .container .content-row.column--reverse {
    flex-direction: column-reverse;
  }
  .section-imagetext_horizontal .container .content-row.column--reverse .content-col {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .section-imagetext_horizontal .container .content-row .image-col {
    aspect-ratio: 3/2;
    width: 100%;
  }
  .section-imagetext_horizontal .container .content-row .content-col {
    width: 100%;
    padding: 0;
    margin-top: 3.25rem;
  }
}
@media screen and (max-width: 743px) {
  .section-imagetext_horizontal .container .content-row .image-col {
    aspect-ratio: 1/1;
  }
}
.section-imagetext_vertical .container .image-main.image-contain {
  object-fit: contain;
}
.section-imagetext_vertical .container .image-main {
  display: block;
  aspect-ratio: 21/9;
  width: 100%;
  height: auto;
  border-radius: 1.5rem;
  overflow: hidden;
  object-fit: cover;
}

@media screen and (max-width: 1023px) {
  .section-imagetext_vertical .container .image-main {
    aspect-ratio: 3/2;
  }
}
@media screen and (max-width: 743px) {
  .section-imagetext_vertical .container .image-main {
    aspect-ratio: 1/1;
  }
}
.section-habitos_saludables.no-title {
  padding-top: 0rem !important;
}

.section-formatos--half .container {
  display: flex;
}
.section-formatos--half .container .titletext-header {
  width: 50%;
  padding-right: 2.25rem;
}
@media screen and (min-width: 1023px) {
  .section-formatos--half .container .titletext-header {
    margin-bottom: 0;
  }
}
.section-formatos--half .container .items-row {
  width: 50%;
  padding-left: 2.25rem;
}

@media screen and (max-width: 1023px) {
  .section-formatos--half .container {
    flex-direction: column;
  }
  .section-formatos--half .container .titletext-header,
  .section-formatos--half .container .items-row {
    width: 100%;
    padding: 0;
  }
}
.section-glosario .container .items-row .card.card-primary {
  padding-bottom: 5rem;
  height: 22.3125rem;
  min-height: 22.3125rem;
}
.section-glosario .container .items-row .card.card-primary .card-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  max-width: 21.25rem;
}

.section-glosario_header {
  overflow: hidden;
  padding-bottom: 1.875rem;
}
.section-glosario_header .container {
  max-width: 55.625rem;
}
@media screen and (max-width: 1439px) {
  .section-glosario_header .container {
    max-width: 53.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-glosario_header .container {
    max-width: 50.625rem;
  }
}
@media screen and (max-width: 743px) {
  .section-glosario_header .container {
    max-width: 48.625rem;
  }
}
.section-glosario_header .header-content {
  padding-top: 9.625rem;
  padding-bottom: 10.5625rem;
  background-color: var(--headerBackground);
}
.section-glosario_header .header-content .container .header-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2.5rem;
  text-align: center;
  color: var(--textPrimary);
}
.section-glosario_header .header-content .container .header-text {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--textPrimary);
  max-width: 39rem;
}
.section-glosario_header .header-slider {
  margin-top: -6.5625rem;
}

.section-glosario_navigation .container {
  max-width: 63.125rem;
}
@media screen and (max-width: 1439px) {
  .section-glosario_navigation .container {
    max-width: 61.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-glosario_navigation .container {
    max-width: 58.125rem;
  }
}
@media screen and (max-width: 743px) {
  .section-glosario_navigation .container {
    max-width: 56.125rem;
  }
}
.section-glosario_navigation .container .navigation-title {
  text-align: center;
  color: var(--textCTA);
  margin-bottom: 4.5rem;
}
.section-glosario_navigation .container .navigation-list .term-item {
  color: var(--textSeconday);
  cursor: pointer;
  margin-right: 1.5rem;
}
.section-glosario_navigation .container .navigation-list .term-item.active, .section-glosario_navigation .container .navigation-list .term-item:hover {
  color: var(--textPrimary);
}
.section-glosario_navigation .container .navigation-list--mobile {
  display: none;
}
.section-glosario_navigation .container .navigation-list--mobile .faq .faq-header {
  padding: 1.125rem 2.5rem;
}
.section-glosario_navigation .container .navigation-list--mobile .faq .faq-content .term-item {
  padding: 0.5rem 0px;
}
.section-glosario_navigation .container .navigation-list--mobile .faq .faq-content .term-item:last-child {
  padding-bottom: 0rem;
}
.section-glosario_navigation .container .navigation-list--desktop {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.5rem 0rem;
}
.section-glosario_navigation .container .navigation-list--desktop .row-letter {
  align-self: center;
  color: var(--textCTA);
  margin-left: 1rem;
}
.section-glosario_navigation .container .navigation-list--desktop .row-letter:first-child {
  margin-left: 0;
}
.section-glosario_navigation .container .navigation-list--desktop .row-letter span {
  margin: 0rem 1rem;
}

@media screen and (max-width: 1023px) {
  .section-glosario_navigation .container .navigation-title {
    text-align: center;
    color: var(--textCTA);
    margin-bottom: 4.5rem;
  }
  .section-glosario_navigation .container .navigation-list--desktop {
    display: none;
  }
  .section-glosario_navigation .container .navigation-list--mobile {
    display: block;
  }
}
.section-related_selling--half .container {
  display: flex;
}
.section-related_selling--half .container .titletext-header {
  width: 50%;
  margin-bottom: 0;
  padding-right: 2.25rem;
}
.section-related_selling--half .container .items-row {
  width: 50%;
  padding-left: 2.25rem;
}
.section-related_selling .card-enlace_product .card-content .content-description {
  overflow: visible;
  display: block;
}

@media screen and (max-width: 1023px) {
  .section-related_selling--half .container {
    flex-direction: column;
  }
  .section-related_selling--half .container .titletext-header,
  .section-related_selling--half .container .items-row {
    width: 100%;
    padding: 0;
  }
}
.section-destacado_faqs .container {
  text-align: center;
}
.section-destacado_faqs .container .pretitle,
.section-destacado_faqs .container .title {
  width: 100%;
  max-width: 39.0625rem;
  margin: 0 auto;
}
.section-destacado_faqs .container .pretitle {
  color: var(--textOverline);
  margin-bottom: 1.5rem;
}
.section-destacado_faqs .container .title {
  margin: 0 auto;
  margin-bottom: 2rem;
  color: var(--textPrimary);
}
.section-destacado_faqs .container .description {
  color: var(--textSeconday);
  max-width: 25rem;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}

.section-listado .container .list-row {
  display: flex;
  align-items: center;
}
.section-listado .container .list-row--reverse {
  flex-direction: row-reverse;
}
.section-listado .container .list-row--reverse .list-col {
  padding-left: 0 !important;
  padding-right: 8.75rem;
}
.section-listado .container .list-row .image-col {
  aspect-ratio: 1/1;
  width: 40%;
  height: auto;
  object-fit: cover;
  object-position: center;
  border-radius: 1.5rem;
}
.section-listado .container .list-row .list-col {
  width: 60%;
  padding-left: 8.75rem;
}
.section-listado .container .list-row .list-col .list-item {
  padding: 1.9375rem 0;
  border-bottom: 0.0625rem solid var(--strokeTertiary);
}
.section-listado .container .list-row .list-col .list-item .item-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--textPrimary);
}
.section-listado .container .list-row .list-col .list-item .item-subtitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 1.25rem;
  color: var(--textSeconday);
}

@media screen and (max-width: 1200px) {
  .section-listado .container .list-row--reverse .list-col {
    padding-right: 4.375rem;
  }
  .section-listado .container .list-row .list-col {
    padding-left: 4.375rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-listado .container .list-row {
    flex-direction: column-reverse;
  }
  .section-listado .container .list-row--reverse .list-col {
    padding: 0;
  }
  .section-listado .container .list-row .image-col {
    aspect-ratio: 3/2;
    width: 100%;
  }
  .section-listado .container .list-row .list-col {
    width: 100%;
    padding: 0;
    margin-bottom: 4rem;
  }
  .section-listado .container .list-row .list-col .list-item:first-child {
    padding-top: 0;
  }
}
@media screen and (max-width: 743px) {
  .section-listado {
    padding: 4.1875rem 0rem;
  }
  .section-listado .container .list-row .image-col {
    aspect-ratio: 1/1;
  }
}
.section-productos_list--half .container {
  display: flex;
}
.section-productos_list--half .container .titletext-header {
  width: 50%;
  margin-bottom: 0;
  padding-right: 2.25rem;
}
.section-productos_list--half .container .items-row {
  width: 50%;
  padding-left: 2.25rem;
}
.section-productos_list .container .items-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8.75rem 2rem;
}
.section-productos_list .container .items-row .card {
  width: calc(50% - 1rem);
  height: auto;
}
.section-productos_list .container .items-row .card.card-hidden {
  display: none !important;
}
.section-productos_list .container .products-pagination {
  margin-top: -3.5rem;
}

@media screen and (max-width: 1023px) {
  .section-productos_list--half .container {
    flex-direction: column;
  }
  .section-productos_list--half .container .titletext-header,
  .section-productos_list--half .container .items-row {
    width: 100%;
    padding: 0;
  }
  .section-productos_list .container .items-row {
    gap: 2rem;
  }
  .section-productos_list .container .products-pagination {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 743px) {
  .section-productos_list .container .items-row {
    gap: 4rem;
  }
  .section-productos_list .container .items-row .card {
    width: 100%;
  }
  .section-productos_list .container .products-pagination {
    margin-top: 0.625rem;
  }
}
.section-destacados_pdp--half .container {
  display: flex;
}
.section-destacados_pdp--half .container .titletext-header {
  width: 50%;
  margin-bottom: 0;
  padding-right: 2.25rem;
}
.section-destacados_pdp--half .container .items-row {
  width: 50%;
  padding-left: 2.25rem;
}
.section-destacados_pdp .container .items-row ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.section-destacados_pdp .container .items-row ul li {
  width: 0;
  flex: 1 0;
}

@media screen and (max-width: 1200px) {
  .section-destacados_pdp .container .items-row ul {
    gap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-destacados_pdp--half .container {
    flex-direction: column;
  }
  .section-destacados_pdp--half .container .titletext-header,
  .section-destacados_pdp--half .container .items-row {
    width: 100%;
    padding: 0;
  }
  .section-destacados_pdp .container .items-row ul {
    gap: 2rem;
    flex-direction: column;
  }
  .section-destacados_pdp .container .items-row ul li {
    width: 100%;
  }
}
.section-causas_usos--half .container {
  display: flex;
}
.section-causas_usos--half .container .titletext-header {
  width: 50%;
  margin-bottom: 0;
  padding-right: 2.25rem;
}
.section-causas_usos--half .container .items-row {
  width: 50%;
  padding-left: 2.25rem;
}
.section-causas_usos .container .card-secondary .card-content .content-description {
  display: block;
  overflow: visible;
}
.section-causas_usos .container .content-description {
  color: var(--textPrimary);
}

@media screen and (max-width: 1023px) {
  .section-causas_usos--half .container {
    flex-direction: column;
  }
  .section-causas_usos--half .container .titletext-header,
  .section-causas_usos--half .container .items-row {
    width: 100%;
    padding: 0;
  }
}
.section-featured_blog .container .titletext-header .button {
  margin-top: 2.5rem;
}
.section-featured_blog .container .featured-row {
  margin-bottom: 6.25rem;
  display: flex;
  align-items: center;
}
.section-featured_blog .container .featured-row .featured-image {
  display: block;
  aspect-ratio: 16/9;
  width: 60%;
  height: auto;
  object-fit: cover;
  object-position: center;
  border-radius: 1.5rem;
}
.section-featured_blog .container .featured-row .featured-content {
  width: 40%;
  padding-left: 3.75rem;
}
.section-featured_blog .container .featured-row .featured-content .featured-info {
  color: var(--textSeconday);
  margin-bottom: 2.5rem;
}
.section-featured_blog .container .featured-row .featured-content .featured-title {
  color: var(--textPrimary);
  margin-bottom: 2.5rem;
}
.section-featured_blog .container .featured-row .featured-content .featured-description {
  color: var(--textSeconday);
  margin-bottom: 2.5rem;
}
.section-featured_blog .container .items-row {
  display: flex;
  align-items: stretch;
  gap: 2rem;
}
.section-featured_blog .container .items-row .card {
  width: 0;
  flex: 1 0;
}
.section-featured_blog .container .items-row .card .card-content .content-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--textSeconday);
}
.section-featured_blog .container .items-row .card .card-content .content-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--textPrimary);
}

@media screen and (max-width: 1023px) {
  .section-featured_blog .container .featured-row {
    margin-bottom: 5rem;
  }
  .section-featured_blog .container .featured-row .featured-image {
    aspect-ratio: 1/1;
    width: 40%;
  }
  .section-featured_blog .container .featured-row .featured-content {
    width: 60%;
  }
  .section-featured_blog .container .featured-row .featured-content .featured-info,
  .section-featured_blog .container .featured-row .featured-content .featured-title,
  .section-featured_blog .container .featured-row .featured-content .featured-description {
    margin-bottom: 2rem;
  }
  .section-featured_blog .container .items-row .card.card-extra {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .section-featured_blog .container .featured-row {
    flex-direction: column;
    margin-bottom: 4rem;
  }
  .section-featured_blog .container .featured-row .featured-image {
    aspect-ratio: 3/2;
    width: 100%;
  }
  .section-featured_blog .container .featured-row .featured-content {
    width: 100%;
    padding: 0;
    padding-top: 2.5rem;
  }
  .section-featured_blog .container .items-row {
    flex-direction: column;
  }
  .section-featured_blog .container .items-row .card {
    width: 100%;
  }
}
.section-faqs_anchor .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 11.25rem;
}
.section-faqs_anchor .container .content-col {
  width: 100%;
  flex: 1;
}
.section-faqs_anchor .container .content-col .faq-section {
  margin-bottom: 5rem;
}
.section-faqs_anchor .container .content-col .faq-section:last-child {
  margin-bottom: 0;
}
.section-faqs_anchor .container .content-col .faq-section .section-title {
  color: var(--textPrimary);
  margin-bottom: 3.5rem;
}
.section-faqs_anchor .container .content-col .faq-section .faq-list .faq-item {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1200px) {
  .section-faqs_anchor .container {
    gap: 4.375rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-faqs_anchor .container {
    flex-direction: column;
    gap: 4rem;
  }
  .section-faqs_anchor .container .anchor-col,
  .section-faqs_anchor .container .content-col {
    width: 100%;
    max-width: 100%;
  }
}
.section-blogmain_header.blog-nofeatured .header-content {
  padding-bottom: 5rem;
}
.section-blogmain_header.blog-nofeatured .header-featured_banner {
  display: none;
  margin: 0;
}
.section-blogmain_header .header-content {
  padding-top: 9.625rem;
  padding-bottom: 11.5625rem;
  background-color: var(--headerBlogBackground);
}
.section-blogmain_header .header-content .container {
  max-width: 55.625rem;
}
@media screen and (max-width: 1439px) {
  .section-blogmain_header .header-content .container {
    max-width: 53.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-blogmain_header .header-content .container {
    max-width: 50.625rem;
  }
}
@media screen and (max-width: 743px) {
  .section-blogmain_header .header-content .container {
    max-width: 48.625rem;
  }
}
.section-blogmain_header .header-content .container .header-pretitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 2.1875rem;
  text-align: center;
  color: var(--textColoredPrimary);
}
.section-blogmain_header .header-content .container .header-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2.5rem;
  text-align: center;
  color: var(--textPrimary);
}
.section-blogmain_header .header-content .container .header-text {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--textSeconday);
  max-width: 39rem;
}
.section-blogmain_header .header-featured_banner .container .item-banner {
  margin-top: -6.5625rem;
}

@media screen and (max-width: 1023px) {
  .section-blogmain_header .header-content {
    padding-top: 9.625rem;
    padding-bottom: 36.25rem;
  }
  .section-blogmain_header .header-featured_banner .container .item-banner {
    margin-top: -31.25rem;
  }
  .section-blogmain_header .header-featured_banner .container .item-banner .banner-content {
    box-sizing: content-box;
    max-width: 20rem;
  }
}
@media screen and (max-width: 743px) {
  .section-blogmain_header .header-content {
    padding-bottom: 19.625rem;
  }
  .section-blogmain_header .header-featured_banner .container .item-banner {
    margin-top: -15.625rem;
  }
  .section-blogmain_header .header-featured_banner .container .item-banner .banner-content {
    box-sizing: border-box;
    max-width: 100%;
  }
}
.section-blogarticle_header.page-404 {
  padding-bottom: 5rem;
}
.section-blogarticle_header.blog-noimage .header-content {
  padding-bottom: 5rem;
}
.section-blogarticle_header.blog-noimage .header-featured_banner {
  display: none;
  margin: 0;
}
.section-blogarticle_header .header-content {
  padding-top: 8rem;
  padding-bottom: 15.9375rem;
  background-color: var(--headerBlogBackground);
}
.section-blogarticle_header .header-content .container {
  max-width: 55.625rem;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .section-blogarticle_header .header-content .container {
    max-width: 53.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .section-blogarticle_header .header-content .container {
    max-width: 50.625rem;
  }
}
@media screen and (max-width: 743px) {
  .section-blogarticle_header .header-content .container {
    max-width: 48.625rem;
  }
}
.section-blogarticle_header .header-content .container .header-pretitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 2.1875rem;
  text-align: center;
  color: var(--textColoredPrimary);
}
.section-blogarticle_header .header-content .container .header-title {
  margin-bottom: 2.5rem;
  text-align: center;
  color: var(--textPrimary);
}
.section-blogarticle_header .header-content .container .header-text {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--textSeconday);
  max-width: 39rem;
}
.section-blogarticle_header .header-content .container .header-button {
  margin-top: 2.5rem;
}
.section-blogarticle_header .header-image {
  margin-top: -10.9375rem;
}
.section-blogarticle_header .header-image .container .image-banner {
  aspect-ratio: 3/1;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 1.5rem;
}
.section-blogarticle_header .header-image .container .image-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 1023px) {
  .section-blogarticle_header .header-content {
    padding-top: 9.625rem;
    padding-bottom: 8.125rem;
  }
  .section-blogarticle_header .header-image {
    margin-top: -3.125rem;
  }
  .section-blogarticle_header .header-image .container .image-banner {
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 743px) {
  .section-blogarticle_header .header-content {
    padding-bottom: 11.25rem;
  }
  .section-blogarticle_header .header-image {
    margin-top: -8.75rem;
  }
  .section-blogarticle_header .header-image .container .image-banner {
    aspect-ratio: 8/9;
  }
}
.section-related_blogs .container .related-title {
  margin-bottom: 6.25rem;
}
.section-related_blogs .container .items-row:not(.slider) .card {
  width: 33.3333333333%;
}
.section-related_blogs .container .items-row.slider .slider-container .slick-list .slick-track {
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .section-related_blogs .container .related-title {
    margin-bottom: 4rem;
  }
  .section-related_blogs .container .items-row:not(.slider) .card {
    width: 100%;
  }
}
.section-recomendaciones .container .items-row {
  display: flex;
  align-items: stretch;
  gap: 2rem;
}
.section-recomendaciones .container .items-row .card-recommendation {
  width: 100%;
  flex: 1;
}

@media screen and (max-width: 1023px) {
  .section-recomendaciones .container .items-row {
    flex-direction: column;
  }
  .section-recomendaciones .container .items-row .card-recommendation {
    width: 100%;
  }
}
.section-simple_header {
  padding: 10.25rem 0;
  background-color: var(--headerBackground);
}
.section-simple_header .container .section-title {
  color: var(--textPrimary);
}

.section-clinicstudy_form .form-container {
  display: flex;
  width: 100%;
  padding: 5rem;
  background-color: var(--color-50);
  border-radius: 1.5rem;
}
.section-clinicstudy_form .form-container .title-col {
  width: 20rem;
  flex-shrink: 0;
  margin-right: 5rem;
}
.section-clinicstudy_form .form-container .title-col .text {
  color: var(--textSeconday);
  margin-top: 2rem;
}
.section-clinicstudy_form .form-container .content-col {
  width: 0;
  flex: 1 0 0;
}

@media screen and (max-width: 1023px) {
  .section-clinicstudy_form .form-container {
    flex-direction: column;
  }
  .section-clinicstudy_form .form-container .title-col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3.25rem;
  }
  .section-clinicstudy_form .form-container .content-col {
    width: 100%;
  }
}
.section-percentage_text .content-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.section-percentage_text .content-layout .percentage-item .item-number {
  position: relative;
  display: block;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  border: 1px solid var(--strokeTertiary);
}
.section-percentage_text .content-layout .percentage-item .item-number .progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  background-color: var(--assetBackground);
  border: 3px solid var(--strokePrimary);
  z-index: 1;
  --angle: 0deg;
  -webkit-mask: conic-gradient(#000 var(--angle), transparent 0);
  mask: conic-gradient(#000 var(--angle), transparent 0);
  transition: --angle 1s ease-out;
}
.section-percentage_text .content-layout .percentage-item .item-number .number-text {
  position: absolute;
  color: var(--textColoredPrimary);
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.section-percentage_text .content-layout .percentage-item .item-text {
  color: var(--textSeconday) !important;
}
.section-percentage_text .content-layout--col .percentage-item {
  flex: 0 0 calc(50% - 1rem);
}
.section-percentage_text .content-layout--col .percentage-item .item-number {
  margin: 0 auto;
}
.section-percentage_text .content-layout--col .percentage-item .item-text {
  margin: 0 auto;
  margin-top: 1.5rem;
  text-align: center;
  max-width: 13.75rem;
}
.section-percentage_text .content-layout--row {
  flex-direction: row;
}
.section-percentage_text .content-layout--row .percentage-item {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
}
.section-percentage_text .content-layout--row .percentage-item .item-number {
  flex-shrink: 0;
}
.section-percentage_text .content-layout--row .percentage-item .item-text {
  padding-left: 2.5rem;
  width: 0;
  flex: 1 0 0;
}

@media screen and (max-width: 743px) {
  .section-percentage_text .content-layout .percentage-item {
    display: block;
    flex: 0 0 100%;
  }
  .section-percentage_text .content-layout .percentage-item .item-number {
    margin: 0 auto;
  }
  .section-percentage_text .content-layout .percentage-item .item-text {
    text-align: center;
    margin: 0 auto;
    margin-top: 1.5rem;
    width: 100%;
    padding-left: 0;
    max-width: 17.5rem;
  }
}
@property --angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.section-figure_caption .figure-image {
  width: 100%;
  height: auto;
  background-color: var(--assetBackground);
  border-radius: 1.5rem;
}
.section-figure_caption .figure-caption {
  color: var(--textSeconday);
  margin-top: 1.5rem;
}

@media screen and (max-width: 743px) {
  .section-figure_caption {
    overflow-x: visible;
    -webkit-overflow-scrolling: auto;
  }
  .section-figure_caption .figure-container {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1.5rem;
    scrollbar-width: thin;
    scrollbar-color: var(--strokePrimary) var(--strokeTertiary);
  }
  .section-figure_caption .figure-container::-webkit-scrollbar {
    height: 0.1875rem;
  }
  .section-figure_caption .figure-container::-webkit-scrollbar-track {
    background-color: var(--strokeTertiary);
    border-radius: 0.1875rem;
  }
  .section-figure_caption .figure-container::-webkit-scrollbar-thumb {
    background-color: var(--strokePrimary);
    border-radius: 0.1875rem;
  }
  .section-figure_caption .figure-image {
    width: 37.5rem;
    height: auto;
    max-height: 37.5rem;
    object-fit: contain;
    display: block;
  }
}
.section-ingredient_list .list .list-item {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.section-ingredient_list .list .list-item.item-hidden {
  display: none;
}
.section-ingredient_list .list .list-item:last-child {
  margin-bottom: 0;
}
.section-ingredient_list .list .list-item .item-icon {
  display: block;
  width: 5rem;
  height: auto;
  flex-shrink: 0;
}
.section-ingredient_list .list .list-item .item-content {
  width: 0;
  flex: 1 0 0;
}
.section-ingredient_list .list .list-item .item-content .item-title {
  color: var(--textColoredPrimary);
  margin-bottom: 1.5rem;
}
.section-ingredient_list .list .list-item .item-content .item-text {
  color: var(--textSeconday);
}
.section-ingredient_list .button-icon {
  gap: 0.25rem;
}
.section-ingredient_list .button-icon .button-text {
  text-transform: uppercase;
}
.section-ingredient_list .button-icon .icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.3125rem;
}

@media screen and (max-width: 743px) {
  .section-ingredient_list .list .list-item {
    flex-direction: column;
  }
  .section-ingredient_list .list .list-item .item-icon {
    width: 4rem;
  }
  .section-ingredient_list .list .list-item .item-content {
    width: 100%;
    flex: auto;
  }
}
.section-pagefooter {
  padding-top: 0px !important;
}
.section-pagefooter .footer-title {
  color: var(--textCTA);
  font-family: "NeueStd", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 1rem 0;
  border-bottom: 2px solid var(--textCTA);
  margin-bottom: 2.5rem;
}

.color {
  width: 100px;
  height: 100px;
}
.color.color-600 {
  background-color: var(--color-600);
}
.color.color-500 {
  background-color: var(--color-500);
}
.color.color-400 {
  background-color: var(--color-400);
}
.color.color-300 {
  background-color: var(--color-300);
}
.color.color-200 {
  background-color: var(--color-200);
}
.color.color-100 {
  background-color: var(--color-100);
}
.color.color-50 {
  background-color: var(--color-50);
}

.theme--dark {
  background-color: grey;
}

.ds-item .ds-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.ds-item .ds-row .spot-cursor {
  width: 100%;
  height: 200px;
  border-radius: 24px;
  background-color: var(--color-50);
}

.titletext-header {
  --duration: .5s;
  --delay: .2s;
}
@media screen and (max-width: 1023px) {
  .titletext-header {
    --duration: .3s;
    --delay: .15s;
  }
}
.titletext-header.animate .pretitle {
  opacity: 1;
  transform: translateY(0%);
}
.titletext-header.animate .content-row .content-title,
.titletext-header.animate .content-row .content-right .content-description,
.titletext-header.animate .content-row .content-right .content-button {
  opacity: 1;
  transform: translateY(0%);
}
.titletext-header .pretitle,
.titletext-header .content-title,
.titletext-header .content-right .content-description,
.titletext-header .content-right .content-button {
  opacity: 0;
  transform: translateY(100%);
  transition: all var(--duration) ease-out;
}
.titletext-header .content-title {
  transition-delay: var(--delay);
}
.titletext-header .content-right .content-description,
.titletext-header .content-right .content-button {
  transition-delay: calc(var(--delay) * 2);
}

.section-hero_banner {
  --imgDuration: 1s;
  --duration: .5s;
  --delay: .2s;
}
.section-hero_banner.animate .container .banner-contentcol .banner-pretitle,
.section-hero_banner.animate .container .banner-contentcol .banner-title,
.section-hero_banner.animate .container .banner-contentcol .banner-buttons {
  opacity: 1;
  transform: translateY(0);
}
.section-hero_banner.animate .container .banner-imagecol .banner-mainimage img {
  transform: scale(100%);
}
.section-hero_banner.animate .container .banner-imagecol .banner-productimage {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 743px) {
  .section-hero_banner.animate .container .banner-imagecol .banner-productimage {
    transform: translate(-50%, 0);
  }
}
.section-hero_banner .container .banner-contentcol .banner-pretitle,
.section-hero_banner .container .banner-contentcol .banner-title,
.section-hero_banner .container .banner-contentcol .banner-buttons {
  opacity: 0;
  transform: translateY(100%);
  transition: all var(--duration) ease-out;
}
.section-hero_banner .container .banner-contentcol .banner-pretitle {
  transition-delay: var(--imgDuration)var(--duration)var(--delay);
}
.section-hero_banner .container .banner-contentcol .banner-title {
  transition-delay: var(--imgDuration)var(--duration)calc(var(--delay) * 2);
}
.section-hero_banner .container .banner-contentcol .banner-buttons {
  transition-delay: var(--imgDuration)var(--duration)calc(var(--delay) * 3);
}
.section-hero_banner .container .banner-imagecol .banner-mainimage img {
  transform: scale(120%);
  transition: transform var(--imgDuration) ease-out;
}
.section-hero_banner .container .banner-imagecol .banner-productimage {
  opacity: 0;
  transform: translateY(-10px);
  transition: all var(--duration) ease-out;
  transition-delay: calc(var(--imgDuration) * 0.8);
}
@media screen and (max-width: 743px) {
  .section-hero_banner .container .banner-imagecol .banner-productimage {
    transform: translate(-50%, -10px);
  }
}

.section-glosario_header,
.section-blogmain_header,
.section-blogarticle_header {
  --duration: .5s;
  --mainDuration: 1s;
  --delay: .4s;
}
@media screen and (max-width: 1023px) {
  .section-glosario_header,
  .section-blogmain_header,
  .section-blogarticle_header {
    --duration: .3s;
    --delay: .2s;
  }
}
.section-glosario_header.animate .animation--elem1,
.section-glosario_header.animate .animation--elem2,
.section-blogmain_header.animate .animation--elem1,
.section-blogmain_header.animate .animation--elem2,
.section-blogarticle_header.animate .animation--elem1,
.section-blogarticle_header.animate .animation--elem2 {
  opacity: 1;
  transform: translateY(0);
}
.section-glosario_header.animate .animation--elem3:not(img),
.section-blogmain_header.animate .animation--elem3:not(img),
.section-blogarticle_header.animate .animation--elem3:not(img) {
  opacity: 1;
  transform: translateY(0);
}
.section-glosario_header.animate .animation--elem3:is(img),
.section-blogmain_header.animate .animation--elem3:is(img),
.section-blogarticle_header.animate .animation--elem3:is(img) {
  transform: scale(100%);
}
.section-glosario_header:not(.animate) .animation--elem4,
.section-blogmain_header:not(.animate) .animation--elem4,
.section-blogarticle_header:not(.animate) .animation--elem4 {
  background-color: transparent;
}
.section-glosario_header .animation--elem1,
.section-glosario_header .animation--elem2,
.section-blogmain_header .animation--elem1,
.section-blogmain_header .animation--elem2,
.section-blogarticle_header .animation--elem1,
.section-blogarticle_header .animation--elem2 {
  opacity: 0;
  transform: translateY(100%);
  transition: all var(--duration) ease-out;
}
.section-glosario_header .animation--elem3:not(img),
.section-blogmain_header .animation--elem3:not(img),
.section-blogarticle_header .animation--elem3:not(img) {
  opacity: 0;
  transform: translateY(100%);
}
.section-glosario_header .animation--elem3:is(img),
.section-blogmain_header .animation--elem3:is(img),
.section-blogarticle_header .animation--elem3:is(img) {
  transform: scale(120%);
}
.section-glosario_header .animation--elem3,
.section-blogmain_header .animation--elem3,
.section-blogarticle_header .animation--elem3 {
  transition: all var(--mainDuration) ease-out;
  transition-delay: calc(var(--delay) * 2);
}
.section-glosario_header .animation--elem4,
.section-blogmain_header .animation--elem4,
.section-blogarticle_header .animation--elem4 {
  transition: background-color var(--mainDuration) ease-out;
  transition-delay: calc(var(--mainDuration) * 0.8 + var(--delay) * 3);
}

/*# sourceMappingURL=style.css.map */