/* [project]/app/fuentes-geist.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist/gyByhwUxId8gMEwRGFWNOITddY4.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist/gyByhwUxId8gMEwYGFWNOITddY4.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist/gyByhwUxId8gMEwTGFWNOITddY4.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist/gyByhwUxId8gMEwSGFWNOITddY4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist/gyByhwUxId8gMEwcGFWNOITd.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.fv-geist {
  --font-geist-sans: "Geist", "Geist Fallback";
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist-mono/or3nQ6H-1_WfwkMZI_qYFrodmhHkjkotbA.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist-mono/or3nQ6H-1_WfwkMZI_qYFrMdmhHkjkotbA.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist-mono/or3nQ6H-1_WfwkMZI_qYFg08vz7MhEIVVeA.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist-mono/or3nQ6H-1_WfwkMZI_qYFrgdmhHkjkotbA.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist-mono/or3nQ6H-1_WfwkMZI_qYFrkdmhHkjkotbA.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fuentes/geist-mono/or3nQ6H-1_WfwkMZI_qYFrcdmhHkjko.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.fv-geist-mono {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
      --prs-h: 0;
      --prs-out: 0;
    }

    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-geist-sans);
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: var(--font-geist-mono);
    --color-red-50: #fef2f2;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-900: #82181a;
    --color-orange-100: #ffedd5;
    --color-orange-900: #7e2a0c;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-900: #7b3306;
    --color-emerald-50: #ecfdf5;
    --color-emerald-100: #d0fae5;
    --color-emerald-200: #a4f4cf;
    --color-emerald-300: #5ee9b5;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-emerald-600: #009767;
    --color-emerald-700: #007956;
    --color-emerald-800: #005f46;
    --color-emerald-950: #002c22;
    --color-sky-400: #00bcfe;
    --color-sky-500: #00a5ef;
    --color-sky-600: #0084cc;
    --color-sky-700: #0069a4;
    --color-blue-400: #54a2ff;
    --color-blue-700: #1447e6;
    --color-indigo-50: #eef2ff;
    --color-indigo-100: #e0e7ff;
    --color-indigo-300: #a4b3ff;
    --color-indigo-400: #7d87ff;
    --color-indigo-500: #625fff;
    --color-indigo-600: #4f39f6;
    --color-indigo-700: #432dd7;
    --color-violet-400: #a685ff;
    --color-violet-500: #8d54ff;
    --color-violet-700: #7008e7;
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cad5e2;
    --color-slate-400: #90a1b9;
    --color-slate-500: #62748e;
    --color-slate-600: #45556c;
    --color-slate-700: #314158;
    --color-slate-800: #1d293d;
    --color-slate-900: #0f172b;
    --color-gray-200: #e5e7eb;
    --color-gray-400: #99a1af;
    --color-gray-600: #4a5565;
    --color-gray-900: #101828;
    --color-zinc-400: #9f9fa9;
    --color-zinc-500: #71717b;
    --color-zinc-600: #52525c;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: calc(var(--radius) * .6);
    --radius-md: calc(var(--radius) * .8);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) * 1.4);
    --radius-2xl: calc(var(--radius) * 1.8);
    --radius-3xl: calc(var(--radius) * 2.2);
    --radius-4xl: calc(var(--radius) * 2.6);
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-900: lab(28.5139% 44.5539 29.0463);
      --color-orange-100: lab(94.7127% 3.58394 14.3151);
      --color-orange-900: lab(30.2951% 36.0434 37.671);
      --color-amber-50: lab(98.6252% -.635922 8.42309);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-900: lab(31.2288% 30.2627 40.0378);
      --color-emerald-50: lab(97.8462% -6.94966 1.85487);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-200: lab(90.2247% -31.039 9.47084);
      --color-emerald-300: lab(83.9203% -48.7124 13.8849);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-emerald-700: lab(44.4871% -41.0396 11.0361);
      --color-emerald-800: lab(35.3675% -33.1188 8.04002);
      --color-emerald-950: lab(15.0582% -17.9507 2.38369);
      --color-sky-400: lab(70.687% -23.6078 -45.9483);
      --color-sky-500: lab(63.3038% -18.433 -51.0407);
      --color-sky-600: lab(51.7754% -11.4712 -49.8349);
      --color-sky-700: lab(41.6013% -9.10804 -42.5647);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-indigo-50: lab(95.4818% .411302 -6.78529);
      --color-indigo-100: lab(91.6577% 1.04591 -12.7199);
      --color-indigo-300: lab(74.0235% 8.54138 -41.6075);
      --color-indigo-400: lab(59.866% 22.4834 -64.4485);
      --color-indigo-500: lab(48.295% 38.3129 -81.9673);
      --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
      --color-indigo-700: lab(32.4486% 49.2217 -84.6695);
      --color-violet-400: lab(62.8239% 34.9159 -60.0512);
      --color-violet-500: lab(49.9355% 55.1776 -81.8963);
      --color-violet-700: lab(35.2783% 67.9912 -88.793);
      --color-slate-50: lab(98.1434% -.369519 -1.05966);
      --color-slate-100: lab(96.286% -.852436 -2.46847);
      --color-slate-200: lab(91.7353% -.998765 -4.76968);
      --color-slate-300: lab(84.7652% -1.94535 -7.93337);
      --color-slate-400: lab(65.5349% -2.25151 -14.5072);
      --color-slate-500: lab(48.0876% -2.03595 -16.5814);
      --color-slate-600: lab(35.5623% -1.74978 -15.4316);
      --color-slate-700: lab(26.9569% -1.47016 -15.6993);
      --color-slate-800: lab(16.132% -.318035 -14.6672);
      --color-slate-900: lab(7.78673% 1.82345 -15.0537);
      --color-gray-200: lab(91.6229% -.159115 -2.26791);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-900: lab(8.11897% .811279 -12.254);
      --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
      --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
      --color-zinc-600: lab(35.1166% 1.78212 -6.1173);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  html {
    font-family: var(--font-geist-sans);
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .\!fixed {
    position: fixed !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-\[-18\%\] {
    inset: -18%;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }

  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6);
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-\[0\.3em\] {
    top: .3em;
  }

  .top-\[8vh\] {
    top: 8vh;
  }

  .top-\[20\%\] {
    top: 20%;
  }

  .top-\[34\%\] {
    top: 34%;
  }

  .top-\[46\%\] {
    top: 46%;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .right-0 {
    right: 0;
  }

  .right-0\.5 {
    right: calc(var(--spacing) * .5);
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-\[0\.1em\] {
    right: .1em;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-0\.5 {
    bottom: calc(var(--spacing) * .5);
  }

  .bottom-1 {
    bottom: var(--spacing);
  }

  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-7 {
    bottom: calc(var(--spacing) * 7);
  }

  .bottom-\[-1px\] {
    bottom: -1px;
  }

  .left-0 {
    left: 0;
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .isolate {
    isolation: isolate;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[3\] {
    z-index: 3;
  }

  .z-\[4\] {
    z-index: 4;
  }

  .z-\[5\] {
    z-index: 5;
  }

  .z-\[6\] {
    z-index: 6;
  }

  .z-\[8\] {
    z-index: 8;
  }

  .z-\[10\] {
    z-index: 10;
  }

  .z-\[25\] {
    z-index: 25;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[90\] {
    z-index: 90;
  }

  .z-\[95\] {
    z-index: 95;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: 0;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1 {
    margin-block: var(--spacing);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }

  .mt-\[0\.9em\] {
    margin-top: .9em;
  }

  .mt-\[6px\] {
    margin-top: 6px;
  }

  .mt-\[22px\] {
    margin-top: 22px;
  }

  .mt-\[clamp\(48px\,6vw\,80px\)\] {
    margin-top: clamp(48px, 6vw, 80px);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-\[-0\.04em\] {
    margin-bottom: -.04em;
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[4\/5\] {
    aspect-ratio: 4 / 5;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-fit {
    width: fit-content;
    height: fit-content;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .\!h-lvh {
    height: 100lvh !important;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-\[50vh\] {
    height: 50vh;
  }

  .h-\[70\%\] {
    height: 70%;
  }

  .h-\[70px\] {
    height: 70px;
  }

  .h-\[78vh\] {
    height: 78vh;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[210px\] {
    height: 210px;
  }

  .h-\[1400px\] {
    height: 1400px;
  }

  .h-\[10000vh\] {
    height: 10000vh;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[clamp\(44px\,5\.4vh\,60px\)\] {
    height: clamp(44px, 5.4vh, 60px);
  }

  .h-\[clamp\(56px\,3\.6vw\,72px\)\] {
    height: clamp(56px, 3.6vw, 72px);
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-12 {
    max-height: calc(var(--spacing) * 12);
  }

  .max-h-14 {
    max-height: calc(var(--spacing) * 14);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-\[62vh\] {
    max-height: 62vh;
  }

  .max-h-\[84vh\] {
    max-height: 84vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-h-\[min\(60vh\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
    max-height: min(60vh, var(--radix-dropdown-menu-content-available-height));
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[52px\] {
    min-height: 52px;
  }

  .min-h-\[55vh\] {
    min-height: 55vh;
  }

  .min-h-\[70vh\] {
    min-height: 70vh;
  }

  .min-h-\[190px\] {
    min-height: 190px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[480px\] {
    min-height: 480px;
  }

  .min-h-\[640px\] {
    min-height: 640px;
  }

  .min-h-\[clamp\(56px\,3\.6vw\,72px\)\] {
    min-height: clamp(56px, 3.6vw, 72px);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-full {
    width: 100% !important;
  }

  .w-\(--radix-dropdown-menu-trigger-width\) {
    width: var(--radix-dropdown-menu-trigger-width);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[22rem\] {
    width: 22rem;
  }

  .w-\[52px\] {
    width: 52px;
  }

  .w-\[92\%\] {
    width: 92%;
  }

  .w-\[130\%\] {
    width: 130%;
  }

  .w-\[200\%\] {
    width: 200%;
  }

  .w-\[220vw\] {
    width: 220vw;
  }

  .w-\[250px\] {
    width: 250px;
  }

  .w-\[624px\] {
    width: 624px;
  }

  .w-\[794px\] {
    width: 794px;
  }

  .w-\[clamp\(48px\,6vw\,110px\)\] {
    width: clamp(48px, 6vw, 110px);
  }

  .w-\[clamp\(56px\,3\.6vw\,72px\)\] {
    width: clamp(56px, 3.6vw, 72px);
  }

  .w-\[clamp\(230px\,26vw\,320px\)\] {
    width: clamp(230px, 26vw, 320px);
  }

  .w-\[clamp\(230px\,27vw\,330px\)\] {
    width: clamp(230px, 27vw, 330px);
  }

  .w-\[clamp\(280px\,40vw\,480px\)\] {
    width: clamp(280px, 40vw, 480px);
  }

  .w-\[min\(100\%\,1820px\)\] {
    width: min(100%, 1820px);
  }

  .w-\[min\(100\%-40px\,1820px\)\] {
    width: min(100% - 40px, 1820px);
  }

  .w-\[min\(100\%-48px\,900px\)\] {
    width: min(100% - 48px, 900px);
  }

  .w-\[min\(100\%-48px\,1820px\)\] {
    width: min(100% - 48px, 1820px);
  }

  .w-\[min\(1100px\,94vw\)\] {
    width: min(1100px, 94vw);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-0 {
    max-width: 0;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-44 {
    max-width: calc(var(--spacing) * 44);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-\[15rem\] {
    max-width: 15rem;
  }

  .max-w-\[42ch\] {
    max-width: 42ch;
  }

  .max-w-\[45\%\] {
    max-width: 45%;
  }

  .max-w-\[55\%\] {
    max-width: 55%;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[380px\] {
    max-width: 380px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[794px\] {
    max-width: 794px;
  }

  .max-w-\[860px\] {
    max-width: 860px;
  }

  .max-w-\[920px\] {
    max-width: 920px;
  }

  .max-w-\[1180px\] {
    max-width: 1180px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1820px\] {
    max-width: 1820px;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-\[min\(38vw\,300px\)\] {
    max-width: min(38vw, 300px);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-\[64px\] {
    min-width: 64px;
  }

  .min-w-\[96px\] {
    min-width: 96px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[1100px\] {
    min-width: 1100px;
  }

  .min-w-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-56 {
    flex-basis: calc(var(--spacing) * 56);
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .origin-bottom {
    transform-origin: bottom;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-\[0\.34\] {
    scale: .34;
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }

  .list-none {
    list-style-type: none;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[52px_10px_minmax\(0\,1fr\)\] {
    grid-template-columns: 52px 10px minmax(0, 1fr);
  }

  .grid-cols-\[90px_1fr\] {
    grid-template-columns: 90px 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .content-end {
    align-content: flex-end;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-\(--card-spacing\) {
    gap: var(--card-spacing);
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[clamp\(20px\,2\.5vw\,44px\)\] {
    gap: clamp(20px, 2.5vw, 44px);
  }

  .gap-\[clamp\(60px\,10vw\,200px\)\] {
    gap: clamp(60px, 10vw, 200px);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block: 0;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-px > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }

  .gap-x-\[clamp\(24px\,3vw\,54px\)\] {
    column-gap: clamp(24px, 3vw, 54px);
  }

  .gap-x-\[clamp\(28px\,4vw\,76px\)\] {
    column-gap: clamp(28px, 4vw, 76px);
  }

  .gap-x-\[clamp\(56px\,8vw\,170px\)\] {
    column-gap: clamp(56px, 8vw, 170px);
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[color\:var\(--borde-suave\)\] > :not(:last-child)) {
    border-color: var(--borde-suave);
  }

  :where(.divide-slate-200 > :not(:last-child)) {
    border-color: var(--color-slate-200);
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 1.8);
  }

  .rounded-3xl {
    border-radius: calc(var(--radius) * 2.2);
  }

  .rounded-4xl {
    border-radius: calc(var(--radius) * 2.6);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[22px\] {
    border-radius: 22px;
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  .rounded-sm {
    border-radius: calc(var(--radius) * .6);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-b-2xl {
    border-bottom-right-radius: calc(var(--radius) * 1.8);
    border-bottom-left-radius: calc(var(--radius) * 1.8);
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\(color\:--zen-borde\)\/10 {
    border-color: var(--zen-borde);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\(color\:--zen-borde\)\/10 {
      border-color: color-mix(in oklab, var(--zen-borde) 10%, transparent);
    }
  }

  .border-\(color\:--zen-borde\)\/20 {
    border-color: var(--zen-borde);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\(color\:--zen-borde\)\/20 {
      border-color: color-mix(in oklab, var(--zen-borde) 20%, transparent);
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--bk-texto-oscuro\)_10\%\,transparent\)\] {
    border-color: var(--bk-texto-oscuro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--bk-texto-oscuro\)_10\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--bk-texto-oscuro) 10%,transparent);
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_12\%\,transparent\)\] {
    border-color: var(--vel-tinta);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_12\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--vel-tinta) 12%,transparent);
    }
  }

  .border-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_18\%\,transparent\)\] {
    border-color: var(--vel-tinta);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_18\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--vel-tinta) 18%,transparent);
    }
  }

  .border-\[var\(--bk-negro\)\]\/10 {
    border-color: var(--bk-negro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--bk-negro\)\]\/10 {
      border-color: color-mix(in oklab, var(--bk-negro) 10%, transparent);
    }
  }

  .border-\[var\(--brand\)\] {
    border-color: var(--brand);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-amber-400\/50 {
    border-color: #fcbb0080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/50 {
      border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
    }
  }

  .border-amber-500 {
    border-color: var(--color-amber-500);
  }

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }

  .border-border {
    border-color: var(--border);
  }

  .border-destructive\/40 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }

  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }

  .border-emerald-500\/40 {
    border-color: #00bb7f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }

  .border-indigo-300 {
    border-color: var(--color-indigo-300);
  }

  .border-indigo-500 {
    border-color: var(--color-indigo-500);
  }

  .border-input {
    border-color: var(--input);
  }

  .border-muted-foreground\/40 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/40 {
      border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-primary\/30 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .border-primary\/50 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-sky-500\/40 {
    border-color: #00a5ef66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-500\/40 {
      border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
    }
  }

  .border-slate-100 {
    border-color: var(--color-slate-100);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white\/30 {
    border-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .border-white\/40 {
    border-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .border-white\/60 {
    border-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/60 {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-\(--zen-claro\) {
    background-color: var(--zen-claro);
  }

  .bg-\(--zen-oscuro\)\/20 {
    background-color: var(--zen-oscuro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--zen-oscuro\)\/20 {
      background-color: color-mix(in oklab, var(--zen-oscuro) 20%, transparent);
    }
  }

  .bg-\(--zen-superficie\) {
    background-color: var(--zen-superficie);
  }

  .bg-\(--zen-superficie\)\/10 {
    background-color: var(--zen-superficie);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--zen-superficie\)\/10 {
      background-color: color-mix(in oklab, var(--zen-superficie) 10%, transparent);
    }
  }

  .bg-\(--zen-superficie\)\/60 {
    background-color: var(--zen-superficie);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--zen-superficie\)\/60 {
      background-color: color-mix(in oklab, var(--zen-superficie) 60%, transparent);
    }
  }

  .bg-\(--zen-superficie\)\/80 {
    background-color: var(--zen-superficie);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--zen-superficie\)\/80 {
      background-color: color-mix(in oklab, var(--zen-superficie) 80%, transparent);
    }
  }

  .bg-\[\#050505\] {
    background-color: #050505;
  }

  .bg-\[var\(--bk-claro\)\] {
    background-color: var(--bk-claro);
  }

  .bg-\[var\(--bk-negro\)\] {
    background-color: var(--bk-negro);
  }

  .bg-\[var\(--bk-negro\)\]\/60 {
    background-color: var(--bk-negro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--bk-negro\)\]\/60 {
      background-color: color-mix(in oklab, var(--bk-negro) 60%, transparent);
    }
  }

  .bg-\[var\(--brand\)\] {
    background-color: var(--brand);
  }

  .bg-\[var\(--brand\)\]\/10 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--brand\)\]\/10 {
      background-color: color-mix(in oklab, var(--brand) 10%, transparent);
    }
  }

  .bg-\[var\(--brand\)\]\/15 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--brand\)\]\/15 {
      background-color: color-mix(in oklab, var(--brand) 15%, transparent);
    }
  }

  .bg-\[var\(--et-claro\)\] {
    background-color: var(--et-claro);
  }

  .bg-\[var\(--et-texto-claro\)\]\/60 {
    background-color: var(--et-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--et-texto-claro\)\]\/60 {
      background-color: color-mix(in oklab, var(--et-texto-claro) 60%, transparent);
    }
  }

  .bg-\[var\(--tarjeta\)\] {
    background-color: var(--tarjeta);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/5 {
    background-color: #f99c000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/5 {
      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
    }
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .bg-amber-500\/25 {
    background-color: #f99c0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/25 {
      background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-background\/80 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/80 {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }

  .bg-background\/90 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/90 {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/5 {
    background-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/20 {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/55 {
    background-color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-destructive\/5 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/5 {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }

  .bg-emerald-500\/25 {
    background-color: #00bb7f40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/25 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }

  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted\/20 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-primary\/70 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/70 {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .bg-primary\/80 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/80 {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .bg-red-500\/15 {
    background-color: #fb2c3626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/15 {
      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-sidebar {
    background-color: var(--sidebar);
  }

  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }

  .bg-sky-500\/10 {
    background-color: #00a5ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-500\/10 {
      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
  }

  .bg-sky-500\/15 {
    background-color: #00a5ef26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-500\/15 {
      background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
    }
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-50\/60 {
    background-color: #f8fafc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-50\/60 {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-900\/40 {
    background-color: #0f172b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/40 {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }

  .bg-slate-900\/50 {
    background-color: #0f172b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/50 {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-500\/15 {
    background-color: #8d54ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/15 {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/0 {
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/0 {
      background-color: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-zinc-400 {
    background-color: var(--color-zinc-400);
  }

  .bg-zinc-500\/15 {
    background-color: #71717b26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-zinc-500\/15 {
      background-color: color-mix(in oklab, var(--color-zinc-500) 15%, transparent);
    }
  }

  .bg-linear-90 {
    --tw-gradient-position: 90deg;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-90 {
      --tw-gradient-position: 90deg in oklab;
    }
  }

  .bg-linear-90 {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-90\/oklch {
    --tw-gradient-position: 90deg;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-90\/oklch {
      --tw-gradient-position: 90deg in oklch;
    }
  }

  .bg-linear-90\/oklch {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[repeating-conic-gradient\(\#e5e5e5_0_25\%\,\#fff_0_50\%\)\] {
    background-image: repeating-conic-gradient(#e5e5e5 0 25%,#fff 0 50%);
  }

  .bg-\[repeating-conic-gradient\(\#e5e5e5_0_25\%\,transparent_0_50\%\)\] {
    background-image: repeating-conic-gradient(#e5e5e5 0 25%,transparent 0 50%);
  }

  .from-\[var\(--bk-negro\)\]\/40 {
    --tw-gradient-from: var(--bk-negro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-\[var\(--bk-negro\)\]\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--bk-negro) 40%, transparent);
    }
  }

  .from-\[var\(--bk-negro\)\]\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--brand\)\]\/20 {
    --tw-gradient-from: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-\[var\(--brand\)\]\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--brand) 20%, transparent);
    }
  }

  .from-\[var\(--brand\)\]\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background\/95 {
    --tw-gradient-from: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-background\/95 {
      --tw-gradient-from: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .from-background\/95 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-10\% {
    --tw-gradient-from-position: 10%;
  }

  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[var\(--bk-negro\)\]\/70 {
    --tw-gradient-to: var(--bk-negro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-\[var\(--bk-negro\)\]\/70 {
      --tw-gradient-to: color-mix(in oklab, var(--bk-negro) 70%, transparent);
    }
  }

  .to-\[var\(--bk-negro\)\]\/70 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--brand\)\]\/5 {
    --tw-gradient-to: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-\[var\(--brand\)\]\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--brand) 5%, transparent);
    }
  }

  .to-\[var\(--brand\)\]\/5 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-\[length\:12px_12px\] {
    background-size: 12px 12px;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .fill-amber-400 {
    fill: var(--color-amber-400);
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-top {
    object-position: top;
  }

  .p-\(--card-spacing\) {
    padding: var(--card-spacing);
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-16 {
    padding: calc(var(--spacing) * 16);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[clamp\(24px\,4vw\,60px\)\] {
    padding: clamp(24px, 4vw, 60px);
  }

  .p-px {
    padding: 1px;
  }

  .px-\(--card-spacing\) {
    padding-inline: var(--card-spacing);
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-\[4\%\] {
    padding-inline: 4%;
  }

  .px-\[6\%\] {
    padding-inline: 6%;
  }

  .py-\(--card-spacing\) {
    padding-block: var(--card-spacing);
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-\[120px\] {
    padding-top: 120px;
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-\[0\.3em\] {
    padding-right: .3em;
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\[family-name\:var\(--fuente-anton\)\] {
    font-family: var(--fuente-anton);
  }

  .font-\[family-name\:var\(--fuente-archivo\)\] {
    font-family: var(--fuente-archivo);
  }

  .font-\[family-name\:var\(--fuente-bebas\)\] {
    font-family: var(--fuente-bebas);
  }

  .font-\[family-name\:var\(--fuente-bodoni\)\] {
    font-family: var(--fuente-bodoni);
  }

  .font-\[family-name\:var\(--fuente-chakra\)\] {
    font-family: var(--fuente-chakra);
  }

  .font-\[family-name\:var\(--fuente-dancing\)\] {
    font-family: var(--fuente-dancing);
  }

  .font-\[family-name\:var\(--fuente-dmserif\)\] {
    font-family: var(--fuente-dmserif);
  }

  .font-\[family-name\:var\(--fuente-fraunces\)\] {
    font-family: var(--fuente-fraunces);
  }

  .font-\[family-name\:var\(--fuente-oswald\)\] {
    font-family: var(--fuente-oswald);
  }

  .font-\[family-name\:var\(--fuente-playfair\)\] {
    font-family: var(--fuente-playfair);
  }

  .font-\[family-name\:var\(--fuente-space\)\] {
    font-family: var(--fuente-space);
  }

  .font-\[family-name\:var\(--fuente-syne\)\] {
    font-family: var(--fuente-syne);
  }

  .font-heading {
    font-family: var(--font-sans);
  }

  .font-mono {
    font-family: var(--font-geist-mono);
  }

  .font-serif {
    font-family: var(--font-serif);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.31em\] {
    font-size: .31em;
  }

  .text-\[0\.95vw\] {
    font-size: .95vw;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[2\.6rem\] {
    font-size: 2.6rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[3rem\] {
    font-size: 3rem;
  }

  .text-\[5rem\] {
    font-size: 5rem;
  }

  .text-\[7\.5vw\] {
    font-size: 7.5vw;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[12vw\] {
    font-size: 12vw;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14\.5vw\] {
    font-size: 14.5vw;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26vw\] {
    font-size: 26vw;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[34px\] {
    font-size: 34px;
  }

  .text-\[36px\] {
    font-size: 36px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[clamp\(1\.5rem\,3\.5vw\,2\.5rem\)\] {
    font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  }

  .text-\[clamp\(1\.5rem\,4vw\,2\.75rem\)\] {
    font-size: clamp(1.5rem, 4vw, 2.75rem);
  }

  .text-\[clamp\(1\.5rem\,4vw\,3rem\)\] {
    font-size: clamp(1.5rem, 4vw, 3rem);
  }

  .text-\[clamp\(1\.75rem\,5vw\,3\.5rem\)\] {
    font-size: clamp(1.75rem, 5vw, 3.5rem);
  }

  .text-\[clamp\(1\.75rem\,5vw\,3\.75rem\)\] {
    font-size: clamp(1.75rem, 5vw, 3.75rem);
  }

  .text-\[clamp\(1\.875rem\,6vw\,4\.5rem\)\] {
    font-size: clamp(1.875rem, 6vw, 4.5rem);
  }

  .text-\[clamp\(2rem\,5vw\,3\.5rem\)\] {
    font-size: clamp(2rem, 5vw, 3.5rem);
  }

  .text-\[clamp\(12px\,3vw\,15px\)\] {
    font-size: clamp(12px, 3vw, 15px);
  }

  .text-\[clamp\(13px\,0\.9vw\,17px\)\] {
    font-size: clamp(13px, .9vw, 17px);
  }

  .text-\[clamp\(14px\,1\.2vw\,20px\)\] {
    font-size: clamp(14px, 1.2vw, 20px);
  }

  .text-\[clamp\(14px\,1vw\,17px\)\] {
    font-size: clamp(14px, 1vw, 17px);
  }

  .text-\[clamp\(14px\,1vw\,18px\)\] {
    font-size: clamp(14px, 1vw, 18px);
  }

  .text-\[clamp\(15px\,1\.1vw\,19px\)\] {
    font-size: clamp(15px, 1.1vw, 19px);
  }

  .text-\[clamp\(15px\,1vw\,18px\)\] {
    font-size: clamp(15px, 1vw, 18px);
  }

  .text-\[clamp\(16px\,1\.25vw\,21px\)\] {
    font-size: clamp(16px, 1.25vw, 21px);
  }

  .text-\[clamp\(18px\,1\.22vw\,24px\)\] {
    font-size: clamp(18px, 1.22vw, 24px);
  }

  .text-\[clamp\(18px\,1\.45vw\,24px\)\] {
    font-size: clamp(18px, 1.45vw, 24px);
  }

  .text-\[clamp\(18px\,1\.65vw\,28px\)\] {
    font-size: clamp(18px, 1.65vw, 28px);
  }

  .text-\[clamp\(20px\,1\.6vw\,26px\)\] {
    font-size: clamp(20px, 1.6vw, 26px);
  }

  .text-\[clamp\(20px\,1\.56vw\,30px\)\] {
    font-size: clamp(20px, 1.56vw, 30px);
  }

  .text-\[clamp\(20px\,2\.2vw\,30px\)\] {
    font-size: clamp(20px, 2.2vw, 30px);
  }

  .text-\[clamp\(26px\,1\.95vw\,41px\)\] {
    font-size: clamp(26px, 1.95vw, 41px);
  }

  .text-\[clamp\(26px\,3\.2vw\,54px\)\] {
    font-size: clamp(26px, 3.2vw, 54px);
  }

  .text-\[clamp\(26px\,3\.4vw\,44px\)\] {
    font-size: clamp(26px, 3.4vw, 44px);
  }

  .text-\[clamp\(26px\,3\.6vw\,54px\)\] {
    font-size: clamp(26px, 3.6vw, 54px);
  }

  .text-\[clamp\(26px\,4vw\,52px\)\] {
    font-size: clamp(26px, 4vw, 52px);
  }

  .text-\[clamp\(28px\,3\.2vw\,54px\)\] {
    font-size: clamp(28px, 3.2vw, 54px);
  }

  .text-\[clamp\(28px\,4\.5vw\,56px\)\] {
    font-size: clamp(28px, 4.5vw, 56px);
  }

  .text-\[clamp\(28px\,4vw\,52px\)\] {
    font-size: clamp(28px, 4vw, 52px);
  }

  .text-\[clamp\(30px\,4\.5vw\,52px\)\] {
    font-size: clamp(30px, 4.5vw, 52px);
  }

  .text-\[clamp\(30px\,4\.5vw\,56px\)\] {
    font-size: clamp(30px, 4.5vw, 56px);
  }

  .text-\[clamp\(30px\,5vw\,60px\)\] {
    font-size: clamp(30px, 5vw, 60px);
  }

  .text-\[clamp\(30px\,5vw\,64px\)\] {
    font-size: clamp(30px, 5vw, 64px);
  }

  .text-\[clamp\(32px\,5vw\,64px\)\] {
    font-size: clamp(32px, 5vw, 64px);
  }

  .text-\[clamp\(34px\,3\.5vw\,62px\)\] {
    font-size: clamp(34px, 3.5vw, 62px);
  }

  .text-\[clamp\(34px\,4\.4vw\,72px\)\] {
    font-size: clamp(34px, 4.4vw, 72px);
  }

  .text-\[clamp\(34px\,6vw\,80px\)\] {
    font-size: clamp(34px, 6vw, 80px);
  }

  .text-\[clamp\(36px\,6vw\,84px\)\] {
    font-size: clamp(36px, 6vw, 84px);
  }

  .text-\[clamp\(40px\,8vw\,110px\)\] {
    font-size: clamp(40px, 8vw, 110px);
  }

  .text-\[clamp\(44px\,8vw\,104px\)\] {
    font-size: clamp(44px, 8vw, 104px);
  }

  .text-\[clamp\(44px\,9vw\,130px\)\] {
    font-size: clamp(44px, 9vw, 130px);
  }

  .text-\[clamp\(48px\,11vw\,200px\)\] {
    font-size: clamp(48px, 11vw, 200px);
  }

  .text-\[clamp\(72px\,7vw\,134px\)\] {
    font-size: clamp(72px, 7vw, 134px);
  }

  .text-\[min\(var\(--bt-movil\)\,30vh\)\] {
    font-size: min(var(--bt-movil), 30vh);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }

  .leading-\[0\.78\] {
    --tw-leading: .78;
    line-height: .78;
  }

  .leading-\[0\.85\] {
    --tw-leading: .85;
    line-height: .85;
  }

  .leading-\[0\.95\] {
    --tw-leading: .95;
    line-height: .95;
  }

  .leading-\[0\.98\] {
    --tw-leading: .98;
    line-height: .98;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }

  .leading-\[1\.34\] {
    --tw-leading: 1.34;
    line-height: 1.34;
  }

  .leading-\[1\.38\] {
    --tw-leading: 1.38;
    line-height: 1.38;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[36px\] {
    --tw-leading: 36px;
    line-height: 36px;
  }

  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.07em\] {
    --tw-tracking: -.07em;
    letter-spacing: -.07em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words, .wrap-break-word {
    overflow-wrap: break-word;
  }

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

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-red-900 {
    color: var(--color-red-900) !important;
  }

  .text-\(color\:--zen-oscuro\) {
    color: var(--zen-oscuro);
  }

  .text-\(color\:--zen-suave\) {
    color: var(--zen-suave);
  }

  .text-\(color\:--zen-tenue\) {
    color: var(--zen-tenue);
  }

  .text-\(color\:--zen-texto-claro\) {
    color: var(--zen-texto-claro);
  }

  .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_40\%\,transparent\)\] {
    color: var(--vel-tinta);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_40\%\,transparent\)\] {
      color: color-mix(in srgb,var(--vel-tinta) 40%,transparent);
    }
  }

  .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_55\%\,transparent\)\] {
    color: var(--vel-tinta);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_55\%\,transparent\)\] {
      color: color-mix(in srgb,var(--vel-tinta) 55%,transparent);
    }
  }

  .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_65\%\,transparent\)\] {
    color: var(--vel-tinta);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_65\%\,transparent\)\] {
      color: color-mix(in srgb,var(--vel-tinta) 65%,transparent);
    }
  }

  .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_80\%\,transparent\)\] {
    color: var(--vel-tinta);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_80\%\,transparent\)\] {
      color: color-mix(in srgb,var(--vel-tinta) 80%,transparent);
    }
  }

  .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_88\%\,transparent\)\] {
    color: var(--vel-tinta);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color\:color-mix\(in_srgb\,var\(--vel-tinta\)_88\%\,transparent\)\] {
      color: color-mix(in srgb,var(--vel-tinta) 88%,transparent);
    }
  }

  .text-\[color\:var\(--acento-70\)\] {
    color: var(--acento-70);
  }

  .text-\[color\:var\(--acento-80\)\] {
    color: var(--acento-80);
  }

  .text-\[color\:var\(--blanco-60\)\] {
    color: var(--blanco-60);
  }

  .text-\[color\:var\(--ink-80\)\] {
    color: var(--ink-80);
  }

  .text-\[color\:var\(--texto-claro-2\)\] {
    color: var(--texto-claro-2);
  }

  .text-\[var\(--bk-texto-claro\)\] {
    color: var(--bk-texto-claro);
  }

  .text-\[var\(--bk-texto-claro\)\]\/80 {
    color: var(--bk-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--bk-texto-claro\)\]\/80 {
      color: color-mix(in oklab, var(--bk-texto-claro) 80%, transparent);
    }
  }

  .text-\[var\(--bk-texto-claro\)\]\/85 {
    color: var(--bk-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--bk-texto-claro\)\]\/85 {
      color: color-mix(in oklab, var(--bk-texto-claro) 85%, transparent);
    }
  }

  .text-\[var\(--bk-texto-oscuro\)\] {
    color: var(--bk-texto-oscuro);
  }

  .text-\[var\(--bk-texto-oscuro\)\]\/40 {
    color: var(--bk-texto-oscuro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--bk-texto-oscuro\)\]\/40 {
      color: color-mix(in oklab, var(--bk-texto-oscuro) 40%, transparent);
    }
  }

  .text-\[var\(--bk-texto-oscuro\)\]\/50 {
    color: var(--bk-texto-oscuro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--bk-texto-oscuro\)\]\/50 {
      color: color-mix(in oklab, var(--bk-texto-oscuro) 50%, transparent);
    }
  }

  .text-\[var\(--bk-texto-oscuro\)\]\/80 {
    color: var(--bk-texto-oscuro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--bk-texto-oscuro\)\]\/80 {
      color: color-mix(in oklab, var(--bk-texto-oscuro) 80%, transparent);
    }
  }

  .text-\[var\(--brand\)\] {
    color: var(--brand);
  }

  .text-\[var\(--et-texto-claro\)\] {
    color: var(--et-texto-claro);
  }

  .text-\[var\(--et-texto-claro\)\]\/40 {
    color: var(--et-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--et-texto-claro\)\]\/40 {
      color: color-mix(in oklab, var(--et-texto-claro) 40%, transparent);
    }
  }

  .text-\[var\(--et-texto-claro\)\]\/50 {
    color: var(--et-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--et-texto-claro\)\]\/50 {
      color: color-mix(in oklab, var(--et-texto-claro) 50%, transparent);
    }
  }

  .text-\[var\(--et-texto-claro\)\]\/55 {
    color: var(--et-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--et-texto-claro\)\]\/55 {
      color: color-mix(in oklab, var(--et-texto-claro) 55%, transparent);
    }
  }

  .text-\[var\(--et-texto-claro\)\]\/80 {
    color: var(--et-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--et-texto-claro\)\]\/80 {
      color: color-mix(in oklab, var(--et-texto-claro) 80%, transparent);
    }
  }

  .text-\[var\(--et-texto-claro\)\]\/85 {
    color: var(--et-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--et-texto-claro\)\]\/85 {
      color: color-mix(in oklab, var(--et-texto-claro) 85%, transparent);
    }
  }

  .text-\[var\(--et-texto-claro\)\]\/90 {
    color: var(--et-texto-claro);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--et-texto-claro\)\]\/90 {
      color: color-mix(in oklab, var(--et-texto-claro) 90%, transparent);
    }
  }

  .text-accent {
    color: var(--accent);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-background {
    color: var(--background);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-black\/30 {
    color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/30 {
      color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .text-black\/70 {
    color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/70 {
      color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .text-black\/80 {
    color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/80 {
      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-950 {
    color: var(--color-emerald-950);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-foreground\/70 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-muted {
    color: var(--muted);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-muted-foreground\/50 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sidebar-foreground {
    color: var(--sidebar-foreground);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/30 {
    color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-zinc-400 {
    color: var(--color-zinc-400);
  }

  .text-zinc-600 {
    color: var(--color-zinc-600);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .accent-primary {
    accent-color: var(--primary);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-\[0\.7\] {
    opacity: .7;
  }

  .opacity-\[0\.15\] {
    opacity: .15;
  }

  .bg-blend-color {
    background-blend-mode: color;
  }

  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[var\(--brand\)\]\/20 {
    --tw-ring-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[var\(--brand\)\]\/20 {
      --tw-ring-color: color-mix(in oklab, var(--brand) 20%, transparent);
    }
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-border {
    --tw-ring-color: var(--border);
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-indigo-500 {
    --tw-ring-color: var(--color-indigo-500);
  }

  .ring-primary {
    --tw-ring-color: var(--primary);
  }

  .ring-primary\/30 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .ring-primary\/40 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/40 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--card-spacing\:--spacing\(4\)\] {
    --card-spacing: calc(var(--spacing) * 4);
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .running {
    animation-play-state: running;
  }

  .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }

    .group-hover\:max-w-\[160px\]:is(:where(.group):hover *) {
      max-width: 160px;
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }

    .group-hover\:pr-1:is(:where(.group):hover *) {
      padding-right: var(--spacing);
    }

    .group-hover\:text-foreground:is(:where(.group):hover *) {
      color: var(--foreground);
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  .group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    height: calc(var(--spacing) * 8);
  }

  .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    height: fit-content;
  }

  .group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    width: 100%;
  }

  .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    flex-direction: column;
  }

  .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    justify-content: flex-start;
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .selection\:bg-orange-100 ::selection, .selection\:bg-orange-100::selection {
    background-color: var(--color-orange-100);
  }

  .selection\:bg-orange-900 ::selection, .selection\:bg-orange-900::selection {
    background-color: var(--color-orange-900);
  }

  .selection\:text-orange-100 ::selection, .selection\:text-orange-100::selection {
    color: var(--color-orange-100);
  }

  .selection\:text-orange-900 ::selection, .selection\:text-orange-900::selection {
    color: var(--color-orange-900);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }

  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }

  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:border:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .after\:border-border:after {
    content: var(--tw-content);
    border-color: var(--border);
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:mix-blend-darken:after {
    content: var(--tw-content);
    mix-blend-mode: darken;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }

  .group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:gap-3:hover {
      gap: calc(var(--spacing) * 3);
    }

    .hover\:border-\[var\(--brand\)\]:hover {
      border-color: var(--brand);
    }

    .hover\:border-foreground\/30:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/30:hover {
        border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
      }
    }

    .hover\:border-foreground\/40:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/40:hover {
        border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
      }
    }

    .hover\:border-indigo-400:hover {
      border-color: var(--color-indigo-400);
    }

    .hover\:border-muted-foreground\/40:hover {
      border-color: var(--muted-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-muted-foreground\/40:hover {
        border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
      }
    }

    .hover\:border-primary:hover, .hover\:border-primary\/40:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/40:hover {
        border-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }

    .hover\:border-primary\/50:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }

    .hover\:border-slate-200:hover {
      border-color: var(--color-slate-200);
    }

    .hover\:border-slate-300:hover {
      border-color: var(--color-slate-300);
    }

    .hover\:bg-\(--zen-hover\):hover {
      background-color: var(--zen-hover);
    }

    .hover\:bg-\(--zen-superficie\):hover {
      background-color: var(--zen-superficie);
    }

    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }

    .hover\:bg-\[var\(--brand\)\]:hover {
      background-color: var(--brand);
    }

    .hover\:bg-\[var\(--tarjeta-hover\)\]:hover {
      background-color: var(--tarjeta-hover);
    }

    .hover\:bg-accent:hover, .hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .hover\:bg-amber-50:hover {
      background-color: var(--color-amber-50);
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-amber-400:hover {
      background-color: var(--color-amber-400);
    }

    .hover\:bg-amber-500\/20:hover {
      background-color: #f99c0033;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }

    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .hover\:bg-black\/80:hover {
      background-color: #000c;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/80:hover {
        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }

    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .hover\:bg-emerald-500\/20:hover {
      background-color: #00bb7f33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
      }
    }

    .hover\:bg-emerald-700:hover {
      background-color: var(--color-emerald-700);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-gray-900:hover {
      background-color: var(--color-gray-900);
    }

    .hover\:bg-indigo-100:hover {
      background-color: var(--color-indigo-100);
    }

    .hover\:bg-indigo-700:hover {
      background-color: var(--color-indigo-700);
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-primary\/5:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }

    .hover\:bg-primary\/10:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50);
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:text-\(color\:--zen-oscuro\):hover {
      color: var(--zen-oscuro);
    }

    .hover\:text-\[color\:var\(--acento\)\]:hover {
      color: var(--acento);
    }

    .hover\:text-\[color\:var\(--blanco\)\]:hover {
      color: var(--blanco);
    }

    .hover\:text-\[color\:var\(--ink\)\]:hover {
      color: var(--ink);
    }

    .hover\:text-\[color\:var\(--vel-tinta\)\]:hover {
      color: var(--vel-tinta);
    }

    .hover\:text-\[var\(--bk-texto-claro\)\]:hover {
      color: var(--bk-texto-claro);
    }

    .hover\:text-\[var\(--brand\)\]:hover {
      color: var(--brand);
    }

    .hover\:text-\[var\(--et-texto-claro\)\]:hover {
      color: var(--et-texto-claro);
    }

    .hover\:text-black:hover {
      color: var(--color-black);
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-emerald-800:hover {
      color: var(--color-emerald-800);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:text-indigo-600:hover {
      color: var(--color-indigo-600);
    }

    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }

    .hover\:text-primary:hover {
      color: var(--primary);
    }

    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:text-slate-600:hover {
      color: var(--color-slate-600);
    }

    .hover\:text-slate-800:hover {
      color: var(--color-slate-800);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-60:hover {
      opacity: .6;
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-2:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-white\/70:hover {
      --tw-ring-color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-white\/70:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }

    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:border-indigo-400:focus {
    border-color: var(--color-indigo-400);
  }

  .focus\:border-indigo-500:focus {
    border-color: var(--color-indigo-500);
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.focus\:\*\*\:text-accent-foreground:focus *), :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:invisible:disabled {
    visibility: hidden;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-input\/50:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-input\/50:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius);
  }

  .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .has-data-\[icon\=inline-end\]\:pr-1:has([data-icon="inline-end"]) {
    padding-right: var(--spacing);
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-1:has([data-icon="inline-start"]) {
    padding-left: var(--spacing);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
    grid-template-rows: auto auto;
  }

  .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
    padding-top: 0;
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-inset\:pl-7[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }

  .data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
    animation: none;
  }

  .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position="popper"] {
    height: var(--radix-select-trigger-height);
  }

  .data-\[position\=popper\]\:w-full[data-position="popper"] {
    width: 100%;
  }

  .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position="popper"] {
    min-width: var(--radix-select-trigger-width);
  }

  .data-\[side\=bottom\]\:inset-x-0[data-side="bottom"] {
    inset-inline: 0;
  }

  .data-\[side\=bottom\]\:bottom-0[data-side="bottom"] {
    bottom: 0;
  }

  .data-\[side\=bottom\]\:h-auto[data-side="bottom"] {
    height: auto;
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:border-t[data-side="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=left\]\:inset-y-0[data-side="left"] {
    inset-block: 0;
  }

  .data-\[side\=left\]\:left-0[data-side="left"] {
    left: 0;
  }

  .data-\[side\=left\]\:h-full[data-side="left"] {
    height: 100%;
  }

  .data-\[side\=left\]\:w-3\/4[data-side="left"] {
    width: 75%;
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:border-r[data-side="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=right\]\:inset-y-0[data-side="right"] {
    inset-block: 0;
  }

  .data-\[side\=right\]\:right-0[data-side="right"] {
    right: 0;
  }

  .data-\[side\=right\]\:h-full[data-side="right"] {
    height: 100%;
  }

  .data-\[side\=right\]\:w-3\/4[data-side="right"] {
    width: 75%;
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:border-l[data-side="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=top\]\:inset-x-0[data-side="top"] {
    inset-inline: 0;
  }

  .data-\[side\=top\]\:top-0[data-side="top"] {
    top: 0;
  }

  .data-\[side\=top\]\:h-auto[data-side="top"] {
    height: auto;
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:border-b[data-side="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[size\=default\]\:h-8[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[size\=default\]\:h-\[18\.4px\][data-size="default"] {
    height: 18.4px;
  }

  .data-\[size\=default\]\:w-\[32px\][data-size="default"] {
    width: 32px;
  }

  .data-\[size\=lg\]\:size-10[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=sm\]\:size-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:h-7[data-size="sm"] {
    height: calc(var(--spacing) * 7);
  }

  .data-\[size\=sm\]\:h-\[14px\][data-size="sm"] {
    height: 14px;
  }

  .data-\[size\=sm\]\:w-\[24px\][data-size="sm"] {
    width: 24px;
  }

  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
  }

  .data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size="sm"] {
    --card-spacing: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: calc(var(--radius) * .6);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 1.5);
  }

  .data-\[state\=closed\]\:overflow-hidden[data-state="closed"] {
    overflow: hidden;
  }

  .data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: var(--muted);
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:ml-auto {
      margin-left: auto;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .sm\:w-10 {
      width: calc(var(--spacing) * 10);
    }

    .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }

    .sm\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .sm\:w-52 {
      width: calc(var(--spacing) * 52);
    }

    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[58px_10px_minmax\(0\,1fr\)\] {
      grid-template-columns: 58px 10px minmax(0, 1fr);
    }

    .sm\:grid-cols-\[repeat\(var\(--cols\)\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(var(--cols),minmax(0,1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:items-baseline {
      align-items: baseline;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .sm\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .sm\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .sm\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }

    .sm\:pt-\[110px\] {
      padding-top: 110px;
    }

    .sm\:pl-\[clamp\(20px\,2\.5vw\,40px\)\] {
      padding-left: clamp(20px, 2.5vw, 40px);
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .sm\:text-\[5\.5vw\] {
      font-size: 5.5vw;
    }

    .sm\:text-\[11vw\] {
      font-size: 11vw;
    }

    .sm\:text-\[24vw\] {
      font-size: 24vw;
    }

    .sm\:leading-\[0\.9\] {
      --tw-leading: .9;
      line-height: .9;
    }

    .data-\[side\=left\]\:sm\:max-w-sm[data-side="left"], .data-\[side\=right\]\:sm\:max-w-sm[data-side="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:top-7 {
      top: calc(var(--spacing) * 7);
    }

    .md\:left-8 {
      left: calc(var(--spacing) * 8);
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .md\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .md\:col-start-9 {
      grid-column-start: 9;
    }

    .md\:mt-28 {
      margin-top: calc(var(--spacing) * 28);
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:inline-block {
      display: inline-block;
    }

    .md\:inline-flex {
      display: inline-flex;
    }

    .md\:aspect-\[1\.8\/1\] {
      aspect-ratio: 1.8;
    }

    .md\:aspect-\[2\.5\/1\] {
      aspect-ratio: 2.5;
    }

    .md\:aspect-square {
      aspect-ratio: 1;
    }

    .md\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:w-11 {
      width: calc(var(--spacing) * 11);
    }

    .md\:w-\[64\%\] {
      width: 64%;
    }

    .md\:w-\[70\%\] {
      width: 70%;
    }

    .md\:w-\[160vw\] {
      width: 160vw;
    }

    .md\:w-\[calc\(\(100\%-3rem\)\/3\)\] {
      width: calc(33.3333% - 1rem);
    }

    .md\:w-\[clamp\(220px\,22vw\,300px\)\] {
      width: clamp(220px, 22vw, 300px);
    }

    .md\:max-w-\[300px\] {
      max-width: 300px;
    }

    .md\:min-w-\[120px\] {
      min-width: 120px;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:grid-cols-\[0\.27fr_1fr\] {
      grid-template-columns: .27fr 1fr;
    }

    .md\:grid-cols-\[0\.95fr_2fr\] {
      grid-template-columns: .95fr 2fr;
    }

    .md\:grid-cols-\[1\.08fr_0\.72fr\] {
      grid-template-columns: 1.08fr .72fr;
    }

    .md\:grid-cols-\[1\.25fr_repeat\(3\,0\.42fr\)\] {
      grid-template-columns: 1.25fr repeat(3, .42fr);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_260px\] {
      grid-template-columns: minmax(0, 1fr) 260px;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-1 {
      gap: var(--spacing);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .md\:rounded-\[2rem\] {
      border-radius: 2rem;
    }

    .md\:rounded-b-3xl {
      border-bottom-right-radius: calc(var(--radius) * 2.2);
      border-bottom-left-radius: calc(var(--radius) * 2.2);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-9 {
      padding-inline: calc(var(--spacing) * 9);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:px-\[10\%\] {
      padding-inline: 10%;
    }

    .md\:px-\[12\%\] {
      padding-inline: 12%;
    }

    .md\:px-\[18\%\] {
      padding-inline: 18%;
    }

    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .md\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }

    .md\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }

    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .md\:pb-9 {
      padding-bottom: calc(var(--spacing) * 9);
    }

    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .md\:pl-60 {
      padding-left: calc(var(--spacing) * 60);
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .md\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:text-\[2rem\] {
      font-size: 2rem;
    }

    .md\:text-\[3\.2vw\] {
      font-size: 3.2vw;
    }

    .md\:text-\[3\.25rem\] {
      font-size: 3.25rem;
    }

    .md\:text-\[3vw\] {
      font-size: 3vw;
    }

    .md\:text-\[7rem\] {
      font-size: 7rem;
    }

    .md\:text-\[14px\] {
      font-size: 14px;
    }

    .md\:text-\[18px\] {
      font-size: 18px;
    }

    .md\:text-\[22vw\] {
      font-size: 22vw;
    }

    .md\:text-\[24px\] {
      font-size: 24px;
    }

    .md\:text-\[40px\] {
      font-size: 40px;
    }

    .md\:text-\[length\:var\(--bk-h1\)\] {
      font-size: var(--bk-h1);
    }

    .md\:text-\[min\(var\(--bt-ancho\)\,34vh\)\] {
      font-size: min(var(--bt-ancho), 34vh);
    }

    .md\:leading-\[56px\] {
      --tw-leading: 56px;
      line-height: 56px;
    }

    .md\:leading-none {
      --tw-leading: 1;
      line-height: 1;
    }

    .md\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline {
      display: inline;
    }

    .lg\:aspect-\[21\/9\] {
      aspect-ratio: 21 / 9;
    }

    .lg\:h-\[480px\] {
      height: 480px;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_260px\] {
      grid-template-columns: 1fr 260px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_400px\] {
      grid-template-columns: minmax(0, 1fr) 400px;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .lg\:self-start {
      align-self: flex-start;
    }

    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .lg\:pt-\[calc\(28vh-50px\)\] {
      padding-top: calc(28vh - 50px);
    }

    .lg\:pl-\[25\%\] {
      padding-left: 25%;
    }

    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .lg\:text-\[3vw\] {
      font-size: 3vw;
    }

    .lg\:text-\[5\.25rem\] {
      font-size: 5.25rem;
    }

    .lg\:text-\[8rem\] {
      font-size: 8rem;
    }

    .lg\:text-\[20vw\] {
      font-size: 20vw;
    }

    .lg\:text-\[clamp\(52px\,6\.5vw\,9vw\)\] {
      font-size: max(52px, 6.5vw);
    }

    .lg\:leading-\[0\.88\] {
      --tw-leading: .88;
      line-height: .88;
    }

    .lg\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .xl\:w-auto {
      width: auto;
    }

    .xl\:min-w-0 {
      min-width: 0;
    }

    .xl\:flex-1 {
      flex: 1;
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .xl\:text-\[19vw\] {
      font-size: 19vw;
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:text-amber-400:is(.dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-amber-500:is(.dark *) {
    color: var(--color-amber-500);
  }

  .dark\:text-blue-400:is(.dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-emerald-400:is(.dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-muted-foreground:is(.dark *) {
    color: var(--muted-foreground);
  }

  .dark\:text-red-400:is(.dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-sky-400:is(.dark *) {
    color: var(--color-sky-400);
  }

  .dark\:text-violet-400:is(.dark *) {
    color: var(--color-violet-400);
  }

  .dark\:text-zinc-400:is(.dark *) {
    color: var(--color-zinc-400);
  }

  .dark\:after\:mix-blend-lighten:is(.dark *):after {
    content: var(--tw-content);
    mix-blend-mode: lighten;
  }

  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }

    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }

    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .dark\:hover\:text-foreground:is(.dark *):hover {
      color: var(--foreground);
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
    background-color: var(--accent);
  }

  .data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
    color: var(--accent-foreground);
  }

  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: 0;
  }

  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: .95;
  }

  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-state="open"]), .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-y: calc(.1*100%);
  }

  .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side="left"]:where([data-state="open"]), .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side="left"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-x: calc(.1*-100%);
  }

  .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side="right"]:where([data-state="open"]), .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side="right"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-x: calc(.1*100%);
  }

  .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side="top"]:where([data-state="open"]), .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side="top"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-y: calc(.1*-100%);
  }

  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: 0;
  }

  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: .95;
  }

  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-state="closed"]), .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-y: calc(.1*100%);
  }

  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side="left"]:where([data-state="closed"]), .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side="left"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-x: calc(.1*-100%);
  }

  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side="right"]:where([data-state="closed"]), .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side="right"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-x: calc(.1*100%);
  }

  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side="top"]:where([data-state="closed"]), .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side="top"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-y: calc(.1*-100%);
  }

  .data-checked\:bg-primary:where([data-state="checked"]), .data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }

  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-state="checked"]), .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-checked]:not([data-checked="false"])), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="checked"]), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-checked]:not([data-checked="false"])) {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary-foreground);
  }

  .data-unchecked\:bg-input:where([data-state="unchecked"]), .data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--input);
  }

  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-state="unchecked"]), .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-unchecked]:not([data-unchecked="false"])), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="unchecked"]), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-unchecked]:not([data-unchecked="false"])) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--foreground);
  }

  .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
    pointer-events: none;
  }

  .data-disabled\:cursor-not-allowed:where([data-disabled="true"]), .data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled="false"])) {
    cursor: not-allowed;
  }

  .data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
    opacity: .5;
  }

  .data-active\:bg-background:where([data-state="active"]), .data-active\:bg-background:where([data-active]:not([data-active="false"])) {
    background-color: var(--background);
  }

  .data-active\:text-foreground:where([data-state="active"]), .data-active\:text-foreground:where([data-active]:not([data-active="false"])) {
    color: var(--foreground);
  }

  .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-state="active"]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-active]:not([data-active="false"])) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"]))):after {
    content: var(--tw-content);
    opacity: 1;
  }

  .dark\:data-active\:border-input:is(.dark *):where([data-state="active"]), .dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active="false"])) {
    border-color: var(--input);
  }

  .dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:data-active\:text-foreground:is(.dark *):where([data-state="active"]), .dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active="false"])) {
    color: var(--foreground);
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    border-color: #0000;
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    background-color: #0000;
  }

  .data-horizontal\:h-px:where([data-orientation="horizontal"]) {
    height: 1px;
  }

  .data-horizontal\:w-full:where([data-orientation="horizontal"]) {
    width: 100%;
  }

  .data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
    flex-direction: column;
  }

  .data-vertical\:w-px:where([data-orientation="vertical"]) {
    width: 1px;
  }

  .data-vertical\:self-stretch:where([data-orientation="vertical"]) {
    align-self: stretch;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: 0;
  }

  .\[\.border-b\]\:pb-\(--card-spacing\).border-b {
    padding-bottom: var(--card-spacing);
  }

  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }

  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .\[a\]\:hover\:bg-muted:is(a):hover {
      background-color: var(--muted);
    }

    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
      color: var(--muted-foreground);
    }

    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--foreground);
    }
  }

  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }

  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>figure\]\:order-first > figure {
      order: -9999;
    }
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3\! > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

.noise-overlay {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}

.bg-noise {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 240px 240px;
}

@keyframes prismaPull {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes prismaFade {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes prismaCard {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes prismaChar {
  to {
    opacity: 1;
  }
}

.anim-word {
  animation: .6s cubic-bezier(.16, 1, .3, 1) both prismaPull;
  display: inline-block;
}

.anim-fade {
  animation: .8s cubic-bezier(.16, 1, .3, 1) both prismaFade;
}

.anim-card {
  animation: .7s cubic-bezier(.22, 1, .36, 1) both prismaCard;
}

.reveal-char {
  opacity: 1;
}

@supports (animation-timeline: view()) {
  .reveal-char {
    opacity: .25;
    animation: linear forwards prismaChar;
    animation-timeline: view();
    animation-range: entry calc(15% + var(--cp, 0) * 1%) entry calc(48% + var(--cp, 0) * 1%);
  }

  .anim-scroll {
    animation-timeline: view();
    animation-range: entry calc(0% + var(--wi, 0) * 1%) cover calc(35% + var(--wi, 0) * 1%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .anim-word, .anim-fade, .anim-card {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .reveal-char {
    opacity: 1;
    animation: none;
  }
}

.velar-root {
  background: #f5f0ea;
  font-family: Inter, system-ui, sans-serif;
  position: relative;
  overflow-x: clip;
}

.velar-syne {
  font-family: Syne, system-ui, sans-serif;
}

.velar-preloader {
  z-index: 60;
  background: #213138;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  animation: 1.5s cubic-bezier(.45, 0, .15, 1) 2.14s forwards velarLift;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.velar-type {
  white-space: nowrap;
  color: #fff;
  letter-spacing: -.02em;
  border-right: 3px solid #fff;
  width: 0;
  font-size: 2.6rem;
  font-weight: 700;
  animation: .84s steps(6, end) .6s forwards velarType, .7s step-end 7 velarBlink;
  display: inline-block;
  overflow: hidden;
}

@keyframes velarType {
  to {
    width: 4.2em;
  }
}

@keyframes velarBlink {
  0%, 100% {
    border-color: #fff;
  }

  50% {
    border-color: #0000;
  }
}

@keyframes velarLift {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

.velar-hero-in {
  opacity: 0;
  animation: .7s cubic-bezier(.22, 1, .36, 1) 3.44s forwards velarHeroIn;
  transform: translateY(-28px);
}

@keyframes velarHeroIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.velar-rise {
  animation: 1.5s cubic-bezier(.45, 0, .15, 1) 2.14s forwards velarRise;
  transform: translateY(60%);
}

@keyframes velarRise {
  to {
    transform: translateY(0);
  }
}

@supports (animation-timeline: view()) {
  .velar-house-scroll {
    animation: linear both velarHouseScale;
    animation-timeline: view();
    animation-range: cover cover 80%;
  }

  @keyframes velarHouseScale {
    to {
      transform: scale(1.25)translateY(-8%);
    }
  }
}

.velar-ticker {
  white-space: nowrap;
  animation: 40s linear infinite velarTicker;
  display: inline-flex;
}

@keyframes velarTicker {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.velar-gallery-row {
  gap: 6px;
  display: flex;
}

.velar-gallery-item {
  flex: 1;
  transition: flex .5s cubic-bezier(.4, 0, .2, 1);
}

.velar-gallery-row:hover .velar-gallery-item {
  flex: .6;
}

.velar-gallery-row .velar-gallery-item:hover {
  flex: 4;
}

@media (max-width: 1023px) {
  .velar-gallery-row {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    display: grid !important;
  }

  .velar-gallery-item {
    aspect-ratio: 4 / 5;
  }

  .velar-gallery-row:hover .velar-gallery-item, .velar-gallery-row .velar-gallery-item:hover {
    flex: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .velar-preloader {
    display: none;
  }

  .velar-hero-in {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .velar-rise {
    animation: none;
    transform: none;
  }

  .velar-ticker {
    animation: none;
  }
}

.velar-root :is(h1, h2, h3) {
  overflow-wrap: break-word;
}

.velar-root .grid > * {
  min-width: 0;
}

.qelora-root :is(h1, h2, h3) {
  overflow-wrap: break-word;
}

.qelora-root .grid > * {
  min-width: 0;
}

.anim-word {
  overflow-wrap: anywhere;
}

.qelora-root {
  font-family: var(--qe-texto, "Zimula Trial Med", system-ui, sans-serif);
  background: #0e0c0a;
  position: relative;
  overflow-x: clip;
}

.qelora-bd {
  font-family: var(--qe-display, "Zimula Trial Bd", "Zimula Trial Med", system-ui, sans-serif);
}

.qelora-root :is(h1, h2, h3) {
  font-family: var(--qe-display, inherit);
}

.qelora-parallax {
  transform: translate(-50%);
  -webkit-mask-image: linear-gradient(#0000 0, #000 26%);
  mask-image: linear-gradient(#0000 0, #000 26%);
}

@supports (animation-timeline: scroll()) {
  .qelora-parallax {
    animation: linear both qeloraUp;
    animation-timeline: scroll(root);
    animation-range: 0 90vh;
  }

  @keyframes qeloraUp {
    to {
      transform: translate(-50%, -22%);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .qelora-parallax {
    animation: none;
    transform: translate(-50%);
  }

  .qelora-hscrub {
    animation: none !important;
  }
}

html.sin-scroll-anim .qelora-hscrub {
  animation: none !important;
}

@supports (animation-timeline: view()) {
  .qelora-hero-scrub .qelora-brick {
    animation: linear both qeloraBrick;
    animation-timeline: --hscrub;
    animation-range: contain calc(var(--td, 0) * 1%) contain calc((var(--td, 0) + 9) * 1%);
  }

  @keyframes qeloraBrick {
    from {
      opacity: 0;
      transform: scale(.3);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .qelora-brick {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }
}

html.sin-scroll-anim .qelora-brick {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}

.qelora-gal {
  scroll-snap-align: start;
  height: 100vh;
  position: relative;
  overflow: clip;
}

.qelora-gal-img {
  object-fit: cover;
  width: 100%;
  height: 130%;
  position: absolute;
  top: -15%;
  left: 0;
}

.qelora-gal-rotulo {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  display: flex;
  position: absolute;
  inset: 0;
}

@supports (animation-timeline: view()) {
  .qelora-gal-img {
    animation: linear both qeloraGalPar;
    animation-timeline: view();
  }

  @keyframes qeloraGalPar {
    from {
      transform: translateY(-7%);
    }

    to {
      transform: translateY(7%);
    }
  }

  .qelora-gal-rotulo {
    animation: linear both qeloraGalZoom;
    animation-timeline: view();
  }

  @keyframes qeloraGalZoom {
    from {
      opacity: .7;
      transform: scale(1.3);
    }

    to {
      opacity: 1;
      transform: scale(.75);
    }
  }
}

html:has(.qelora-gal) {
  scroll-snap-type: y proximity;
}

@media (prefers-reduced-motion: reduce) {
  .qelora-gal-img, .qelora-gal-rotulo {
    animation: none;
    transform: none;
  }
}

.stkg-bloque {
  view-timeline: --stkg block;
  height: 340vh;
  position: relative;
}

.stkg-lienzo {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.stkg-contenido {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  display: flex;
  position: absolute;
  inset: 0;
}

.stkg-rejilla {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(14px, 2.2vw, 30px);
  width: min(700px, 56vw);
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.stkg-item {
  aspect-ratio: 1;
}

.stkg-cel {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.stkg-cel img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

@supports (animation-timeline: view()) {
  .stkg-lienzo {
    animation: linear both stkgCortina;
    animation-timeline: --stkg;
    animation-range: cover contain 0%;
  }

  @keyframes stkgCortina {
    from {
      transform: translateY(-22%);
    }

    to {
      transform: none;
    }
  }

  .stkg-item {
    animation: linear both stkgDesdeArriba;
    animation-timeline: --stkg;
    animation-range: contain calc(4% + var(--d, 0) * 1%) contain calc(34% + var(--d, 0) * 1%);
  }

  .stkg-item:nth-child(3n+2) {
    animation-name: stkgDesdeAbajo;
  }

  @keyframes stkgDesdeArriba {
    from {
      transform: translateY(-130vh);
    }

    to {
      transform: none;
    }
  }

  @keyframes stkgDesdeAbajo {
    from {
      transform: translateY(130vh);
    }

    to {
      transform: none;
    }
  }

  .stkg-rejilla {
    animation: linear both stkgZoom;
    animation-timeline: --stkg;
  }

  @keyframes stkgZoom {
    0%, 42% {
      transform: translate(-50%, -50%)scale(1);
    }

    72%, 100% {
      transform: translate(-50%, -50%)scale(2.05);
    }
  }

  .stkg-cel {
    animation: linear none both;
    animation-timeline: --stkg;
  }

  .stkg-item:nth-child(3n+1) .stkg-cel {
    animation-name: stkgAbreIzq;
  }

  .stkg-item:nth-child(3n) .stkg-cel {
    animation-name: stkgAbreDer;
  }

  .stkg-item.stkg-sube .stkg-cel {
    animation-name: stkgSube;
  }

  .stkg-item.stkg-baja .stkg-cel {
    animation-name: stkgBaja;
  }

  @keyframes stkgAbreIzq {
    0%, 42% {
      transform: none;
    }

    72%, 100% {
      transform: translateX(-42%);
    }
  }

  @keyframes stkgAbreDer {
    0%, 42% {
      transform: none;
    }

    72%, 100% {
      transform: translateX(42%);
    }
  }

  @keyframes stkgSube {
    0%, 47% {
      transform: none;
    }

    72%, 100% {
      transform: translateY(-44%);
    }
  }

  @keyframes stkgBaja {
    0%, 47% {
      transform: none;
    }

    72%, 100% {
      transform: translateY(44%);
    }
  }

  .stkg-titulo {
    animation: linear both stkgTitulo;
    animation-timeline: --stkg;
  }

  @keyframes stkgTitulo {
    0%, 18% {
      opacity: 0;
      transform: translateY(2.2em);
    }

    34% {
      opacity: 1;
      transform: translateY(2.2em);
    }

    74% {
      opacity: 1;
      transform: translateY(2.2em);
    }

    92%, 100% {
      opacity: 1;
      transform: none;
    }
  }

  .stkg-desc, .stkg-boton {
    animation: linear both stkgAparece;
    animation-timeline: --stkg;
  }

  @keyframes stkgAparece {
    0%, 80% {
      opacity: 0;
    }

    94%, 100% {
      opacity: 1;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .stkg-item, .stkg-cel, .stkg-rejilla, .stkg-titulo, .stkg-desc, .stkg-boton, .stkg-lienzo {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }

  .stkg-rejilla {
    transform: translate(-50%, -50%) !important;
  }
}

html.sin-scroll-anim :is(.stkg-item, .stkg-cel, .stkg-titulo, .stkg-desc, .stkg-boton, .stkg-lienzo) {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}

.mtx-bloque {
  view-timeline: --mtx block;
  height: 300vh;
  position: relative;
}

.mtx-lienzo {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: clip;
}

.mtx-capa {
  position: absolute;
  inset: 0;
}

.mtx-capa > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.mtx-rejilla {
  display: grid;
  position: absolute;
  inset: 0;
}

.mtx-celda, .mtx-persiana {
  background-repeat: no-repeat;
}

.mtx-texto {
  text-align: center;
  pointer-events: none;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.mtx-texto:last-of-type {
  opacity: 1;
}

.mtx-progreso {
  gap: 8px;
  width: min(320px, 60%);
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}

.mtx-segmento {
  background: #ffffff40;
  flex: 1;
  height: 2px;
  overflow: hidden;
}

.mtx-relleno {
  transform-origin: 0;
  background: #fff;
  width: 100%;
  height: 100%;
}

@supports (animation-timeline: view()) {
  .mtx-celda {
    animation: linear both mtxCelda;
    animation-timeline: --mtx;
    animation-range: contain calc(var(--desde, 0) * 1%) contain calc(var(--hasta, 100) * 1%);
  }

  @keyframes mtxCelda {
    from {
      transform: scale(0);
    }

    to {
      transform: scale(1.01);
    }
  }

  .mtx-persiana {
    animation: linear both mtxPersiana;
    animation-timeline: --mtx;
    animation-range: contain calc(var(--desde, 0) * 1%) contain calc(var(--hasta, 100) * 1%);
  }

  @keyframes mtxPersiana {
    from {
      transform: scaleY(0);
    }

    to {
      transform: scaleY(1.02);
    }
  }

  .mtx-persiana-v {
    animation-name: mtxPersianaV;
  }

  @keyframes mtxPersianaV {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1.02);
    }
  }

  .mtx-texto {
    opacity: 1;
    animation: linear both mtxTexto;
    animation-timeline: --mtx;
    animation-range: contain calc(var(--desde, 0) * 1%) contain calc(var(--hasta, 100) * 1%);
  }

  @keyframes mtxTexto {
    0% {
      clip-path: inset(0 0 100%);
      transform: translateY(30px);
    }

    15% {
      clip-path: inset(0 0 0%);
      transform: none;
    }

    85% {
      clip-path: inset(0 0 0%);
      transform: none;
    }

    100% {
      clip-path: inset(100% 0 0);
      transform: translateY(-30px);
    }
  }

  .mtx-texto:last-of-type {
    animation-name: mtxTextoFinal;
  }

  @keyframes mtxTextoFinal {
    0% {
      clip-path: inset(0 0 100%);
      transform: translateY(30px);
    }

    15%, 100% {
      clip-path: inset(0 0 0%);
      transform: none;
    }
  }

  .mtx-relleno {
    animation: linear both mtxRelleno;
    animation-timeline: --mtx;
    animation-range: contain calc(var(--desde, 0) * 1%) contain calc(var(--hasta, 100) * 1%);
  }

  @keyframes mtxRelleno {
    from {
      transform: scaleX(0);
    }

    to {
      transform: none;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .mtx-celda, .mtx-persiana, .mtx-texto, .mtx-relleno {
    clip-path: none !important;
    animation: none !important;
    transform: none !important;
  }

  .mtx-texto {
    opacity: 0 !important;
  }

  .mtx-texto:last-of-type {
    opacity: 1 !important;
  }
}

html.sin-scroll-anim :is(.mtx-celda, .mtx-persiana, .mtx-relleno) {
  animation: none !important;
  transform: none !important;
}

html.sin-scroll-anim .mtx-texto {
  opacity: 0 !important;
  animation: none !important;
}

html.sin-scroll-anim .mtx-texto:last-of-type {
  opacity: 1 !important;
}

.et-root {
  color: #0a0a0a;
  font-family: var(--et-texto, "Geist"), "Inter", system-ui, sans-serif;
  background: #fff;
  position: relative;
  overflow-x: clip;
}

.et-root :is(h1, h2, h3), .et-root .obj-titular, .et-root .et-display {
  font-family: var(--et-display, var(--et-texto, "Geist")), "Geist", system-ui, sans-serif;
}

.et-root :is(h1, h2, h3) {
  overflow-wrap: break-word;
}

.et-root .grid > * {
  min-width: 0;
}

.et-root {
  --et-nav-aire: 19px;
  --et-nav-h: calc(var(--logo-alto, 52px) + var(--et-nav-aire) * 2);
}

@media (max-width: 767px) {
  .et-root {
    --et-nav-aire: 14px;
    --et-nav-h: calc(var(--logo-alto, 52px) * .82 + var(--et-nav-aire) * 2);
  }
}

.et-nav {
  z-index: 200;
  height: var(--et-nav-h);
  background: var(--et-nav-fondo, #7191d0f5);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--et-nav-borde, #ffffff2e);
  position: sticky;
  top: 0;
  box-shadow: 0 12px 32px #0000004d;
}

.et-nav:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg, var(--et-nav-halo, #00000042), transparent);
  height: 52px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.et-nav > nav {
  height: 100%;
  padding-top: var(--et-nav-aire);
  padding-bottom: var(--et-nav-aire);
}

.et-hero-bajo-nav {
  margin-top: calc(var(--et-nav-h) * -1);
}

@supports (animation-timeline: scroll()) {
  .et-nav {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    box-shadow: none;
    background: none;
    border-bottom-color: #0000;
    animation: linear both et-nav-fondo;
    animation-timeline: scroll(root);
    animation-range: 0 120px;
  }

  @keyframes et-nav-fondo {
    to {
      background: var(--et-nav-fondo, #7191d0f5);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      border-bottom-color: var(--et-nav-borde, #ffffff2e);
      box-shadow: 0 12px 32px #0000004d;
    }
  }

  .et-nav:after {
    opacity: 0;
    animation: linear both et-nav-velo;
    animation-timeline: scroll(root);
    animation-range: 0 120px;
  }

  @keyframes et-nav-velo {
    to {
      opacity: 1;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .et-nav {
    background: var(--et-nav-fondo, #7191d0f5);
    animation: none;
  }

  .et-nav:after {
    opacity: 1;
    animation: none;
  }
}

.et-stars {
  background-image: radial-gradient(circle, #ffffffc7 0 1px, #0000 1.8px), radial-gradient(circle, #ffffff94 0 1px, #0000 1.6px), radial-gradient(circle, #ffffffad 0 1px, #0000 1.7px);
  background-position: 10% 24%, 38% 16%, 76% 32%;
  background-size: 180px 94px, 260px 120px, 340px 150px;
  animation: 4.8s ease-in-out infinite alternate et-twinkle;
}

@keyframes et-twinkle {
  0% {
    opacity: .18;
    filter: brightness(.92);
  }

  50% {
    opacity: .58;
    filter: brightness(1.12);
  }

  100% {
    opacity: .34;
    filter: brightness();
  }
}

.obj-escena {
  --obj-recorrido: 170vh;
  height: 100vh;
  position: relative;
}

.obj-pin {
  height: 100vh;
  position: relative;
  overflow: clip;
}

.obj-orbita, .et-engine {
  transform-origin: 50% 62%;
  will-change: transform;
  transform: translate(-50%);
}

.obj-recorrido {
  display: none;
}

.obj-video {
  z-index: 3;
  object-fit: contain;
  pointer-events: none;
  width: auto;
  height: 78vh;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.obj-escena[data-obj="on"] .obj-video {
  transform: translate(-50%, calc(14% - 27% * var(--obj-p, 0))) scale(calc(1.06 - .14 * var(--obj-p, 0)));
}

.obj-escena[data-obj-z="delante"] .obj-video {
  z-index: 11;
}

.obj-escena[data-obj-z="detras"] .obj-video {
  z-index: 1;
}

@supports (animation-timeline: scroll()) {
  .obj-escena {
    height: calc(100vh + var(--obj-recorrido, 170vh));
  }

  .obj-pin {
    position: sticky;
    top: 0;
  }

  .obj-orbita, .et-engine {
    animation: linear both obj-orbita;
    animation-timeline: scroll(root);
    animation-range: 0 var(--obj-recorrido, 170vh);
  }

  @keyframes obj-orbita {
    0% {
      transform: translate(-50%, 14%)scale(1.06);
    }

    100% {
      transform: translate(-50%, -13%)scale(.92);
    }
  }

  .obj-recorrido {
    z-index: 12;
    background: var(--et-texto-claro, #fff);
    border-radius: 999px;
    width: min(320px, 34vw);
    height: 2px;
    display: block;
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .obj-recorrido {
      background: color-mix(in srgb, var(--et-texto-claro, #fff) 20%, transparent);
    }
  }

  .obj-recorrido {
    overflow: clip;
  }

  .obj-recorrido i {
    transform-origin: 0;
    border-radius: inherit;
    background: var(--et-texto-claro, #fff);
    width: 100%;
    height: 100%;
    animation: linear both obj-recorrido;
    animation-timeline: scroll(root);
    animation-range: 0 var(--obj-recorrido, 170vh);
    display: block;
  }

  @keyframes obj-recorrido {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }

  .obj-escena[data-obj="on"] .obj-recorrido i {
    transform: scaleX(var(--obj-p, 0));
    animation: none;
  }
}

.et-puntos {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .et-puntos {
    grid-template-columns: repeat(min(var(--cols, 3), 2), minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .et-puntos {
    grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));
  }
}

.et-marquee-left {
  animation: 24s linear infinite et-mq-left;
}

.et-marquee-right {
  animation: 28s linear infinite et-mq-right;
}

@keyframes et-mq-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes et-mq-right {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

.et-bar {
  transform-origin: 0;
  animation: .9s cubic-bezier(.22, 1, .36, 1) forwards et-fill;
  animation-delay: var(--d, 0s);
  transform: scaleX(0);
}

@keyframes et-fill {
  to {
    transform: scaleX(1);
  }
}

.et-footer-dots {
  background-image: radial-gradient(circle, #ffffff8c 1.5px, #0000 2px), radial-gradient(circle, #ffffff59 1px, #0000 1.5px), radial-gradient(circle, #ffffff73 1.2px, #0000 1.8px);
  background-position: 0 8px, 24px 22px, 48px 14px;
  background-size: 72px 38px, 110px 44px, 160px 52px;
  animation: 18s linear infinite et-dots;
  transform: translateY(-50%);
}

@keyframes et-dots {
  from {
    transform: translate3d(0, -50%, 0);
  }

  to {
    transform: translate3d(-50%, -50%, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .et-stars, .et-marquee-left, .et-marquee-right, .et-footer-dots {
    animation: none;
  }

  .et-bar {
    animation: none;
    transform: none;
  }

  .obj-orbita, .et-engine, .obj-titular, .obj-recorrido i {
    animation: none;
  }

  .obj-orbita, .et-engine {
    transform: translate(-50%);
  }

  .obj-titular {
    opacity: 1;
    translate: -50%;
  }

  .obj-escena {
    height: 100vh;
  }

  .obj-pin {
    position: relative;
  }
}

.bk-root {
  color: #fff;
  background: #171717;
  font-family: Open Sans, system-ui, sans-serif;
  position: relative;
  overflow-x: clip;
}

.bk-root :is(h1, h2, h3) {
  overflow-wrap: break-word;
}

.bk-root .grid > * {
  min-width: 0;
}

.bk-accent {
  font-family: Instrument Serif, Georgia, serif;
}

.bk-root {
  --bk-nav-h: 68px;
}

@media (min-width: 768px) {
  .bk-root {
    --bk-nav-h: 80px;
  }
}

.bk-nav {
  z-index: 50;
  height: var(--bk-nav-h);
  background: var(--bk-nav-fondo, #000000b8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--bk-nav-borde, #ffffff1f);
  position: sticky;
  top: 0;
}

.bk-hero-bajo-nav {
  margin-top: calc(var(--bk-nav-h) * -1);
}

@supports (animation-timeline: scroll()) {
  .bk-nav {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background: none;
    border-bottom-color: #0000;
    animation: linear both bk-nav-fondo;
    animation-timeline: scroll(root);
    animation-range: 0 120px;
  }

  @keyframes bk-nav-fondo {
    to {
      background: var(--bk-nav-fondo, #000000b8);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      border-bottom-color: var(--bk-nav-borde, #ffffff1f);
    }
  }
}

.bk-manrope {
  font-family: Manrope, system-ui, sans-serif;
}

.bk-luxurious {
  font-family: Luxurious Script, cursive;
}

.bk-reveal-word {
  opacity: 1;
  display: inline-block;
}

@supports (animation-timeline: view()) {
  .bk-reveal-word {
    opacity: .12;
    filter: blur(4px);
    animation: linear forwards bk-reveal;
    animation-timeline: view();
    animation-range: entry 15% cover 45%;
  }

  @keyframes bk-reveal {
    to {
      opacity: 1;
      filter: blur();
    }
  }
}

.bk-marquee {
  white-space: nowrap;
  animation: 38s linear infinite bk-marquee;
  display: inline-flex;
}

@keyframes bk-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bk-marquee {
    animation: none;
  }

  .bk-reveal-word {
    opacity: 1;
    filter: none;
    animation: none;
  }
}

.veldara-root {
  color: #fff;
  background: #010101;
  font-family: Inter, system-ui, sans-serif;
  position: relative;
  overflow-x: clip;
}

.veldara-root :is(h1, h2, h3) {
  overflow-wrap: break-word;
}

.veldara-root .grid > * {
  min-width: 0;
}

.veldara-root {
  --vel-nav-h: 69px;
}

@media (min-width: 768px) {
  .veldara-root {
    --vel-nav-h: 77px;
  }
}

.veldara-nav {
  z-index: 50;
  height: var(--vel-nav-h);
  background: var(--vel-nav-fondo, #010101b8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--vel-nav-borde, #ffffff1f);
  position: sticky;
  top: 0;
}

.veldara-hero-bajo-nav {
  margin-top: calc(var(--vel-nav-h) * -1);
  padding-top: var(--vel-nav-h);
}

@supports (animation-timeline: scroll()) {
  .veldara-nav {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background: none;
    border-bottom-color: #0000;
    animation: linear both veldara-nav-fondo;
    animation-timeline: scroll(root);
    animation-range: 0 120px;
  }

  @keyframes veldara-nav-fondo {
    to {
      background: var(--vel-nav-fondo, #010101b8);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      border-bottom-color: var(--vel-nav-borde, #ffffff1f);
    }
  }
}

.veldara-stars {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.veldara-stars:before, .veldara-stars:after {
  content: "";
  opacity: .5;
  background-image: radial-gradient(1.5px 1.5px at 20px 30px, #ffffffb3, #0000), radial-gradient(1px 1px at 120px 80px, #ffffff8c, #0000), radial-gradient(1.5px 1.5px at 60px 160px, #ffffff80, #0000), radial-gradient(1px 1px at 180px 140px, #fff9, #0000), radial-gradient(1px 1px at 90px 220px, #ffffff73, #0000);
  background-repeat: repeat;
  background-size: 240px 240px;
  width: 200%;
  height: 200%;
  animation: 60s linear infinite veldaraDrift;
  position: absolute;
  top: -50%;
  left: -50%;
}

.veldara-stars:after {
  opacity: .3;
  background-size: 360px 360px;
  animation-duration: 100s;
  animation-direction: reverse;
}

@keyframes veldaraDrift {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-240px);
  }
}

.veldara-in {
  opacity: 0;
  filter: blur(8px);
  animation: 1s ease-out forwards veldaraReveal;
  transform: translateY(28px);
}

@keyframes veldaraReveal {
  to {
    opacity: 1;
    filter: blur();
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .veldara-stars:before, .veldara-stars:after {
    animation: none;
  }

  .veldara-in {
    opacity: 1;
    filter: none;
    animation: none;
    transform: none;
  }
}

.cog-root {
  background: var(--cog-surface, #c5c5c5);
  color: #1a1a1a;
  font-family: Helvetica Now Var, Helvetica Neue, Helvetica, Arial, sans-serif;
  position: relative;
  overflow-x: clip;
}

.cog-logo {
  width: auto;
  height: 34px;
  display: block;
}

.cog-root :is(h1, h2, h3) {
  overflow-wrap: break-word;
}

.cog-in {
  opacity: 0;
  animation: .7s cubic-bezier(.22, 1, .36, 1) forwards cogIn;
  transform: translateY(24px);
}

@keyframes cogIn {
  to {
    opacity: 1;
    transform: none;
  }
}

.cog-nav {
  z-index: 50;
  background: var(--cog-surface, #c5c5c5);
  border-bottom: 1px solid #0000002e;
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px;
  display: flex;
  position: sticky;
  top: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .cog-nav {
    background: color-mix(in srgb, var(--cog-surface, #c5c5c5) 78%, transparent);
  }
}

.cog-nav {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.cog-brand {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #1a1a1a;
  font-size: 13px;
  font-weight: 700;
}

.cog-navlinks {
  align-items: center;
  gap: 48px;
  display: flex;
}

.cog-navlink {
  letter-spacing: .06em;
  color: #1a1a1a;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .2s;
}

.cog-navlink:hover {
  opacity: .6;
}

.cog-top {
  position: relative;
}

.cog-bgvideo {
  object-fit: cover;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cog-hero {
  z-index: 1;
  height: 100vh;
  position: relative;
}

.cog-hero-panel {
  background: var(--cog-surface, #c5c5c5);
  flex-direction: column;
  height: 48%;
  padding-top: 70px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.cog-hero-panel-inner {
  flex: 1;
  align-items: flex-end;
  padding: 0 32px 24px;
  display: flex;
}

.cog-hero-row {
  align-items: stretch;
  gap: 48px;
  width: 100%;
  display: flex;
}

.cog-hero-left {
  flex-direction: column;
  justify-content: space-between;
  gap: 80px;
  width: 32%;
  display: flex;
}

.cog-hero-right {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  gap: 80px;
  display: flex;
}

.cog-h1 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: #1a1a1a;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.05;
}

.cog-counter {
  letter-spacing: .08em;
  color: #666;
  font-size: 11px;
}

.cog-lead {
  color: #5a5a5a;
  max-width: 340px;
  font-size: 18px;
  line-height: 1.6;
}

.cog-btns {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.cog-btn {
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 9999px;
  padding: 12px 36px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.cog-btn-primary {
  background: var(--brand);
  color: #fff;
  border: 1px solid var(--brand);
}

.cog-btn-secondary {
  color: #1a1a1a;
  background: none;
  border: 1px solid #1a1a1a;
}

.cog-btn-secondary:hover {
  color: #fff;
  background: #1a1a1a;
}

.cog-hero-bottom {
  color: #ffffffe6;
  max-width: 260px;
  font-size: 14px;
  line-height: 1.65;
  position: absolute;
  top: 74%;
  left: 32px;
  transform: translateY(-50%);
}

.cog-scroll {
  z-index: 5;
  border: 1.5px solid #000000bf;
  border-radius: 11px;
  justify-content: center;
  width: 22px;
  height: 36px;
  padding-top: 6px;
  animation: 2s ease-in-out infinite cogBounce;
  display: flex;
  position: absolute;
  bottom: 32px;
  left: 50%;
}

.cog-scroll-dot {
  background: #000000d9;
  border-radius: 2px;
  width: 3px;
  height: 8px;
}

@keyframes cogBounce {
  0%, 100% {
    transform: translateX(-50%)translateY(0);
  }

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

.cog-statement {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  padding: 70px 32px 32px;
  display: flex;
  position: relative;
}

.cog-statement-inner {
  flex-direction: column;
  align-items: flex-start;
  max-width: 720px;
  padding: 80px 0;
  display: flex;
}

.cog-h2-light {
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: #fff;
  flex-wrap: wrap;
  gap: .25em;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.08;
  display: flex;
}

.cog-state-p {
  color: #ffffffd9;
  max-width: 260px;
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.65;
}

.cog-services {
  z-index: 2;
  background: var(--cog-surface, #c5c5c5);
  flex-direction: column;
  padding: 70px 32px 80px;
  display: flex;
  position: relative;
}

.cog-services-head {
  align-items: flex-start;
  gap: 48px;
  margin-top: 20px;
  margin-bottom: 32px;
  display: flex;
}

.cog-services-head-left {
  width: 32%;
}

.cog-services-head-right {
  flex: 1;
  padding-top: 8px;
}

.cog-h2-dark {
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: #1a1a1a;
  flex-wrap: wrap;
  gap: .25em;
  max-width: 320px;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.05;
  display: flex;
}

.cog-services-p {
  color: #3a3a3a;
  max-width: 320px;
  font-size: 14px;
  line-height: 1.65;
}

.cog-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  display: grid;
}

.cog-card {
  background: none;
  border: 1px solid #0000002e;
  border-radius: 20px;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
  overflow: hidden;
}

.cog-card-media {
  aspect-ratio: 4 / 3;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cog-card-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cog-card-text {
  padding: 24px 28px 28px;
}

.cog-card-title {
  color: #1a1a1a;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
}

.cog-card-desc {
  color: #3a3a3a;
  font-size: 13px;
  line-height: 1.6;
}

.cog-contact {
  z-index: 2;
  background: var(--cog-dark, #1a1a1a);
  color: #fff;
  text-align: center;
  padding: 120px 32px;
  position: relative;
}

.cog-contact-eyebrow {
  letter-spacing: .08em;
  color: #888;
  font-size: 11px;
}

.cog-contact-title {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 16px;
  font-size: clamp(26px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.05;
}

.cog-contact-sub {
  color: #ffffffb3;
  max-width: 480px;
  margin: 18px auto 0;
  font-size: 15px;
  line-height: 1.6;
}

.cog-contact-actions {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: 36px;
  display: flex;
}

.cog-btn-light {
  color: #1a1a1a;
  background: #fff;
  border: 1px solid #fff;
}

.cog-contact-email {
  color: #ffffffd9;
  font-size: 13px;
  text-decoration: none;
}

.cog-contact-email:hover {
  text-decoration: underline;
}

.cog-footer {
  z-index: 2;
  background: var(--cog-dark, #1a1a1a);
  color: #fff;
  border-top: 1px solid #ffffff1f;
  flex-direction: column;
  gap: 36px;
  padding: 56px 32px 28px;
  display: flex;
  position: relative;
}

.cog-footer-brand {
  color: #fff;
}

.cog-footer-tag {
  color: #ffffff80;
  max-width: 420px;
  font-size: 13px;
}

.cog-footer-copy {
  color: #fff6;
  font-size: 11px;
}

.cog-footer-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px 48px;
  display: flex;
}

.cog-footer-col {
  flex-direction: column;
  gap: 12px;
  min-width: 180px;
  display: flex;
}

.cog-footer-links {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.cog-footer-link {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff9;
  font-size: 11px;
  text-decoration: none;
  transition: color .2s;
}

.cog-footer-link:hover {
  color: #fff;
}

.cog-footer-data {
  color: #fff9;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
  transition: color .2s;
}

a.cog-footer-data:hover {
  color: #fff;
}

.cog-footer-bottom {
  border-top: 1px solid #ffffff1f;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 20px;
  display: flex;
}

@media (max-width: 768px) {
  .cog-footer {
    gap: 28px;
    padding: 44px 18px 24px;
  }
}

.cog-reviews {
  z-index: 2;
  background: var(--cog-surface, #c5c5c5);
  border-top: 1px solid #0000001f;
  padding: 80px 32px;
  position: relative;
}

.cog-reviews-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto 36px;
  display: flex;
}

.cog-reviews-title {
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: #1a1a1a;
  font-size: clamp(22px, 3vw, 38px);
  font-weight: 700;
}

.cog-reviews-rating {
  letter-spacing: .04em;
  color: #3a3a3a;
  font-size: 13px;
}

.cog-reviews-rating b {
  color: var(--brand);
  font-size: 16px;
}

.cog-reviews-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
}

.cog-review {
  background: #ffffff73;
  border: 1px solid #00000026;
  border-radius: 20px;
  flex-direction: column;
  gap: 14px;
  padding: 26px 28px;
  display: flex;
}

.cog-review-stars {
  color: var(--brand);
  letter-spacing: 2px;
  font-size: 14px;
}

.cog-review-text {
  color: #1a1a1a;
  font-size: 15px;
  line-height: 1.6;
}

.cog-review-author {
  letter-spacing: .04em;
  color: #6a6a6a;
  margin-top: auto;
  font-size: 12px;
}

@media (max-width: 768px) {
  .cog-reviews {
    padding: 60px 18px;
  }

  .cog-reviews-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 900px) {
  .cog-nav {
    padding: 16px 18px;
  }

  .cog-navlinks {
    gap: 18px;
  }

  .cog-navlinks-sec {
    display: none;
  }

  .cog-hero-row {
    flex-direction: column;
    gap: 24px;
  }

  .cog-hero-left, .cog-hero-right {
    gap: 24px;
    width: 100%;
  }

  .cog-hero-panel {
    height: 56%;
  }

  .cog-statement {
    padding: 90px 18px 32px;
  }

  .cog-services {
    padding: 90px 18px 60px;
  }

  .cog-services-head {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
  }

  .cog-services-head-left, .cog-services-head-right {
    width: 100%;
  }

  .cog-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .cog-hero-bottom {
    max-width: none;
    inset: auto 18px 80px;
    transform: none;
  }

  .cog-btn {
    padding: 11px 22px;
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  .cog-navlinks {
    gap: 14px;
  }

  .cog-brand {
    font-size: 12px;
  }

  .cog-hero-panel {
    height: 56%;
    padding-top: 64px;
  }

  .cog-btns {
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cog-in {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .cog-scroll {
    animation: none;
  }
}

.zen-root {
  font-family: Lato, system-ui, sans-serif;
  position: relative;
}

.zen-in {
  opacity: 0;
  animation: .85s cubic-bezier(.22, 1, .36, 1) forwards zenIn;
  transform: translateY(24px);
}

@keyframes zenIn {
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zen-in {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

.velora-app {
  background: var(--velora-oscuro, #000);
  font-family: Geist, system-ui, sans-serif;
  position: relative;
}

.velora-haboro {
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
}

.velora-stage {
  height: 500vh;
  position: relative;
}

.velora-sticky {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.velora-splash {
  z-index: 9999;
  background: var(--velora-oscuro, #000);
  justify-content: center;
  align-items: center;
  transition: opacity .7s;
  display: flex;
  position: fixed;
  inset: 0;
}

.velora-splash.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.velora-splash video {
  object-fit: contain;
  width: auto;
  max-width: 94vw;
  height: auto;
  max-height: 88vh;
}

.velora-hero {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.velora-hero-bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.velora-hero-bg + .velora-hero-inner:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#00000073 0%, #0000001f 38%, #0000004d 72%, #0000008c 100%);
  position: absolute;
  inset: 0;
}

.velora-hero-inner {
  z-index: 10;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.velora-app {
  --velora-nav-h: 48px;
}

@media (min-width: 768px) {
  .velora-app {
    --velora-nav-h: 70px;
  }
}

.velora-nav {
  z-index: 50;
  height: var(--velora-nav-h);
  background: var(--velora-oscuro, #060607);
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  display: flex;
  position: sticky;
  top: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-nav {
    background: color-mix(in srgb, var(--velora-oscuro, #060607) 55%, transparent);
  }
}

.velora-nav {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--velora-claro, #fff);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-nav {
    border-bottom: 1px solid color-mix(in srgb, var(--velora-claro, #fff) 10%, transparent);
  }
}

@media (min-width: 768px) {
  .velora-nav {
    padding: 0 48px;
  }
}

.velora-stage {
  margin-top: calc(-1 * var(--velora-nav-h));
}

.velora-hero-inner {
  padding-top: var(--velora-nav-h);
}

.velora-brand {
  color: var(--velora-claro, #fff);
  letter-spacing: .2em;
  text-transform: uppercase;
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
  font-size: 18px;
}

@media (min-width: 768px) {
  .velora-brand {
    font-size: 24px;
  }
}

.velora-brand img.marca-logo {
  max-width: 170px;
}

.velora-getintouch {
  white-space: nowrap;
  background: var(--velora-superficie, #fff);
  color: var(--velora-sobre-superficie, var(--velora-oscuro, #000));
  letter-spacing: .03em;
  border-radius: 4px;
  align-items: center;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background .2s;
  display: inline-flex;
}

.velora-getintouch:hover {
  background: var(--velora-superficie, #fff);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-getintouch:hover {
    background: color-mix(in srgb, var(--velora-superficie, #fff) 90%, transparent);
  }
}

@media (min-width: 768px) {
  .velora-getintouch {
    padding: 10px 24px;
    font-size: 14px;
  }
}

.velora-spacer {
  flex: 1 1 0;
  min-width: 32px;
}

@media (min-width: 640px) {
  .velora-spacer {
    min-width: 128px;
  }
}

@media (min-width: 768px) {
  .velora-spacer {
    min-width: 160px;
  }
}

.velora-heading-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  display: flex;
}

.velora-heading {
  color: var(--velora-claro, #fff);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .04em;
  max-width: 64rem;
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
  font-size: clamp(26px, 6vw, 72px);
  line-height: 1.1;
}

.velora-barwrap {
  justify-content: center;
  padding-bottom: 16px;
  display: flex;
}

@media (min-width: 768px) {
  .velora-barwrap {
    padding-bottom: 40px;
  }
}

.velora-bar {
  background: var(--velora-oscuro, #000);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 280px;
  max-width: 85vw;
  height: 52px;
  padding: 0 20px;
  transition: width .5s cubic-bezier(.16, 1, .3, 1), padding .5s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.velora-bar.is-open {
  justify-content: center;
  width: 56px;
  padding: 0;
}

.velora-bar.is-open .velora-bar-label, .velora-bar.is-open .velora-bar-home, .velora-bar.is-open .velora-burger, .velora-bar:not(.is-open) .velora-x {
  display: none;
}

.velora-bar-label {
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--velora-claro, #fff);
  font-size: 14px;
  font-weight: 500;
}

.velora-burger {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-direction: column;
  gap: 5px;
  width: 24px;
  padding: 0;
  display: flex;
}

.velora-burger span {
  background: var(--velora-claro, #fff);
  width: 24px;
  height: 1.5px;
  display: block;
}

.velora-x {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.velora-x span {
  background: var(--velora-claro, #fff);
  width: 20px;
  height: 1.5px;
  position: absolute;
  top: 9px;
  left: 0;
}

.velora-x span:first-child {
  transform: rotate(45deg);
}

.velora-x span:last-child {
  transform: rotate(-45deg);
}

.velora-menu-overlay {
  z-index: 20;
  position: fixed;
  inset: 0;
}

.velora-menu {
  z-index: 30;
  background: var(--velora-oscuro, #000);
  border-radius: 8px;
  width: 92vw;
  max-width: 480px;
  padding: 24px;
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .velora-menu {
    padding: 40px;
    bottom: 120px;
  }
}

.velora-menu-label {
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--velora-claro-suave, #9ca3af);
  margin-bottom: 24px;
  font-size: 12px;
}

.velora-menu ul {
  list-style: none;
}

.velora-menu-item {
  color: var(--velora-claro, #fff);
  padding: 4px 0;
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
  font-size: clamp(24px, 5vw, 40px);
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.velora-menu-item:hover {
  color: var(--velora-claro-suave, #d4d4d4);
}

.velora-menu-foot {
  border-top: 1px solid var(--velora-claro, #737373);
  margin-top: 32px;
  padding-top: 24px;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-menu-foot {
    border-top: 1px solid color-mix(in srgb, var(--velora-claro, #737373) 50%, transparent);
  }
}

.velora-menu-foot {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.velora-menu-foot .row {
  justify-content: space-between;
  align-items: baseline;
  font-size: 14px;
  display: flex;
}

.velora-menu-foot .lbl {
  color: var(--velora-claro-suave, #9ca3af);
}

.velora-menu-foot .val {
  color: var(--velora-claro, #fff);
}

.velora-menu-cta {
  background: var(--velora-superficie, #fff);
  width: 100%;
  color: var(--velora-sobre-superficie, var(--velora-oscuro, #000));
  text-align: center;
  letter-spacing: .03em;
  border-radius: 4px;
  margin-top: 24px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .2s;
  display: block;
}

.velora-menu-cta:hover {
  background: var(--velora-superficie-hover, #f5f5f5);
}

@keyframes veloraMenuUp {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(40px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

@keyframes veloraMenuDown {
  from {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateX(-50%)translateY(40px)scale(.95);
  }
}

@keyframes veloraFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes veloraFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes veloraItem {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.velora-menu.open {
  animation: .4s cubic-bezier(.16, 1, .3, 1) forwards veloraMenuUp;
}

.velora-menu.close {
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards veloraMenuDown;
}

.velora-menu-overlay.open {
  animation: .3s forwards veloraFadeIn;
}

.velora-menu-overlay.close {
  animation: .3s forwards veloraFadeOut;
}

.velora-menu-item-enter {
  opacity: 0;
  animation: .4s cubic-bezier(.16, 1, .3, 1) forwards veloraItem;
}

.velora-gallery {
  z-index: 10;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.velora-stage-bg {
  background: var(--velora-oscuro, #000);
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.velora-layer {
  opacity: 0;
  will-change: opacity;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.velora-layer img {
  object-fit: cover;
  transform-origin: center;
  will-change: transform;
  width: 100%;
  height: 100%;
  transform: scale(.2);
}

.velora-screen {
  opacity: 0;
  transform-origin: center;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  display: flex;
  position: absolute;
  inset: 0;
}

.velora-screen-dark {
  background: var(--velora-oscuro, #000);
}

.velora-screen-light {
  background: var(--velora-claro, #f2efe9);
}

.velora-screen p {
  text-align: center;
  max-width: 48rem;
  font-size: clamp(24px, 4.5vw, 48px);
  font-weight: 300;
  line-height: 1.3;
}

.velora-screen-dark p {
  color: var(--velora-claro, #fff);
}

.velora-screen-light p {
  color: var(--velora-oscuro, #262626);
}

.velora-accent {
  color: var(--brand);
}

@media (prefers-reduced-motion: reduce) {
  .velora-menu, .velora-menu-overlay, .velora-menu-item-enter {
    opacity: 1;
    animation: none;
  }
}

.velora-sec {
  z-index: 1;
  background: var(--velora-oscuro-suave, #0b0b0c);
  color: var(--velora-claro, #ece9e2);
  padding: 110px 24px;
  position: relative;
}

.velora-sec:nth-of-type(2n) {
  background: var(--velora-oscuro, #060607);
}

.velora-eyebrow {
  text-align: center;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--brand);
  margin-bottom: 14px;
  font-size: 12px;
  display: block;
}

.velora-sec-title {
  text-align: center;
  max-width: 18ch;
  color: var(--velora-claro, #fff);
  margin: 0 auto 48px;
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
  font-size: clamp(28px, 4.5vw, 52px);
  line-height: 1.05;
}

.velora-areas-grid {
  grid-template-columns: repeat(var(--cols, 4), 1fr);
  background: var(--velora-claro, #fff);
  gap: 1px;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-areas-grid {
    background: color-mix(in srgb, var(--velora-claro, #fff) 10%, transparent);
  }
}

.velora-areas-grid {
  border: 1px solid var(--velora-claro, #fff);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-areas-grid {
    border: 1px solid color-mix(in srgb, var(--velora-claro, #fff) 10%, transparent);
  }
}

.velora-area-card {
  background: var(--velora-oscuro-suave, #0b0b0c);
  padding: 32px 26px;
}

.velora-area-num {
  color: var(--brand);
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
  font-size: 14px;
}

.velora-area-title {
  color: var(--velora-claro, #fff);
  margin: 14px 0 10px;
  font-size: 19px;
  font-weight: 500;
}

.velora-area-text {
  color: var(--velora-claro, #ece9e2);
  font-size: 14px;
  line-height: 1.6;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-area-text {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 60%, transparent);
  }
}

.velora-about {
  text-align: center;
}

.velora-about-p {
  max-width: 60ch;
  color: var(--velora-claro, #ece9e2);
  margin: 0 auto 16px;
  font-size: 17px;
  line-height: 1.7;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-about-p {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 78%, transparent);
  }
}

.velora-stats {
  flex-wrap: wrap;
  justify-content: center;
  gap: 56px;
  margin-top: 48px;
  display: flex;
}

.velora-stat {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.velora-stat-num {
  color: var(--brand);
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1;
}

.velora-stat-label {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--velora-claro, #ece9e2);
  margin-top: 10px;
  font-size: 13px;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-stat-label {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 60%, transparent);
  }
}

.velora-reviews-head {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 44px;
  display: flex;
}

.velora-reviews-head .velora-sec-title {
  margin-bottom: 0;
}

.velora-rating {
  color: var(--velora-claro, #ece9e2);
  font-size: 15px;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-rating {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 70%, transparent);
  }
}

.velora-rating b {
  color: var(--brand);
  font-size: 19px;
}

.velora-reviews-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
}

.velora-review {
  border: 1px solid var(--velora-claro, #fff);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-review {
    border: 1px solid color-mix(in srgb, var(--velora-claro, #fff) 12%, transparent);
  }
}

.velora-review {
  background: var(--velora-claro, #fff);
  border-radius: 16px;
  flex-direction: column;
  gap: 16px;
  padding: 30px 28px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-review {
    background: color-mix(in srgb, var(--velora-claro, #fff) 2%, transparent);
  }
}

.velora-review-stars {
  color: var(--brand);
  letter-spacing: 2px;
}

.velora-review-text {
  color: var(--velora-claro, #f3f1ea);
  font-size: 16px;
  line-height: 1.6;
}

.velora-review-author {
  letter-spacing: .04em;
  color: var(--velora-claro, #ece9e2);
  margin-top: auto;
  font-size: 13px;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-review-author {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 50%, transparent);
  }
}

.velora-contact {
  text-align: center;
}

.velora-contact-grid {
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 64px;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
}

.velora-contact-item {
  color: var(--velora-claro, #ece9e2);
  flex-direction: column;
  gap: 6px;
  font-size: 16px;
  display: flex;
}

.velora-contact-item a {
  color: var(--velora-claro, #ece9e2);
  text-decoration: none;
}

.velora-contact-item a:hover {
  color: var(--brand);
}

.velora-contact-lbl {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--brand);
  font-size: 11px;
}

.velora-contact-cta {
  background: var(--brand);
  color: var(--velora-oscuro, #111);
  letter-spacing: .04em;
  border-radius: 4px;
  margin-top: 48px;
  padding: 15px 44px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.velora-footer {
  z-index: 1;
  background: var(--velora-oscuro, #060607);
  color: var(--velora-claro, #ece9e2);
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-footer {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 50%, transparent);
  }
}

.velora-footer {
  border-top: 1px solid var(--velora-claro, #fff);
  flex-direction: column;
  gap: 40px;
  padding: 64px 24px 32px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-footer {
    border-top: 1px solid color-mix(in srgb, var(--velora-claro, #fff) 8%, transparent);
  }
}

.velora-footer-brand {
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--velora-claro, #fff);
  font-family: Haboro Norm Regular, Playfair Display, Georgia, serif;
  font-size: 18px;
}

.velora-footer-copy {
  font-size: 12px;
}

.velora-footer-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 36px 56px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.velora-footer-col {
  flex-direction: column;
  gap: 12px;
  min-width: 200px;
  display: flex;
}

.velora-footer-desc {
  max-width: 42ch;
  color: var(--velora-claro, #ece9e2);
  font-size: 14px;
  line-height: 1.7;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-footer-desc {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 60%, transparent);
  }
}

.velora-footer-links {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.velora-footer-link {
  color: var(--velora-claro, #ece9e2);
  font-size: 14px;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-footer-link {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 70%, transparent);
  }
}

.velora-footer-link {
  text-decoration: none;
  transition: color .2s;
}

.velora-footer-link:hover {
  color: var(--brand);
}

.velora-footer-data {
  color: var(--velora-claro, #ece9e2);
  font-size: 14px;
  line-height: 1.7;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-footer-data {
    color: color-mix(in srgb, var(--velora-claro, #ece9e2) 70%, transparent);
  }
}

.velora-footer-data {
  text-decoration: none;
  transition: color .2s;
}

a.velora-footer-data:hover {
  color: var(--brand);
}

.velora-footer-bottom {
  border-top: 1px solid var(--velora-claro, #fff);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-footer-bottom {
    border-top: 1px solid color-mix(in srgb, var(--velora-claro, #fff) 8%, transparent);
  }
}

.velora-footer-bottom {
  padding-top: 24px;
}

@media (max-width: 900px) {
  .velora-footer {
    gap: 32px;
    padding: 48px 18px 28px;
  }

  .velora-areas-grid {
    grid-template-columns: repeat(min(var(--cols, 4), 2), 1fr);
  }

  .velora-reviews-grid {
    grid-template-columns: 1fr;
  }

  .velora-sec {
    padding: 72px 18px;
  }
}

@keyframes agencia-kenburns {
  from {
    transform: scale(1.06)translate(0);
  }

  to {
    transform: scale(1.18)translate(-1.5%, -2%);
  }
}

.zen-card {
  border-radius: 4px;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1), box-shadow .5s cubic-bezier(.22, .61, .36, 1);
  box-shadow: 0 1px 2px #0f172a0a, 0 12px 32px -16px #0f172a29;
}

.zen-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 6px #0f172a0f, 0 28px 56px -24px #0f172a42;
}

.zen-card img {
  transition: transform .9s cubic-bezier(.22, .61, .36, 1);
}

.zen-card:hover img {
  transform: scale(1.05);
}

.zen-cta {
  border-radius: 4px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1);
  box-shadow: 0 2px 6px #0f172a1a, 0 18px 40px -18px #0f172a73;
}

.zen-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px #0f172a24, 0 28px 56px -22px #0f172a8c;
}

.zen-cta-suave {
  border-radius: 4px;
  transition: background-color .35s, box-shadow .35s, transform .35s;
}

.zen-cta-suave:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -16px #0f172a73;
}

.zen-root {
  --zen-nav-h: 76px;
}

.zen-nav {
  z-index: 50;
  height: var(--zen-nav-h);
  background: var(--zen-superficie, #fff);
  position: sticky;
  top: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .zen-nav {
    background: color-mix(in srgb, var(--zen-superficie, #fff) 72%, transparent);
  }
}

.zen-nav {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--zen-oscuro, #141414);
}

@supports (color: color-mix(in lab, red, red)) {
  .zen-nav {
    border-bottom: 1px solid color-mix(in srgb, var(--zen-oscuro, #141414) 8%, transparent);
  }
}

.zen-hero {
  margin-top: calc(-1 * var(--zen-nav-h));
}

.zen-fuente-texto {
  font-family: var(--zen-texto, "Lato", system-ui, sans-serif);
}

.zen-display {
  font-family: var(--zen-display, "Playfair Display", Georgia, serif);
  letter-spacing: -.025em;
  font-weight: 500;
}

.zen-acento-tipo {
  font-family: var(--zen-display, "Playfair Display", Georgia, serif);
  letter-spacing: -.01em;
  font-style: italic;
  font-weight: 400;
}

.zen-etiqueta {
  font-family: var(--zen-texto, "Lato", system-ui, sans-serif);
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 11px;
  font-weight: 600;
}

.qelora-nav, .velar-nav, .prisma-nav {
  z-index: 50;
  height: 0;
  position: sticky;
  top: 0;
}

.prisma-root {
  position: relative;
}

.prisma-nav {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.qelora-navbar, .velar-navbar, .prisma-navbar {
  background-color: var(--nav-fondo);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--nav-borde);
}

@supports (animation-timeline: scroll()) {
  .qelora-navbar, .velar-navbar {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: #0000;
    border-bottom-color: #0000;
    animation: linear both nav-fondo-al-scroll;
    animation-timeline: scroll(root);
    animation-range: 0 120px;
  }

  @keyframes nav-fondo-al-scroll {
    to {
      background-color: var(--nav-fondo);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      border-bottom-color: var(--nav-borde);
    }
  }
}

.qelora-btn {
  border-radius: 12px;
}

.velar-btn, .prisma-btn {
  border-radius: 9999px;
}

.velora-app, .zen-root, .bk-root, .cog-root, .et-root, .qelora-root, .prisma-root, .veldara-root, .velar-root {
  --ag-radio: 12px;
  --ag-radio-card: 16px;
  --ag-blur: 16px;
  --ag-luz: 1px solid #ffffff24;
  --ag-sombra: 0 10px 30px -12px #00000073;
  --ag-tinte: var(--brand, #7d7d7d);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-app, .zen-root, .bk-root, .cog-root, .et-root, .qelora-root, .prisma-root, .veldara-root, .velar-root {
    --ag-tinte: color-mix(in srgb, var(--brand, #7d7d7d) 13%, transparent);
  }
}

.velora-app, .zen-root, .bk-root, .cog-root, .et-root, .qelora-root, .prisma-root, .veldara-root, .velar-root {
  --ag-tinte-suave: var(--brand, #7d7d7d);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-app, .zen-root, .bk-root, .cog-root, .et-root, .qelora-root, .prisma-root, .veldara-root, .velar-root {
    --ag-tinte-suave: color-mix(in srgb, var(--brand, #7d7d7d) 8%, transparent);
  }
}

.velora-getintouch, .velora-menu-cta, .velora-contact-cta, .zen-cta, .zen-cta-suave, .qelora-btn {
  border-radius: var(--ag-radio);
}

.velora-getintouch, .velora-menu-cta, .velora-contact-cta, .zen-cta, .qelora-btn, .cog-btn-primary, .velar-btn, .prisma-btn {
  background-image: linear-gradient(#ffffff2e, #fff0 58%);
  box-shadow: inset 0 1px #ffffff38, 0 8px 20px -10px #0009;
}

.velora-bar, .zen-nav, .cog-nav, .bk-nav, .et-nav, .veldara-nav, .prisma-navbar, .velar-navbar, .qelora-nav {
  -webkit-backdrop-filter: blur(var(--ag-blur)) saturate(150%);
}

.velora-bar {
  background: var(--velora-oscuro, #000);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-bar {
    background: color-mix(in srgb, var(--velora-oscuro, #000) 58%, transparent);
  }
}

.velora-bar {
  border: var(--ag-luz);
  box-shadow: var(--ag-sombra);
  border-radius: 16px;
}

.velar-navbar, .prisma-navbar, .qelora-nav {
  border-bottom: var(--ag-luz);
}

.velora-area-card {
  background: var(--velora-oscuro-suave, #0b0b0c);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-area-card {
    background: color-mix(in srgb, var(--velora-oscuro-suave, #0b0b0c) 55%, transparent);
  }
}

.velora-area-card {
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  border: var(--ag-luz);
  border-radius: var(--ag-radio-card);
  box-shadow: var(--ag-sombra);
}

.zen-card, .cog-card, .velar-gallery-item, .velora-contact-item {
  border-radius: var(--ag-radio-card);
}

.velora-app, .zen-root, .bk-root, .cog-root, .et-root, .qelora-root, .prisma-root, .veldara-root, .velar-root {
  background-image: radial-gradient(1100px 620px at 12% -8%, var(--ag-tinte), transparent 62%), radial-gradient(900px 540px at 104% 108%, var(--ag-tinte-suave), transparent 58%);
  background-repeat: no-repeat;
}

.velora-sec {
  background-image: linear-gradient(180deg, var(--ag-tinte-suave), transparent 45%);
}

.cog-statement:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(100deg, #0000009e 0%, #00000052 46%, #00000014 78%);
  position: absolute;
  inset: 0;
}

.cog-statement-inner {
  position: relative;
}

.cog-card-img {
  object-fit: contain;
  background: #fff;
  width: 100%;
  height: 100%;
  padding: 14px;
  position: absolute;
  inset: 0;
}

.cog-h1 {
  letter-spacing: -.045em;
  font-size: clamp(44px, 9.5vw, 154px);
  font-weight: 700;
  line-height: .92;
}

.cog-h2-light {
  letter-spacing: -.03em;
  font-size: clamp(30px, 5.4vw, 78px);
  line-height: .98;
}

.cog-lead {
  max-width: 34ch;
  font-size: clamp(16px, 1.35vw, 21px);
  line-height: 1.55;
}

.cog-esc {
  padding: clamp(72px, 9vw, 150px) 0 clamp(56px, 7vw, 120px);
}

.cog-esc-head {
  margin-bottom: clamp(32px, 5vw, 72px);
  padding: 0 clamp(18px, 4vw, 64px);
}

.cog-esc-row {
  border-top: 1px solid;
  grid-template-columns: 1fr;
  align-items: center;
  padding: clamp(24px, 3.4vw, 54px) clamp(18px, 4vw, 64px);
  display: grid;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .cog-esc-row {
    border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  }
}

.cog-esc-row:last-child {
  border-bottom: 1px solid;
}

@supports (color: color-mix(in lab, red, red)) {
  .cog-esc-row:last-child {
    border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  }
}

@media (min-width: 860px) {
  .cog-esc-row {
    grid-template-columns: 1.05fr .95fr;
    gap: clamp(20px, 3vw, 56px);
  }

  .cog-esc-row:nth-child(2n) > .cog-esc-txt {
    order: 2;
  }
}

.cog-esc-num {
  letter-spacing: .22em;
  color: var(--brand);
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  display: block;
}

.cog-esc-marca {
  letter-spacing: -.045em;
  text-transform: uppercase;
  margin: 0;
  font-size: clamp(38px, 7.4vw, 108px);
  font-weight: 700;
  line-height: .9;
}

.cog-esc-nota {
  opacity: .72;
  max-width: 40ch;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.55;
}

.cog-esc-media {
  position: relative;
}

.cog-esc-media img {
  object-fit: contain;
  filter: drop-shadow(0 26px 44px #00000029);
  width: 100%;
  height: auto;
  max-height: 44vh;
  display: block;
}

.cog-hero-row {
  flex-direction: column;
  gap: clamp(18px, 2.6vw, 40px);
}

.cog-hero-left, .cog-hero-right {
  width: 100%;
}

.cog-hero-left {
  gap: clamp(10px, 1.5vw, 20px);
}

.cog-h1 {
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-break: keep-all;
}

@media (min-width: 900px) {
  .cog-hero-right {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: clamp(24px, 4vw, 72px);
  }

  .cog-hero-right .cog-btns {
    flex: none;
  }
}

.cog-hero-panel-inner {
  padding-bottom: clamp(20px, 3vw, 44px);
}

.cog-hero-panel {
  height: auto;
  min-height: 48%;
  max-height: 82%;
  padding-bottom: clamp(14px, 2vw, 28px);
}

.cog-hero:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(#0000, #0000008c);
  height: 46%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.cog-hero-bottom, .cog-hero-foot {
  z-index: 2;
  position: relative;
}

@media (min-width: 860px) {
  .cog-esc-row {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: clamp(32px, 4.5vw, 80px);
  }

  .cog-esc-media, .cog-esc-row:nth-child(2n) .cog-esc-media {
    margin-left: 0;
    margin-right: 0;
  }
}

.cog-esc-marca {
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: break-word;
  font-size: clamp(34px, 5.2vw, 82px);
  line-height: .95;
}

.cog-esc-num {
  margin-bottom: 14px;
}

.cog-esc-nota {
  margin-top: 18px;
}

.cog-esc-row {
  padding-top: clamp(34px, 4.2vw, 66px);
  padding-bottom: clamp(34px, 4.2vw, 66px);
}

.cog-esc-marca {
  word-break: keep-all;
  overflow-wrap: normal;
}

.velar-root h1 {
  letter-spacing: -.035em;
  font-size: clamp(38px, 7.6vw, 118px);
  line-height: .98;
}

.veldara-root h1 {
  letter-spacing: -.03em;
  font-size: clamp(34px, 6.4vw, 104px);
  line-height: 1;
}

.velora-heading {
  font-size: clamp(30px, 7vw, 104px);
  line-height: 1.02;
}

.zen-root h1 {
  letter-spacing: -.025em;
  font-size: clamp(36px, 6.6vw, 106px);
  line-height: 1;
}

.velar-root h1, .veldara-root h1, .zen-root h1, .velora-heading {
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-break: keep-all;
  max-width: 100%;
}

.cog-sinvideo .cog-hero {
  height: auto;
  min-height: 0;
}

.cog-sinvideo .cog-hero-panel {
  height: auto;
  max-height: none;
  position: relative;
}

.cog-sinvideo .cog-hero:after {
  display: none;
}

.cog-sinvideo .cog-hero-bottom {
  max-width: 52ch;
  color: inherit;
  opacity: .72;
  margin: clamp(18px, 2.5vw, 34px) 32px clamp(20px, 3vw, 40px);
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  transform: none;
}

.cog-sinvideo .cog-scroll {
  display: none;
}

.cog-sinvideo .cog-statement {
  height: auto;
  min-height: 0;
  padding: clamp(72px, 9vw, 140px) 32px;
}

.cog-sinvideo .cog-statement:before {
  display: none;
}

.cog-top:not(.cog-sinvideo) .cog-hero-bottom {
  text-shadow: 0 1px 12px #00000073;
  max-width: 300px;
  position: absolute;
  top: auto;
  bottom: clamp(22px, 5vh, 56px);
  left: 32px;
  transform: none;
}

.cog-footer {
  background: var(--cog-dark, #1a1a1a);
}

@supports (color: color-mix(in lab, red, red)) {
  .cog-footer {
    background: color-mix(in srgb, var(--cog-dark, #1a1a1a) 55%, #0d0e0d);
  }
}

.velora-footer {
  background: var(--velora-oscuro, #060607);
}

@supports (color: color-mix(in lab, red, red)) {
  .velora-footer {
    background: color-mix(in srgb, var(--velora-oscuro, #060607) 86%, var(--velora-claro, #ece9e2));
  }
}

.veldara-root footer {
  background: var(--vel-tinta, #fff);
}

@supports (color: color-mix(in lab, red, red)) {
  .veldara-root footer {
    background: color-mix(in srgb, var(--vel-tinta, #fff) 6%, transparent);
  }
}

.zen-root footer {
  background: var(--zen-oscuro, #1c1917) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .zen-root footer {
    background: color-mix(in srgb, var(--zen-oscuro, #1c1917) 8%, var(--zen-superficie, #f5f5f4)) !important;
  }
}

.bk-root footer {
  background: var(--bk-texto-oscuro, #201a14) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .bk-root footer {
    background: color-mix(in srgb, var(--bk-texto-oscuro, #201a14) 10%, var(--bk-claro, #faf6ef)) !important;
  }
}

.prisma-root footer {
  background: var(--acento, #888) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .prisma-root footer {
    background: color-mix(in srgb, var(--acento, #888) 9%, color-mix(in srgb, var(--fondo, #f5f5f5) 92%, #000)) !important;
  }
}

.cog-top:not(.cog-sinvideo) .cog-hero {
  height: auto;
  min-height: 100vh;
  padding-bottom: clamp(280px, 44vh, 480px);
}

.cog-top:not(.cog-sinvideo) .cog-hero-panel {
  height: auto;
  min-height: 0;
  max-height: none;
  position: relative;
}

.cog-top:not(.cog-sinvideo) .cog-hero:after {
  height: clamp(280px, 44vh, 480px);
}

.cog-top:not(.cog-sinvideo) .cog-hero-bottom {
  max-width: 340px;
  bottom: clamp(28px, 6vh, 64px);
  left: auto;
  right: 32px;
}

@media (max-width: 640px) {
  .cog-top:not(.cog-sinvideo) .cog-hero-bottom {
    max-width: none;
    left: 18px;
    right: 18px;
  }
}

.cog-extra-media {
  border-radius: 18px;
  flex: 0 0 clamp(230px, 26vw, 380px);
  overflow: hidden;
  box-shadow: 0 18px 40px #00000024;
}

.cog-extra-media img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 760px) {
  .cog-extra-media {
    flex-basis: 100%;
  }
}

@supports (animation-timeline: view()) {
  .cog-root section:not(.cog-hero):not(.cog-statement) .cog-in, .zen-root section:not(:first-of-type) .zen-in {
    animation-timeline: view();
    animation-range: entry entry 42%;
  }

  .velora-sec > * {
    animation: 1s cubic-bezier(.22, 1, .36, 1) both cogIn;
    animation-timeline: view();
    animation-range: entry entry 38%;
  }

  .velora-sec .velora-area-card, .velora-sec .velora-stat, .velora-sec .velora-card, .velora-sec .velora-contact-item {
    animation: .9s cubic-bezier(.22, 1, .36, 1) both cogIn;
    animation-timeline: view();
    animation-range: entry 2% entry 46%;
  }

  .velora-sec .velora-extra-media {
    animation: 1.1s cubic-bezier(.22, 1, .36, 1) both velImgIn;
    animation-timeline: view();
    animation-range: entry entry 52%;
  }
}

@keyframes velImgIn {
  from {
    opacity: 0;
    transform: scale(1.06)translateY(26px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.cog-card, .cog-extra-media, .velora-card, .zen-card, .anim-card {
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s;
}

.cog-card:hover, .velora-card:hover, .zen-card:hover, .anim-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 44px #00000024;
}

.cog-extra-media {
  overflow: hidden;
}

.cog-extra-media img {
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}

.cog-extra-media:hover img {
  transform: scale(1.045);
}

.cog-btn, .velora-contact-cta, .velora-menu-cta {
  transition: transform .25s, box-shadow .25s, filter .25s;
}

.cog-btn:hover, .velora-contact-cta:hover, .velora-menu-cta:hover {
  filter: brightness(1.06);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .velora-sec > *, .velora-sec .velora-area-card, .velora-sec .velora-stat, .velora-sec .velora-card, .velora-sec .velora-contact-item, .velora-sec .velora-extra-media {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .cog-card, .cog-extra-media, .cog-extra-media img, .cog-btn, .velora-card, .velora-contact-cta, .velora-menu-cta, .zen-card, .anim-card {
    transition: none;
  }
}

@supports (animation-timeline: view()) {
  .cog-root .cog-cards {
    perspective: 1100px;
  }

  .cog-root section:not(.cog-hero) .cog-cards > .cog-card.cog-in {
    transform-origin: 50% 0;
    animation: 1s cubic-bezier(.22, 1, .36, 1) both cogCard3d;
    animation-timeline: view();
    animation-range: entry cover 32%;
  }

  .cog-root section:not(.cog-hero) .cog-cards > .cog-card.cog-in:nth-child(3n+2) {
    animation-range: entry 5% cover 38%;
  }

  .cog-root section:not(.cog-hero) .cog-cards > .cog-card.cog-in:nth-child(3n+3) {
    animation-range: entry 10% cover 44%;
  }

  .cog-root section:not(.cog-hero) .cog-services-head .cog-extra-media.cog-in {
    animation: 1s cubic-bezier(.22, 1, .36, 1) both cogMedia3d;
    animation-timeline: view();
    animation-range: entry cover 35%;
  }
}

@keyframes cogCard3d {
  from {
    opacity: 0;
    transform: rotateX(-52deg)translateY(48px)scale(.96);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes cogMedia3d {
  from {
    opacity: 0;
    transform: perspective(900px)rotateY(-22deg)translateX(56px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cog-root .cog-cards > .cog-card, .cog-root .cog-extra-media {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

html.sin-scroll-anim :is(.cog-in, .zen-in, .velora-sec > *, .cog-card, .cog-extra-media, .reveal-char, .bk-reveal-word, .anim-scroll) {
  opacity: 1 !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
}

.cog-root {
  font-family: var(--cog-fuente-texto, "Helvetica Now Var", "Helvetica Neue", Helvetica, Arial, sans-serif);
}

.cog-root :is(.cog-h1, .cog-h2-light, .cog-h2-dark, .cog-contact-title, .cog-esc-marca, .cog-card-title, .cog-footer-brand) {
  font-family: var(--cog-fuente-display, inherit);
}

.cog-galeria {
  padding: clamp(72px, 9vw, 150px) 32px;
  overflow: clip;
}

.cog-gal-flujo {
  height: clamp(380px, 62vh, 600px);
  margin-top: clamp(28px, 4vw, 56px);
  position: relative;
}

:is(.cog-gal-item, .bk-gal-item) {
  opacity: 0;
  width: min(320px, 38vw);
  animation: 19.2s linear infinite cogGalVuelo;
  animation-delay: var(--gal-d, 0s);
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

.cog-gal-item img {
  object-fit: contain;
  background: #fff;
  border-radius: 16px;
  width: 100%;
  height: auto;
  max-height: 220px;
  padding: clamp(16px, 2.2vw, 28px);
  display: block;
  box-shadow: 0 24px 60px #00000029;
}

.cog-gal-nombre {
  text-align: center;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .6;
  margin-top: 10px;
  font-size: 11px;
}

@keyframes cogGalVuelo {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--gal-x, 0), var(--gal-y, 0)) perspective(1050px) translateZ(-1100px) rotateX(34deg) rotateY(var(--gal-r, 12deg));
  }

  12% {
    opacity: 1;
  }

  62% {
    opacity: 1;
    transform: translate(-50%, -50%) translate(var(--gal-x, 0), var(--gal-y, 0)) perspective(1050px) translateZ(-60px) rotateX(0deg) rotateY(0deg);
  }

  88% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--gal-x, 0), var(--gal-y, 0)) perspective(1050px) translateZ(430px) rotateX(-18deg) rotateY(calc(var(--gal-r, 12deg) * -1));
  }
}

:is(.cog-gal-item, .bk-gal-item):first-child {
  --gal-x: 0vw;
  --gal-y: 0vh;
  --gal-r: 8deg;
  --gal-d: 0s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(2) {
  --gal-x: 28vw;
  --gal-y: 15vh;
  --gal-r: -10deg;
  --gal-d: -1.6s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(3) {
  --gal-x: -28vw;
  --gal-y: -15vh;
  --gal-r: 8deg;
  --gal-d: -3.2s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(4) {
  --gal-x: 41vw;
  --gal-y: -12vh;
  --gal-r: -10deg;
  --gal-d: -4.8s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(5) {
  --gal-x: -41vw;
  --gal-y: 12vh;
  --gal-r: 8deg;
  --gal-d: -6.4s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(6) {
  --gal-x: 15vw;
  --gal-y: 2vh;
  --gal-r: -10deg;
  --gal-d: -8s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(7) {
  --gal-x: -15vw;
  --gal-y: 14vh;
  --gal-r: 8deg;
  --gal-d: -9.6s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(8) {
  --gal-x: 34vw;
  --gal-y: -15vh;
  --gal-r: -10deg;
  --gal-d: -11.2s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(9) {
  --gal-x: -34vw;
  --gal-y: 15vh;
  --gal-r: 8deg;
  --gal-d: -12.8s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(10) {
  --gal-x: 22vw;
  --gal-y: 12vh;
  --gal-r: -10deg;
  --gal-d: -14.4s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(11) {
  --gal-x: -22vw;
  --gal-y: -12vh;
  --gal-r: 8deg;
  --gal-d: -16s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(12) {
  --gal-x: 39vw;
  --gal-y: -15vh;
  --gal-r: -10deg;
  --gal-d: -17.6s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(13) {
  --gal-x: -39vw;
  --gal-y: 1vh;
  --gal-r: 8deg;
  --gal-d: -19.2s;
}

:is(.cog-gal-item, .bk-gal-item):nth-child(14) {
  --gal-x: 8vw;
  --gal-y: 14vh;
  --gal-r: -10deg;
  --gal-d: -20.8s;
}

@media (max-width: 900px) {
  :is(.cog-gal-flujo, .bk-gal-flujo) {
    perspective: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    height: auto;
    display: flex;
  }

  :is(.cog-gal-item, .bk-gal-item) {
    opacity: 1;
    width: calc(33.333% - 10px);
    animation: none;
    position: static;
    transform: none;
  }
}

@media (max-width: 700px) {
  :is(.cog-gal-item, .bk-gal-item) {
    width: calc(50% - 7px);
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(.cog-gal-flujo, .bk-gal-flujo) {
    perspective: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    height: auto;
    display: flex;
  }

  :is(.cog-gal-item, .bk-gal-item) {
    opacity: 1;
    width: 180px;
    animation: none;
    position: static;
    transform: none;
  }
}

.bk-gal-seccion {
  overflow: clip;
}

.bk-gal-flujo {
  height: clamp(380px, 62vh, 600px);
  margin-top: clamp(40px, 5.5vw, 78px);
  position: relative;
}

.bk-gal-item {
  width: min(250px, 30vw);
}

.bk-gal-item img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  display: block;
  box-shadow: 0 26px 64px #0003;
}

.bk-gal-item figcaption {
  text-align: center;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--bk-texto-oscuro);
  opacity: .65;
  margin-top: 10px;
  font-size: 11px;
}

@media (prefers-reduced-motion: reduce) {
  .bk-gal-item img {
    aspect-ratio: 1;
  }
}

.zen-root section [class*="overflow-hidden"] {
  overflow: clip;
}

@supports (animation-timeline: view()) {
  .zen-root section img[class*="object-cover"]:not([style*="agencia-kenburns"]) {
    animation: 1s linear both zenCortina;
    animation-timeline: view();
    animation-range: entry cover 45%;
  }

  .zen-root section img[class*="grayscale"] {
    animation: .9s cubic-bezier(.22, 1, .36, 1) both zenPop;
    animation-timeline: view();
    animation-range: entry entry 85%;
  }
}

@keyframes zenCortina {
  from {
    clip-path: inset(44% 16% round 26px);
    opacity: .2;
    transform: scale(1.26);
  }

  55% {
    opacity: 1;
  }

  to {
    clip-path: inset(0);
    opacity: 1;
    transform: none;
  }
}

@keyframes zenPop {
  from {
    opacity: 0;
    transform: translateY(22px)scale(.9);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zen-root section img[class*="object-cover"], .zen-root section img[class*="grayscale"] {
    opacity: 1;
    clip-path: none;
    transform: none;
    animation: none !important;
  }
}

html.sin-scroll-anim .zen-root section img {
  opacity: 1 !important;
  clip-path: none !important;
  animation: none !important;
  transform: none !important;
}

.pxg-fila {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-x: contain;
  width: 100%;
  position: relative;
  overflow: auto hidden;
}

.pxg-fila::-webkit-scrollbar {
  display: none;
}

.pxg-fila[data-pxg="on"] {
  overflow: clip;
}

.pxg-pista {
  will-change: transform;
  gap: clamp(12px, 1.6vw, 26px);
  display: flex;
}

.pxg-item {
  flex: none;
  position: relative;
  overflow: clip;
}

.pxg-final {
  flex: 0 0 clamp(16px, 6vw, 120px);
}

.pxg-media {
  will-change: transform;
  width: 100%;
  height: 100%;
  position: relative;
}

.pxg-item img.pxg-media {
  object-fit: cover;
  width: 125%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0 0 0 -12.5%;
}

.pxg-escena[data-pxg-pin="on"] .pxg-pin {
  flex-direction: column;
  justify-content: center;
  height: 100svh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: clip;
}

.pxg-escena {
  overflow: visible;
}

.pxg-mosaico {
  aspect-ratio: 4 / 5;
  background: var(--bk-negro, #101b20);
}

@supports (color: color-mix(in lab, red, red)) {
  .pxg-mosaico {
    background: color-mix(in srgb, var(--bk-negro, #101b20) 82%, transparent);
  }
}

.pxg-mosaico {
  isolation: isolate;
  border: 1px solid #ffffff24;
  box-shadow: 0 30px 70px #00000073;
}

.pxg-mosaico .pxg-velo {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, #000000e0 0%, #00000073 34%, #0000000d 68%);
  position: absolute;
  inset: 0;
}

.pxg-pie {
  inset-inline: 0;
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: clamp(16px, 2vw, 24px);
  display: flex;
  position: absolute;
  bottom: 0;
}

.pxg-chip {
  -webkit-backdrop-filter: blur(10px);
  background: #ffffff24;
  border: 1px solid #ffffff38;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 19px;
  line-height: 1;
  display: inline-flex;
}

.pxg-rotulo {
  color: #fff;
  text-align: left;
  text-wrap: balance;
  letter-spacing: .01em;
  font-size: clamp(14px, 1.15vw, 17px);
  line-height: 1.25;
}

.pxg-sub {
  color: #ffffffbd;
  text-align: left;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: clamp(12px, .92vw, 13.5px);
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.pxg-chip-num {
  letter-spacing: .06em;
  font-size: 14px;
  font-weight: 600;
}

.pxg-mosaico img.pxg-media {
  transition: scale .9s cubic-bezier(.22, 1, .36, 1);
}

.pxg-mosaico:hover img.pxg-media {
  scale: 1.07;
}

.bk-tarjeta-glass {
  -webkit-backdrop-filter: blur(12px);
  background: #ffffff12;
  border: 1px solid #ffffff29;
  box-shadow: 0 18px 44px #00000052;
}

@media (prefers-reduced-motion: reduce) {
  .pxg-fila, .pxg-fila[data-pxg="on"] {
    overflow: visible;
  }

  .pxg-pista {
    flex-wrap: wrap;
    justify-content: center;
    transform: none !important;
  }

  .pxg-media {
    transform: none !important;
  }
}

.cog-cine {
  position: relative;
}

.cog-cine-pin {
  position: relative;
  overflow: clip;
}

.cog-cine-velo {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#00000085 0%, #0000002e 34%, #0000004d 62%, #000000b8 100%), radial-gradient(120% 85% at 50% 45%, #0000 38%, #00000073 100%);
  position: absolute;
  inset: 0;
}

.cog-cine .cog-bgvideo {
  z-index: 0;
}

.cog-cine-pin {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.cog-cine-tiempos {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.cog-tiempo {
  align-items: center;
  padding: clamp(70px, 12vh, 130px) 32px;
  display: flex;
}

.cog-tiempo-inner {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.cog-tiempo-num {
  color: #ffffff9e;
  margin-bottom: clamp(14px, 2vh, 26px);
  display: block;
}

.cog-tiempo-titulo {
  color: #fff;
  text-wrap: balance;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-break: keep-all;
}

.cog-tiempo-texto {
  color: #ffffffe6;
  text-shadow: 0 1px 14px #00000080;
  max-width: 46ch;
  margin-top: clamp(18px, 2.6vh, 34px);
  font-size: clamp(15px, 1.15vw, 19px);
  line-height: 1.65;
}

.cog-tiempo-btns {
  margin-top: clamp(24px, 3.4vh, 44px);
}

.cog-cine-barra, .cog-cine .cog-scroll {
  display: none;
}

.cog-cine[data-cine="on"] .cog-cine-pin {
  height: 100vh;
  min-height: 0;
  display: block;
  position: sticky;
  top: 0;
}

.cog-cine[data-cine="on"] .cog-cine-tiempos {
  display: block;
  position: absolute;
  inset: 0;
}

.cog-cine[data-cine="on"] .cog-tiempo {
  opacity: 0;
  opacity: var(--t-op, 0);
  transform: translate3d(0, var(--t-y, 0px), 0);
  will-change: opacity, transform;
  position: absolute;
  inset: 0;
}

.cog-cine[data-cine="on"] .cog-tiempo[data-visible="no"] {
  pointer-events: none;
  visibility: hidden;
}

.cog-cine[data-cine="on"] .cog-cine-camara {
  transform-origin: 50% 55%;
  transform: scale(var(--cam-z, 1)) translate3d(0, var(--cam-y, 0px), 0);
  will-change: transform;
}

.cog-cine[data-cine="on"] .cog-cine-barra {
  z-index: 4;
  background: #ffffff2e;
  border-radius: 2px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: clamp(20px, 3.4vh, 38px);
  left: 32px;
  right: 32px;
  overflow: clip;
}

.cog-cine[data-cine="on"] .cog-cine-barra > span {
  height: 100%;
  width: calc(var(--cam-p, 0) * 100%);
  background: var(--brand, #fff);
  border-radius: 2px;
  display: block;
}

.cog-cine[data-cine="on"] .cog-scroll {
  z-index: 4;
  opacity: calc(1 - var(--cam-p, 0) * 3.2);
  border-color: #ffffffbf;
  display: flex;
}

.cog-cine[data-cine="on"] .cog-scroll-dot {
  background: #ffffffe6;
}

@media (max-width: 860px) {
  .cog-tiempo {
    padding: clamp(56px, 10vh, 96px) 18px;
  }

  .cog-cine[data-cine="on"] .cog-cine-barra {
    left: 18px;
    right: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cog-cine .cog-cine-camara {
    transform: none !important;
  }
}

.cog-tiempo-cita .cog-tiempo-texto {
  letter-spacing: -.015em;
  color: #fff;
  text-wrap: balance;
  max-width: 26ch;
  margin-top: 0;
  font-size: clamp(24px, 3.4vw, 54px);
  line-height: 1.2;
}

.cog-tiempo[data-lado="der"] .cog-tiempo-inner {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

.cog-tiempo[data-lado="der"] .cog-tiempo-texto {
  margin-left: auto;
  margin-right: 0;
}

.cog-tiempo[data-lado="der"] .cog-tiempo-btns {
  justify-content: flex-end;
}

.cog-tiempo[data-lado="der"] .cog-tiempo-num {
  text-align: right;
}

.cog-cine[data-cine="on"] .cog-tiempo {
  transform: translate3d(var(--t-x, 0px), var(--t-y, 0px), 0);
}

@media (max-width: 700px) {
  .cog-tiempo[data-lado="der"] .cog-tiempo-inner {
    text-align: left;
    margin-left: 0;
  }

  .cog-tiempo[data-lado="der"] .cog-tiempo-texto {
    margin-left: 0;
  }

  .cog-tiempo[data-lado="der"] .cog-tiempo-btns {
    justify-content: flex-start;
  }

  .cog-tiempo[data-lado="der"] .cog-tiempo-num {
    text-align: left;
  }
}

.cog-tiempo {
  padding-left: clamp(32px, 4.6vw, 88px);
  padding-right: clamp(32px, 4.6vw, 88px);
}

.qelora-hero-flujo {
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.obra-escena .qelora-paneles {
  padding-bottom: clamp(56px, 8vw, 84px);
}

.obra-escena, .obra-pin {
  position: relative;
}

.obra-escena[data-obra="on"] .obra-pin {
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: clip;
}

.obra-fases {
  z-index: 20;
  gap: clamp(10px, 1.6vw, 26px);
  margin: 0;
  padding: 0 clamp(24px, 4vw, 40px) clamp(18px, 2.4vw, 30px);
  list-style: none;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.obra-fase {
  border-top: 2px solid var(--obra-tinta, #141414);
  flex: 1 1 0;
  min-width: 0;
  padding-top: 12px;
}

@supports (color: color-mix(in lab, red, red)) {
  .obra-fase {
    border-top: 2px solid color-mix(in srgb, var(--obra-tinta, #141414) 16%, transparent);
  }
}

.obra-fase {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--obra-tinta, #141414);
  text-shadow: 0 1px 10px #00000059;
  font-size: clamp(10px, 1vw, 12px);
  font-weight: 500;
  transition: font-weight .45s, border-color .45s;
}

.obra-fase[data-activa="si"] {
  color: var(--obra-tinta, #141414);
  border-top-color: var(--obra-acento, currentColor);
  font-weight: 700;
}

.obra-fase:after {
  content: "";
  height: 2px;
  width: calc(var(--obra-fase-p, 0) * 100%);
  background: var(--obra-acento, currentColor);
  margin-top: -14px;
  transition: width .12s linear;
  display: block;
}

@media (max-width: 700px) {
  .obra-fase {
    letter-spacing: .1em;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .obra-escena {
    height: auto !important;
  }

  .obra-escena .obra-pin {
    height: auto;
    position: relative;
  }
}

.obra-escena {
  margin-top: calc(-1 * var(--zen-nav-h, 0px));
}

.obra-escena .zen-hero {
  margin-top: 0;
}

.obra-fases:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to top, var(--obra-tinta, #141414), transparent);
  position: absolute;
  inset: -28px 0 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .obra-fases:before {
    background: linear-gradient(to top, color-mix(in srgb, var(--obra-tinta, #141414) 22%, transparent), transparent);
  }
}

.obra-fases {
  padding-bottom: clamp(22px, 2.8vw, 34px);
}

.obra-escena {
  --obra-fases-alto: clamp(58px, 5.4vw, 76px);
}

.obra-escena .bk-hero-titulo {
  padding-bottom: calc(2.5rem + var(--obra-fases-alto));
}

@media (min-width: 768px) {
  .obra-escena .bk-hero-titulo {
    padding-bottom: calc(1.5rem + var(--obra-fases-alto));
  }
}

.marca-logo {
  height: var(--logo-alto, 52px);
  width: auto;
  max-width: var(--logo-ancho, 190px);
  object-fit: contain;
  object-position: left center;
  flex: none;
  display: block;
}

footer .marca-logo, .cog-footer-brand .marca-logo {
  height: var(--logo-alto-pie, 44px);
}

@media (max-width: 700px) {
  .marca-logo {
    height: calc(var(--logo-alto, 52px) * .82);
    max-width: 150px;
  }
}

.cog-logo {
  height: var(--logo-alto, 52px);
  width: auto;
  max-width: var(--logo-ancho, 190px);
  object-fit: contain;
  flex: none;
  display: block;
}

.cog-footer-brand img.cog-logo {
  height: var(--logo-alto-pie, 44px);
}

.muro-logo {
  height: var(--muro-alto, 76px);
  object-fit: contain;
  opacity: .9;
  width: auto;
  max-width: 100%;
  transition: opacity .4s, transform .4s;
  display: block;
}

.muro-logo:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@media (max-width: 700px) {
  .muro-logo {
    height: calc(var(--muro-alto, 76px) * .8);
  }
}

.tnl-bloque {
  view-timeline: --tnl block;
  height: 320vh;
  position: relative;
}

.tnl-pin {
  background: var(--tnl-fondo, #050505);
  height: 100vh;
  perspective: var(--tnl-camara, 760px);
  perspective-origin: 50%;
  position: sticky;
  top: 0;
  overflow: clip;
}

.tnl-mundo {
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  --tnl-ancho: 1500px;
  --tnl-alto: 1000px;
  --tnl-largo: 7000px;
  --tnl-paso: 250px;
  --tnl-linea: #ffffff3d;
  position: absolute;
  top: 50%;
  left: 50%;
}

.tnl-cara {
  background-image: repeating-linear-gradient(to right, var(--tnl-linea) 0 1px, transparent 1px var(--tnl-paso)), repeating-linear-gradient(to bottom, var(--tnl-linea) 0 1px, transparent 1px var(--tnl-paso));
  transform-style: preserve-3d;
  position: absolute;
}

.tnl-suelo, .tnl-techo {
  width: var(--tnl-ancho);
  height: var(--tnl-largo);
  left: calc(var(--tnl-ancho) / -2);
  top: calc(var(--tnl-largo) / -2);
}

.tnl-suelo {
  transform: translateY(calc(var(--tnl-alto) / 2)) rotateX(90deg);
}

.tnl-techo {
  transform: translateY(calc(var(--tnl-alto) / -2)) rotateX(-90deg);
}

.tnl-izq, .tnl-der {
  width: var(--tnl-largo);
  height: var(--tnl-alto);
  left: calc(var(--tnl-largo) / -2);
  top: calc(var(--tnl-alto) / -2);
}

.tnl-izq {
  transform: translateX(calc(var(--tnl-ancho) / -2)) rotateY(90deg);
}

.tnl-der {
  transform: translateX(calc(var(--tnl-ancho) / 2)) rotateY(-90deg);
}

.tnl-foto {
  left: var(--x, 0%);
  top: var(--y, 0%);
  width: var(--w, 240px);
  height: var(--h, 240px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  transform: translateZ(1px);
}

.tnl-niebla {
  pointer-events: none;
  background: radial-gradient(ellipse 78% 72% at 50% 50%, transparent 0%, transparent 42%, var(--tnl-fondo, #050505) 94%);
  position: absolute;
  inset: 0;
}

.tnl-rotulo {
  text-align: center;
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  display: flex;
  position: absolute;
  inset: 0;
}

.tnl-mundo {
  transform: translateZ(1400px);
}

@supports (animation-timeline: view()) {
  .tnl-mundo {
    animation: linear both tnlVuelo;
    animation-timeline: --tnl;
    animation-range: entry exit;
  }

  @keyframes tnlVuelo {
    from {
      transform: translateZ(0);
    }

    to {
      transform: translateZ(calc(var(--tnl-largo) - 1200px));
    }
  }

  .tnl-rotulo {
    animation: linear both tnlRotulo;
    animation-timeline: --tnl;
    animation-range: entry 100% contain 34%;
  }

  @keyframes tnlRotulo {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    70% {
      opacity: 0;
      transform: scale(1.45);
    }

    100% {
      opacity: 0;
      transform: scale(1.6);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .tnl-mundo {
    animation: none;
    transform: translateZ(1400px);
  }

  .tnl-rotulo {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

.vgl-bloque {
  height: var(--vgl-alto, 760px);
  background: var(--vgl-fondo, #e9ebe8);
  position: relative;
  overflow: clip;
}

.vgl-cinta {
  position: absolute;
  inset: 0;
}

.vgl-pieza {
  width: var(--w, 280px);
  margin-left: calc(var(--w, 280px) / -2 + var(--x, 0%));
  cursor: pointer;
  transition: opacity .5s;
  position: absolute;
  top: 0;
  left: 50%;
}

.vgl-pieza img {
  width: 100%;
  height: auto;
  aspect-ratio: var(--ar, 4 / 5);
  object-fit: cover;
  display: block;
}

.vgl-pie {
  color: var(--vgl-pie-color, #6b6f6a);
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.3;
}

html[data-vgl-montado] .vgl-pieza img {
  opacity: 0;
  transition: opacity .9s;
}

html[data-vgl-montado] .vgl-pieza.vgl-in img {
  opacity: 1;
}

html[data-vgl-montado] .vgl-char {
  white-space: pre;
  opacity: 0;
  transition: opacity .4s;
  display: inline-block;
}

html[data-vgl-montado] .vgl-pieza.vgl-in .vgl-char {
  opacity: 1;
}

.vgl-bloque.es-abierto .vgl-cinta {
  opacity: 0;
  pointer-events: none;
}

.vgl-vista {
  z-index: 4;
  background: var(--vgl-fondo, #e9ebe8);
  opacity: 0;
  visibility: hidden;
  grid-template-columns: 1.05fr 1fr;
  align-items: center;
  gap: clamp(20px, 3vw, 48px);
  padding: clamp(20px, 3vw, 52px);
  transition: opacity .35s, visibility 0s linear .35s;
  display: grid;
  position: absolute;
  inset: 0;
}

.vgl-bloque.es-abierto .vgl-vista {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s, visibility;
}

.vgl-vista-img {
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 78%;
  display: flex;
  position: relative;
}

.vgl-clon {
  object-fit: cover;
  will-change: transform;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
}

.vgl-grupo {
  display: none;
}

.vgl-grupo.es-activo {
  display: block;
}

.vgl-grupo.es-activo > * {
  opacity: 0;
  animation: .6s cubic-bezier(.22, 1, .36, 1) forwards vglTexto;
  transform: translateY(12px);
}

.vgl-grupo.es-activo > :first-child {
  animation-delay: .62s;
}

.vgl-grupo.es-activo > :nth-child(2) {
  animation-delay: .72s;
}

.vgl-grupo.es-activo > :nth-child(3) {
  animation-delay: .82s;
}

@keyframes vglTexto {
  to {
    opacity: 1;
    transform: none;
  }
}

.vgl-cerrar {
  z-index: 6;
  font: inherit;
  color: var(--vgl-pie-color, #6b6f6a);
  cursor: pointer;
  background: none;
  border: 1px solid;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  font-size: 12px;
  display: inline-flex;
  position: absolute;
  top: 18px;
  right: 20px;
}

.vgl-cerrar:hover {
  background: #0000000d;
}

@media (max-width: 700px) {
  .vgl-pieza {
    margin-left: calc(var(--w, 280px) / -2 + var(--x, 0%) * .4);
  }

  .vgl-vista {
    grid-template-columns: 1fr;
    align-content: center;
  }

  .vgl-vista-img {
    max-height: 44%;
  }
}

.nes-raiz {
  --nes-negro: #000;
  --nes-blanco: #fff;
}

.nes-wrapper {
  height: var(--nes-alto, 100svh);
  position: relative;
  overflow: hidden;
}

.nes-content {
  position: relative;
}

.nes-hero {
  z-index: 1;
  width: 100%;
  height: var(--nes-alto, 100svh);
  place-items: center;
  display: grid;
  position: relative;
  overflow: clip;
}

.nes-hero picture, .nes-hero img {
  display: block;
}

.nes-hero picture {
  z-index: -1;
  background: var(--nes-negro, #000);
  position: absolute;
  inset: 0;
}

.nes-hero picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nes-marquee {
  z-index: 2;
  will-change: transform;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.nes-diag {
  transform: translate(-50%, -50%) rotate(var(--nes-rot, -7deg));
  transform-origin: center;
  position: absolute;
  top: 50%;
  left: 50%;
}

.nes-tira {
  width: max-content;
  animation: nesMarquee var(--nes-vel, 26s) linear infinite;
  align-items: center;
  display: flex;
}

.nes-marquee-2 .nes-tira {
  animation-direction: reverse;
}

@keyframes nesMarquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.nes-tira span {
  white-space: nowrap;
  padding-right: .18em;
  display: block;
}

.nes-marquee-1 .nes-tira span {
  font-family: var(--nes-condensada, "Anton"), "Arial Narrow", sans-serif;
  font-size: var(--nes-tam, clamp(64px, 13vw, 190px));
  letter-spacing: -.01em;
  color: var(--tinta, var(--nes-blanco, #fff));
  text-transform: uppercase;
  line-height: .86;
}

.nes-marquee-2 {
  z-index: 3;
}

.nes-marquee-2 .nes-tira span {
  font-family: var(--nes-script, "Ms Madi"), cursive;
  font-size: var(--nes-tam-2, clamp(58px, 11vw, 160px));
  color: var(--nes-rojo, #ee2625);
  line-height: 1.1;
}

@media (prefers-reduced-motion: reduce) {
  .nes-tira {
    animation: none;
  }
}

.msk-stage {
  height: var(--msk-recorrido, 400vh);
  position: relative;
}

.msk-layers {
  width: 100%;
  height: var(--msk-alto, 100svh);
  background: var(--msk-fondo, #0a0a0a);
  position: sticky;
  top: 0;
  overflow: hidden;
}

.msk-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.msk-texts {
  pointer-events: none;
  padding: 3vw;
  position: absolute;
  inset: 0;
}

.msk-txt {
  width: 100%;
  font-family: var(--msk-tipo, "Playfair Display"), "Shippori Mincho", Georgia, serif;
  color: var(--tinta, #fff);
  text-transform: uppercase;
  clip-path: inset(100% 0 0);
  font-weight: 500;
  position: absolute;
  transform: translateY(40px);
}

.msk-txt h3 {
  white-space: pre-line;
  letter-spacing: -.025em;
  margin-top: 10vh;
  font-size: clamp(48px, 6.8vw, 136px);
  font-weight: 500;
  line-height: .85;
}

.msk-txt h4 {
  letter-spacing: .24em;
  margin-top: 6vw;
  font-size: clamp(14px, 1.067vw, 18px);
  font-weight: 400;
}

.msk-txt span {
  letter-spacing: normal;
  text-transform: none;
  opacity: .82;
  width: min(34ch, 26%);
  margin-top: 30px;
  font-size: clamp(11px, .8vw, 12px);
  line-height: 1.8;
  display: block;
}

.msk-progress {
  z-index: 20;
  gap: 10px;
  width: 100%;
  padding: 2.4rem 3vw;
  display: flex;
  position: absolute;
  bottom: 0;
}

.msk-segment {
  background: #fff3;
  flex: 1;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.msk-fill {
  background: #fff;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (prefers-reduced-motion: reduce) {
  .msk-layer image {
    -webkit-mask: none !important;
    mask: none !important;
  }

  .msk-txt {
    clip-path: none;
    transform: none;
  }

  .msk-txt:not(:last-child) {
    display: none;
  }
}

.tinta-auto {
  color: var(--tinta, #fff);
  transition: color .35s;
}

.tinta-auto-velo[data-contraste-listo] {
  isolation: isolate;
  position: relative;
}

.tinta-auto-velo[data-contraste-listo]:before {
  content: "";
  z-index: -1;
  background: var(--tinta-velo, transparent);
  filter: blur(10px);
  border-radius: .32em;
  position: absolute;
  inset: -.28em -.6em;
}

@property --prs-h {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

@property --prs-out {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

.prs-escena {
  position: relative;
}

.prs-escena[data-prs="on"] .prs-pin {
  place-items: center;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: clip;
}

.prs-escena[data-prs="on"] .prs-hoja {
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.prs-escena[data-prs="on"] .prs-hoja[data-prs-hoja="espera"] {
  pointer-events: none;
}

.prs-lamas {
  z-index: 0;
  display: flex;
  position: absolute;
  inset: 0;
}

.prs-escena:not([data-prs="on"]) .prs-lamas {
  display: none;
}

.prs-lama {
  background-image: var(--prs-foto);
  background-repeat: no-repeat;
  background-size: calc(var(--prs-n, 30) * 100%) 100%;
  background-position: calc(var(--prs-i, 0) / max(1, (var(--prs-n, 30) - 1)) * 100%) center;
  --prs-l: clamp(0, calc((var(--prs-h, 0) - var(--prs-i, 0) * var(--prs-stagger, .014)) / .42), 1);
  clip-path: inset(0 calc((1 - var(--prs-l)) * 50%) 0 calc((1 - var(--prs-l)) * 50%));
  will-change: clip-path;
  flex: 1 1 0;
  align-self: stretch;
}

.prs-panel {
  z-index: 2;
  width: min(1100px, 92vw);
  position: relative;
}

.prs-escena[data-prs="on"] .prs-panel {
  --prs-en: clamp(0, calc((var(--prs-h, 0) - .3) / .32), 1);
  --prs-fuera: clamp(0, calc((var(--prs-out, 0) - .02) / .24), 1);
  opacity: calc(var(--prs-en) * (1 - var(--prs-fuera)));
  clip-path: inset(calc(var(--prs-fuera) * 100%) 0 calc((1 - var(--prs-en)) * 100%) 0);
  transform: translateY(calc((1 - var(--prs-en)) * 26px - var(--prs-fuera) * 30px));
}

.prs-escena[data-prs="on"] .prs-hoja:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  opacity: clamp(0, calc((var(--prs-h, 0) - .12) / .4), 1);
  background: linear-gradient(to top, #000000db 0%, #0000009e 46%, #00000057 100%);
  position: absolute;
  inset: 0;
}

.prs-barra {
  z-index: 3;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
}

.prs-escena:not([data-prs="on"]) .prs-barra {
  display: none;
}

.prs-paso {
  background: #ffffff3d;
  border-radius: 2px;
  width: 34px;
  height: 3px;
  overflow: hidden;
}

.prs-paso i {
  height: 100%;
  width: calc(clamp(0, var(--prs-h, 0), 1) * 100%);
  background: #ffffffeb;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .prs-escena[data-prs="on"] .prs-hoja {
    position: relative;
    inset: auto;
  }

  .prs-lama {
    clip-path: none;
  }

  .prs-escena[data-prs="on"] .prs-panel {
    opacity: 1;
    clip-path: none;
    transform: none;
  }
}

.ldr {
  z-index: 3000;
  background: var(--ldr-fondo, #060607);
  color: var(--ldr-tinta, #fff);
  place-items: center;
  transition: opacity .72s cubic-bezier(.22, 1, .36, 1), visibility .72s;
  display: grid;
  position: fixed;
  inset: 0;
}

.ldr[hidden] {
  display: none;
}

.ldr[data-ldr-estado="listo"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ldr {
  animation: .6s linear 8s forwards ldrSeguridad;
}

.ldr[data-ldr-montado] {
  animation: none;
}

@keyframes ldrSeguridad {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

html[data-ldr="cargando"] {
  overflow: hidden;
}

.ldr-video {
  object-fit: cover;
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ldr-velo {
  background: var(--ldr-fondo, #060607);
  opacity: .55;
  position: absolute;
  inset: 0;
}

.ldr-centro {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  display: flex;
  position: relative;
}

.ldr-logo {
  object-fit: contain;
  max-width: min(62vw, 300px);
  max-height: 74px;
}

.ldr-nombre {
  letter-spacing: .24em;
  text-transform: uppercase;
  opacity: .86;
  font-size: clamp(15px, 2.4vw, 20px);
}

.ldr-cifra {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  font-size: clamp(38px, 7vw, 74px);
  font-weight: 300;
  line-height: 1;
}

.ldr-barra {
  background: var(--ldr-tinta, #fff);
  border-radius: 2px;
  width: min(260px, 62vw);
  height: 2px;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .ldr-barra {
    background: color-mix(in srgb, var(--ldr-tinta, #fff) 18%, transparent);
  }
}

.ldr-barra i {
  background: var(--ldr-acento, currentColor);
  width: 0;
  height: 100%;
  transition: width .18s linear;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .ldr {
    transition: opacity .12s linear, visibility .12s;
  }

  .ldr-barra i {
    transition: none;
  }
}

.pil-bloque {
  height: calc(var(--pil-n, 4) * 100svh);
  view-timeline: --pil block;
  background-color: var(--pil-fondo, #f9ffe7);
  color: var(--pil-tinta, #121212);
  position: relative;
}

.pil-tinte {
  opacity: 0;
  position: absolute;
  inset: 0;
}

.pil-fila {
  z-index: 1;
  justify-content: space-between;
  gap: 60px;
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 2rem;
  display: flex;
  position: relative;
}

.pil-textos {
  flex-direction: column;
  min-width: 300px;
  display: flex;
}

.pil-info {
  place-items: center;
  max-width: 356px;
  height: 100svh;
  display: grid;
}

.pil-titulo {
  letter-spacing: -.02em;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 800;
  line-height: 1.05;
}

.pil-desc {
  letter-spacing: -.03em;
  opacity: .8;
  margin-block: 6px 28px;
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.35;
}

.pil-enlace {
  width: fit-content;
  color: inherit;
  border-radius: 40px;
  align-items: center;
  gap: 6px;
  padding: 16px 18px;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.pil-fotos {
  flex-shrink: 1;
  align-self: flex-start;
  width: 100%;
  max-width: 540px;
  height: 100svh;
  position: sticky;
  top: 0;
}

.pil-foto {
  border-radius: 16px;
  width: 100%;
  height: min(400px, 62svh);
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
  transform: translateY(-50%);
}

.pil-foto img {
  object-fit: cover;
  object-position: 0 0%;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 900px) {
  .pil-fila {
    gap: 30px;
  }

  .pil-bloque {
    height: auto;
  }

  .pil-fila {
    flex-direction: column;
    gap: 20px;
    padding-inline: 1rem;
  }

  .pil-textos, .pil-fotos {
    display: contents;
  }

  .pil-info {
    max-width: 100%;
    height: auto;
    padding: 20px 0;
  }

  .pil-foto {
    width: 100%;
    height: 360px;
    margin-bottom: 20px;
    position: static;
    transform: none;
  }
}

@media (max-width: 560px) {
  .pil-fila {
    gap: 12px;
  }

  .pil-foto {
    border-radius: 10px;
    height: 280px;
  }
}

@supports (animation-timeline: view()) {
  .pil-tinte {
    animation: cubic-bezier(.455, .03, .515, .955) both pilTinte;
    animation-timeline: --pil;
    animation-range: contain calc(var(--desde, 0) * 1%) contain calc(var(--hasta, 100) * 1%);
  }

  @keyframes pilTinte {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .pil-foto img {
    animation: linear both pilMedia;
    animation-timeline: --pil;
    animation-range: contain calc(var(--desde, 0) * 1%) contain calc(var(--hasta, 100) * 1%);
  }

  .pil-foto img.pil-primera {
    animation-name: pilPrimera;
  }

  .pil-foto img.pil-ultima {
    animation-name: pilUltima;
  }

  @keyframes pilPrimera {
    from {
      object-position: 0 0%;
      clip-path: inset(0);
    }

    to {
      object-position: 0 60%;
      clip-path: inset(0 0 100%);
    }
  }

  @keyframes pilMedia {
    0% {
      object-position: 0 0%;
      clip-path: inset(0);
    }

    50% {
      object-position: 0 40%;
      clip-path: inset(0);
    }

    100% {
      object-position: 0 60%;
      clip-path: inset(0 0 100%);
    }
  }

  @keyframes pilUltima {
    from {
      object-position: 0 0%;
    }

    to {
      object-position: 0 40%;
    }
  }

  @media (max-width: 768px) {
    .pil-foto img, .pil-foto img.pil-primera, .pil-foto img.pil-ultima {
      animation-name: pilMovil;
      animation-timeline: view();
      animation-range: entry exit;
    }

    @keyframes pilMovil {
      from {
        object-position: 0 60%;
        clip-path: inset(0);
      }

      to {
        object-position: 0 30%;
        clip-path: inset(0);
      }
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .pil-bloque {
    height: auto;
  }

  .pil-fila {
    flex-direction: column;
    gap: 20px;
  }

  .pil-textos, .pil-fotos {
    display: contents;
  }

  .pil-info {
    max-width: 100%;
    height: auto;
    padding: 20px 0;
  }

  .pil-foto {
    width: 100%;
    height: 360px;
    margin-bottom: 20px;
    position: static;
    transform: none;
  }

  .pil-foto img, .pil-tinte {
    animation: none !important;
  }

  .pil-foto img {
    clip-path: none !important;
    object-position: center !important;
  }
}

html.sin-scroll-anim :is(.pil-foto img, .pil-tinte) {
  animation: none !important;
}

html.sin-scroll-anim .pil-foto img {
  clip-path: none !important;
}

.haz-escena {
  width: 100%;
  height: var(--haz-alto-escena, 420px);
  background: var(--haz-fondo, #000);
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.haz-cielo {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.haz-cielo:before, .haz-cielo:after {
  content: "";
  opacity: .5;
  background-image: radial-gradient(1.5px 1.5px at 20px 30px, #ffffffb3, #0000), radial-gradient(1px 1px at 120px 80px, #c4b5fd8c, #0000), radial-gradient(1.5px 1.5px at 60px 160px, #ffffff80, #0000), radial-gradient(1px 1px at 180px 140px, #8b5cf699, #0000), radial-gradient(1px 1px at 90px 220px, #ffffff73, #0000);
  background-repeat: repeat;
  background-size: 240px 240px;
  width: 200%;
  height: 200%;
  animation: 60s linear infinite hazCielo;
  position: absolute;
  top: -50%;
  left: -50%;
}

.haz-cielo:after {
  opacity: .3;
  background-size: 360px 360px;
  animation-duration: 100s;
}

@keyframes hazCielo {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(240px);
  }
}

.haz-capa {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.haz-capa-codigo {
  clip-path: inset(0 50% 0 0);
  z-index: 1;
}

.haz-capa-foto {
  clip-path: inset(0 0 0 50%);
  z-index: 2;
}

.haz-tira {
  will-change: transform;
  width: max-content;
  animation: hazDeriva var(--haz-duracion, 31s) linear infinite;
  align-items: center;
  display: flex;
}

@keyframes hazDeriva {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.haz-carta {
  width: var(--haz-ancho, 400px);
  height: var(--haz-alto, 250px);
  margin-right: var(--haz-hueco, 60px);
  border-radius: 15px;
  flex: none;
  position: relative;
  overflow: hidden;
}

.haz-capa-foto .haz-carta {
  box-shadow: 0 15px 40px #0006;
}

.haz-carta img {
  object-fit: cover;
  filter: brightness(1.1) contrast(1.1);
  width: 100%;
  height: 100%;
  display: block;
}

.haz-cifrado {
  animation: .1s linear infinite alternate-reverse hazGlitch;
  position: absolute;
  inset: 0;
}

@keyframes hazGlitch {
  0% {
    opacity: 1;
  }

  15% {
    opacity: .9;
  }

  16% {
    opacity: 1;
  }

  49% {
    opacity: .8;
  }

  50% {
    opacity: 1;
  }

  99% {
    opacity: .9;
  }

  100% {
    opacity: 1;
  }
}

.haz-codigo {
  color: #dcd2ff99;
  white-space: pre;
  text-align: left;
  opacity: 0;
  margin: 0;
  padding: 0;
  font-family: Courier New, ui-monospace, monospace;
  font-size: 11px;
  line-height: 13px;
  animation: .45s linear infinite hazTurno;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000c 30%, #0009 50%, #0006 80%, #0003 100%);
  mask-image: linear-gradient(to right, #000 0%, #000c 30%, #0009 50%, #0006 80%, #0003 100%);
}

.haz-codigo:nth-child(2) {
  animation-delay: -.15s;
}

.haz-codigo:nth-child(3) {
  animation-delay: -.3s;
}

@keyframes hazTurno {
  0%, 33.33% {
    opacity: 1;
  }

  33.34%, 100% {
    opacity: 0;
  }
}

.haz-rayo {
  z-index: 15;
  width: 3px;
  height: var(--haz-largo, 300px);
  pointer-events: none;
  background: linear-gradient(#fff0 0%, #fff 20% 80%, #fff0 100%);
  border-radius: 3px;
  animation: 2s ease-in-out infinite alternate hazPulso;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes hazPulso {
  0% {
    opacity: .85;
    transform: translate(-50%, -50%)scaleY(1);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%)scaleY(1.08);
  }
}

.haz-rayo:before, .haz-rayo:after {
  content: "";
  pointer-events: none;
  border-radius: 999px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.haz-rayo:before {
  filter: blur(6px);
  background: linear-gradient(#0000, #c4b5fdd9 20% 80%, #0000);
  width: 12px;
}

.haz-rayo:after {
  filter: blur(16px);
  background: linear-gradient(#0000, #8b5cf673 20% 80%, #0000);
  width: 26px;
}

.haz-chispas {
  z-index: 14;
  width: 50%;
  height: var(--haz-largo, 300px);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-mask-image: linear-gradient(#0000, #000 18% 82%, #0000);
  mask-image: linear-gradient(#0000, #000 18% 82%, #0000);
}

.haz-chispas i {
  background: radial-gradient(circle, #fff 0%, #c4b5fdcc 30%, #8b5cf666 70%, #0000 100%);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  animation: linear infinite hazChispa;
  position: absolute;
  left: 0;
}

@keyframes hazChispa {
  0% {
    transform: translateX(0) scale(var(--haz-tam, 1));
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  100% {
    transform: translateX(var(--haz-viaje, 380px)) scale(var(--haz-tam, 1));
    opacity: 0;
  }
}

.haz-escena[data-haz-vivo] {
  cursor: grab;
}

.haz-escena[data-haz-arrastrando] {
  cursor: grabbing;
}

.haz-escena[data-haz-vivo] {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.haz-carta img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.haz-controles, .haz-lectura {
  display: none;
}

.haz-escena[data-haz-vivo] .haz-controles {
  z-index: 20;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 16px;
  left: 16px;
}

.haz-btn {
  color: #fff;
  font: inherit;
  cursor: pointer;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #fff3;
  border: 0;
  border-radius: 25px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 700;
  transition: background .3s, transform .3s, box-shadow .3s;
}

.haz-btn:hover {
  background: #ffffff4d;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px #0000004d;
}

.haz-btn:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #fff;
}

.haz-escena[data-haz-vivo] .haz-lectura {
  z-index: 20;
  color: #fff;
  font-variant-numeric: tabular-nums;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #00000059;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13px;
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
}

@media (max-width: 640px) {
  .haz-escena {
    --haz-ancho: 260px;
    --haz-alto: 163px;
    --haz-hueco: 36px;
    --haz-largo: 210px;
    height: var(--haz-alto-escena-movil, 300px);
  }

  .haz-btn {
    padding: 7px 12px;
    font-size: 12px;
  }

  .haz-escena[data-haz-vivo] .haz-controles {
    gap: 6px;
  }

  .haz-escena[data-haz-vivo] .haz-lectura {
    top: auto;
    bottom: 12px;
    right: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .haz-tira, .haz-cifrado, .haz-rayo, .haz-chispas i, .haz-cielo:before, .haz-cielo:after {
    animation: none !important;
  }

  .haz-codigo {
    opacity: 0;
    animation: none !important;
  }

  .haz-codigo:first-child {
    opacity: 1;
  }

  .haz-chispas {
    display: none;
  }
}

html.sin-scroll-anim :is(.haz-tira, .haz-cifrado, .haz-rayo) {
  animation: none !important;
}

.prf-escena {
  width: 100%;
  height: var(--prf-alto, 100svh);
  background: var(--prf-fondo, #fff);
  --prf-u: calc(var(--prf-alto, 100svh) / 8.4);
  perspective: calc(6 * var(--prf-u));
  perspective-origin: 50%;
  position: relative;
  overflow: hidden;
}

.prf-pista {
  height: calc(var(--prf-alto, 100svh) * 2);
  view-timeline: --prf block;
  position: relative;
}

.prf-pin {
  height: var(--prf-alto, 100svh);
  position: sticky;
  top: 0;
}

.prf-mundo {
  transform-style: preserve-3d;
  transform: rotateX(var(--prf-rx, 0deg)) rotateY(var(--prf-ry, 0deg));
  position: absolute;
  inset: 0;
}

.prf-foto {
  width: calc(var(--w) * var(--prf-u));
  height: calc(var(--h) * var(--prf-u));
  transform-style: preserve-3d;
  transform: translate3d(calc(var(--x) * var(--prf-u)), calc(var(--y) * var(--prf-u) * -1), calc(var(--z) * var(--prf-u)));
  margin: auto;
  position: absolute;
  inset: 0;
}

.prf-salida, .prf-plano {
  transform-style: preserve-3d;
  position: absolute;
  inset: 0;
}

.prf-velo {
  position: absolute;
  inset: 0;
}

.prf-marco {
  clip-path: inset(0% round var(--prf-radio, 3%));
  position: absolute;
  inset: 0;
}

.prf-marco img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.prf-foto[data-prf-difusa] .prf-velo {
  filter: blur(calc(var(--prf-u) * .18));
}

.prf-plano {
  animation: 1.8s cubic-bezier(.5, 1, .89, 1) both prfEntra;
  animation-delay: calc(var(--prf-retraso, 0) * 1s + .2s);
}

@keyframes prfEntra {
  from {
    transform: translate3d(0, calc(var(--prf-u) * 2), calc(var(--prf-u) * -2)) rotateY(57.2958deg);
  }

  to {
    transform: none;
  }
}

.prf-marco {
  animation: 1s cubic-bezier(.5, 1, .89, 1) both prfRevela;
  animation-delay: calc(var(--prf-retraso, 0) * 1s);
}

@keyframes prfRevela {
  from {
    clip-path: inset(50% round var(--prf-radio, 3%));
  }

  to {
    clip-path: inset(0% round var(--prf-radio, 3%));
  }
}

.prf-velo {
  animation: 1s cubic-bezier(.5, 1, .89, 1) both prfSuaviza;
  animation-delay: calc(var(--prf-retraso, 0) * 1s);
}

@keyframes prfSuaviza {
  from {
    filter: blur(calc(var(--prf-u) * .3));
  }

  to {
    filter: blur();
  }
}

.prf-foto[data-prf-difusa] .prf-velo {
  animation-name: prfSuavizaDifusa;
}

@keyframes prfSuavizaDifusa {
  from {
    filter: blur(calc(var(--prf-u) * .4));
  }

  to {
    filter: blur(calc(var(--prf-u) * .18));
  }
}

@supports (animation-timeline: view()) {
  .prf-salida {
    animation: linear both prfSale;
    animation-timeline: --prf;
    animation-range: cover calc(33.333% + var(--prf-retraso, 0) * 12%) cover 66.667%;
  }

  @keyframes prfSale {
    from {
      transform: none;
    }

    to {
      transform: translate3d(calc(var(--prf-lado) * 1.5 * var(--prf-u)), calc(var(--prf-u) * -10), calc(var(--prf-u) * 2));
    }
  }
}

.prf-repetir {
  display: none;
}

.prf-escena[data-prf-vivo] .prf-repetir {
  z-index: 5;
  color: #fff;
  font: inherit;
  cursor: pointer;
  background: linear-gradient(90deg, #4285f4 10%, #2daeb8);
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 600;
  transition: box-shadow .2s, filter .2s;
  display: flex;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}

.prf-escena[data-prf-vivo] .prf-repetir:hover {
  filter: brightness(.92);
  box-shadow: 0 6px 18px #4285f459;
}

.prf-repetir:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #4285f4;
}

@media (max-width: 640px) {
  .prf-escena {
    --prf-u: calc(var(--prf-alto, 100svh) / 12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .prf-plano, .prf-marco, .prf-velo, .prf-salida {
    animation: none !important;
  }

  .prf-marco {
    clip-path: inset(0% round var(--prf-radio, 3%));
  }

  .prf-foto[data-prf-difusa] .prf-velo {
    filter: blur(calc(var(--prf-u) * .18));
  }
}

html.sin-scroll-anim :is(.prf-plano, .prf-marco, .prf-velo, .prf-salida) {
  animation: none !important;
}

@font-face {
  font-family: Archivo Ancha;
  src: url("/fonts/archivo-latin.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  font-variation-settings: "wdth" 125;
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo Ancha;
  src: url("/fonts/archivo-latin-ext.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  font-variation-settings: "wdth" 125;
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --background: #fff;
  --foreground: #0a0a0a;
  --card: #fff;
  --card-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e40014;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #d4d4d4;
  --chart-2: #737373;
  --chart-3: #525252;
  --chart-4: #404040;
  --chart-5: #262626;
  --radius: .625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: lab(100% 0 0);
    --foreground: lab(2.75381% 0 0);
    --card: lab(100% 0 0);
    --card-foreground: lab(2.75381% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.75381% 0 0);
    --primary: lab(7.78201% -.0000149012 0);
    --primary-foreground: lab(98.26% 0 0);
    --secondary: lab(96.52% -.0000298023 .0000119209);
    --secondary-foreground: lab(7.78201% -.0000149012 0);
    --muted: lab(96.52% -.0000298023 .0000119209);
    --muted-foreground: lab(48.496% 0 0);
    --accent: lab(96.52% -.0000298023 .0000119209);
    --accent-foreground: lab(7.78201% -.0000149012 0);
    --destructive: lab(48.4493% 77.4328 61.5452);
    --border: lab(90.952% 0 -.0000119209);
    --input: lab(90.952% 0 -.0000119209);
    --ring: lab(66.128% -.0000298023 .0000119209);
    --chart-1: lab(84.92% 0 -.0000119209);
    --chart-2: lab(48.496% 0 0);
    --chart-3: lab(34.924% 0 0);
    --chart-4: lab(27.036% 0 0);
    --chart-5: lab(15.204% 0 -.00000596046);
    --sidebar: lab(98.26% 0 0);
    --sidebar-foreground: lab(2.75381% 0 0);
    --sidebar-primary: lab(7.78201% -.0000149012 0);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent-foreground: lab(7.78201% -.0000149012 0);
    --sidebar-border: lab(90.952% 0 -.0000119209);
    --sidebar-ring: lab(66.128% -.0000298023 .0000119209);
  }
}

.dark {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #171717;
  --card-foreground: #fafafa;
  --popover: #171717;
  --popover-foreground: #fafafa;
  --primary: #e5e5e5;
  --primary-foreground: #171717;
  --secondary: #262626;
  --secondary-foreground: #fafafa;
  --muted: #262626;
  --muted-foreground: #a1a1a1;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #ff6568;
  --border: #ffffff1a;
  --input: #ffffff26;
  --ring: #737373;
  --chart-1: #d4d4d4;
  --chart-2: #737373;
  --chart-3: #525252;
  --chart-4: #404040;
  --chart-5: #262626;
  --sidebar: #171717;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #1447e6;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #262626;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #737373;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --background: lab(2.75381% 0 0);
    --foreground: lab(98.26% 0 0);
    --card: lab(7.78201% -.0000149012 0);
    --card-foreground: lab(98.26% 0 0);
    --popover: lab(7.78201% -.0000149012 0);
    --popover-foreground: lab(98.26% 0 0);
    --primary: lab(90.952% 0 -.0000119209);
    --primary-foreground: lab(7.78201% -.0000149012 0);
    --secondary: lab(15.204% 0 -.00000596046);
    --secondary-foreground: lab(98.26% 0 0);
    --muted: lab(15.204% 0 -.00000596046);
    --muted-foreground: lab(66.128% -.0000298023 .0000119209);
    --accent: lab(15.204% 0 -.00000596046);
    --accent-foreground: lab(98.26% 0 0);
    --destructive: lab(63.7053% 60.745 31.3109);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .15);
    --ring: lab(48.496% 0 0);
    --chart-1: lab(84.92% 0 -.0000119209);
    --chart-2: lab(48.496% 0 0);
    --chart-3: lab(34.924% 0 0);
    --chart-4: lab(27.036% 0 0);
    --chart-5: lab(15.204% 0 -.00000596046);
    --sidebar: lab(7.78201% -.0000149012 0);
    --sidebar-foreground: lab(98.26% 0 0);
    --sidebar-primary: lab(36.9089% 35.0961 -85.6872);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(15.204% 0 -.00000596046);
    --sidebar-accent-foreground: lab(98.26% 0 0);
    --sidebar-border: lab(100% 0 0 / .1);
    --sidebar-ring: lab(48.496% 0 0);
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

/*# sourceMappingURL=app_1cvde85._.css.map*/