.static {position: static;}
.static--important {position: static !important;}
.fixed {position: fixed;}
.absolute {position: absolute;}
.relative {position: relative;}
.sticky {position: sticky;}

.text-primary     { color: var(--primary); }
.text-black       { color: var(--black); }
.text-dark-grey   { color: var(--dark-grey); }
.text-white       { color: var(--white); }
.text-light-white { color: var(--light-white); }
.text-lighter-white { color: var(--lighter-white); }
.text-light-grey  { color: var(--light-grey); }
.text-darker-grey { color: var(--darker-grey); }
.text-pure-black  { color: var(--pure-black); }
.text-pure-black-light  { color: var(--pure-black-light); }

.hover\:text-primary:hover     { color: var(--primary); }
.hover\:text-black:hover       { color: var(--black); }
.hover\:text-dark-grey:hover   { color: var(--dark-grey); }
.hover\:       { color: var(--white); }
.hover\:text-light-grey:hover  { color: var(--light-grey); }
.hover\:text-darker-grey:hover { color: var(--darker-grey); }
.hover\:text-pure-black:hover  { color: var(--pure-black); }

.fill-white { fill: var(--white); }
.fill-current { fill: currentColor; }

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.tracking-tighter {letter-spacing: -0.03em}
.tracking-tight {letter-spacing: -0.025em}
.tracking-normal {letter-spacing: -0.025em}

.underline {text-decoration-line: underline;}
.no-underline {text-decoration-line: none;}

.backdrop-blur-2xl {-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.pointer-events-none {pointer-events: none;}
.cursor-pointer {cursor: pointer;}

.bg-transparent       { background-color: transparent; }
.bg-white       { background-color: var(--white); }
.bg-primary     { background-color: var(--primary); }
.bg-black       { background-color: var(--black); }
.bg-dark-grey   { background-color: var(--dark-grey); }
.bg-light-grey  { background-color: var(--light-grey); }
.bg-darker-grey { background-color: var(--darker-grey); }
.bg-pure-black  { background-color: var(--pure-black); }
.bg-pure-black-light  { background-color: var(--pure-black-light); }
.bg-grey-blue  { background-color: var(--grey-blue); }
.bg-grey-blue-light  { background-color: var(--grey-blue-light); }
.bg-green  { background-color: var(--green); }
.bg-blue  { background-color: var(--blue); }
.bg-yellow  { background-color: var(--yellow); }
.bg-cyan    { background-color: var(--cyan); }

.glass-effect-low {
  background: #e3eff2;
  position: relative;
  outline-color: color-mix(in oklab, #0303021f 50%, transparent);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 12px 12px 2px #00000008, 0 2px 4px -1px #0000000f;
}
.glass-effect-low::before {
  content: "";
  border-radius: var(--radius-xl);
  pointer-events: none;
  background: linear-gradient(#ffffffa3 40%, #fff0 75% 95%, #ffffffa3);
  padding: 1px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.border-black       { border-color: var(--black); }
.border-dark-grey   { border-color: var(--dark-grey); }
.border-white       { border-color: var(--white); }
.border-light-grey  { border-color: var(--light-grey); }
.border-mid-grey    { border-color: var(--mid-grey); }
.border-light-white  { border-color: var(--light-white); }
.border-lighter-white  { border-color: var(--lighter-white); }
.border-darker-grey { border-color: var(--darker-grey); }
.border-pure-black  { border-color: var(--pure-black); }
.border-green { border-color: var(--green); }

.border-1 {border-width: 1px}
.border-2 {border-width: 2px}

.border-t-1 {border-top-width: 1px}
.border-t-2 {border-top-width: 2px}
.border-b-1 {border-bottom-width: 1px}
.border-b-2 {border-bottom-width: 2px}

.family-display { font-family: var(--display); }
.family-text { font-family: var(--text); }
.family-serif { font-family: var(--serif); }

.weight-400 { font-weight: var(--font-normal) ; }
.weight-500 { font-weight: var(--font-medium) ; }
.weight-700 { font-weight: var(--font-bold) ; }

/* Pequeños textos de soporte */
.caption      { font-size: var(--text-sm); }   /* 14px */
.base      { font-size: var(--text-base); }   /* 16px */

/* Texto base para párrafos */
.body-1       { font-size: clamp(var(--text-base), 0.9rem + 0.12vw, var(--text-lg)); } /* 16–18px */
.body-2       { font-size: clamp(var(--text-lg), 1rem + 0.125vw, var(--text-xl)); }  /* 18–20px */

/* Subtítulos, destacados */
.subheadline  { font-size: clamp(var(--text-lg),  1.033rem + 0.393vw, var(--text-2xl)); } /* 18–24px */

/* Títulos secundarios */
.title-2      { font-size: clamp(var(--text-2xl), 1.3rem + 0.3vw, var(--text-3xl)); } /* 24–30px */
.title-1      { font-size: clamp(var(--text-2xl), 1.32rem + 0.8vw, var(--text-4xl)); } /* 24–36px */

/* Encabezados principales */
.headline-2   { font-size: clamp(var(--text-3xl),  1.45rem + 0.85vw, var(--text-5xl)); } /* 30–48px */
.headline-1   { font-size: clamp(var(--text-4xl),  1.5rem + 1.7vw, var(--text-6xl));} /* 36–60px */

/* Grandes claims o hero */
.display-3    { font-size: clamp(var(--text-4xl), 2.066rem + 0.787vw, var(--text-5xl)); } /* 36–48px */
.display-2    { font-size: clamp(var(--text-6xl), 3.627rem + 0.525vw, var(--text-7xl)); } /* 60–68px */
.display-1    { font-size: clamp(var(--text-7xl), 4rem + 0.5vw, var(--text-8xl)); } /* 68–76px */

/* Line height */
.leading-none {line-height: var(--leading-none);}
.leading-100 {line-height: 100%}
.leading-110 {line-height: 110%}
.leading-tight {line-height: var(--leading-tight);}
.leading-snug {line-height: var(--leading-snug);}
.leading-normal {line-height: var(--leading-normal);}
.leading-loose {line-height: var(--leading-loose);}

/* Overflow */
.overflow-auto       { overflow: auto; }
.overflow-hidden     { overflow: hidden; }
.overflow-clip       { overflow: clip; }
.overflow-visible    { overflow: visible; }
.overflow-visible-important    { overflow: visible !important; }
.overflow-scroll     { overflow: scroll; }

.overflow-x-auto     { overflow-x: auto; }
.overflow-x-hidden   { overflow-x: hidden; }
.overflow-x-clip     { overflow-x: clip; }
.overflow-x-visible  { overflow-x: visible; }
.overflow-x-scroll   { overflow-x: scroll; }

.overflow-y-auto     { overflow-y: auto; }
.overflow-y-hidden   { overflow-y: hidden; }
.overflow-y-clip     { overflow-y: clip; }
.overflow-y-visible  { overflow-y: visible; }
.overflow-y-scroll   { overflow-y: scroll; }

.w-10 {width: 80px}
.h-10 {height: 80px}
.w-14 {width: 112px}
.h-14 {height: 112px}

.aspect-169 {aspect-ratio: 16/9}
.aspect-43 {aspect-ratio: 4/3}
.aspect-11 {aspect-ratio: 1/1}
.aspect-32 {aspect-ratio: 3/2}


/* Width fractions */
.w-1\/2 { width: 50%; }
.w-1\/3 { width: 33.3333%; }
.w-2\/3 { width: 66.6667%; }
.w-1\/4 { width: 25%; }
.w-2\/4 { width: 50%; }
.w-3\/4 { width: 75%; }
.w-1\/5 { width: 20%; }
.w-2\/5 { width: 40%; }
.w-3\/5 { width: 60%; }
.w-4\/5 { width: 80%; }
.w-1\/6 { width: 16.6667%; }
.w-2\/6 { width: 33.3333%; }
.w-3\/6 { width: 50%; }
.w-4\/6 { width: 66.6667%; }
.w-5\/6 { width: 83.3333%; }

/* Margin Left */
.ml-auto { margin-left: auto; }

/* Position spacing - left */
.inset-0 {inset: 0}

/* Position spacing - left */
.left-0   { left: var(--space-0); }
.left-1   { left: var(--space-1); }
.left-2   { left: var(--space-2); }
.left-3   { left: var(--space-3); }
.left-4   { left: var(--space-4); }
.left-5   { left: var(--space-5); }
.left-6   { left: var(--space-6); }
.left-7   { left: var(--space-7); }
.left-8   { left: var(--space-8); }
.left-9   { left: var(--space-9); }
.left-10  { left: var(--space-10); }
.left-11  { left: var(--space-11); }
.left-12  { left: var(--space-12); }
.left-14  { left: var(--space-14); }
.left-16  { left: var(--space-16); }
.left-20  { left: var(--space-20); }
.left-24  { left: var(--space-24); }
.left-28  { left: var(--space-28); }
.left-32  { left: var(--space-32); }
.left-36  { left: var(--space-36); }
.left-40  { left: var(--space-40); }

/* Position spacing - right */
.right-0   { right: var(--space-0); }
.right-1   { right: var(--space-1); }
.right-2   { right: var(--space-2); }
.right-3   { right: var(--space-3); }
.right-4   { right: var(--space-4); }
.right-5   { right: var(--space-5); }
.right-6   { right: var(--space-6); }
.right-7   { right: var(--space-7); }
.right-8   { right: var(--space-8); }
.right-9   { right: var(--space-9); }
.right-10  { right: var(--space-10); }
.right-11  { right: var(--space-11); }
.right-12  { right: var(--space-12); }
.right-14  { right: var(--space-14); }
.right-16  { right: var(--space-16); }
.right-20  { right: var(--space-20); }
.right-24  { right: var(--space-24); }
.right-28  { right: var(--space-28); }
.right-32  { right: var(--space-32); }
.right-36  { right: var(--space-36); }
.right-40  { right: var(--space-40); }

/* Position spacing - top */
.top-0   { top: var(--space-0); }
.top-1   { top: var(--space-1); }
.top-2   { top: var(--space-2); }
.top-3   { top: var(--space-3); }
.top-4   { top: var(--space-4); }
.top-5   { top: var(--space-5); }
.top-6   { top: var(--space-6); }
.top-7   { top: var(--space-7); }
.top-8   { top: var(--space-8); }
.top-9   { top: var(--space-9); }
.top-10  { top: var(--space-10); }
.top-11  { top: var(--space-11); }
.top-12  { top: var(--space-12); }
.top-14  { top: var(--space-14); }
.top-16  { top: var(--space-16); }
.top-20  { top: var(--space-20); }
.top-24  { top: var(--space-24); }
.top-28  { top: var(--space-28); }
.top-32  { top: var(--space-32); }
.top-36  { top: var(--space-36); }
.top-40  { top: var(--space-40); }

/* Position spacing - bottom */
.bottom-0   { bottom: var(--space-0); }
.bottom-1   { bottom: var(--space-1); }
.bottom-2   { bottom: var(--space-2); }
.bottom-3   { bottom: var(--space-3); }
.bottom-4   { bottom: var(--space-4); }
.bottom-5   { bottom: var(--space-5); }
.bottom-6   { bottom: var(--space-6); }
.bottom-7   { bottom: var(--space-7); }
.bottom-8   { bottom: var(--space-8); }
.bottom-9   { bottom: var(--space-9); }
.bottom-10  { bottom: var(--space-10); }
.bottom-11  { bottom: var(--space-11); }
.bottom-12  { bottom: var(--space-12); }
.bottom-14  { bottom: var(--space-14); }
.bottom-16  { bottom: var(--space-16); }
.bottom-20  { bottom: var(--space-20); }
.bottom-24  { bottom: var(--space-24); }
.bottom-28  { bottom: var(--space-28); }
.bottom-32  { bottom: var(--space-32); }
.bottom-36  { bottom: var(--space-36); }
.bottom-40  { bottom: var(--space-40); }


.z-10 {z-index: 1}
.z-20 {z-index: 2}
.z-90 {z-index: 90}

/* Margin top */
.mt-auto  { margin-top: auto; }
.mt-0  { margin-top: var(--space-0); }
.mt-1  { margin-top: var(--space-1); }
.mt-2  { margin-top: var(--space-2); }
.mt-3  { margin-top: var(--space-3); }
.mt-4  { margin-top: var(--space-4); }
.mt-5  { margin-top: var(--space-5); }
.mt-6  { margin-top: var(--space-6); }
.mt-7  { margin-top: var(--space-7); }
.mt-8  { margin-top: var(--space-8); }
.mt-9  { margin-top: var(--space-9); }
.mt-10 { margin-top: var(--space-10); }
.mt-11 { margin-top: var(--space-11); }
.mt-12 { margin-top: var(--space-12); }
.mt-14 { margin-top: var(--space-14); }
.mt-16 { margin-top: var(--space-16); }
.mt-20 { margin-top: var(--space-20); }
.mt-24 { margin-top: var(--space-24); }
.mt-28 { margin-top: var(--space-28); }
.mt-32 { margin-top: var(--space-32); }
.mt-36 { margin-top: var(--space-36); }
.mt-40 { margin-top: var(--space-40); }

/* Margin bottom */
.mb-0  { margin-bottom: var(--space-0); }
.mb-1  { margin-bottom: var(--space-1); }
.mb-2  { margin-bottom: var(--space-2); }
.mb-3  { margin-bottom: var(--space-3); }
.mb-4  { margin-bottom: var(--space-4); }
.mb-5  { margin-bottom: var(--space-5); }
.mb-6  { margin-bottom: var(--space-6); }
.mb-7  { margin-bottom: var(--space-7); }
.mb-8  { margin-bottom: var(--space-8); }
.mb-9  { margin-bottom: var(--space-9); }
.mb-10 { margin-bottom: var(--space-10); }
.mb-11 { margin-bottom: var(--space-11); }
.mb-12 { margin-bottom: var(--space-12); }
.mb-14 { margin-bottom: var(--space-14); }
.mb-16 { margin-bottom: var(--space-16); }
.mb-20 { margin-bottom: var(--space-20); }
.mb-24 { margin-bottom: var(--space-24); }
.mb-28 { margin-bottom: var(--space-28); }
.mb-32 { margin-bottom: var(--space-32); }
.mb-36 { margin-bottom: var(--space-36); }
.mb-40 { margin-bottom: var(--space-40); }
.mb-44 { margin-bottom: var(--space-44); }
.mb-48 { margin-bottom: var(--space-48); }
.mb-52 { margin-bottom: var(--space-52); }

.mb-last-0 > *:last-child {margin-bottom: 0 !important;}

/* Margin X / Y */
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-0  { margin-left: var(--space-0); margin-right: var(--space-0); }
.mx-1  { margin-left: var(--space-1); margin-right: var(--space-1); }
.mx-2  { margin-left: var(--space-2); margin-right: var(--space-2); }
.mx-4  { margin-left: var(--space-4); margin-right: var(--space-4); }
.mx-8  { margin-left: var(--space-8); margin-right: var(--space-8); }
.mx-16 { margin-left: var(--space-16); margin-right: var(--space-16); }
.mx-20 { margin-left: var(--space-20); margin-right: var(--space-20); }

.my-0  { margin-top: var(--space-0); margin-bottom: var(--space-0); }
.my-4  { margin-top: var(--space-4); margin-bottom: var(--space-4); }
.my-8  { margin-top: var(--space-8); margin-bottom: var(--space-8); }
.my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16); }
.my-20 { margin-top: var(--space-20); margin-bottom: var(--space-20); }

/* Padding top */
.pt-0  { padding-top: var(--space-0); }
.pt-1  { padding-top: var(--space-1); }
.pt-2  { padding-top: var(--space-2); }
.pt-3  { padding-top: var(--space-3); }
.pt-4  { padding-top: var(--space-4); }
.pt-5  { padding-top: var(--space-5); }
.pt-6  { padding-top: var(--space-6); }
.pt-7  { padding-top: var(--space-7); }
.pt-8  { padding-top: var(--space-8); }
.pt-9  { padding-top: var(--space-9); }
.pt-10 { padding-top: var(--space-10); }
.pt-11 { padding-top: var(--space-11); }
.pt-12 { padding-top: var(--space-12); }
.pt-14 { padding-top: var(--space-14); }
.pt-16 { padding-top: var(--space-16); }
.pt-20 { padding-top: var(--space-20); }
.pt-24 { padding-top: var(--space-24); }
.pt-28 { padding-top: var(--space-28); }
.pt-32 { padding-top: var(--space-32); }
.pt-36 { padding-top: var(--space-36); }
.pt-40 { padding-top: var(--space-40); }
.pt-56 { padding-top: var(--space-56); }

/* Padding bottom */
.pb-0  { padding-bottom: var(--space-0); }
.pb-1  { padding-bottom: var(--space-1); }
.pb-2  { padding-bottom: var(--space-2); }
.pb-3  { padding-bottom: var(--space-3); }
.pb-4  { padding-bottom: var(--space-4); }
.pb-5  { padding-bottom: var(--space-5); }
.pb-6  { padding-bottom: var(--space-6); }
.pb-7  { padding-bottom: var(--space-7); }
.pb-8  { padding-bottom: var(--space-8); }
.pb-9  { padding-bottom: var(--space-9); }
.pb-10 { padding-bottom: var(--space-10); }
.pb-11 { padding-bottom: var(--space-11); }
.pb-12 { padding-bottom: var(--space-12); }
.pb-14 { padding-bottom: var(--space-14); }
.pb-16 { padding-bottom: var(--space-16); }
.pb-20 { padding-bottom: var(--space-20); }
.pb-24 { padding-bottom: var(--space-24); }
.pb-28 { padding-bottom: var(--space-28); }
.pb-32 { padding-bottom: var(--space-32); }
.pb-36 { padding-bottom: var(--space-36); }
.pb-40 { padding-bottom: var(--space-40); }
.pb-44 { padding-bottom: var(--space-44); }
.pb-48 { padding-bottom: var(--space-48); }
.pb-56 { padding-bottom: var(--space-56); }

.pb-vh-24 {padding-bottom: 24vh}
.pb-vh-32 {padding-bottom: 32vh}

/* Padding right */
.pr-0  { padding-right: var(--space-0); }
.pr-1  { padding-right: var(--space-1); }
.pr-2  { padding-right: var(--space-2); }
.pr-3  { padding-right: var(--space-3); }
.pr-4  { padding-right: var(--space-4); }
.pr-5  { padding-right: var(--space-5); }
.pr-6  { padding-right: var(--space-6); }
.pr-7  { padding-right: var(--space-7); }
.pr-8  { padding-right: var(--space-8); }

/* Padding X / Y */
.px-0  { padding-left: var(--space-0); padding-right: var(--space-0); }
.px-2  { padding-left: var(--space-2); padding-right: var(--space-2); }
.px-3  { padding-left: var(--space-3); padding-right: var(--space-3); }
.px-4  { padding-left: var(--space-4); padding-right: var(--space-4); }
.px-6  { padding-left: var(--space-6); padding-right: var(--space-6); }
.px-8  { padding-left: var(--space-8); padding-right: var(--space-8); }
.px-16 { padding-left: var(--space-16); padding-right: var(--space-16); }

.py-0  { padding-top: var(--space-0); padding-bottom: var(--space-0); }
.py-1  { padding-top: var(--space-1); padding-bottom: var(--space-1); }
.py-2  { padding-top: var(--space-2); padding-bottom: var(--space-2); }
.py-4  { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.py-6  { padding-top: var(--space-6); padding-bottom: var(--space-6); }
.py-8  { padding-top: var(--space-8); padding-bottom: var(--space-8); }
.py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); }

/* Padding global */
.p-0   { padding: var(--space-0); }
.p-2   { padding: var(--space-2); }
.p-4   { padding: var(--space-4); }
.p-6   { padding: var(--space-6); }
.p-8   { padding: var(--space-8); }
.p-10   { padding: var(--space-10); }
.p-12  { padding: var(--space-12); }
.p-16  { padding: var(--space-16); }
.p-20  { padding: var(--space-20); }
.p-24  { padding: var(--space-24); }
.p-32  { padding: var(--space-32); }
.p-40  { padding: var(--space-40); }

/* ========== Display ========== */
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.u-grid { display: grid; }
.hidden { display: none; }

/* ========== Flex Direction ========== */
.flex-row         { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col         { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap        { flex-wrap: wrap; }
.flex-nowrap      { flex-wrap: nowrap; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse; }

.white-space-nowrap {white-space: nowrap;}

/* ========== Flex Utilities ========== */
.shrink-0 { flex-shrink: 0; }
.basis-3\/5 { flex-basis: 60%; }   /* 3/5 = 60% */
.basis-full { flex-basis: 100%; }

/* ========== Column ========== */
.columns-1 { columns: 1; }
.columns-2 { columns: 2; }
.columns-3 { columns: 3; }

/* ========== Break ========== */
.break-inside-avoid {break-inside: avoid;}

/* Responsive (≥768px) */
@media (min-width: 48rem) {
	.md\:basis-3\/5 { flex-basis: 60%; }
}

/* ========== Width ========== */
.w-auto { width: auto; }
.w-8 { width: 116px; }
.w-full { width: var(--full); }
.w-50 { width: 50%; }
.max-w-full { max-width: var(--full); }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; } /* ≈ 896px */
.max-w-5xl { max-width: 60rem; }   

/* ========== Height ========== */
.h-auto { height: auto; }
.h-full { height: var(--full); }
.max-h-xl { max-height: 32rem; }
.max-h-2xl { max-height: 40rem; }
.max-h-3xl { max-height: 48rem; }

/* Object positioning para imágenes */
.object-cover { object-fit: cover; }
.object-contain { object-fit: contain; }
.object-top { object-position: top; }
.object-center { object-position: center; }
.object-bottom { object-position: bottom; }
.object-left { object-position: left; }

/* Align self para flex items */
.self-auto { align-self: auto; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-stretch { align-self: stretch; }
.self-baseline { align-self: baseline; }


/* ========== Flex Alignment ========== */
.justify-start   { justify-content: flex-start; }
.justify-center  { justify-content: center; }
.justify-end     { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around  { justify-content: space-around; }
.justify-evenly  { justify-content: space-evenly; }

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

/* ========== Vertical Alignment ========== */
.align-middle { vertical-align: middle; }
.align-center { vertical-align: center; }

/* Grid columns */
.u-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.u-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.u-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.u-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.u-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.u-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.u-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }

/* Column spans */
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; } 
.col-span-3 { grid-column: span 3 / span 3; } 
.col-span-4 { grid-column: span 5 / span 4; } 
.col-span-5 { grid-column: span 5 / span 5; } 
.col-span-6 { grid-column: span 6 / span 6; } 
.col-span-8 { grid-column: span 7 / span 7; } 
.col-span-8 { grid-column: span 8 / span 8; } 

/* Gaps generales */
.gap-0  { gap: var(--gap-0); }
.gap-1  { gap: var(--gap-1); }
.gap-2  { gap: var(--gap-2); }
.gap-3  { gap: var(--gap-3); }
.gap-4  { gap: var(--gap-4); }
.gap-5  { gap: var(--gap-5); }
.gap-6  { gap: var(--gap-6); }
.gap-8  { gap: var(--gap-8); }
.gap-10 { gap: var(--gap-10); }
.gap-12 { gap: var(--gap-12); }
.gap-16 { gap: var(--gap-16); }
.gap-20 { gap: var(--gap-20); }

/* Row gap (vertical) */
.row-gap-2  { row-gap: var(--gap-2); }
.row-gap-4  { row-gap: var(--gap-4); }
.row-gap-6  { row-gap: var(--gap-6); }
.row-gap-8  { row-gap: var(--gap-8); }
.row-gap-12 { row-gap: var(--gap-12); }
.row-gap-16 { row-gap: var(--gap-16); }
.row-gap-20 { row-gap: var(--gap-20); }

/* Column gap (horizontal) */
.col-gap-2  { column-gap: var(--gap-2); }
.col-gap-4  { column-gap: var(--gap-4); }
.col-gap-6  { column-gap: var(--gap-6); }
.col-gap-8  { column-gap: var(--gap-8); }
.col-gap-12 { column-gap: var(--gap-12); }
.col-gap-16 { column-gap: var(--gap-16); }
.col-gap-20 { column-gap: var(--gap-20); }

.left {float: left;}
.right {float: right;}

.rounded-none  { border-radius: var(--radius-none); }
.rounded-sm    { border-radius: var(--radius-sm); }
.rounded       { border-radius: var(--radius); }
.rounded-md    { border-radius: var(--radius-md); }
.rounded-lg    { border-radius: var(--radius-lg); }
.rounded-xl    { border-radius: var(--radius-xl); }
.rounded-2xl   { border-radius: var(--radius-2xl); }
.rounded-3xl   { border-radius: var(--radius-3xl); }
.rounded-4xl   { border-radius: var(--radius-4xl); }
.rounded-full  { border-radius: var(--radius-full); }

/* Bordes por esquina */
.rounded-t     { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
.rounded-r     { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); }
.rounded-b     { border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius); }
.rounded-l     { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); }

.rounded-tl    { border-top-left-radius: var(--radius); }
.rounded-tr    { border-top-right-radius: var(--radius); }
.rounded-br    { border-bottom-right-radius: var(--radius); }
.rounded-bl    { border-bottom-left-radius: var(--radius); }

/* Global */
.blend-multiply { mix-blend-mode: multiply; }

/* Animation Utilities */
.duration-first{animation-duration:500ms!important}
.duration-second{animation-duration:1s!important}
.duration-third{animation-duration:1.5s!important}
.delay-none{animation-delay:0ms}
.delay-first{animation-delay:100ms}
.delay-second{animation-delay:250ms}
.delay-third{animation-delay:500ms}
.delay-fourth{animation-delay:750ms}
.delay-fifth{animation-delay:1250ms}
.delay-sixth{animation-delay:1500ms}
.delay-seventh{animation-delay:1750ms}
.delay-eighth{animation-delay:2000ms}
.delay-ninth{animation-delay:2250ms}
.delay-tenth{animation-delay:2500ms}

/* Fade Utilities */
.fadeInDown{opacity:1}
.fade.out,
.fadeIn.out,
.fadeInDown.out{opacity:0}
.out {opacity: 0}

/* OPACITY */
.opacity-100 {opacity: 1}
.opacity-75 {opacity: 0.75}
.opacity-50 {opacity: 0.5}
.opacity-25 {opacity: 0.25}
.opacity-0 {opacity: 0}


/* ≥ 40rem (640px) */
@media (min-width: 40rem){
	/* Display / visibility */
	.sm\:hidden { display: none; }
	.sm\:block  { display: block; }

	.sm\:blend-multiply { mix-blend-mode: multiply; }

	/* Typography */
	.sm\:caption     { font-size: var(--text-sm); }
	.sm\:body-1      { font-size: clamp(var(--text-base), 0.969rem + 0.131vw, var(--text-lg)); }
	.sm\:body-2      { font-size: clamp(var(--text-lg), 1.094rem + 0.131vw, var(--text-xl)); }
	.sm\:subheadline { font-size: clamp(var(--text-lg), 1.033rem + 0.393vw, var(--text-2xl)); }
	.sm\:title-2     { font-size: clamp(var(--text-2xl), 1.408rem + 0.393vw, var(--text-3xl)); }
	.sm\:title-1     { font-size: clamp(var(--text-2xl), 1.316rem + 0.787vw, var(--text-4xl)); }
	.sm\:headline-2  { font-size: clamp(var(--text-3xl), 1.598rem + 1.18vw, var(--text-5xl)); }
	.sm\:headline-1  { font-size: clamp(var(--text-4xl), 1.881rem + 1.574vw, var(--text-6xl)); }
	.sm\:display-2   { font-size: clamp(var(--text-6xl), 3.627rem + 0.525vw, var(--text-7xl)); }
	.sm\:display-1   { font-size: clamp(var(--text-7xl), 4.127rem + 0.525vw, var(--text-8xl)); }

	.sm\:leading-none   { line-height: var(--leading-none); }   /* 1 */
	.sm\:leading-100    { line-height: 100%; }
	.sm\:leading-110    { line-height: 110%; }
	.sm\:leading-tight  { line-height: var(--leading-tight); }  /* 1.25 */
	.sm\:leading-snug   { line-height: var(--leading-snug); }   /* 1.275 */
	.sm\:leading-normal { line-height: var(--leading-normal); } /* 1.35 */
	.sm\:leading-relaxed{ line-height: var(--leading-relaxed);} /* 1.625 */
	.sm\:leading-loose  { line-height: var(--leading-loose); }  /* 2 */

	/* Spacing — Margin + Padding */
	/* Margin top */
	.sm\:mt-auto { margin-top: auto; }
	.sm\:mt-0  { margin-top: var(--space-0); }
	.sm\:mt-1  { margin-top: var(--space-1); }
	.sm\:mt-2  { margin-top: var(--space-2); }
	.sm\:mt-3  { margin-top: var(--space-3); }
	.sm\:mt-4  { margin-top: var(--space-4); }
	.sm\:mt-5  { margin-top: var(--space-5); }
	.sm\:mt-6  { margin-top: var(--space-6); }
	.sm\:mt-7  { margin-top: var(--space-7); }
	.sm\:mt-8  { margin-top: var(--space-8); }
	.sm\:mt-9  { margin-top: var(--space-9); }
	.sm\:mt-10 { margin-top: var(--space-10); }
	.sm\:mt-11 { margin-top: var(--space-11); }
	.sm\:mt-12 { margin-top: var(--space-12); }
	.sm\:mt-14 { margin-top: var(--space-14); }
	.sm\:mt-16 { margin-top: var(--space-16); }
	.sm\:mt-20 { margin-top: var(--space-20); }
	.sm\:mt-24 { margin-top: var(--space-24); }
	.sm\:mt-28 { margin-top: var(--space-28); }
	.sm\:mt-32 { margin-top: var(--space-32); }
	.sm\:mt-36 { margin-top: var(--space-36); }
	.sm\:mt-40 { margin-top: var(--space-40); }

	/* Margin bottom */
	.sm\:mb-0  { margin-bottom: var(--space-0); }
	.sm\:mb-1  { margin-bottom: var(--space-1); }
	.sm\:mb-2  { margin-bottom: var(--space-2); }
	.sm\:mb-3  { margin-bottom: var(--space-3); }
	.sm\:mb-4  { margin-bottom: var(--space-4); }
	.sm\:mb-5  { margin-bottom: var(--space-5); }
	.sm\:mb-6  { margin-bottom: var(--space-6); }
	.sm\:mb-7  { margin-bottom: var(--space-7); }
	.sm\:mb-8  { margin-bottom: var(--space-8); }
	.sm\:mb-9  { margin-bottom: var(--space-9); }
	.sm\:mb-10 { margin-bottom: var(--space-10); }
	.sm\:mb-11 { margin-bottom: var(--space-11); }
	.sm\:mb-12 { margin-bottom: var(--space-12); }
	.sm\:mb-14 { margin-bottom: var(--space-14); }
	.sm\:mb-16 { margin-bottom: var(--space-16); }
	.sm\:mb-20 { margin-bottom: var(--space-20); }
	.sm\:mb-24 { margin-bottom: var(--space-24); }
	.sm\:mb-28 { margin-bottom: var(--space-28); }
	.sm\:mb-32 { margin-bottom: var(--space-32); }
	.sm\:mb-36 { margin-bottom: var(--space-36); }
	.sm\:mb-40 { margin-bottom: var(--space-40); }

	/* Margin X / Y */
	.sm\:mx-auto { margin-left: auto; margin-right: auto; }
	.sm\:mx-0  { margin-left: var(--space-0); margin-right: var(--space-0); }
	.sm\:mx-4  { margin-left: var(--space-4); margin-right: var(--space-4); }
	.sm\:mx-8  { margin-left: var(--space-8); margin-right: var(--space-8); }
	.sm\:mx-16 { margin-left: var(--space-16); margin-right: var(--space-16); }
	.sm\:mx-20 { margin-left: var(--space-20); margin-right: var(--space-20); }

	.sm\:my-0  { margin-top: var(--space-0); margin-bottom: var(--space-0); }
	.sm\:my-4  { margin-top: var(--space-4); margin-bottom: var(--space-4); }
	.sm\:my-8  { margin-top: var(--space-8); margin-bottom: var(--space-8); }
	.sm\:my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16); }
	.sm\:my-20 { margin-top: var(--space-20); margin-bottom: var(--space-20); }

	/* Padding top */
	.sm\:pt-0  { padding-top: var(--space-0); }
	.sm\:pt-1  { padding-top: var(--space-1); }
	.sm\:pt-2  { padding-top: var(--space-2); }
	.sm\:pt-3  { padding-top: var(--space-3); }
	.sm\:pt-4  { padding-top: var(--space-4); }
	.sm\:pt-5  { padding-top: var(--space-5); }
	.sm\:pt-6  { padding-top: var(--space-6); }
	.sm\:pt-7  { padding-top: var(--space-7); }
	.sm\:pt-8  { padding-top: var(--space-8); }
	.sm\:pt-9  { padding-top: var(--space-9); }
	.sm\:pt-10 { padding-top: var(--space-10); }
	.sm\:pt-11 { padding-top: var(--space-11); }
	.sm\:pt-12 { padding-top: var(--space-12); }
	.sm\:pt-14 { padding-top: var(--space-14); }
	.sm\:pt-16 { padding-top: var(--space-16); }
	.sm\:pt-20 { padding-top: var(--space-20); }
	.sm\:pt-24 { padding-top: var(--space-24); }
	.sm\:pt-28 { padding-top: var(--space-28); }
	.sm\:pt-32 { padding-top: var(--space-32); }
	.sm\:pt-36 { padding-top: var(--space-36); }
	.sm\:pt-40 { padding-top: var(--space-40); }

	/* Padding bottom */
	.sm\:pb-0  { padding-bottom: var(--space-0); }
	.sm\:pb-1  { padding-bottom: var(--space-1); }
	.sm\:pb-2  { padding-bottom: var(--space-2); }
	.sm\:pb-3  { padding-bottom: var(--space-3); }
	.sm\:pb-4  { padding-bottom: var(--space-4); }
	.sm\:pb-5  { padding-bottom: var(--space-5); }
	.sm\:pb-6  { padding-bottom: var(--space-6); }
	.sm\:pb-7  { padding-bottom: var(--space-7); }
	.sm\:pb-8  { padding-bottom: var(--space-8); }
	.sm\:pb-9  { padding-bottom: var(--space-9); }
	.sm\:pb-10 { padding-bottom: var(--space-10); }
	.sm\:pb-11 { padding-bottom: var(--space-11); }
	.sm\:pb-12 { padding-bottom: var(--space-12); }
	.sm\:pb-14 { padding-bottom: var(--space-14); }
	.sm\:pb-16 { padding-bottom: var(--space-16); }
	.sm\:pb-20 { padding-bottom: var(--space-20); }
	.sm\:pb-24 { padding-bottom: var(--space-24); }
	.sm\:pb-28 { padding-bottom: var(--space-28); }
	.sm\:pb-32 { padding-bottom: var(--space-32); }
	.sm\:pb-36 { padding-bottom: var(--space-36); }
	.sm\:pb-40 { padding-bottom: var(--space-40); }

	/* Padding X / Y */
	.sm\:px-0  { padding-left: var(--space-0); padding-right: var(--space-0); }
	.sm\:px-2  { padding-left: var(--space-2); padding-right: var(--space-2); }
	.sm\:px-3  { padding-left: var(--space-3); padding-right: var(--space-3); }
	.sm\:px-4  { padding-left: var(--space-4); padding-right: var(--space-4); }
	.sm\:px-6  { padding-left: var(--space-6); padding-right: var(--space-6); }
	.sm\:px-8  { padding-left: var(--space-8); padding-right: var(--space-8); }
	.sm\:px-16 { padding-left: var(--space-16); padding-right: var(--space-16); }

	.sm\:py-0  { padding-top: var(--space-0); padding-bottom: var(--space-0); }
	.sm\:py-4  { padding-top: var(--space-4); padding-bottom: var(--space-4); }
	.sm\:py-6  { padding-top: var(--space-6); padding-bottom: var(--space-6); }
	.sm\:py-8  { padding-top: var(--space-8); padding-bottom: var(--space-8); }
	.sm\:py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); }

	/* Padding global */
	.sm\:p-0   { padding: var(--space-0); }
	.sm\:p-2   { padding: var(--space-2); }
	.sm\:p-4   { padding: var(--space-4); }
	.sm\:p-6   { padding: var(--space-6); }
	.sm\:p-8   { padding: var(--space-8); }
	.sm\:p-12  { padding: var(--space-12); }
	.sm\:p-16  { padding: var(--space-16); }
	.sm\:p-20  { padding: var(--space-20); }
	.sm\:p-24  { padding: var(--space-24); }
	.sm\:p-32  { padding: var(--space-32); }
	.sm\:p-40  { padding: var(--space-40); }
}


/* ≥ 48rem (768px) */
@media (min-width: 48rem){
	.md\:bg-transparent {background-color: transparent;}

	.md\:text-right {text-align: right;}
	.md\:text-left {text-align: left;}
	.md\:text-center {text-align: center;}
	.md\:tracking-normal {letter-spacing: -0.025em}
	.md\:overflow-visible    { overflow: visible; }

	/* Grid */
	.md\:u-grid { display: grid; }
	.md\:u-grid-cols-1  { grid-template-columns: repeat(1, 1fr); }
	.md\:u-grid-cols-2  { grid-template-columns: repeat(2, 1fr); }
	.md\:u-grid-cols-3  { grid-template-columns: repeat(3, 1fr); }
	.md\:u-grid-cols-4  { grid-template-columns: repeat(4, 1fr); }
	.md\:u-grid-cols-5  { grid-template-columns: repeat(5, 1fr); }
	.md\:u-grid-cols-6  { grid-template-columns: repeat(6, 1fr); }
	.md\:u-grid-cols-12 { grid-template-columns: repeat(12, 1fr); }

	.md\:blend-multiply { mix-blend-mode: multiply; }

	/* Display / visibility */
	.md\:hidden { display: none; }
	.md\:block  { display: block; }
	.md\:inline-block  { display: inline-block; }
	.md\:flex { display: flex; }

	.md\:flex-row { flex-direction: row; }
	.md\:flex-col { flex-direction: column; }

	.md\:columns-2 { columns: 2; }
	.md\:columns-3 { columns: 3; }

	.md\:w-14 {width: 112px}
	.md\:h-14 {height: 112px}

	/* ========== Width ========== */
	.md\:w-auto { width: auto; }
	.md\:w-full { width: var(--full); }
	.md\:w-50 { width: 50%; }
	.md\:max-w-full { max-width: var(--full); }
	.md\:max-w-3xl { max-width: 48rem; }
	.md\:max-w-35xl { max-width: 52rem; }
	.md\:max-w-4xl { max-width: 56rem; } /* ≈ 896px */
	.md\:max-w-5xl { max-width: 60rem; }   

	/* ========== Height ========== */
	.md\:h-auto { height: auto; }
	.md\:h-full { height: var(--full); }
	.md\:min-h-35xl { min-height: 52rem; }
	.md\:max-h-xl { max-height: 32rem; }
	.md\:max-h-2xl { max-height: 40rem; }
	.md\:max-h-3xl { max-height: 48rem; }

	.md\:gap-2 {gap: var(--gap-2);}
	.md\:gap-6 {gap: var(--gap-6);}
	.md\:gap-8 {gap: var(--gap-8);}
	.md\:gap-10 {gap: var(--gap-10);}
	.md\:gap-12 {gap: var(--gap-12);}
	.md\:row-gap-12 {row-gap: var(--gap-12);}
	.md\:row-gap-16 { row-gap: var(--gap-16); }


	/* Width fractions */
	.md\:w-1\/2 { width: 50%; }
	.md\:w-1\/3 { width: 33.3333%; }
	.md\:w-2\/3 { width: 66.6667%; }
	.md\:w-1\/4 { width: 25%; }
	.md\:w-2\/4 { width: 50%; }
	.md\:w-3\/4 { width: 75%; }
	.md\:w-1\/5 { width: 20%; }
	.md\:w-2\/5 { width: 40%; }
	.md\:w-3\/5 { width: 60%; }
	.md\:w-4\/5 { width: 80%; }
	.md\:w-1\/6 { width: 16.6667%; }
	.md\:w-2\/6 { width: 33.3333%; }
	.md\:w-3\/6 { width: 50%; }
	.md\:w-4\/6 { width: 66.6667%; }
	.md\:w-5\/6 { width: 83.3333%; }

	/* Column spans */
	.md\:col-span-1 { grid-column: span 1 / span 1; } 
	.md\:col-span-5 { grid-column: span 5 / span 5; } 
	.md\:col-span-6 { grid-column: span 6 / span 6; } 

	/* Typography */
	.md\:caption     { font-size: var(--text-sm); }
	.md\:base        { font-size: var(--text-base); } 
	.md\:body-1      { font-size: clamp(var(--text-base), 0.969rem + 0.131vw, var(--text-lg)); }
	.md\:body-2      { font-size: clamp(var(--text-lg), 1.094rem + 0.131vw, var(--text-xl)); }
	.md\:subheadline { font-size: clamp(var(--text-lg), 1.033rem + 0.393vw, var(--text-2xl)); }
	.md\:title-2     { font-size: clamp(var(--text-2xl), 1.408rem + 0.393vw, var(--text-3xl)); }
	.md\:title-1     { font-size: clamp(var(--text-2xl), 1.316rem + 0.787vw, var(--text-4xl)); }
	.md\:headline-2  { font-size: clamp(var(--text-3xl), 1.598rem + 1.18vw, var(--text-5xl)); }
	.md\:headline-1  { font-size: clamp(var(--text-4xl), 1.881rem + 1.574vw, var(--text-6xl)); }
	.md\:display-2   { font-size: clamp(var(--text-6xl), 3.627rem + 0.525vw, var(--text-7xl)); }
	.md\:display-1   { font-size: clamp(var(--text-7xl), 4.127rem + 0.525vw, var(--text-8xl)); }

	.md\:leading-none   { line-height: var(--leading-none); }   /* 1 */
	.md\:leading-100    { line-height: 100%; }
	.md\:leading-110    { line-height: 110%; }
	.md\:leading-tight  { line-height: var(--leading-tight); }  /* 1.25 */
	.md\:leading-snug   { line-height: var(--leading-snug); }   /* 1.275 */
	.md\:leading-normal { line-height: var(--leading-normal); } /* 1.35 */
	.md\:leading-relaxed{ line-height: var(--leading-relaxed);} /* 1.625 */
	.md\:leading-loose  { line-height: var(--leading-loose); }  /* 2 */

	/* Spacing — Margin + Padding */
	/* Margin top */
	.md\:mt-auto { margin-top: auto; }
	.md\:mt-0  { margin-top: var(--space-0); }
	.md\:mt-1  { margin-top: var(--space-1); }
	.md\:mt-2  { margin-top: var(--space-2); }
	.md\:mt-3  { margin-top: var(--space-3); }
	.md\:mt-4  { margin-top: var(--space-4); }
	.md\:mt-5  { margin-top: var(--space-5); }
	.md\:mt-6  { margin-top: var(--space-6); }
	.md\:mt-7  { margin-top: var(--space-7); }
	.md\:mt-8  { margin-top: var(--space-8); }
	.md\:mt-9  { margin-top: var(--space-9); }
	.md\:mt-10 { margin-top: var(--space-10); }
	.md\:mt-11 { margin-top: var(--space-11); }
	.md\:mt-12 { margin-top: var(--space-12); }
	.md\:mt-14 { margin-top: var(--space-14); }
	.md\:mt-16 { margin-top: var(--space-16); }
	.md\:mt-20 { margin-top: var(--space-20); }
	.md\:mt-24 { margin-top: var(--space-24); }
	.md\:mt-28 { margin-top: var(--space-28); }
	.md\:mt-32 { margin-top: var(--space-32); }
	.md\:mt-36 { margin-top: var(--space-36); }
	.md\:mt-40 { margin-top: var(--space-40); }

	/* Margin bottom */
	.md\:mb-0  { margin-bottom: var(--space-0); }
	.md\:mb-1  { margin-bottom: var(--space-1); }
	.md\:mb-2  { margin-bottom: var(--space-2); }
	.md\:mb-3  { margin-bottom: var(--space-3); }
	.md\:mb-4  { margin-bottom: var(--space-4); }
	.md\:mb-5  { margin-bottom: var(--space-5); }
	.md\:mb-6  { margin-bottom: var(--space-6); }
	.md\:mb-7  { margin-bottom: var(--space-7); }
	.md\:mb-8  { margin-bottom: var(--space-8); }
	.md\:mb-9  { margin-bottom: var(--space-9); }
	.md\:mb-10 { margin-bottom: var(--space-10); }
	.md\:mb-11 { margin-bottom: var(--space-11); }
	.md\:mb-12 { margin-bottom: var(--space-12); }
	.md\:mb-14 { margin-bottom: var(--space-14); }
	.md\:mb-16 { margin-bottom: var(--space-16); }
	.md\:mb-20 { margin-bottom: var(--space-20); }
	.md\:mb-24 { margin-bottom: var(--space-24); }
	.md\:mb-28 { margin-bottom: var(--space-28); }
	.md\:mb-32 { margin-bottom: var(--space-32); }
	.md\:mb-36 { margin-bottom: var(--space-36); }
	.md\:mb-40 { margin-bottom: var(--space-40); }
	.md\:mb-48 { margin-bottom: var(--space-48); }
	.md\:mb-52 { margin-bottom: var(--space-52); }
	.md\:mb-56 { margin-bottom: var(--space-56); }

	/* Margin X / Y */
	.md\:mx-auto { margin-left: auto; margin-right: auto; }
	.md\:mx-0  { margin-left: var(--space-0); margin-right: var(--space-0); }
	.md\:mx-4  { margin-left: var(--space-4); margin-right: var(--space-4); }
	.md\:mx-8  { margin-left: var(--space-8); margin-right: var(--space-8); }
	.md\:mx-16 { margin-left: var(--space-16); margin-right: var(--space-16); }
	.md\:mx-20 { margin-left: var(--space-20); margin-right: var(--space-20); }

	.md\:my-0  { margin-top: var(--space-0); margin-bottom: var(--space-0); }
	.md\:my-4  { margin-top: var(--space-4); margin-bottom: var(--space-4); }
	.md\:my-8  { margin-top: var(--space-8); margin-bottom: var(--space-8); }
	.md\:my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16); }
	.md\:my-20 { margin-top: var(--space-20); margin-bottom: var(--space-20); }

	/* Padding top */
	.md\:pt-0  { padding-top: var(--space-0); }
	.md\:pt-1  { padding-top: var(--space-1); }
	.md\:pt-2  { padding-top: var(--space-2); }
	.md\:pt-3  { padding-top: var(--space-3); }
	.md\:pt-4  { padding-top: var(--space-4); }
	.md\:pt-5  { padding-top: var(--space-5); }
	.md\:pt-6  { padding-top: var(--space-6); }
	.md\:pt-7  { padding-top: var(--space-7); }
	.md\:pt-8  { padding-top: var(--space-8); }
	.md\:pt-9  { padding-top: var(--space-9); }
	.md\:pt-10 { padding-top: var(--space-10); }
	.md\:pt-11 { padding-top: var(--space-11); }
	.md\:pt-12 { padding-top: var(--space-12); }
	.md\:pt-14 { padding-top: var(--space-14); }
	.md\:pt-16 { padding-top: var(--space-16); }
	.md\:pt-20 { padding-top: var(--space-20); }
	.md\:pt-24 { padding-top: var(--space-24); }
	.md\:pt-28 { padding-top: var(--space-28); }
	.md\:pt-32 { padding-top: var(--space-32); }
	.md\:pt-36 { padding-top: var(--space-36); }
	.md\:pt-40 { padding-top: var(--space-40); }

	/* Padding bottom */
	.md\:pb-0  { padding-bottom: var(--space-0); }
	.md\:pb-1  { padding-bottom: var(--space-1); }
	.md\:pb-2  { padding-bottom: var(--space-2); }
	.md\:pb-3  { padding-bottom: var(--space-3); }
	.md\:pb-4  { padding-bottom: var(--space-4); }
	.md\:pb-5  { padding-bottom: var(--space-5); }
	.md\:pb-6  { padding-bottom: var(--space-6); }
	.md\:pb-7  { padding-bottom: var(--space-7); }
	.md\:pb-8  { padding-bottom: var(--space-8); }
	.md\:pb-9  { padding-bottom: var(--space-9); }
	.md\:pb-10 { padding-bottom: var(--space-10); }
	.md\:pb-11 { padding-bottom: var(--space-11); }
	.md\:pb-12 { padding-bottom: var(--space-12); }
	.md\:pb-14 { padding-bottom: var(--space-14); }
	.md\:pb-16 { padding-bottom: var(--space-16); }
	.md\:pb-20 { padding-bottom: var(--space-20); }
	.md\:pb-24 { padding-bottom: var(--space-24); }
	.md\:pb-28 { padding-bottom: var(--space-28); }
	.md\:pb-32 { padding-bottom: var(--space-32); }
	.md\:pb-36 { padding-bottom: var(--space-36); }
	.md\:pb-40 { padding-bottom: var(--space-40); }
	.md\:pb-44 { padding-bottom: var(--space-44); }
	.md\:pb-48 { padding-bottom: var(--space-48); }
	.md\:pb-56 { padding-bottom: var(--space-56); }

	.md\:pb-vh-32 {padding-bottom: 32vh}

	/* Padding X / Y */
	.md\:px-0  { padding-left: var(--space-0); padding-right: var(--space-0); }
	.md\:px-2  { padding-left: var(--space-2); padding-right: var(--space-2); }
	.md\:px-3  { padding-left: var(--space-3); padding-right: var(--space-3); }
	.md\:px-4  { padding-left: var(--space-4); padding-right: var(--space-4); }
	.md\:px-6  { padding-left: var(--space-6); padding-right: var(--space-6); }
	.md\:px-8  { padding-left: var(--space-8); padding-right: var(--space-8); }
	.md\:px-16 { padding-left: var(--space-16); padding-right: var(--space-16); }

	.md\:py-0  { padding-top: var(--space-0); padding-bottom: var(--space-0); }
	.md\:py-4  { padding-top: var(--space-4); padding-bottom: var(--space-4); }
	.md\:py-6  { padding-top: var(--space-6); padding-bottom: var(--space-6); }
	.md\:py-8  { padding-top: var(--space-8); padding-bottom: var(--space-8); }
	.md\:py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); }

	/* Padding global */
	.md\:p-0   { padding: var(--space-0); }
	.md\:p-2   { padding: var(--space-2); }
	.md\:p-4   { padding: var(--space-4); }
	.md\:p-6   { padding: var(--space-6); }
	.md\:p-8   { padding: var(--space-8); }
	.md\:p-10  { padding: var(--space-10); }
	.md\:p-12  { padding: var(--space-12); }
	.md\:p-16  { padding: var(--space-16); }
	.md\:p-20  { padding: var(--space-20); }
	.md\:p-24  { padding: var(--space-24); }
	.md\:p-32  { padding: var(--space-32); }
	.md\:p-40  { padding: var(--space-40); }

	.md\:pr-0  { padding-right: var(--space-0); }
}


/* ≥ 64rem (1024px) */
@media (min-width: 64rem){
	.lg\:absolute { position: absolute;}
	.lg\:right-0 { right: 0;}
	/* Display / visibility */
	.lg\:hidden { display: none; }
	.lg\:block  { display: block; }
	.lg\:flex { display: flex; }
	.lg\:flex-row { flex-direction: row; }
	.lg\:flex-col { flex-direction: column; }

	.lg\:blend-multiply { mix-blend-mode: multiply; }

	/* ========== Width ========== */
	.lg\:w-auto { width: auto; }
	.lg\:w-full { width: var(--full); }
	.lg\:w-50 { width: 50%; }
	.lg\:max-w-full { max-width: var(--full); }
	.lg\:max-w-3xl { max-width: 48rem; }
	.lg\:max-w-3/5xl { max-width: 52rem; }
	.lg\:max-w-4xl { max-width: 56rem; } /* ≈ 896px */
	.lg\:max-w-5xl { max-width: 60rem; }   

	/* ========== Height ========== */
	.lg\:h-auto { height: auto; }
	.lg\:h-full { height: var(--full); }
	.lg\:max-h-xl { max-height: 32rem; }
	.lg\:max-h-2xl { max-height: 40rem; }
	.lg\:max-h-3xl { max-height: 48rem; }
	.lg\:max-h-3/5xl { max-height: 52rem; }
	.lg\:max-h-4xl { max-height: 56rem; }

	.lg\:gap-2 {gap: var(--gap-2);}
	.lg\:gap-6 {gap: var(--gap-6);}
	.lg\:gap-8 {gap: var(--gap-8);}
	.lg\:gap-10 {gap: var(--gap-10);}
	.lg\:gap-12 {gap: var(--gap-12);}

	/* Typography */
	.lg\:caption     { font-size: var(--text-sm); }
	.lg\:body-1      { font-size: clamp(var(--text-base), 0.969rem + 0.131vw, var(--text-lg)); }
	.lg\:body-2      { font-size: clamp(var(--text-lg), 1.094rem + 0.131vw, var(--text-xl)); }
	.lg\:subheadline { font-size: clamp(var(--text-lg), 1.033rem + 0.393vw, var(--text-2xl)); }
	.lg\:title-2     { font-size: clamp(var(--text-2xl), 1.408rem + 0.393vw, var(--text-3xl)); }
	.lg\:title-1     { font-size: clamp(var(--text-2xl), 1.316rem + 0.787vw, var(--text-4xl)); }
	.lg\:headline-2  { font-size: clamp(var(--text-3xl), 1.598rem + 1.18vw, var(--text-5xl)); }
	.lg\:headline-1  { font-size: clamp(var(--text-4xl), 1.881rem + 1.574vw, var(--text-6xl)); }
	.lg\:display-2   { font-size: clamp(var(--text-6xl), 3.627rem + 0.525vw, var(--text-7xl)); }
	.lg\:display-1   { font-size: clamp(var(--text-7xl), 4.127rem + 0.525vw, var(--text-8xl)); }

	.lg\:leading-none   { line-height: var(--leading-none); }   /* 1 */
	.lg\:leading-100    { line-height: 100%; }
	.lg\:leading-110    { line-height: 110%; }
	.lg\:leading-tight  { line-height: var(--leading-tight); }  /* 1.25 */
	.lg\:leading-snug   { line-height: var(--leading-snug); }   /* 1.275 */
	.lg\:leading-normal { line-height: var(--leading-normal); } /* 1.35 */
	.lg\:leading-relaxed{ line-height: var(--leading-relaxed);} /* 1.625 */
	.lg\:leading-loose  { line-height: var(--leading-loose); }  /* 2 */

	/* Spacing — Margin + Padding */
	/* Margin top */
	.lg\:mt-auto { margin-top: auto; }
	.lg\:mt-0  { margin-top: var(--space-0); }
	.lg\:mt-1  { margin-top: var(--space-1); }
	.lg\:mt-2  { margin-top: var(--space-2); }
	.lg\:mt-3  { margin-top: var(--space-3); }
	.lg\:mt-4  { margin-top: var(--space-4); }
	.lg\:mt-5  { margin-top: var(--space-5); }
	.lg\:mt-6  { margin-top: var(--space-6); }
	.lg\:mt-7  { margin-top: var(--space-7); }
	.lg\:mt-8  { margin-top: var(--space-8); }
	.lg\:mt-9  { margin-top: var(--space-9); }
	.lg\:mt-10 { margin-top: var(--space-10); }
	.lg\:mt-11 { margin-top: var(--space-11); }
	.lg\:mt-12 { margin-top: var(--space-12); }
	.lg\:mt-14 { margin-top: var(--space-14); }
	.lg\:mt-16 { margin-top: var(--space-16); }
	.lg\:mt-20 { margin-top: var(--space-20); }
	.lg\:mt-24 { margin-top: var(--space-24); }
	.lg\:mt-28 { margin-top: var(--space-28); }
	.lg\:mt-32 { margin-top: var(--space-32); }
	.lg\:mt-36 { margin-top: var(--space-36); }
	.lg\:mt-40 { margin-top: var(--space-40); }

	/* Margin bottom */
	.lg\:mb-0  { margin-bottom: var(--space-0); }
	.lg\:mb-1  { margin-bottom: var(--space-1); }
	.lg\:mb-2  { margin-bottom: var(--space-2); }
	.lg\:mb-3  { margin-bottom: var(--space-3); }
	.lg\:mb-4  { margin-bottom: var(--space-4); }
	.lg\:mb-5  { margin-bottom: var(--space-5); }
	.lg\:mb-6  { margin-bottom: var(--space-6); }
	.lg\:mb-7  { margin-bottom: var(--space-7); }
	.lg\:mb-8  { margin-bottom: var(--space-8); }
	.lg\:mb-9  { margin-bottom: var(--space-9); }
	.lg\:mb-10 { margin-bottom: var(--space-10); }
	.lg\:mb-11 { margin-bottom: var(--space-11); }
	.lg\:mb-12 { margin-bottom: var(--space-12); }
	.lg\:mb-14 { margin-bottom: var(--space-14); }
	.lg\:mb-16 { margin-bottom: var(--space-16); }
	.lg\:mb-20 { margin-bottom: var(--space-20); }
	.lg\:mb-24 { margin-bottom: var(--space-24); }
	.lg\:mb-28 { margin-bottom: var(--space-28); }
	.lg\:mb-32 { margin-bottom: var(--space-32); }
	.lg\:mb-36 { margin-bottom: var(--space-36); }
	.lg\:mb-40 { margin-bottom: var(--space-40); }

	/* Margin X / Y */
	.lg\:mx-auto { margin-left: auto; margin-right: auto; }
	.lg\:mx-0  { margin-left: var(--space-0); margin-right: var(--space-0); }
	.lg\:mx-4  { margin-left: var(--space-4); margin-right: var(--space-4); }
	.lg\:mx-8  { margin-left: var(--space-8); margin-right: var(--space-8); }
	.lg\:mx-16 { margin-left: var(--space-16); margin-right: var(--space-16); }
	.lg\:mx-20 { margin-left: var(--space-20); margin-right: var(--space-20); }

	.lg\:my-0  { margin-top: var(--space-0); margin-bottom: var(--space-0); }
	.lg\:my-4  { margin-top: var(--space-4); margin-bottom: var(--space-4); }
	.lg\:my-8  { margin-top: var(--space-8); margin-bottom: var(--space-8); }
	.lg\:my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16); }
	.lg\:my-20 { margin-top: var(--space-20); margin-bottom: var(--space-20); }

	/* Padding top */
	.lg\:pt-0  { padding-top: var(--space-0); }
	.lg\:pt-1  { padding-top: var(--space-1); }
	.lg\:pt-2  { padding-top: var(--space-2); }
	.lg\:pt-3  { padding-top: var(--space-3); }
	.lg\:pt-4  { padding-top: var(--space-4); }
	.lg\:pt-5  { padding-top: var(--space-5); }
	.lg\:pt-6  { padding-top: var(--space-6); }
	.lg\:pt-7  { padding-top: var(--space-7); }
	.lg\:pt-8  { padding-top: var(--space-8); }
	.lg\:pt-9  { padding-top: var(--space-9); }
	.lg\:pt-10 { padding-top: var(--space-10); }
	.lg\:pt-11 { padding-top: var(--space-11); }
	.lg\:pt-12 { padding-top: var(--space-12); }
	.lg\:pt-14 { padding-top: var(--space-14); }
	.lg\:pt-16 { padding-top: var(--space-16); }
	.lg\:pt-20 { padding-top: var(--space-20); }
	.lg\:pt-24 { padding-top: var(--space-24); }
	.lg\:pt-28 { padding-top: var(--space-28); }
	.lg\:pt-32 { padding-top: var(--space-32); }
	.lg\:pt-36 { padding-top: var(--space-36); }
	.lg\:pt-40 { padding-top: var(--space-40); }

	/* Padding bottom */
	.lg\:pb-0  { padding-bottom: var(--space-0); }
	.lg\:pb-1  { padding-bottom: var(--space-1); }
	.lg\:pb-2  { padding-bottom: var(--space-2); }
	.lg\:pb-3  { padding-bottom: var(--space-3); }
	.lg\:pb-4  { padding-bottom: var(--space-4); }
	.lg\:pb-5  { padding-bottom: var(--space-5); }
	.lg\:pb-6  { padding-bottom: var(--space-6); }
	.lg\:pb-7  { padding-bottom: var(--space-7); }
	.lg\:pb-8  { padding-bottom: var(--space-8); }
	.lg\:pb-9  { padding-bottom: var(--space-9); }
	.lg\:pb-10 { padding-bottom: var(--space-10); }
	.lg\:pb-11 { padding-bottom: var(--space-11); }
	.lg\:pb-12 { padding-bottom: var(--space-12); }
	.lg\:pb-14 { padding-bottom: var(--space-14); }
	.lg\:pb-16 { padding-bottom: var(--space-16); }
	.lg\:pb-20 { padding-bottom: var(--space-20); }
	.lg\:pb-24 { padding-bottom: var(--space-24); }
	.lg\:pb-28 { padding-bottom: var(--space-28); }
	.lg\:pb-32 { padding-bottom: var(--space-32); }
	.lg\:pb-36 { padding-bottom: var(--space-36); }
	.lg\:pb-40 { padding-bottom: var(--space-40); }
	.lg\:pb-44 { padding-bottom: var(--space-44); }
	.lg\:pb-48 { padding-bottom: var(--space-48); }
	.lg\:pb-56 { padding-bottom: var(--space-56); }

	/* Padding X / Y */
	.lg\:px-0  { padding-left: var(--space-0); padding-right: var(--space-0); }
	.lg\:px-2  { padding-left: var(--space-2); padding-right: var(--space-2); }
	.lg\:px-3  { padding-left: var(--space-3); padding-right: var(--space-3); }
	.lg\:px-4  { padding-left: var(--space-4); padding-right: var(--space-4); }
	.lg\:px-6  { padding-left: var(--space-6); padding-right: var(--space-6); }
	.lg\:px-8  { padding-left: var(--space-8); padding-right: var(--space-8); }
	.lg\:px-16 { padding-left: var(--space-16); padding-right: var(--space-16); }

	.lg\:py-0  { padding-top: var(--space-0); padding-bottom: var(--space-0); }
	.lg\:py-4  { padding-top: var(--space-4); padding-bottom: var(--space-4); }
	.lg\:py-6  { padding-top: var(--space-6); padding-bottom: var(--space-6); }
	.lg\:py-8  { padding-top: var(--space-8); padding-bottom: var(--space-8); }
	.lg\:py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); }

	/* Padding global */
	.lg\:p-0   { padding: var(--space-0); }
	.lg\:p-2   { padding: var(--space-2); }
	.lg\:p-4   { padding: var(--space-4); }
	.lg\:p-6   { padding: var(--space-6); }
	.lg\:p-8   { padding: var(--space-8); }
	.lg\:p-10  { padding: var(--space-10); }
	.lg\:p-12  { padding: var(--space-12); }
	.lg\:p-16  { padding: var(--space-16); }
	.lg\:p-20  { padding: var(--space-20); }
	.lg\:p-24  { padding: var(--space-24); }
	.lg\:p-32  { padding: var(--space-32); }
	.lg\:p-40  { padding: var(--space-40); }

	.lg\:pr-0  { padding-right: var(--space-0); }
}


/* ≥ 80rem (1280px) */
@media (min-width: 80rem){
	/* Display / visibility */
	.xl\:hidden { display: none; }
	.xl\:block  { display: block; }

	.xl\:blend-multiply { mix-blend-mode: multiply; }

	/* Typography */
	.xl\:caption     { font-size: var(--text-sm); }
	.xl\:body-1      { font-size: clamp(var(--text-base), 0.969rem + 0.131vw, var(--text-lg)); }
	.xl\:body-2      { font-size: clamp(var(--text-lg), 1.094rem + 0.131vw, var(--text-xl)); }
	.xl\:subheadline { font-size: clamp(var(--text-lg), 1.033rem + 0.393vw, var(--text-2xl)); }
	.xl\:title-2     { font-size: clamp(var(--text-2xl), 1.408rem + 0.393vw, var(--text-3xl)); }
	.xl\:title-1     { font-size: clamp(var(--text-2xl), 1.316rem + 0.787vw, var(--text-4xl)); }
	.xl\:headline-2  { font-size: clamp(var(--text-3xl), 1.598rem + 1.18vw, var(--text-5xl)); }
	.xl\:headline-1  { font-size: clamp(var(--text-4xl), 1.881rem + 1.574vw, var(--text-6xl)); }
	.xl\:display-2   { font-size: clamp(var(--text-6xl), 3.627rem + 0.525vw, var(--text-7xl)); }
	.xl\:display-1   { font-size: clamp(var(--text-7xl), 4.127rem + 0.525vw, var(--text-8xl)); }

	.xl\:leading-none   { line-height: var(--leading-none); }   /* 1 */
	.xl\:leading-100    { line-height: 100%; }
	.xl\:leading-110    { line-height: 110%; }
	.xl\:leading-tight  { line-height: var(--leading-tight); }  /* 1.25 */
	.xl\:leading-snug   { line-height: var(--leading-snug); }   /* 1.275 */
	.xl\:leading-normal { line-height: var(--leading-normal); } /* 1.35 */
	.xl\:leading-relaxed{ line-height: var(--leading-relaxed);} /* 1.625 */
	.xl\:leading-loose  { line-height: var(--leading-loose); }  /* 2 */

	/* Spacing — Margin + Padding */
	/* Margin top */
	.xl\:mt-auto { margin-top: auto; }
	.xl\:mt-0  { margin-top: var(--space-0); }
	.xl\:mt-1  { margin-top: var(--space-1); }
	.xl\:mt-2  { margin-top: var(--space-2); }
	.xl\:mt-3  { margin-top: var(--space-3); }
	.xl\:mt-4  { margin-top: var(--space-4); }
	.xl\:mt-5  { margin-top: var(--space-5); }
	.xl\:mt-6  { margin-top: var(--space-6); }
	.xl\:mt-7  { margin-top: var(--space-7); }
	.xl\:mt-8  { margin-top: var(--space-8); }
	.xl\:mt-9  { margin-top: var(--space-9); }
	.xl\:mt-10 { margin-top: var(--space-10); }
	.xl\:mt-11 { margin-top: var(--space-11); }
	.xl\:mt-12 { margin-top: var(--space-12); }
	.xl\:mt-14 { margin-top: var(--space-14); }
	.xl\:mt-16 { margin-top: var(--space-16); }
	.xl\:mt-20 { margin-top: var(--space-20); }
	.xl\:mt-24 { margin-top: var(--space-24); }
	.xl\:mt-28 { margin-top: var(--space-28); }
	.xl\:mt-32 { margin-top: var(--space-32); }
	.xl\:mt-36 { margin-top: var(--space-36); }
	.xl\:mt-40 { margin-top: var(--space-40); }

	/* Margin bottom */
	.xl\:mb-0  { margin-bottom: var(--space-0); }
	.xl\:mb-1  { margin-bottom: var(--space-1); }
	.xl\:mb-2  { margin-bottom: var(--space-2); }
	.xl\:mb-3  { margin-bottom: var(--space-3); }
	.xl\:mb-4  { margin-bottom: var(--space-4); }
	.xl\:mb-5  { margin-bottom: var(--space-5); }
	.xl\:mb-6  { margin-bottom: var(--space-6); }
	.xl\:mb-7  { margin-bottom: var(--space-7); }
	.xl\:mb-8  { margin-bottom: var(--space-8); }
	.xl\:mb-9  { margin-bottom: var(--space-9); }
	.xl\:mb-10 { margin-bottom: var(--space-10); }
	.xl\:mb-11 { margin-bottom: var(--space-11); }
	.xl\:mb-12 { margin-bottom: var(--space-12); }
	.xl\:mb-14 { margin-bottom: var(--space-14); }
	.xl\:mb-16 { margin-bottom: var(--space-16); }
	.xl\:mb-20 { margin-bottom: var(--space-20); }
	.xl\:mb-24 { margin-bottom: var(--space-24); }
	.xl\:mb-28 { margin-bottom: var(--space-28); }
	.xl\:mb-32 { margin-bottom: var(--space-32); }
	.xl\:mb-36 { margin-bottom: var(--space-36); }
	.xl\:mb-40 { margin-bottom: var(--space-40); }

	/* Margin X / Y */
	.xl\:mx-auto { margin-left: auto; margin-right: auto; }
	.xl\:mx-0  { margin-left: var(--space-0); margin-right: var(--space-0); }
	.xl\:mx-4  { margin-left: var(--space-4); margin-right: var(--space-4); }
	.xl\:mx-8  { margin-left: var(--space-8); margin-right: var(--space-8); }
	.xl\:mx-16 { margin-left: var(--space-16); margin-right: var(--space-16); }
	.xl\:mx-20 { margin-left: var(--space-20); margin-right: var(--space-20); }

	.xl\:my-0  { margin-top: var(--space-0); margin-bottom: var(--space-0); }
	.xl\:my-4  { margin-top: var(--space-4); margin-bottom: var(--space-4); }
	.xl\:my-8  { margin-top: var(--space-8); margin-bottom: var(--space-8); }
	.xl\:my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16); }
	.xl\:my-20 { margin-top: var(--space-20); margin-bottom: var(--space-20); }

	/* Padding top */
	.xl\:pt-0  { padding-top: var(--space-0); }
	.xl\:pt-1  { padding-top: var(--space-1); }
	.xl\:pt-2  { padding-top: var(--space-2); }
	.xl\:pt-3  { padding-top: var(--space-3); }
	.xl\:pt-4  { padding-top: var(--space-4); }
	.xl\:pt-5  { padding-top: var(--space-5); }
	.xl\:pt-6  { padding-top: var(--space-6); }
	.xl\:pt-7  { padding-top: var(--space-7); }
	.xl\:pt-8  { padding-top: var(--space-8); }
	.xl\:pt-9  { padding-top: var(--space-9); }
	.xl\:pt-10 { padding-top: var(--space-10); }
	.xl\:pt-11 { padding-top: var(--space-11); }
	.xl\:pt-12 { padding-top: var(--space-12); }
	.xl\:pt-14 { padding-top: var(--space-14); }
	.xl\:pt-16 { padding-top: var(--space-16); }
	.xl\:pt-20 { padding-top: var(--space-20); }
	.xl\:pt-24 { padding-top: var(--space-24); }
	.xl\:pt-28 { padding-top: var(--space-28); }
	.xl\:pt-32 { padding-top: var(--space-32); }
	.xl\:pt-36 { padding-top: var(--space-36); }
	.xl\:pt-40 { padding-top: var(--space-40); }

	/* Padding bottom */
	.xl\:pb-0  { padding-bottom: var(--space-0); }
	.xl\:pb-1  { padding-bottom: var(--space-1); }
	.xl\:pb-2  { padding-bottom: var(--space-2); }
	.xl\:pb-3  { padding-bottom: var(--space-3); }
	.xl\:pb-4  { padding-bottom: var(--space-4); }
	.xl\:pb-5  { padding-bottom: var(--space-5); }
	.xl\:pb-6  { padding-bottom: var(--space-6); }
	.xl\:pb-7  { padding-bottom: var(--space-7); }
	.xl\:pb-8  { padding-bottom: var(--space-8); }
	.xl\:pb-9  { padding-bottom: var(--space-9); }
	.xl\:pb-10 { padding-bottom: var(--space-10); }
	.xl\:pb-11 { padding-bottom: var(--space-11); }
	.xl\:pb-12 { padding-bottom: var(--space-12); }
	.xl\:pb-14 { padding-bottom: var(--space-14); }
	.xl\:pb-16 { padding-bottom: var(--space-16); }
	.xl\:pb-20 { padding-bottom: var(--space-20); }
	.xl\:pb-24 { padding-bottom: var(--space-24); }
	.xl\:pb-28 { padding-bottom: var(--space-28); }
	.xl\:pb-32 { padding-bottom: var(--space-32); }
	.xl\:pb-36 { padding-bottom: var(--space-36); }
	.xl\:pb-40 { padding-bottom: var(--space-40); }
	.xl\:pb-44 { padding-bottom: var(--space-44); }
	.xl\:pb-48 { padding-bottom: var(--space-48); }
	.xl\:pb-56 { padding-bottom: var(--space-56); }

	/* Padding X / Y */
	.xl\:px-0  { padding-left: var(--space-0); padding-right: var(--space-0); }
	.xl\:px-2  { padding-left: var(--space-2); padding-right: var(--space-2); }
	.xl\:px-3  { padding-left: var(--space-3); padding-right: var(--space-3); }
	.xl\:px-4  { padding-left: var(--space-4); padding-right: var(--space-4); }
	.xl\:px-6  { padding-left: var(--space-6); padding-right: var(--space-6); }
	.xl\:px-8  { padding-left: var(--space-8); padding-right: var(--space-8); }
	.xl\:px-16 { padding-left: var(--space-16); padding-right: var(--space-16); }

	.xl\:py-0  { padding-top: var(--space-0); padding-bottom: var(--space-0); }
	.xl\:py-4  { padding-top: var(--space-4); padding-bottom: var(--space-4); }
	.xl\:py-6  { padding-top: var(--space-6); padding-bottom: var(--space-6); }
	.xl\:py-8  { padding-top: var(--space-8); padding-bottom: var(--space-8); }
	.xl\:py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); }

	/* Padding global */
	.xl\:p-0   { padding: var(--space-0); }
	.xl\:p-2   { padding: var(--space-2); }
	.xl\:p-4   { padding: var(--space-4); }
	.xl\:p-6   { padding: var(--space-6); }
	.xl\:p-8   { padding: var(--space-8); }
	.xl\:p-12  { padding: var(--space-12); }
	.xl\:p-16  { padding: var(--space-16); }
	.xl\:p-20  { padding: var(--space-20); }
	.xl\:p-24  { padding: var(--space-24); }
	.xl\:p-32  { padding: var(--space-32); }
	.xl\:p-40  { padding: var(--space-40); }
}