/*------------ CSS EW ------------*/
:root{
	/*-- COLORS --*/
	--color-primary: #A822F0;        /* Púrpura principal */
	--color-secondary: #41B6C1;      /* Azul secundario */
	--color-tertiary: #021521;       /* Azul secundario */
	--color-accent: #741CA3;         /* Púrpura oscuro/acento */

	--color-bg: #FFFFFF;             /* Fondo blanco */
	--color-text: #021521;           /* Texto principal (negro azulado) */
	--color-text-muted: #9B9B9B;     /* Texto gris */
	--color-border: #E1E4E8;         /* Bordes de la web */

	--color-black: #24292E;          /* Negro */
	--color-red: #eb3b5a;            /* Rojo */
	--color-yellow: #FFCB00;         /* Amarillo */
	--color-orange: #FFA500;         /* Naranja */
	--color-green: #4CAF50;          /* Verde */
	--color-sequra: #00C2A3;         /* Color asignado para Sequra */
	--color-transparent: transparent;
	--color-bg-gray: #E2E9F0;
	--color-acid-blue: #B8E5E9;
	--color-light-gray: #F6F8FA;

	/*-- Colors Rgb */
	--color-primary-rgb: 168, 34, 240;
	--color-secondary-rgb: 65, 182, 193;
	--color-tertiary-rgb: 2, 21, 33;
	--color-accent-rgb: 116, 28, 163;
	--color-red-rgb: 235, 59, 90;
	--color-yellow-rgb: 255, 203, 0;
	--color-orange-rgb: 255, 165, 0;
	--color-green-rgb: 76, 175, 80;
	--color-sequra-rgb: 0, 194, 163;
	--color-bg-rgb: 255, 255, 255;
	--color-text-rgb: 2, 21, 33;
	--color-text-muted-rgb: 155, 155, 155;
	--color-border-rgb: 225, 228, 232;
	--color-black-rgb: 36, 41, 46;
	--color-bg-gray-rgb: 226, 233, 240;
	--color-acid-blue-rgb: 184, 229, 233;
	--color-light-gray-rgb: 246, 248, 250;


	--gradient: 85deg, #34023C 1.05%, #8120B6 53.39%, #BB54F3 99.18%;

	/*-- HOVER COLORS --*/
	--hover-color-primary: #741CA3;     /* Hover primario */
	--hover-color-secondary: #3899A2;   /* Hover secundario */
	--hover-color-dark: #012E4B;        /* Hover para fondos oscuros */
	--hover-color-gray: #b5bfc9;       /* Hover gris */

	--hover-color-red: #eb3b5a;         /* Hover rojo */
	--hover-color-yellow: #FFCB00;      /* Hover amarillo */
	--hover-color-orange: #FFA500;      /* Hover naranja */
	--hover-color-green: #4CAF50;       /* Hover verde */
	--hover-color-teal: #00C2A3;        /* Hover verde azulado */

	/*-- FONTS --*/
	--font-sans: 'Dosis', sans-serif;
	--font-alt: 'Roboto Flex', sans-serif;
	
	--font-normal: 400;
	--font-bold: 700;
	--text-uppercase: uppercase;
	--text-none: none;

	/* Font sizes */
	--text-xs: 10px;
	--text-sm: 12px;
	--text-md: 14px;
	--text-base: 16px;
	--text-lg: 18px;
	--text-xl: 20px;
	--text-2xl: 22px;
	--text-3xl: 24px;
	--text-4xl: 28px;
	--text-5xl: 36px;
	--text-6xl: 38px;
	--text-7xl: 40px;
	--text-8xl: 56px;

	/* Line heights */
	--lh-0: 0px;
	--lh-xs: 16px;
	--lh-sm: 18px;
	--lh-md: 20px;
	--lh-base: 22px;
	--lh-lg: 24px;
	--lh-xl: 26px;
	--lh-2xl: 28px;
	--lh-3xl: 34px;
	--lh-4xl: 38px;
	--lh-5xl: 46px;
	--lh-6xl: 50px;
	--lh-7xl: 56px;
	--lh-8xl: 60px;

	/* Font weights */
	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-extrabold: 800;

	/*-- SIZES --*/
	--size-0: 0px;
	--size-0-1: 1px;
	--size-0-2: 2px;
	--size-0-3: 3px;
	--size-0-4: 4px;
	--size-0-5: 5px;
	--size-0-6: 6px;
	--size-0-7: 7px;
	--size-1: 8px;
	--size-1-1: 9px;
	--size-1-2: 10px;
	--size-1-3: 11px;
	--size-1-4: 12px;
	--size-1-5: 13px;
	--size-1-6: 14px;
	--size-1-7: 15px;
	--size-2: 16px;
	--size-3: 24px;
	--size-4: 32px;
	--size-5: 40px;
	--size-6: 48px;
	--size-7: 56px;
	--size-8: 64px;
	--size-9: 72px;
	--size-10: 80px;
	--size-11: 88px;
	--size-12: 96px;
	--size-13: 104px;
	--size-14: 112px;
	--size-15: 120px;

	--width-container-web: 1624px;

	--display-block: block;
	--display-inline-block: inline-block;
	--display-inline: inline;
	--display-flex: flex;
	--display-inline-flex: inline-flex;
	--display-grid: grid;
	--display-inline-grid: inline-grid;
	--display-table: table;
	--display-none: none;

	/* Flex direction */
	--flex-row: row;
	--flex-row-reverse: row-reverse;
	--flex-col: column;
	--flex-col-reverse: column-reverse;

	/* Flex wrap */
	--flex-wrap: wrap;
	--flex-wrap-reverse: wrap-reverse;
	--flex-nowrap: nowrap;

	/* Flex basis */
	--basis-auto: auto;
	--basis-full: 100%;

	/* Flex */
	--flex-1 : 1 1 0%;
	--flex-2 : 2;
	--flex-auto: 1 1 auto;
	--flex-initial: 0 1 auto;
	--flex-none: none;
	--grid-2-columns: 1fr 1fr;
	--grid-3-columns: repeat(3, 1fr);
	--grid-5-columns: repeat(5, 1fr);

	/* Justify content */
	--justify-start: flex-start;
	--justify-end: flex-end;
	--justify-center: center;
	--justify-between: space-between;
	--justify-around: space-around;
	--justify-evenly: space-evenly;

	/* Align items */
	--items-start: flex-start;
	--items-end: flex-end;
	--items-center: center;
	--items-baseline: baseline;
	--items-stretch: stretch;

	/* Align content */
	--content-start: flex-start;
	--content-end: flex-end;
	--content-center: center;
	--content-between: space-between;
	--content-around: space-around;
	--content-evenly: space-evenly;

	--order-1: 1;
	--order-2: 2;
	--order-3: 3;
	--order-4: 4;
	--order-5: 5;
	--order-6: 6;
	--order-7: 7;
	--order-8: 8;
	--order-9: 9;
	--order-10: 10;
	--order-first: -9999;
	--order-last: 9999;
	--order-none: 0;

    --w-full: 100%;
    --w-screen: 100vw;
    --w-min: min-content;
    --w-max: max-content;
    --w-fit: fit-content;
    --w-auto: auto;
  
    --w-1-2: 50%;
    --w-1-3: 33.3333%;
    --w-2-3: 66.6667%;
    --w-1-4: 25%;
    --w-3-4: 75%;
    --w-1-5: 20%;
    --w-4-5: 80%;
	--w-45: 45%;

	/* Sextos */
	--w-1-6: 16.6667%;
	--w-2-6: 33.3333%;
	--w-3-6: 50%;
	--w-4-6: 66.6667%;
	--w-5-6: 83.3333%;

    --h-full: 100%;
    --h-screen: 100vh;
    --h-min: min-content;
    --h-max: max-content;
    --h-fit: fit-content;
    --h-auto: auto;

	--pointer: pointer;
	
	--z-9999: 9999;
	--shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
	--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);

	--shadow-inferior: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

	
	--static: static;
	--fixed: fixed;
	--absolute: absolute;
	--relative: relative;
	--sticky: sticky;

	--t-center: center;
	--t-left: left;
	--t-right: right;

	--opacity-0: 0;
	--opacity-5: 0.05;
	--opacity-10: 0.1;
	--opacity-15: 0.15;
	--opacity-20: 0.2;
	--opacity-25: 0.25;
	--opacity-30: 0.3;
	--opacity-35: 0.35;
	--opacity-40: 0.4;
	--opacity-45: 0.45;
	--opacity-50: 0.5;
	--opacity-55: 0.55;
	--opacity-60: 0.6;
	--opacity-65: 0.65;
	--opacity-70: 0.7;
	--opacity-75: 0.75;
	--opacity-80: 0.8;
	--opacity-85: 0.85;
	--opacity-90: 0.9;	
	--opacity-95: 0.95;
	--opacity-100: 1;

	--initial: initial;

	interpolate-size: allow-keywords; /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto?hl=es-419 */
}

.input-active,
*:focus-visible{
	outline: 2px solid var(--color-secondary) !important;
	border-radius: var(--size-05);
	opacity: var(--opacity-100) !important;
}

.static{ position: var(--static); }
.fixed { position: var(--fixed); }
.absolute { position: var(--absolute); }
.relative { position: var(--relative); }
.sticky { position: var(--sticky); }

/* Positioning */
.top-0{ top: 0;}
.bottom-0 {bottom: 0}
.right-0 {right: 0 }
.left-0 {left: 0}
.top-50{ top: 50%; }
.bottom-50 {bottom: 50%;}
.left-50 {left: 50%; }
.right-50 {right: 50%; }




.shadow-2xs		{ box-shadow: var(--shadow-2xs); /* 0 1px rgb(0 0 0 / 0.05) */ }
.shadow-xs 		{ box-shadow: var(--shadow-xs); /* 0 1px 2px 0 rgb(0 0 0 / 0.05) */ }
.shadow-sm		{ box-shadow: var(--shadow-sm); /* 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) */ }
.shadow-md		{ box-shadow: var(--shadow-md); /* 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) */ }
.shadow-lg		{ box-shadow: var(--shadow-lg); /* 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) */ }
.shadow-xl		{ box-shadow: var(--shadow-xl); /* 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) */ }
.shadow-2xl		{ box-shadow: var(--shadow-2xl); /* 0 25px 50px -12px rgb(0 0 0 / 0.25) */} 
.shadow-none	{ box-shadow: 0 0 #0000; } 
.shodow-bottom 	{box-shadow: var(--shadow-inferior); /* 0 20px 25px -5px rgba(0, 0, 0, 0.1) */}

.z--1 { z-index: -1; }
.z-9 { z-index: 9; }
.z-99 { z-index: 99; }
.z-999 { z-index: 999; }
.z-9999 { z-index: 9999; }
.z-99998 { z-index: 99998; }
.z-99999 { z-index: 99999; }

.pointer  { cursor: var(--pointer); }     /* Dosis, sans-serif */

/* FONT FAMILY */
.font-sans  { font-family: var(--font-sans); }     /* Dosis, sans-serif */
.font-alt   { font-family: var(--font-alt); }      /* Roboto Flex, sans-serif */

/* FONT WEIGHT */
.font-light { font-weight: var(--fw-light); } /* 300 */
.font-normal { font-weight: var(--fw-regular); } /* 400 */
.font-medium { font-weight: var(--fw-medium); } /* 500 */
.font-semibold { font-weight: var(--fw-semibold); } /* 600 */
.font-bold { font-weight: var(--fw-bold); } /* 700 */
.font-extrabold { font-weight: var(--fw-extrabold); } /* 800 */

.\!font-light { font-weight: var(--fw-light) !important; } /* 300 */
.\!font-normal { font-weight: var(--fw-regular) !important; } /* 400 */
.\!font-medium { font-weight: var(--fw-medium) !important; } /* 500 */
.\!font-semibold { font-weight: var(--fw-semibold) !important; } /* 600 */
.\!font-bold { font-weight: var(--fw-bold) !important; } /* 700 */
.\!font-extrabold { font-weight: var(--fw-extrabold) !important; } /* 800 */


/* TEXT TRANSFORM */
.uppercase     { text-transform: var(--text-uppercase); }   /* uppercase */
.normal-case   { text-transform: var(--text-none); }         /* none */

/* TEXT COLORS */
.text-primary        { color: var(--color-primary); }
.text-secondary      { color: var(--color-secondary); }
.text-tertiary       { color: var(--color-tertiary); }
.text-accent         { color: var(--color-accent); }
.text-text           { color: var(--color-text); }
.text-text-muted     { color: var(--color-text-muted); }
.text-black          { color: var(--color-black); }
.text-red            { color: var(--color-red); }
.text-yellow         { color: var(--color-yellow); }
.text-orange         { color: var(--color-orange); }
.text-green          { color: var(--color-green); }
.text-sequra         { color: var(--color-sequra); }
.text-white			 { color: var(--color-bg); }
.text-border		 { color: var(--color-border); }
.text-hover-secondary { color: var(--hover-color-secondary); }

/* Important TEXT COLORS */
.\!text-primary   { color: var(--color-primary) !important; }
.\!text-secondary { color: var(--color-secondary) !important; }
.\!text-tertiary  { color: var(--color-tertiary) !important; }
.\!text-accent    { color: var(--color-accent) !important; }
.\!text-text      { color: var(--color-text) !important; }
.\!text-text-muted { color: var(--color-text-muted) !important; }
.\!text-black     { color: var(--color-black) !important; }
.\!text-red       { color: var(--color-red) !important; }
.\!text-yellow    { color: var(--color-yellow) !important; }
.\!text-orange    { color: var(--color-orange) !important; }
.\!text-green     { color: var(--color-green) !important; }
.\!text-sequra    { color: var(--color-sequra) !important; }
.\!text-white    { color: var(--color-bg) !important; }
.\!text-border   { color: var(--color-border) !important; }
.\!text-hover-secondary { color: var(--hover-color-secondary) !important; }

/* BACKGROUND COLORS */
.bg-primary-pc       { background-color: var(--color-primary); } /* Púrpura principal */
.bg-secondary-pc     { background-color: var(--color-secondary); } /* Azul secundario */
.bg-tertiary         { background-color: var(--color-tertiary); } /* Texto principal (negro azulado) */
.bg-accent           { background-color: var(--color-accent); }  /* Púrpura oscuro/acento */
.bg-bg               { background-color: var(--color-bg); }
.bg-text             { background-color: var(--color-text); }
.bg-black            { background-color: var(--color-black); }
.bg-red              { background-color: var(--color-red); }
.bg-yellow           { background-color: var(--color-yellow); }
.bg-orange           { background-color: var(--color-orange); }
.bg-green            { background-color: var(--color-green); }
.bg-sequra           { background-color: var(--color-sequra); }
.bg-transparent      { background-color: var(--color-transparent); }
.bg-bg-gray          { background-color: var(--color-bg-gray);}
.bg-bg-gray2         { background-color: var(--color-text-muted);}
.bg-acid-blue		 { background-color: var(--color-acid-blue);}
.bg-gradient		 { background: linear-gradient(85deg, #34023C 1.05%, #8120B6 53.39%, #BB54F3 99.18%);}
.bg-light-gray		 { background-color: var(--color-light-gray); }

.\!bg-primary-pc       { background-color: var(--color-primary) !important; } /* Púrpura principal */
.\!bg-secondary-pc     { background-color: var(--color-secondary) !important; } /* Azul secundario */
.\!bg-tertiary         { background-color: var(--color-tertiary) !important; } /* Texto principal (negro azulado) */
.\!bg-accent           { background-color: var(--color-accent) !important; }  /* Púrpura oscuro/acento */
.\!bg-bg               { background-color: var(--color-bg) !important; }
.\!bg-text             { background-color: var(--color-text) !important; }
.\!bg-black            { background-color: var(--color-black) !important; }
.\!bg-red              { background-color: var(--color-red) !important; }
.\!bg-yellow           { background-color: var(--color-yellow) !important; }
.\!bg-orange           { background-color: var(--color-orange) !important; }
.\!bg-green            { background-color: var(--color-green) !important; }
.\!bg-sequra           { background-color: var(--color-sequra) !important; }
.\!bg-transparent      { background-color: var(--color-transparent) !important; }
.\!bg-bg-gray          { background-color: var(--color-bg-gray) !important;}
.\!bg-bg-gray2         { background-color: var(--color-text-muted) !important;}
.\!bg-acid-blue		 { background-color: var(--color-acid-blue) !important;}
.\!bg-gradient		 { background: linear-gradient(85deg, #34023C 1.05%, #8120B6 53.39%, #BB54F3 99.18%) !important;}
.\!bg-light-gray		 { background-color: var(--color-light-gray) !important; }


.hover\:text-primary:hover {     
	color: var(--hover-color-primary) !important;
    -webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
}
.hover\:text-secondary:hover {     
	color: var(--hover-color-secondary) !important;
    -webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
}
.hover\:text-tertiary:hover {     
	color: var(--hover-color-dark) !important;
    -webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
}
.hover\:text-accent:hover {     
	color: var(--color-primary) !important;
    -webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
}
.hover\:text-white:hover {     
	color: var(--color-bg-gray) !important;
    -webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
}

.hover\:text-black:hover {     
	color: var(--color-black) !important;
    -webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
}


.hover\:bg-primary:hover {     
	background-color: var(--hover-color-primary) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.hover\:bg-secondary:hover {     
	background-color: var(--hover-color-secondary) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.hover\:bg-tertiary:hover {     
	background-color: var(--hover-color-dark) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.hover\:bg-accent:hover {     
	background-color: var(--color-primary) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.hover\:bg-gray:hover {     
	background-color: var(--hover-color-gray) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.hover\:bg-white:hover {     
	background-color: var(--color-bg) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.hover\:bg-white-opacity:hover {     
	background-color: rgb(255 255 255 / 35%) !important;
	-webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.hover\:bg-acid-blue:hover		 {
	background-color: var(--color-acid-blue) !important;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}


.active\:bg-white {     
	background-color: var(--color-bg) !important;
}

/* Overflow */
.overflow-initial{ overflow: initial; }
.overflow-auto{ overflow: auto; }
.overflow-hidden{ overflow: hidden; }
.overflow-visible{ overflow: visible; }
.overflow-scroll{ overflow: scroll; }
/* .overflow-x-auto{ overflow-x: auto; } */
.overflow-y-auto{ overflow-y: auto; }
.overflow-x-hidden{ overflow-x: hidden; }
.overflow-y-hidden{ overflow-y: hidden; }
.overflow-x-visible{ overflow-x: visible; }
.overflow-y-visible{ overflow-y: visible; }
.overflow-x-scroll{ overflow-x: scroll; }
.overflow-y-scroll{ overflow-y: scroll; }

.overflow-x-auto{
	width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}


/* Cursor styles */

.cursor-default {cursor: default;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer{cursor: pointer}


/* Font sizes */
.text-xs { font-size: var(--text-xs); }
.\!text-xs { font-size: var(--text-xs) !important; }
.text-sm { font-size: var(--text-sm); }
.\!text-sm { font-size: var(--text-sm) !important; }
.text-md { font-size: var(--text-md); }
.\!text-md { font-size: var(--text-md) !important; }
.text-base { font-size: var(--text-base); }
.\!text-base { font-size: var(--text-base) !important; }
.text-lg { font-size: var(--text-lg); }
.\!text-lg { font-size: var(--text-lg) !important; }
.text-xl { font-size: var(--text-xl); }
.\!text-xl { font-size: var(--text-xl) !important; }
.text-2xl { font-size: var(--text-2xl); }
.\!text-2xl { font-size: var(--text-2xl) !important; }
.text-3xl { font-size: var(--text-3xl); }
.\!text-3xl { font-size: var(--text-3xl) !important; }
.text-4xl { font-size: var(--text-4xl); }
.\!text-4xl { font-size: var(--text-4xl) !important; }
.text-5xl { font-size: var(--text-5xl); }
.\!text-5xl { font-size: var(--text-5xl) !important; }
.text-6xl { font-size: var(--text-6xl); }
.\!text-6xl { font-size: var(--text-6xl) !important; }
.text-7xl { font-size: var(--text-7xl); }
.\!text-7xl { font-size: var(--text-7xl) !important; }
.text-8xl { font-size: var(--text-8xl); }
.\!text-8xl { font-size: var(--text-8xl) !important; }

.w-3{ width: var(--size-3);}

/* Line heights */
.leading-0 { line-height: var(--lh-0); }
.leading-xs { line-height: var(--lh-xs); }
.leading-sm { line-height: var(--lh-sm); }
.leading-md { line-height: var(--lh-md); }
.leading-base { line-height: var(--lh-base); }
.leading-lg { line-height: var(--lh-lg); }
.leading-xl { line-height: var(--lh-xl); }
.leading-2xl { line-height: var(--lh-2xl); }
.leading-3xl { line-height: var(--lh-3xl); }
.leading-4xl { line-height: var(--lh-4xl); }
.leading-5xl { line-height: var(--lh-5xl); }
.leading-6xl { line-height: var(--lh-6xl); }
.leading-7xl { line-height: var(--lh-7xl); }
.leading-8xl { line-height: var(--lh-8xl); }

/* Padding completo */
.p-0  { padding: var(--size-0); }
.p-0-1 { padding: var(--size-0-1); }
.p-0-2 { padding: var(--size-0-2); }
.p-0-3 { padding: var(--size-0-3); }
.p-0-4 { padding: var(--size-0-4); }
.p-0-5 { padding: var(--size-0-5); }
.p-0-6 { padding: var(--size-0-6); }
.p-0-7 { padding: var(--size-0-7); }
.p-1  { padding: var(--size-1); }
.p-1-1  { padding: var(--size-1-1); }
.p-1-2  { padding: var(--size-1-2); }
.p-1-3  { padding: var(--size-1-3); }
.p-1-4  { padding: var(--size-1-4); }
.p-1-5  { padding: var(--size-1-5); }
.p-1-6  { padding: var(--size-1-6); }
.p-1-7  { padding: var(--size-1-7); }
.p-2  { padding: var(--size-2); }
.p-3  { padding: var(--size-3); }
.p-4  { padding: var(--size-4); }
.p-5  { padding: var(--size-5); }
.p-6  { padding: var(--size-6); }
.p-7  { padding: var(--size-7); }
.p-8  { padding: var(--size-8); }
.p-9  { padding: var(--size-9); }
.p-10 { padding: var(--size-10); }
.p-11 { padding: var(--size-11); }
.p-12 { padding: var(--size-12); }
.p-13 { padding: var(--size-13); }
.p-14 { padding: var(--size-14); }
.p-15 { padding: var(--size-15); }

/* Padding top */
.pt-0  { padding-top: var(--size-0); }
.pt-0-1 { padding-top: var(--size-0-1); }
.pt-0-2 { padding-top: var(--size-0-2); }
.pt-0-3 { padding-top: var(--size-0-3); }
.pt-0-4 { padding-top: var(--size-0-4); }
.pt-0-5 { padding-top: var(--size-0-5); }
.pt-0-6 { padding-top: var(--size-0-6); }
.pt-0-7 { padding-top: var(--size-0-7); }
.pt-1  { padding-top: var(--size-1); }
.pt-1-1  { padding-top: var(--size-1-1); }
.pt-1-2  { padding-top: var(--size-1-2); }
.pt-1-3  { padding-top: var(--size-1-3); }
.pt-1-4  { padding-top: var(--size-1-4); }
.pt-1-5  { padding-top: var(--size-1-5); }
.pt-1-6  { padding-top: var(--size-1-6); }
.pt-1-7  { padding-top: var(--size-1-7); }
.pt-2  { padding-top: var(--size-2); }
.pt-3  { padding-top: var(--size-3); }
.pt-4  { padding-top: var(--size-4); }
.pt-5  { padding-top: var(--size-5); }
.pt-6  { padding-top: var(--size-6); }
.pt-7  { padding-top: var(--size-7); }
.pt-8  { padding-top: var(--size-8); }
.pt-9  { padding-top: var(--size-9); }
.pt-10 { padding-top: var(--size-10); }
.pt-11 { padding-top: var(--size-11); }
.pt-12 { padding-top: var(--size-12); }
.pt-13 { padding-top: var(--size-13); }
.pt-14 { padding-top: var(--size-14); }
.pt-15 { padding-top: var(--size-15); }

/* Padding right */
.pr-0  { padding-right: var(--size-0); }
.pr-0-1 { padding-right: var(--size-0-1); }
.pr-0-2 { padding-right: var(--size-0-2); }
.pr-0-3 { padding-right: var(--size-0-3); }
.pr-0-4 { padding-right: var(--size-0-4); }
.pr-0-5 { padding-right: var(--size-0-5); }
.pr-0-6 { padding-right: var(--size-0-6); }
.pr-0-7 { padding-right: var(--size-0-7); }
.pr-1  { padding-right: var(--size-1); }
.pr-1-1  { padding-right: var(--size-1-1); }
.pr-1-2  { padding-right: var(--size-1-2); }
.pr-1-3  { padding-right: var(--size-1-3); }
.pr-1-4  { padding-right: var(--size-1-4); }
.pr-1-5  { padding-right: var(--size-1-5); }
.pr-1-6  { padding-right: var(--size-1-6); }
.pr-1-7  { padding-right: var(--size-1-7); }
.pr-2  { padding-right: var(--size-2); }
.pr-3  { padding-right: var(--size-3); }
.pr-4  { padding-right: var(--size-4); }
.pr-5  { padding-right: var(--size-5); }
.pr-6  { padding-right: var(--size-6); }
.pr-7  { padding-right: var(--size-7); }
.pr-8  { padding-right: var(--size-8); }
.pr-9  { padding-right: var(--size-9); }
.pr-10 { padding-right: var(--size-10); }
.pr-11 { padding-right: var(--size-11); }
.pr-12 { padding-right: var(--size-12); }
.pr-13 { padding-right: var(--size-13); }
.pr-14 { padding-right: var(--size-14); }
.pr-15 { padding-right: var(--size-15); }

/* Padding bottom */
.pb-0  { padding-bottom: var(--size-0); }
.pb-0-1 { padding-bottom: var(--size-0-1); }
.pb-0-2 { padding-bottom: var(--size-0-2); }
.pb-0-3 { padding-bottom: var(--size-0-3); }
.pb-0-4 { padding-bottom: var(--size-0-4); }
.pb-0-5 { padding-bottom: var(--size-0-5); }
.pb-0-6 { padding-bottom: var(--size-0-6); }
.pb-0-7 { padding-bottom: var(--size-0-7); }
.pb-1  { padding-bottom: var(--size-1); }
.pb-1-1  { padding-bottom: var(--size-1-1); }
.pb-1-2  { padding-bottom: var(--size-1-2); }
.pb-1-3  { padding-bottom: var(--size-1-3); }
.pb-1-4  { padding-bottom: var(--size-1-4); }
.pb-1-5  { padding-bottom: var(--size-1-5); }
.pb-1-6  { padding-bottom: var(--size-1-6); }
.pb-1-7  { padding-bottom: var(--size-1-7); }
.pb-2  { padding-bottom: var(--size-2); }
.pb-3  { padding-bottom: var(--size-3); }
.pb-4  { padding-bottom: var(--size-4); }
.pb-5  { padding-bottom: var(--size-5); }
.pb-6  { padding-bottom: var(--size-6); }
.pb-7  { padding-bottom: var(--size-7); }
.pb-8  { padding-bottom: var(--size-8); }
.pb-9  { padding-bottom: var(--size-9); }
.pb-10 { padding-bottom: var(--size-10); }
.pb-11 { padding-bottom: var(--size-11); }
.pb-12 { padding-bottom: var(--size-12); }
.pb-13 { padding-bottom: var(--size-13); }
.pb-14 { padding-bottom: var(--size-14); }
.pb-15 { padding-bottom: var(--size-15); }

/* Padding left */
.pl-0  { padding-left: var(--size-0); }
.pl-0-1 { padding-left: var(--size-0-1); }
.pl-0-2 { padding-left: var(--size-0-2); }
.pl-0-3 { padding-left: var(--size-0-3); }
.pl-0-4 { padding-left: var(--size-0-4); }
.pl-0-5 { padding-left: var(--size-0-5); }
.pl-0-6 { padding-left: var(--size-0-6); }
.pl-0-7 { padding-left: var(--size-0-7); }
.pl-1  { padding-left: var(--size-1); }
.pl-1-1  { padding-left: var(--size-1-1); }
.pl-1-2  { padding-left: var(--size-1-2); }
.pl-1-3  { padding-left: var(--size-1-3); }
.pl-1-4  { padding-left: var(--size-1-4); }
.pl-1-5  { padding-left: var(--size-1-5); }
.pl-1-6  { padding-left: var(--size-1-6); }
.pl-1-7  { padding-left: var(--size-1-7); }
.pl-2  { padding-left: var(--size-2); }
.pl-3  { padding-left: var(--size-3); }
.pl-4  { padding-left: var(--size-4); }
.pl-5  { padding-left: var(--size-5); }
.pl-6  { padding-left: var(--size-6); }
.pl-7  { padding-left: var(--size-7); }
.pl-8  { padding-left: var(--size-8); }
.pl-9  { padding-left: var(--size-9); }
.pl-10 { padding-left: var(--size-10); }
.pl-11 { padding-left: var(--size-11); }
.pl-12 { padding-left: var(--size-12); }
.pl-13 { padding-left: var(--size-13); }
.pl-14 { padding-left: var(--size-14); }
.pl-15 { padding-left: var(--size-15); }

/* Padding eje X */
.px-0  { padding-left: var(--size-0); padding-right: var(--size-0); }
.px-0-1 { padding-left: var(--size-0-1); padding-right: var(--size-0-1); }
.px-0-2 { padding-left: var(--size-0-2); padding-right: var(--size-0-2); }
.px-0-3 { padding-left: var(--size-0-3); padding-right: var(--size-0-3); }
.px-0-4 { padding-left: var(--size-0-4); padding-right: var(--size-0-4); }
.px-0-5 { padding-left: var(--size-0-5); padding-right: var(--size-0-5); }
.px-0-6 { padding-left: var(--size-0-6); padding-right: var(--size-0-6); }
.px-0-7 { padding-left: var(--size-0-7); padding-right: var(--size-0-7); }
.px-1  { padding-left: var(--size-1); padding-right: var(--size-1); }
.px-1-1  { padding-left: var(--size-1-1); padding-right: var(--size-1-1); }
.px-1-2  { padding-left: var(--size-1-2); padding-right: var(--size-1-2); }
.px-1-3  { padding-left: var(--size-1-3); padding-right: var(--size-1-3); }
.px-1-4  { padding-left: var(--size-1-4); padding-right: var(--size-1-4); }
.px-1-5  { padding-left: var(--size-1-5); padding-right: var(--size-1-5); }
.px-1-6  { padding-left: var(--size-1-6); padding-right: var(--size-1-6); }
.px-1-7  { padding-left: var(--size-1-7); padding-right: var(--size-1-7); }
.px-2  { padding-left: var(--size-2); padding-right: var(--size-2); }
.px-3  { padding-left: var(--size-3); padding-right: var(--size-3); }
.px-4  { padding-left: var(--size-4); padding-right: var(--size-4); }
.px-5  { padding-left: var(--size-5); padding-right: var(--size-5); }
.px-6  { padding-left: var(--size-6); padding-right: var(--size-6); }
.px-7  { padding-left: var(--size-7); padding-right: var(--size-7); }
.px-8  { padding-left: var(--size-8); padding-right: var(--size-8); }
.px-9  { padding-left: var(--size-9); padding-right: var(--size-9); }
.px-10 { padding-left: var(--size-10); padding-right: var(--size-10); }
.px-11 { padding-left: var(--size-11); padding-right: var(--size-11); }
.px-12 { padding-left: var(--size-12); padding-right: var(--size-12); }
.px-13 { padding-left: var(--size-13); padding-right: var(--size-13); }
.px-14 { padding-left: var(--size-14); padding-right: var(--size-14); }
.px-15 { padding-left: var(--size-15); padding-right: var(--size-15); }

/* Padding eje Y */
.py-0  { padding-top: var(--size-0); padding-bottom: var(--size-0); }
.py-0-1 { padding-top: var(--size-0-1); padding-bottom: var(--size-0-1); }
.py-0-2 { padding-top: var(--size-0-2); padding-bottom: var(--size-0-2); }
.py-0-3 { padding-top: var(--size-0-3); padding-bottom: var(--size-0-3); }
.py-0-4 { padding-top: var(--size-0-4); padding-bottom: var(--size-0-4); }
.py-0-5 { padding-top: var(--size-0-5); padding-bottom: var(--size-0-5); }
.py-0-6 { padding-top: var(--size-0-6); padding-bottom: var(--size-0-6); }
.py-0-7 { padding-top: var(--size-0-7); padding-bottom: var(--size-0-7); }
.py-1  	{ padding-top: var(--size-1); padding-bottom: var(--size-1); }
.py-1-1  { padding-top: var(--size-1-1); padding-bottom: var(--size-1-1); }
.py-1-2  { padding-top: var(--size-1-2); padding-bottom: var(--size-1-2); }
.py-1-3  { padding-top: var(--size-1-3); padding-bottom: var(--size-1-3); }
.py-1-4  { padding-top: var(--size-1-4); padding-bottom: var(--size-1-4); }
.py-1-5  { padding-top: var(--size-1-5); padding-bottom: var(--size-1-5); }
.py-1-6  { padding-top: var(--size-1-6); padding-bottom: var(--size-1-6); }
.py-1-7  { padding-top: var(--size-1-7); padding-bottom: var(--size-1-7); }
.py-2  { padding-top: var(--size-2); padding-bottom: var(--size-2); }
.py-3  { padding-top: var(--size-3); padding-bottom: var(--size-3); }
.py-4  { padding-top: var(--size-4); padding-bottom: var(--size-4); }
.py-5  { padding-top: var(--size-5); padding-bottom: var(--size-5); }
.py-6  { padding-top: var(--size-6); padding-bottom: var(--size-6); }
.py-7  { padding-top: var(--size-7); padding-bottom: var(--size-7); }
.py-8  { padding-top: var(--size-8); padding-bottom: var(--size-8); }
.py-9  { padding-top: var(--size-9); padding-bottom: var(--size-9); }
.py-10 { padding-top: var(--size-10); padding-bottom: var(--size-10); }
.py-11 { padding-top: var(--size-11); padding-bottom: var(--size-11); }
.py-12 { padding-top: var(--size-12); padding-bottom: var(--size-12); }
.py-13 { padding-top: var(--size-13); padding-bottom: var(--size-13); }
.py-14 { padding-top: var(--size-14); padding-bottom: var(--size-14); }
.py-15 { padding-top: var(--size-15); padding-bottom: var(--size-15); }

/* Margin completo */
.\!m-0  { margin: var(--size-0) !important; }
.m-0  { margin: var(--size-0); }
.m-1  { margin: var(--size-1); }
.m-2  { margin: var(--size-2); }
.m-3  { margin: var(--size-3); }
.m-4  { margin: var(--size-4); }
.m-5  { margin: var(--size-5); }
.m-6  { margin: var(--size-6); }
.m-7  { margin: var(--size-7); }
.m-8  { margin: var(--size-8); }
.m-9  { margin: var(--size-9); }
.m-10 { margin: var(--size-10); }
.m-11 { margin: var(--size-11); }
.m-12 { margin: var(--size-12); }
.m-13 { margin: var(--size-13); }
.m-14 { margin: var(--size-14); }
.m-15 { margin: var(--size-15); }
.m-auto {margin: auto}

/* Margin top */
.mt-0  { margin-top: var(--size-0); }
.mt-1  { margin-top: var(--size-1); }
.mt-2  { margin-top: var(--size-2); }
.mt-3  { margin-top: var(--size-3); }
.mt-4  { margin-top: var(--size-4); }
.mt-5  { margin-top: var(--size-5); }
.mt-6  { margin-top: var(--size-6); }
.mt-7  { margin-top: var(--size-7); }
.mt-8  { margin-top: var(--size-8); }
.mt-9  { margin-top: var(--size-9); }
.mt-10 { margin-top: var(--size-10); }
.mt-11 { margin-top: var(--size-11); }
.mt-12 { margin-top: var(--size-12); }
.mt-13 { margin-top: var(--size-13); }
.mt-14 { margin-top: var(--size-14); }
.mt-15 { margin-top: var(--size-15); }
.mt-auto { margin-top: auto; }

/* Margin top negativo */
.-mt-0  { margin-top: calc(-1 * var(--size-0)); }
.-mt-1  { margin-top: calc(-1 * var(--size-1)); }
.-mt-2  { margin-top: calc(-1 * var(--size-2)); }
.-mt-3  { margin-top: calc(-1 * var(--size-3)); }
.-mt-4  { margin-top: calc(-1 * var(--size-4)); }
.-mt-5  { margin-top: calc(-1 * var(--size-5)); }
.-mt-6  { margin-top: calc(-1 * var(--size-6)); }
.-mt-7  { margin-top: calc(-1 * var(--size-7)); }
.-mt-8  { margin-top: calc(-1 * var(--size-8)); }
.-mt-9  { margin-top: calc(-1 * var(--size-9)); }
.-mt-10 { margin-top: calc(-1 * var(--size-10)); }
.-mt-11 { margin-top: calc(-1 * var(--size-11)); }
.-mt-12 { margin-top: calc(-1 * var(--size-12)); }
.-mt-13 { margin-top: calc(-1 * var(--size-13)); }
.-mt-14 { margin-top: calc(-1 * var(--size-14)); }
.-mt-15 { margin-top: calc(-1 * var(--size-15)); }

/* Margin bottom negativo */
.-mb-0  { margin-bottom: calc(-1 * var(--size-0)); }
.-mb-1  { margin-bottom: calc(-1 * var(--size-1)); }
.-mb-2  { margin-bottom: calc(-1 * var(--size-2)); }
.-mb-3  { margin-bottom: calc(-1 * var(--size-3)); }
.-mb-4  { margin-bottom: calc(-1 * var(--size-4)); }
.-mb-5  { margin-bottom: calc(-1 * var(--size-5)); }
.-mb-6  { margin-bottom: calc(-1 * var(--size-6)); }
.-mb-7  { margin-bottom: calc(-1 * var(--size-7)); }
.-mb-8  { margin-bottom: calc(-1 * var(--size-8)); }
.-mb-9  { margin-bottom: calc(-1 * var(--size-9)); }
.-mb-10 { margin-bottom: calc(-1 * var(--size-10)); }
.-mb-11 { margin-bottom: calc(-1 * var(--size-11)); }
.-mb-12 { margin-bottom: calc(-1 * var(--size-12)); }
.-mb-13 { margin-bottom: calc(-1 * var(--size-13)); }
.-mb-14 { margin-bottom: calc(-1 * var(--size-14)); }
.-mb-15 { margin-bottom: calc(-1 * var(--size-15)); }

/* Margin right */
.mr-0  { margin-right: var(--size-0); }
.mr-1  { margin-right: var(--size-1); }
.mr-2  { margin-right: var(--size-2); }
.mr-3  { margin-right: var(--size-3); }
.mr-4  { margin-right: var(--size-4); }
.mr-5  { margin-right: var(--size-5); }
.mr-6  { margin-right: var(--size-6); }
.mr-7  { margin-right: var(--size-7); }
.mr-8  { margin-right: var(--size-8); }
.mr-9  { margin-right: var(--size-9); }
.mr-10 { margin-right: var(--size-10); }
.mr-11 { margin-right: var(--size-11); }
.mr-12 { margin-right: var(--size-12); }
.mr-13 { margin-right: var(--size-13); }
.mr-14 { margin-right: var(--size-14); }
.mr-15 { margin-right: var(--size-15); }
.mr-auto { margin-right: auto; }

/* Margin bottom */
.mb-0  { margin-bottom: var(--size-0); }
.mb-1  { margin-bottom: var(--size-1); }
.mb-2  { margin-bottom: var(--size-2); }
.mb-3  { margin-bottom: var(--size-3); }
.mb-4  { margin-bottom: var(--size-4); }
.mb-5  { margin-bottom: var(--size-5); }
.mb-6  { margin-bottom: var(--size-6); }
.mb-7  { margin-bottom: var(--size-7); }
.mb-8  { margin-bottom: var(--size-8); }
.mb-9  { margin-bottom: var(--size-9); }
.mb-10 { margin-bottom: var(--size-10); }
.mb-11 { margin-bottom: var(--size-11); }
.mb-12 { margin-bottom: var(--size-12); }
.mb-13 { margin-bottom: var(--size-13); }
.mb-14 { margin-bottom: var(--size-14); }
.mb-15 { margin-bottom: var(--size-15); }

/* Margin left */
.ml-0  { margin-left: var(--size-0); }
.ml-1  { margin-left: var(--size-1); }
.ml-2  { margin-left: var(--size-2); }
.ml-3  { margin-left: var(--size-3); }
.ml-4  { margin-left: var(--size-4); }
.ml-5  { margin-left: var(--size-5); }
.ml-6  { margin-left: var(--size-6); }
.ml-7  { margin-left: var(--size-7); }
.ml-8  { margin-left: var(--size-8); }
.ml-9  { margin-left: var(--size-9); }
.ml-10 { margin-left: var(--size-10); }
.ml-11 { margin-left: var(--size-11); }
.ml-12 { margin-left: var(--size-12); }
.ml-13 { margin-left: var(--size-13); }
.ml-14 { margin-left: var(--size-14); }
.ml-15 { margin-left: var(--size-15); }
.ml-auto {margin-left: auto}

/* Margin left negative */
.-ml-0  { margin-left: calc(-1 * var(--size-0)); }
.-ml-1  { margin-left: calc(-1 * var(--size-1)); }
.-ml-2  { margin-left: calc(-1 * var(--size-2)); }
.-ml-3  { margin-left: calc(-1 * var(--size-3)); }
.-ml-4  { margin-left: calc(-1 * var(--size-4)); }
.-ml-5  { margin-left: calc(-1 * var(--size-5)); }
.-ml-6  { margin-left: calc(-1 * var(--size-6)); }
.-ml-7  { margin-left: calc(-1 * var(--size-7)); }
.-ml-8  { margin-left: calc(-1 * var(--size-8)); }
.-ml-9  { margin-left: calc(-1 * var(--size-9)); }
.-ml-10 { margin-left: calc(-1 * var(--size-10)); }
.-ml-11 { margin-left: calc(-1 * var(--size-11)); }
.-ml-12 { margin-left: calc(-1 * var(--size-12)); }
.-ml-13 { margin-left: calc(-1 * var(--size-13)); }
.-ml-14 { margin-left: calc(-1 * var(--size-14)); }
.-ml-15 { margin-left: calc(-1 * var(--size-15)); }

/* Margin eje X */
.mx-0  { margin-left: var(--size-0); margin-right: var(--size-0); }
.mx-1  { margin-left: var(--size-1); margin-right: var(--size-1); }
.mx-2  { margin-left: var(--size-2); margin-right: var(--size-2); }
.mx-3  { margin-left: var(--size-3); margin-right: var(--size-3); }
.mx-4  { margin-left: var(--size-4); margin-right: var(--size-4); }
.mx-5  { margin-left: var(--size-5); margin-right: var(--size-5); }
.mx-6  { margin-left: var(--size-6); margin-right: var(--size-6); }
.mx-7  { margin-left: var(--size-7); margin-right: var(--size-7); }
.mx-8  { margin-left: var(--size-8); margin-right: var(--size-8); }
.mx-9  { margin-left: var(--size-9); margin-right: var(--size-9); }
.mx-10 { margin-left: var(--size-10); margin-right: var(--size-10); }
.mx-11 { margin-left: var(--size-11); margin-right: var(--size-11); }
.mx-12 { margin-left: var(--size-12); margin-right: var(--size-12); }
.mx-13 { margin-left: var(--size-13); margin-right: var(--size-13); }
.mx-14 { margin-left: var(--size-14); margin-right: var(--size-14); }
.mx-15 { margin-left: var(--size-15); margin-right: var(--size-15); }
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

/* Margin eje Y */
.my-0  { margin-top: var(--size-0); margin-bottom: var(--size-0); }
.my-1  { margin-top: var(--size-1); margin-bottom: var(--size-1); }
.my-2  { margin-top: var(--size-2); margin-bottom: var(--size-2); }
.my-3  { margin-top: var(--size-3); margin-bottom: var(--size-3); }
.my-4  { margin-top: var(--size-4); margin-bottom: var(--size-4); }
.my-5  { margin-top: var(--size-5); margin-bottom: var(--size-5); }
.my-6  { margin-top: var(--size-6); margin-bottom: var(--size-6); }
.my-7  { margin-top: var(--size-7); margin-bottom: var(--size-7); }
.my-8  { margin-top: var(--size-8); margin-bottom: var(--size-8); }
.my-9  { margin-top: var(--size-9); margin-bottom: var(--size-9); }
.my-10 { margin-top: var(--size-10); margin-bottom: var(--size-10); }
.my-11 { margin-top: var(--size-11); margin-bottom: var(--size-11); }
.my-12 { margin-top: var(--size-12); margin-bottom: var(--size-12); }
.my-13 { margin-top: var(--size-13); margin-bottom: var(--size-13); }
.my-14 { margin-top: var(--size-14); margin-bottom: var(--size-14); }
.my-15 { margin-top: var(--size-15); margin-bottom: var(--size-15); }

/* Displays */
.block         { display: var(--display-block); }
.inline-block  { display: var(--display-inline-block); }
.inline        { display: var(--display-inline); }
.flex          { display: var(--display-flex); }
.inline-flex   { display: var(--display-inline-flex); }
.grid          { display: var(--display-grid); }
.inline-grid   { display: var(--display-inline-grid); }
.none          { display: var(--display-none); }

/* Important displays */
.\!block         { display: var(--display-block) !important; }
.\!inline-block  { display: var(--display-inline-block) !important; }
.\!inline        { display: var(--display-inline) !important; }
.\!flex          { display: var(--display-flex) !important; }
.\!inline-flex   { display: var(--display-inline-flex) !important; }
.\!grid          { display: var(--display-grid) !important; }
.\!inline-grid   { display: var(--display-inline-grid) !important; }
.\!none          { display: var(--display-none) !important; }

/* Flex direction */
.flex-row           { flex-direction: var(--flex-row); }
.flex-row-reverse   { flex-direction: var(--flex-row-reverse); }
.flex-col           { flex-direction: var(--flex-col); }
.flex-col-reverse   { flex-direction: var(--flex-col-reverse); }

/* Flex wrap */
.flex-wrap          { flex-wrap: var(--flex-wrap); }
.flex-wrap-reverse  { flex-wrap: var(--flex-wrap-reverse); }
.flex-nowrap        { flex-wrap: var(--flex-nowrap); }

/* Flex basis */
.flex-basis-0      { flex-basis: var(--basis-0); }
.flex-basis-1      { flex-basis: var(--basis-1); }
.flex-basis-2      { flex-basis: var(--basis-2); }
.flex-basis-3      { flex-basis: var(--basis-3); }
.flex-basis-4      { flex-basis: var(--basis-4); }
.flex-basis-5      { flex-basis: var(--basis-5); }
.flex-basis-auto   { flex-basis: var(--basis-auto); }
.flex-basis-full   { flex-basis: var(--basis-full); }

/* Flex */
.flex-1        { flex: var(--flex-1); }        /* grow + shrink + basis 0% */
.flex-2        { flex: var(--flex-2); }        /* grow + shrink + basis 0% */
.flex-auto     { flex: var(--flex-auto); }     /* grow + shrink + auto */
.flex-initial  { flex: var(--flex-initial); }  /* shrink only */
.flex-none     { flex: var(--flex-none); }     /* no flex at all */
.grid-2-columns{ grid-template-columns: var(--grid-2-columns);}
.grid-3-columns{ grid-template-columns: var(--grid-3-columns);}
.grid-5-columns{ grid-template-columns: var(--grid-5-columns);}

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

/* Justify content */
.justify-start      { justify-content: var(--justify-start); }
.\!justify-start      { justify-content: var(--justify-start) !important; }
.justify-end        { justify-content: var(--justify-end); }
.justify-center     { justify-content: var(--justify-center); }
.justify-between    { justify-content: var(--justify-between); }
.justify-around     { justify-content: var(--justify-around); }
.justify-evenly     { justify-content: var(--justify-evenly); }

/* Align items */
.items-start        { align-items: var(--items-start); }
.items-end          { align-items: var(--items-end); }
.items-center       { align-items: var(--items-center); }
.\!items-center       { align-items: var(--items-center) !important; }
.items-baseline     { align-items: var(--items-baseline); }
.items-stretch      { align-items: var(--items-stretch); }

/* Align content */
.content-start      { align-content: var(--content-start); }
.content-end        { align-content: var(--content-end); }
.content-center     { align-content: var(--content-center); }
.content-between    { align-content: var(--content-between); }
.content-around     { align-content: var(--content-around); }
.content-evenly     { align-content: var(--content-evenly); }

/* Align items */
.align-baseline 	{ vertical-align: baseline; }
.align-top 			{ vertical-align: top; }
.align-middle 		{ vertical-align: middle; }
.align-bottom 		{ vertical-align: bottom; }
.align-text-top 	{ vertical-align: text-top; }
.align-text-bottom	{ vertical-align: text-bottom; }
.align-sub 			{ vertical-align: sub; }
.align-super 		{ vertical-align: super; }

.text-left     	   	{ text-align: var(--t-left); }
.text-center     	{ text-align: var(--t-center); }
.text-right     	{ text-align: var(--t-right); }

/* White space */
.whitespace-normal 			{ white-space: normal; }
.whitespace-nowrap 			{ white-space: nowrap; }
.whitespace-pre 			{ white-space: pre; }
.whitespace-pre-line 		{ white-space: pre-line; }
.whitespace-pre-wrap 		{ white-space: pre-wrap; }
.whitespace-break-spaces 	{ white-space: break-spaces; }

/* Orders */
.order-1      { order: var(--order-1); }
.order-2      { order: var(--order-2); }
.order-3      { order: var(--order-3); }
.order-4      { order: var(--order-4); }
.order-5      { order: var(--order-5); }
.order-6      { order: var(--order-6); }
.order-7      { order: var(--order-7); }
.order-8      { order: var(--order-8); }
.order-9      { order: var(--order-9); }
.order-10     { order: var(--order-10); }
.order-first  { order: var(--order-first); }
.order-last   { order: var(--order-last); }
.order-none   { order: var(--order-none); }

/* Gap general */
.gap-0  { gap: var(--size-0); }
.gap-0-1 { gap: var(--size-0-1); }
.gap-0-2 { gap: var(--size-0-2); }
.gap-0-3 { gap: var(--size-0-3); }
.gap-0-4 { gap: var(--size-0-4); }
.gap-0-5 { gap: var(--size-0-5); }
.gap-0-6 { gap: var(--size-0-6); }
.gap-0-7 { gap: var(--size-0-7); }
.gap-1  { gap: var(--size-1); }
.gap-1-1  { gap: var(--size-1-1); }
.gap-1-2  { gap: var(--size-1-2); }
.gap-1-3  { gap: var(--size-1-3); }
.gap-1-4  { gap: var(--size-1-4); }
.gap-1-5  { gap: var(--size-1-5); }
.gap-1-6  { gap: var(--size-1-6); }
.gap-1-7  { gap: var(--size-1-7); }
.gap-2  { gap: var(--size-2); }
.gap-3  { gap: var(--size-3); }
.gap-4  { gap: var(--size-4); }
.gap-5  { gap: var(--size-5); }
.gap-6  { gap: var(--size-6); }
.gap-7  { gap: var(--size-7); }
.gap-8  { gap: var(--size-8); }
.gap-9  { gap: var(--size-9); }
.gap-10 { gap: var(--size-10); }
.gap-11 { gap: var(--size-11); }
.gap-12 { gap: var(--size-12); }
.gap-13 { gap: var(--size-13); }
.gap-14 { gap: var(--size-14); }
.gap-15 { gap: var(--size-15); }

/* Gap eje X */
.gap-x-0  { column-gap: var(--size-0); }
.gap-x-1  { column-gap: var(--size-1); }
.gap-x-2  { column-gap: var(--size-2); }
.gap-x-3  { column-gap: var(--size-3); }
.gap-x-4  { column-gap: var(--size-4); }
.gap-x-5  { column-gap: var(--size-5); }
.gap-x-6  { column-gap: var(--size-6); }
.gap-x-7  { column-gap: var(--size-7); }
.gap-x-8  { column-gap: var(--size-8); }
.gap-x-9  { column-gap: var(--size-9); }
.gap-x-10 { column-gap: var(--size-10); }
.gap-x-11 { column-gap: var(--size-11); }
.gap-x-12 { column-gap: var(--size-12); }
.gap-x-13 { column-gap: var(--size-13); }
.gap-x-14 { column-gap: var(--size-14); }
.gap-x-15 { column-gap: var(--size-15); }

/* Gap eje Y */
.gap-y-0  { row-gap: var(--size-0); }
.gap-y-1  { row-gap: var(--size-1); }
.gap-y-2  { row-gap: var(--size-2); }
.gap-y-3  { row-gap: var(--size-3); }
.gap-y-4  { row-gap: var(--size-4); }
.gap-y-5  { row-gap: var(--size-5); }
.gap-y-6  { row-gap: var(--size-6); }
.gap-y-7  { row-gap: var(--size-7); }
.gap-y-8  { row-gap: var(--size-8); }
.gap-y-9  { row-gap: var(--size-9); }
.gap-y-10 { row-gap: var(--size-10); }
.gap-y-11 { row-gap: var(--size-11); }
.gap-y-12 { row-gap: var(--size-12); }
.gap-y-13 { row-gap: var(--size-13); }
.gap-y-14 { row-gap: var(--size-14); }
.gap-y-15 { row-gap: var(--size-15); }

/* WIDTHS  */
.\!w-full     { width: var(--w-full) !important; }
.w-full     { width: var(--w-full); }
.w-screen   { width: var(--w-screen); }

.w-0  { width: var(--size-0); }   /* 0px */
.w-1  { width: var(--size-1); }   /* 8px */
.w-2  { width: var(--size-2); }   /* 16px */
.w-3  { width: var(--size-3); }   /* 24px */
.w-4  { width: var(--size-4); }   /* 32px */
.w-5  { width: var(--size-5); }   /* 40px */
.w-6  { width: var(--size-6); }   /* 48px */
.w-7  { width: var(--size-7); }   /* 56px */
.w-8  { width: var(--size-8); }   /* 64px */
.w-9  { width: var(--size-9); }   /* 72px */
.w-10 { width: var(--size-10); }  /* 80px */
.w-11 { width: var(--size-11); }  /* 88px */
.w-12 { width: var(--size-12); }  /* 96px */
.w-13 { width: var(--size-13); }  /* 104px */
.w-14 { width: var(--size-14); }  /* 112px */
.w-15 { width: var(--size-15); }  /* 120px */
.w-15 { width: var(--size-15); }  /* 120px */
.w-initial { width: initial; }

.w-45{ width: var(--w-45); }  /* 45% */

.w-1-2     { width: var(--w-1-2); } /* ojo contrabarra */
.w-1-3     { width: var(--w-1-3); }
.w-2-3     { width: var(--w-2-3); }
.w-1-4     { width: var(--w-1-4); }
.w-3-4     { width: var(--w-3-4); }
.w-1-5     { width: var(--w-1-5); }
.w-4-5     { width: var(--w-4-5); }

.w-1-6 { width: var(--w-1-6); }   /* 16.6667% */
.w-2-6 { width: var(--w-2-6); }   /* 33.3333% */
.w-3-6 { width: var(--w-3-6); }   /* 50% */
.w-4-6 { width: var(--w-4-6); }   /* 66.6667% */
.w-5-6 { width: var(--w-5-6); }   /* 83.3333% */

.mw-1-6 { max-width: var(--w-1-6); }   /* 16.6667% */
.mw-2-6 { max-width: var(--w-2-6); }   /* 33.3333% */
.mw-3-6 { max-width: var(--w-3-6); }   /* 50% */
.mw-4-6 { max-width: var(--w-4-6); }   /* 66.6667% */
.mw-5-6 { max-width: var(--w-5-6); }   /* 83.3333% */

/* Min widths */
.min-w-0  { min-width: var(--size-0); }   /* 0px */
.min-w-1  { min-width: var(--size-1); }   /* 8px */
.min-w-2  { min-width: var(--size-2); }   /* 16px */
.min-w-3  { min-width: var(--size-3); }   /* 24px */
.min-w-4  { min-width: var(--size-4); }   /* 32px */
.min-w-5  { min-width: var(--size-5); }   /* 40px */
.min-w-6  { min-width: var(--size-6); }   /* 48px */
.min-w-7  { min-width: var(--size-7); }   /* 56px */
.min-w-8  { min-width: var(--size-8); }   /* 64px */
.min-w-9  { min-width: var(--size-9); }   /* 72px */
.min-w-10 { min-width: var(--size-10); }  /* 80px */
.min-w-11 { min-width: var(--size-11); }  /* 88px */
.min-w-12 { min-width: var(--size-12); }  /* 96px */
.min-w-13 { min-width: var(--size-13); }  /* 104px */
.min-w-14 { min-width: var(--size-14); }  /* 112px */
.min-w-15 { min-width: var(--size-15); }  /* 120px */

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

/* Max widths */
.max-w-full   { max-width: var(--w-full); }
.\!max-w-full   { max-width: var(--w-full) !important; }
.max-w-screen { max-width: var(--w-screen); }
.\max-w-screen { max-width: var(--w-screen) !important; }
.max-w-0  { max-width: var(--size-0); }   /* 0px */
.max-w-1  { max-width: var(--size-1); }   /* 8px */
.max-w-2  { max-width: var(--size-2); }   /* 16px */
.max-w-3  { max-width: var(--size-3); }   /* 24px */
.max-w-4  { max-width: var(--size-4); }   /* 32px */
.max-w-5  { max-width: var(--size-5); }   /* 40px */
.max-w-6  { max-width: var(--size-6); }   /* 48px */
.max-w-7  { max-width: var(--size-7); }   /* 56px */
.max-w-8  { max-width: var(--size-8); }   /* 64px */
.max-w-9  { max-width: var(--size-9); }   /* 72px */
.max-w-10 { max-width: var(--size-10); }  /* 80px */
.max-w-11 { max-width: var(--size-11); }  /* 88px */
.max-w-12 { max-width: var(--size-12); }  /* 96px */
.max-w-13 { max-width: var(--size-13); }  /* 104px */
.max-w-14 { max-width: var(--size-14); }  /* 112px */
.max-w-15 { max-width: var(--size-15); }  /* 120px */

/* Otros */
.w-min      { width: var(--w-min); }
.w-max      { width: var(--w-max); }
.w-fit      { width: var(--w-fit); }
.w-auto     { width: var(--w-auto); }

/* HEIGHTS */
.h-full     { height: var(--h-full); }
.h-screen   { height: var(--h-screen); }
.h-min      { height: var(--h-min); }
.h-max      { height: var(--h-max); }
.h-fit      { height: var(--h-fit); }
.h-auto     { height: var(--h-auto); }

.h-0  { height: var(--size-0); }   /* 0px */
.h-1  { height: var(--size-1); }   /* 8px */
.h-2  { height: var(--size-2); }   /* 16px */
.h-3  { height: var(--size-3); }   /* 24px */
.h-4  { height: var(--size-4); }   /* 32px */
.h-5  { height: var(--size-5); }   /* 40px */
.h-6  { height: var(--size-6); }   /* 48px */
.h-7  { height: var(--size-7); }   /* 56px */
.h-8  { height: var(--size-8); }   /* 64px */
.h-9  { height: var(--size-9); }   /* 72px */
.h-10 { height: var(--size-10); }  /* 80px */
.h-11 { height: var(--size-11); }  /* 88px */
.h-12 { height: var(--size-12); }  /* 96px */
.h-13 { height: var(--size-13); }  /* 104px */
.h-14 { height: var(--size-14); }  /* 112px */
.h-15 { height: var(--size-15); }  /* 120px */

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

/* Max Width */ 
.max-w-800 	{ max-width: 800px; }
.max-w-1000 { max-width: 1000px; }
.max-w-1200 { max-width: 1200px; }

/* Max Height */
.max-h-0  { max-height: var(--size-0); }   /* 0px */
.max-h-1  { max-height: var(--size-1); }   /* 8px */
.max-h-2  { max-height: var(--size-2); }   /* 16px */
.max-h-3  { max-height: var(--size-3); }   /* 24px */
.max-h-4  { max-height: var(--size-4); }   /* 32px */
.max-h-5  { max-height: var(--size-5); }   /* 40px */
.max-h-6  { max-height: var(--size-6); }   /* 48px */
.max-h-7  { max-height: var(--size-7); }   /* 56px */
.max-h-8  { max-height: var(--size-8); }   /* 64px */
.max-h-9  { max-height: var(--size-9); }   /* 72px */
.max-h-10 { max-height: var(--size-10); }  /* 80px */
.max-h-11 { max-height: var(--size-11); }  /* 88px */
.max-h-12 { max-height: var(--size-12); }  /* 96px */
.max-h-13 { max-height: var(--size-13); }  /* 104px */
.max-h-14 { max-height: var(--size-14); }  /* 112px */
.max-h-15 { max-height: var(--size-15); }  /* 120px */

/* Min Height */
.min-h-0  { min-height: var(--size-0); }   /* 0px */
.min-h-1  { min-height: var(--size-1); }   /* 8px */
.min-h-2  { min-height: var(--size-2); }   /* 16px */
.min-h-3  { min-height: var(--size-3); }   /* 24px */
.min-h-4  { min-height: var(--size-4); }   /* 32px */
.min-h-5  { min-height: var(--size-5); }   /* 40px */
.min-h-6  { min-height: var(--size-6); }   /* 48px */
.min-h-7  { min-height: var(--size-7); }   /* 56px */
.min-h-8  { min-height: var(--size-8); }   /* 64px */
.min-h-9  { min-height: var(--size-9); }   /* 72px */
.min-h-10 { min-height: var(--size-10); }  /* 80px */
.min-h-11 { min-height: var(--size-11); }  /* 88px */
.min-h-12 { min-height: var(--size-12); }  /* 96px */
.min-h-13 { min-height: var(--size-13); }  /* 104px */
.min-h-14 { min-height: var(--size-14); }  /* 112px */
.min-h-15 { min-height: var(--size-15); }  /* 120px */

/* Heights in vh */
.max-vh-initial { max-height: var(--initial); }
.max-vh-0 { max-height: 0vh; }
.max-vh-10 { max-height: 10vh; }
.max-vh-20 { max-height: 20vh; }
.max-vh-30 { max-height: 30vh; }
.max-vh-40 { max-height: 40vh; }
.max-vh-50 { max-height: 50vh; }
.max-vh-60 { max-height: 60vh; }
.max-vh-70 { max-height: 70vh; }
.max-vh-80 { max-height: 80vh; }
.max-vh-90 { max-height: 90vh; }
.max-vh-100 { max-height: 100vh; }

/* Height in dvh */
.h-dvh-initial { height: var(--initial); }
.h-dvh-10  { height: 10dvh; }
.h-dvh-20  { height: 20dvh; }
.h-dvh-30  { height: 30dvh; }
.h-dvh-40  { height: 40dvh; }
.h-dvh-50  { height: 50dvh; }
.h-dvh-60  { height: 60dvh; }
.h-dvh-70  { height: 70dvh; }
.h-dvh-80  { height: 80dvh; }
.h-dvh-90  { height: 90dvh; }
.h-dvh-100 { height: 100dvh; }

/* Max Height in dvh */
.max-dvh-initial { max-height: var(--initial); }
.max-dvh-10 { max-height: 10dvh; }
.max-dvh-20 { max-height: 20dvh; }
.max-dvh-30 { max-height: 30dvh; }
.max-dvh-40 { max-height: 40dvh; }
.max-dvh-50 { max-height: 50dvh; }
.max-dvh-60 { max-height: 60dvh; }
.max-dvh-70 { max-height: 70dvh; }
.max-dvh-80 { max-height: 80dvh; }
.max-dvh-90 { max-height: 90dvh; }
.max-dvh-91 { max-height: 91dvh; }
.max-dvh-92 { max-height: 92dvh; }
.max-dvh-93 { max-height: 93dvh; }
.max-dvh-94 { max-height: 94dvh; }
.max-dvh-95 { max-height: 95dvh; }
.max-dvh-96 { max-height: 96dvh; }
.max-dvh-97 { max-height: 97dvh; }
.max-dvh-98 { max-height: 98dvh; }
.max-dvh-99 { max-height: 99dvh; }
.max-dvh-100 { max-height: 100dvh; }

.w-0  { width: var(--size-0); }   /* 0px */
.w-1  { width: var(--size-1); }   /* 8px */
.w-2  { width: var(--size-2); }   /* 16px */
.w-3  { width: var(--size-3); }   /* 24px */
.w-4  { width: var(--size-4); }   /* 32px */
.w-5  { width: var(--size-5); }   /* 40px */
.w-6  { width: var(--size-6); }   /* 48px */
.w-7  { width: var(--size-7); }   /* 56px */
.w-8  { width: var(--size-8); }   /* 64px */
.w-9  { width: var(--size-9); }   /* 72px */
.w-10 { width: var(--size-10); }  /* 80px */
.w-11 { width: var(--size-11); }  /* 88px */
.w-12 { width: var(--size-12); }  /* 96px */
.w-13 { width: var(--size-13); }  /* 104px */
.w-14 { width: var(--size-14); }  /* 112px */
.w-15 { width: var(--size-15); }  /* 120px */

/* List styles */
.list-none { list-style: none; }
.list-disc { list-style: disc; }
.list-decimal { list-style: decimal; }

/* Border radius general */
.rounded-0  { border-radius: var(--size-0); }
.rounded-1  { border-radius: var(--size-1); }
.rounded-1-1 { border-radius: var(--size-1-1); }
.rounded-1-2 { border-radius: var(--size-1-2); }
.rounded-1-3 { border-radius: var(--size-1-3); }
.rounded-1-4 { border-radius: var(--size-1-4); }
.rounded-1-5 { border-radius: var(--size-1-5); }
.rounded-1-6 { border-radius: var(--size-1-6); }
.rounded-1-7 { border-radius: var(--size-1-7); }
.rounded-2  { border-radius: var(--size-2); }
.rounded-3  { border-radius: var(--size-3); }
.rounded-4  { border-radius: var(--size-4); }
.rounded-5  { border-radius: var(--size-5); }
.rounded-6  { border-radius: var(--size-6); }
.rounded-7  { border-radius: var(--size-7); }
.rounded-8  { border-radius: var(--size-8); }
.rounded-9  { border-radius: var(--size-9); }
.rounded-10 { border-radius: var(--size-10); }
.rounded-11 { border-radius: var(--size-11); }
.rounded-12 { border-radius: var(--size-12); }
.rounded-13 { border-radius: var(--size-13); }
.rounded-14 { border-radius: var(--size-14); }
.rounded-15 { border-radius: var(--size-15); }
.rounded-full { border-radius: 100%; }

.rounded-t-0 { border-top-left-radius: var(--size-0); border-top-right-radius: var(--size-0); }
.rounded-t-1 { border-top-left-radius: var(--size-1); border-top-right-radius: var(--size-1); }
.rounded-t-2 { border-top-left-radius: var(--size-2); border-top-right-radius: var(--size-2); }
.rounded-t-3 { border-top-left-radius: var(--size-3); border-top-right-radius: var(--size-3); }
.rounded-t-4 { border-top-left-radius: var(--size-4); border-top-right-radius: var(--size-4); }
.rounded-t-5 { border-top-left-radius: var(--size-5); border-top-right-radius: var(--size-5); }
.rounded-t-6 { border-top-left-radius: var(--size-6); border-top-right-radius: var(--size-6); }
.rounded-t-7 { border-top-left-radius: var(--size-7); border-top-right-radius: var(--size-7); }
.rounded-t-8 { border-top-left-radius: var(--size-8); border-top-right-radius: var(--size-8); }
.rounded-t-9 { border-top-left-radius: var(--size-9); border-top-right-radius: var(--size-9); }
.rounded-t-10 { border-top-left-radius: var(--size-10); border-top-right-radius: var(--size-10); }
.rounded-t-11 { border-top-left-radius: var(--size-11); border-top-right-radius: var(--size-11); }
.rounded-t-12 { border-top-left-radius: var(--size-12); border-top-right-radius: var(--size-12); }
.rounded-t-13 { border-top-left-radius: var(--size-13); border-top-right-radius: var(--size-13); }
.rounded-t-14 { border-top-left-radius: var(--size-14); border-top-right-radius: var(--size-14); }
.rounded-t-15 { border-top-left-radius: var(--size-15); border-top-right-radius: var(--size-15); }

.rounded-b-0 { border-bottom-left-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
.rounded-b-1 { border-bottom-left-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
.rounded-b-2 { border-bottom-left-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
.rounded-b-3 { border-bottom-left-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
.rounded-b-4 { border-bottom-left-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
.rounded-b-5 { border-bottom-left-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
.rounded-b-6 { border-bottom-left-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
.rounded-b-7 { border-bottom-left-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
.rounded-b-8 { border-bottom-left-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
.rounded-b-9 { border-bottom-left-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
.rounded-b-10 { border-bottom-left-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
.rounded-b-11 { border-bottom-left-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
.rounded-b-12 { border-bottom-left-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
.rounded-b-13 { border-bottom-left-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
.rounded-b-14 { border-bottom-left-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
.rounded-b-15 { border-bottom-left-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }
.rounded-l-0 { border-top-left-radius: var(--size-0); border-bottom-left-radius: var(--size-0); }
.rounded-l-1 { border-top-left-radius: var(--size-1); border-bottom-left-radius: var(--size-1); }
.rounded-l-2 { border-top-left-radius: var(--size-2); border-bottom-left-radius: var(--size-2); }
.rounded-l-3 { border-top-left-radius: var(--size-3); border-bottom-left-radius: var(--size-3); }
.rounded-l-4 { border-top-left-radius: var(--size-4); border-bottom-left-radius: var(--size-4); }
.rounded-l-5 { border-top-left-radius: var(--size-5); border-bottom-left-radius: var(--size-5); }
.rounded-l-6 { border-top-left-radius: var(--size-6); border-bottom-left-radius: var(--size-6); }
.rounded-l-7 { border-top-left-radius: var(--size-7); border-bottom-left-radius: var(--size-7); }
.rounded-l-8 { border-top-left-radius: var(--size-8); border-bottom-left-radius: var(--size-8); }
.rounded-l-9 { border-top-left-radius: var(--size-9); border-bottom-left-radius: var(--size-9); }
.rounded-l-10 { border-top-left-radius: var(--size-10); border-bottom-left-radius: var(--size-10); }
.rounded-l-11 { border-top-left-radius: var(--size-11); border-bottom-left-radius: var(--size-11); }
.rounded-l-12 { border-top-left-radius: var(--size-12); border-bottom-left-radius: var(--size-12); }
.rounded-l-13 { border-top-left-radius: var(--size-13); border-bottom-left-radius: var(--size-13); }
.rounded-l-14 { border-top-left-radius: var(--size-14); border-bottom-left-radius: var(--size-14); }
.rounded-l-15 { border-top-left-radius: var(--size-15); border-bottom-left-radius: var(--size-15); }
.rounded-r-0 { border-top-right-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
.rounded-r-1 { border-top-right-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
.rounded-r-2 { border-top-right-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
.rounded-r-3 { border-top-right-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
.rounded-r-4 { border-top-right-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
.rounded-r-5 { border-top-right-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
.rounded-r-6 { border-top-right-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
.rounded-r-7 { border-top-right-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
.rounded-r-8 { border-top-right-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
.rounded-r-9 { border-top-right-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
.rounded-r-10 { border-top-right-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
.rounded-r-11 { border-top-right-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
.rounded-r-12 { border-top-right-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
.rounded-r-13 { border-top-right-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
.rounded-r-14 { border-top-right-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
.rounded-r-15 { border-top-right-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }

.logoheader{ max-width: 150px; width: 150px; }

/* Bordes completos */
.border-0 { border: var(--size-0) }
.border-1 { border: 1px solid var(--color-border); }
.border-2 { border: 2px solid var(--color-border); }
.border-3 { border: 3px solid var(--color-border); }
.border-4 { border: 4px solid var(--color-border); }
.border-5 { border: 5px solid var(--color-border); }
.border-6 { border: 6px solid var(--color-border); }
.border-7 { border: 7px solid var(--color-border); }
.border-8 { border: 8px solid var(--color-border); }

.\!border-0 { border: var(--size-0) !important; }
.\!border-1 { border: 1px solid var(--color-border) !important; }


/* Bordes superiores */
.border-0 { border-top: var(--size-0); }
.border-t-1 { border-top: 1px solid var(--color-border); }
.border-t-2 { border-top: 2px solid var(--color-border); }
.border-t-3 { border-top: 3px solid var(--color-border); }
.border-t-4 { border-top: 4px solid var(--color-border); }
.border-t-5 { border-top: 5px solid var(--color-border); }
.border-t-6 { border-top: 6px solid var(--color-border); }
.border-t-7 { border-top: 7px solid var(--color-border); }
.border-t-8 { border-top: 8px solid var(--color-border); }

/* Bordes inferiores */
.border-b-0 { border-bottom: var(--size-0); }
.border-b-1 { border-bottom: 1px solid var(--color-border); }
.border-b-2 { border-bottom: 2px solid var(--color-border); }
.border-b-3 { border-bottom: 3px solid var(--color-border); }
.border-b-4 { border-bottom: 4px solid var(--color-border); }
.border-b-5 { border-bottom: 5px solid var(--color-border); }
.border-b-6 { border-bottom: 6px solid var(--color-border); }
.border-b-7 { border-bottom: 7px solid var(--color-border); }
.border-b-8 { border-bottom: 8px solid var(--color-border); }

/* Bordes izquierdos */
.border-l-0 { border-left: var(--size-0); }
.border-l-1 { border-left: 1px solid var(--color-border); }
.border-l-2 { border-left: 2px solid var(--color-border); }
.border-l-3 { border-left: 3px solid var(--color-border); }
.border-l-4 { border-left: 4px solid var(--color-border); }
.border-l-5 { border-left: 5px solid var(--color-border); }
.border-l-6 { border-left: 6px solid var(--color-border); }
.border-l-7 { border-left: 7px solid var(--color-border); }
.border-l-8 { border-left: 8px solid var(--color-border); }

/* Bordes derechos */
.border-r-0 { border-right: var(--size-0); }
.border-r-1 { border-right: 1px solid var(--color-border); }
.border-r-2 { border-right: 2px solid var(--color-border); }
.border-r-3 { border-right: 3px solid var(--color-border); }
.border-r-4 { border-right: 4px solid var(--color-border); }
.border-r-5 { border-right: 5px solid var(--color-border); }
.border-r-6 { border-right: 6px solid var(--color-border); }
.border-r-7 { border-right: 7px solid var(--color-border); }
.border-r-8 { border-right: 8px solid var(--color-border); }

/* BORDER COLORS */
.border-primary      { border-color: var(--color-primary); }
.border-secondary    { border-color: var(--color-secondary); }
.border-tertiary     { border-color: var(--color-tertiary); }
.border-accent       { border-color: var(--color-accent); }
.border-border       { border-color: var(--color-border); }
.border-black        { border-color: var(--color-black); }
.border-red          { border-color: var(--color-red); }
.border-yellow       { border-color: var(--color-yellow); }
.border-orange       { border-color: var(--color-orange); }
.border-green        { border-color: var(--color-green); }
.border-sequra       { border-color: var(--color-sequra); }
.border-transparent	 { border-color: var(--color-transparent); }	
.border-muted { border-color: var(--color-text-muted); }

.self-stretch { align-self: stretch; }
.self-start   { align-self: flex-start; }
.self-end     { align-self: flex-end; }
.self-center  { align-self: center; }
.self-baseline{ align-self: baseline; }
.self-auto    { align-self: auto; }
.self-initial { align-self: initial; }
.self-none    { align-self: none; }
/* Flex grow */


/* HOVER BORDER WIDTHS */
.hover\:border        { border-width: var(--space-1); }
.hover\:border:hover  { border-width: var(--space-1); }

/* HOVER BORDER STYLES */
.hover\:border-solid        { border-style: solid; }
.hover\:border-solid:hover  { border-style: solid; }

/* HOVER BORDER COLORS */
.hover\:border-primary:hover 	{ border-color: var(--hover-color-primary); }
.hover\:border-secondary:hover 	{ border-color: var(--hover-color-secondary); }
.hover\:border-tertiary:hover 	{ border-color: var(--hover-color-tertiary); }
.hover\:border-accent:hover 	{ border-color: var(--hover-color-accent); }
.hover\:border-border:hover 	{ border-color: var(--color-border); }
.hover\:border-red:hover 		{ border-color: var(--hover-color-red); }
.hover\:border-yellow:hover 	{ border-color: var(--hover-color-yellow); }
.hover\:border-orange:hover 	{ border-color: var(--hover-color-orange); }
.hover\:border-green:hover 		{ border-color: var(--hover-color-green); }
.hover\:border-sequra:hover 	{ border-color: var(--hover-color-sequra); }

/* Opacity */ 
.opacity-0  { opacity: var(--opacity-0); }   /* 0% */
.opacity-5  { opacity: var(--opacity-5); }   /* 5% */
.opacity-10 { opacity: var(--opacity-10); }  /* 10% */
.opacity-15 { opacity: var(--opacity-15); }  /* 15% */
.opacity-20 { opacity: var(--opacity-20); }  /* 20% */
.opacity-25 { opacity: var(--opacity-25); }  /* 25% */
.opacity-30 { opacity: var(--opacity-30); }  /* 30% */
.opacity-35 { opacity: var(--opacity-35); }  /* 35% */
.opacity-40 { opacity: var(--opacity-40); }  /* 40% */
.opacity-45 { opacity: var(--opacity-45); }  /* 45% */
.opacity-50 { opacity: var(--opacity-50); }  /* 50% */
.opacity-55 { opacity: var(--opacity-55); }  /* 55% */
.opacity-60 { opacity: var(--opacity-60); }  /* 60% */
.opacity-65 { opacity: var(--opacity-65); }  /* 65% */
.opacity-70 { opacity: var(--opacity-70); }  /* 70% */
.opacity-75 { opacity: var(--opacity-75); }  /* 75% */
.opacity-80 { opacity: var(--opacity-80); }  /* 80% */
.opacity-85 { opacity: var(--opacity-85); }  /* 85% */
.opacity-90 { opacity: var(--opacity-90); }  /* 90% */
.opacity-95 { opacity: var(--opacity-95); }  /* 95% */
.opacity-100{ opacity: var(--opacity-100); } /* 100% */

/* Groups */

/* Opacity hover */
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:font-bold {
  font-weight: var(--fw-bold); /* 700 */
}
.group:hover .group-hover\:color-tertiary {
  color: var(--color-tertiary);
}
.group:hover .\!group-hover\:color-tertiary {
  color: var(--color-tertiary) !important;
}


/* Background opacity Orange */
.bg-orange\/0  { background-color: rgba(var(--color-orange-rgb), 0); } /* 0% */
.bg-orange\/5  { background-color: rgba(var(--color-orange-rgb), 0.05); } /* 5% */
.bg-orange\/10 { background-color: rgba(var(--color-orange-rgb), 0.1); } /* 10% */
.bg-orange\/15 { background-color: rgba(var(--color-orange-rgb), 0.15); } /* 15% */
.bg-orange\/20 { background-color: rgba(var(--color-orange-rgb), 0.2); } /* 20% */
.bg-orange\/25 { background-color: rgba(var(--color-orange-rgb), 0.25); } /* 25% */
.bg-orange\/30 { background-color: rgba(var(--color-orange-rgb), 0.3); } /* 30% */
.bg-orange\/35 { background-color: rgba(var(--color-orange-rgb), 0.35); } /* 35% */
.bg-orange\/40 { background-color: rgba(var(--color-orange-rgb), 0.4); } /* 40% */
.bg-orange\/45 { background-color: rgba(var(--color-orange-rgb), 0.45); } /* 45% */
.bg-orange\/50 { background-color: rgba(var(--color-orange-rgb), 0.5); } /* 50% */
.bg-orange\/55 { background-color: rgba(var(--color-orange-rgb), 0.55); } /* 55% */
.bg-orange\/60 { background-color: rgba(var(--color-orange-rgb), 0.6); } /* 60% */
.bg-orange\/65 { background-color: rgba(var(--color-orange-rgb), 0.65); } /* 65% */
.bg-orange\/70 { background-color: rgba(var(--color-orange-rgb), 0.7); } /* 70% */
.bg-orange\/75 { background-color: rgba(var(--color-orange-rgb), 0.75); } /* 75% */
.bg-orange\/80 { background-color: rgba(var(--color-orange-rgb), 0.8); } /* 80% */
.bg-orange\/85 { background-color: rgba(var(--color-orange-rgb), 0.85); } /* 85% */
.bg-orange\/90 { background-color: rgba(var(--color-orange-rgb), 0.9); } /* 90% */
.bg-orange\/95 { background-color: rgba(var(--color-orange-rgb), 0.95); } /* 95% */
.bg-orange\/100{ background-color: rgba(var(--color-orange-rgb), 1); } /*

/* Text decoration */
.underline { text-decoration-line: underline; }
.overline { text-decoration-line: overline; }
.line-through { text-decoration-line: line-through; }
.no-underline { text-decoration-line: none; }

/* Text decoration hover */
.hover\:no-underline:hover { text-decoration: none; }
.hover\:underline:hover { text-decoration: underline; }
.hover\:line-through:hover { text-decoration: line-through; }

/* Word break */
.break-normal { word-break: normal; }
.break-words  { word-break: break-word; }
.break-all    { word-break: break-all; }
.break-keep   { word-break: keep-all; }

/* Line clamp */
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-6 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-7 { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }


/* Pointer events */
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }

/* Aspect ratio */
.aspect-auto	{ aspect-ratio: auto; }
.aspect-square 	{ aspect-ratio: 1 / 1; }
.aspect-4-3 	{ aspect-ratio: 4 / 3; }
.aspect-16-9 	{ aspect-ratio: 16 / 9; }

/* Fill */ 
.fill-transparent { fill: var(--color-transparent); }
.\!fill-transparent { fill: var(--color-transparent) !important; }


@media (min-width: 640px) {
	.sm\:text-left   { text-align: var(--t-left); }
	.sm\:text-center { text-align: var(--t-center); }
	.sm\:text-right  { text-align: var(--t-right); }
	.sm\:logoheader{ max-width: 175px; width: 175px; }
	.sm\:text-xs{ font-size: var(--text-xs); }
	.sm\:text-sm{ font-size: var(--text-sm); }
	.sm\:text-md{ font-size: var(--text-md); }
	.sm\:text-base{ font-size: var(--text-base); }
	.sm\:text-lg{ font-size: var(--text-lg); }
	.sm\:text-xl{ font-size: var(--text-xl); }
	.sm\:text-2xl{ font-size: var(--text-2xl); }
	.sm\:text-3xl{ font-size: var(--text-3xl); }
	.sm\:text-4xl{ font-size: var(--text-4xl); }
	.sm\:text-5xl{ font-size: var(--text-5xl); }
	.sm\:text-6xl{ font-size: var(--text-6xl); }
	.sm\:text-7xl{ font-size: var(--text-7xl); }
	.sm\:text-8xl{ font-size: var(--text-8xl); }
	.sm\:leading-xs{ line-height: var(--lh-xs); }
	.sm\:leading-sm{ line-height: var(--lh-sm); }
	.sm\:leading-md{ line-height: var(--lh-md); }
	.sm\:leading-base{ line-height: var(--lh-base); }
	.sm\:leading-lg{ line-height: var(--lh-lg); }
	.sm\:leading-xl{ line-height: var(--lh-xl); }
	.sm\:leading-2xl{ line-height: var(--lh-2xl); }
	.sm\:leading-3xl{ line-height: var(--lh-3xl); }
	.sm\:leading-4xl{ line-height: var(--lh-4xl); }
	.sm\:leading-5xl{ line-height: var(--lh-5xl); }
	.sm\:leading-6xl{ line-height: var(--lh-6xl); }
	.sm\:leading-7xl{ line-height: var(--lh-7xl); }
	.sm\:leading-8xl{ line-height: var(--lh-8xl); }
	.sm\:p-0{ padding: var(--size-0); }
	.sm\:p-1{ padding: var(--size-1); }
	.sm\:p-2{ padding: var(--size-2); }
	.sm\:p-3{ padding: var(--size-3); }
	.sm\:p-4{ padding: var(--size-4); }
	.sm\:p-5{ padding: var(--size-5); }
	.sm\:p-6{ padding: var(--size-6); }
	.sm\:p-7{ padding: var(--size-7); }
	.sm\:p-8{ padding: var(--size-8); }
	.sm\:p-9{ padding: var(--size-9); }
	.sm\:p-10{ padding: var(--size-10); }
	.sm\:p-11{ padding: var(--size-11); }
	.sm\:p-12{ padding: var(--size-12); }
	.sm\:p-13{ padding: var(--size-13); }
	.sm\:p-14{ padding: var(--size-14); }
	.sm\:p-15{ padding: var(--size-15); }
	.sm\:pt-0{ padding-top: var(--size-0); }
	.sm\:pt-1{ padding-top: var(--size-1); }
	.sm\:pt-2{ padding-top: var(--size-2); }
	.sm\:pt-3{ padding-top: var(--size-3); }
	.sm\:pt-4{ padding-top: var(--size-4); }
	.sm\:pt-5{ padding-top: var(--size-5); }
	.sm\:pt-6{ padding-top: var(--size-6); }
	.sm\:pt-7{ padding-top: var(--size-7); }
	.sm\:pt-8{ padding-top: var(--size-8); }
	.sm\:pt-9{ padding-top: var(--size-9); }
	.sm\:pt-10{ padding-top: var(--size-10); }
	.sm\:pt-11{ padding-top: var(--size-11); }
	.sm\:pt-12{ padding-top: var(--size-12); }
	.sm\:pt-13{ padding-top: var(--size-13); }
	.sm\:pt-14{ padding-top: var(--size-14); }
	.sm\:pt-15{ padding-top: var(--size-15); }
	.sm\:pr-0{ padding-right: var(--size-0); }
	.sm\:pr-1{ padding-right: var(--size-1); }
	.sm\:pr-2{ padding-right: var(--size-2); }
	.sm\:pr-3{ padding-right: var(--size-3); }
	.sm\:pr-4{ padding-right: var(--size-4); }
	.sm\:pr-5{ padding-right: var(--size-5); }
	.sm\:pr-6{ padding-right: var(--size-6); }
	.sm\:pr-7{ padding-right: var(--size-7); }
	.sm\:pr-8{ padding-right: var(--size-8); }
	.sm\:pr-9{ padding-right: var(--size-9); }
	.sm\:pr-10{ padding-right: var(--size-10); }
	.sm\:pr-11{ padding-right: var(--size-11); }
	.sm\:pr-12{ padding-right: var(--size-12); }
	.sm\:pr-13{ padding-right: var(--size-13); }
	.sm\:pr-14{ padding-right: var(--size-14); }
	.sm\:pr-15{ padding-right: var(--size-15); }
	.sm\:pb-0{ padding-bottom: var(--size-0); }
	.sm\:pb-1{ padding-bottom: var(--size-1); }
	.sm\:pb-2{ padding-bottom: var(--size-2); }
	.sm\:pb-3{ padding-bottom: var(--size-3); }
	.sm\:pb-4{ padding-bottom: var(--size-4); }
	.sm\:pb-5{ padding-bottom: var(--size-5); }
	.sm\:pb-6{ padding-bottom: var(--size-6); }
	.sm\:pb-7{ padding-bottom: var(--size-7); }
	.sm\:pb-8{ padding-bottom: var(--size-8); }
	.sm\:pb-9{ padding-bottom: var(--size-9); }
	.sm\:pb-10{ padding-bottom: var(--size-10); }
	.sm\:pb-11{ padding-bottom: var(--size-11); }
	.sm\:pb-12{ padding-bottom: var(--size-12); }
	.sm\:pb-13{ padding-bottom: var(--size-13); }
	.sm\:pb-14{ padding-bottom: var(--size-14); }
	.sm\:pb-15{ padding-bottom: var(--size-15); }
	.sm\:pl-0{ padding-left: var(--size-0); }
	.sm\:pl-1{ padding-left: var(--size-1); }
	.sm\:pl-2{ padding-left: var(--size-2); }
	.sm\:pl-3{ padding-left: var(--size-3); }
	.sm\:pl-4{ padding-left: var(--size-4); }
	.sm\:pl-5{ padding-left: var(--size-5); }
	.sm\:pl-6{ padding-left: var(--size-6); }
	.sm\:pl-7{ padding-left: var(--size-7); }
	.sm\:pl-8{ padding-left: var(--size-8); }
	.sm\:pl-9{ padding-left: var(--size-9); }
	.sm\:pl-10{ padding-left: var(--size-10); }
	.sm\:pl-11{ padding-left: var(--size-11); }
	.sm\:pl-12{ padding-left: var(--size-12); }
	.sm\:pl-13{ padding-left: var(--size-13); }
	.sm\:pl-14{ padding-left: var(--size-14); }
	.sm\:pl-15{ padding-left: var(--size-15); }
	.sm\:px-0{ padding-left: var(--size-0); padding-right: var(--size-0); }
	.sm\:px-1{ padding-left: var(--size-1); padding-right: var(--size-1); }
	.sm\:px-2{ padding-left: var(--size-2); padding-right: var(--size-2); }
	.sm\:px-3{ padding-left: var(--size-3); padding-right: var(--size-3); }
	.sm\:px-4{ padding-left: var(--size-4); padding-right: var(--size-4); }
	.sm\:px-5{ padding-left: var(--size-5); padding-right: var(--size-5); }
	.sm\:px-6{ padding-left: var(--size-6); padding-right: var(--size-6); }
	.sm\:px-7{ padding-left: var(--size-7); padding-right: var(--size-7); }
	.sm\:px-8{ padding-left: var(--size-8); padding-right: var(--size-8); }
	.sm\:px-9{ padding-left: var(--size-9); padding-right: var(--size-9); }
	.sm\:px-10{ padding-left: var(--size-10); padding-right: var(--size-10); }
	.sm\:px-11{ padding-left: var(--size-11); padding-right: var(--size-11); }
	.sm\:px-12{ padding-left: var(--size-12); padding-right: var(--size-12); }
	.sm\:px-13{ padding-left: var(--size-13); padding-right: var(--size-13); }
	.sm\:px-14{ padding-left: var(--size-14); padding-right: var(--size-14); }
	.sm\:px-15{ padding-left: var(--size-15); padding-right: var(--size-15); }
	.sm\:py-0{ padding-top: var(--size-0); padding-bottom: var(--size-0); }
	.sm\:py-1{ padding-top: var(--size-1); padding-bottom: var(--size-1); }
	.sm\:py-2{ padding-top: var(--size-2); padding-bottom: var(--size-2); }
	.sm\:py-3{ padding-top: var(--size-3); padding-bottom: var(--size-3); }
	.sm\:py-4{ padding-top: var(--size-4); padding-bottom: var(--size-4); }
	.sm\:py-5{ padding-top: var(--size-5); padding-bottom: var(--size-5); }
	.sm\:py-6{ padding-top: var(--size-6); padding-bottom: var(--size-6); }
	.sm\:py-7{ padding-top: var(--size-7); padding-bottom: var(--size-7); }
	.sm\:py-8{ padding-top: var(--size-8); padding-bottom: var(--size-8); }
	.sm\:py-9{ padding-top: var(--size-9); padding-bottom: var(--size-9); }
	.sm\:py-10{ padding-top: var(--size-10); padding-bottom: var(--size-10); }
	.sm\:py-11{ padding-top: var(--size-11); padding-bottom: var(--size-11); }
	.sm\:py-12{ padding-top: var(--size-12); padding-bottom: var(--size-12); }
	.sm\:py-13{ padding-top: var(--size-13); padding-bottom: var(--size-13); }
	.sm\:py-14{ padding-top: var(--size-14); padding-bottom: var(--size-14); }
	.sm\:py-15{ padding-top: var(--size-15); padding-bottom: var(--size-15); }
	.sm\:m-0{ margin: var(--size-0); }
	.sm\:m-1{ margin: var(--size-1); }
	.sm\:m-2{ margin: var(--size-2); }
	.sm\:m-3{ margin: var(--size-3); }
	.sm\:m-4{ margin: var(--size-4); }
	.sm\:m-5{ margin: var(--size-5); }
	.sm\:m-6{ margin: var(--size-6); }
	.sm\:m-7{ margin: var(--size-7); }
	.sm\:m-8{ margin: var(--size-8); }
	.sm\:m-9{ margin: var(--size-9); }
	.sm\:m-10{ margin: var(--size-10); }
	.sm\:m-11{ margin: var(--size-11); }
	.sm\:m-12{ margin: var(--size-12); }
	.sm\:m-13{ margin: var(--size-13); }
	.sm\:m-14{ margin: var(--size-14); }
	.sm\:m-15{ margin: var(--size-15); }
	.sm\:mt-0{ margin-top: var(--size-0); }
	.sm\:mt-1{ margin-top: var(--size-1); }
	.sm\:mt-2{ margin-top: var(--size-2); }
	.sm\:mt-3{ margin-top: var(--size-3); }
	.sm\:mt-4{ margin-top: var(--size-4); }
	.sm\:mt-5{ margin-top: var(--size-5); }
	.sm\:mt-6{ margin-top: var(--size-6); }
	.sm\:mt-7{ margin-top: var(--size-7); }
	.sm\:mt-8{ margin-top: var(--size-8); }
	.sm\:mt-9{ margin-top: var(--size-9); }
	.sm\:mt-10{ margin-top: var(--size-10); }
	.sm\:mt-11{ margin-top: var(--size-11); }
	.sm\:mt-12{ margin-top: var(--size-12); }
	.sm\:mt-13{ margin-top: var(--size-13); }
	.sm\:mt-14{ margin-top: var(--size-14); }
	.sm\:mt-15{ margin-top: var(--size-15); }
	.sm\:mr-0{ margin-right: var(--size-0); }
	.sm\:mr-1{ margin-right: var(--size-1); }
	.sm\:mr-2{ margin-right: var(--size-2); }
	.sm\:mr-3{ margin-right: var(--size-3); }
	.sm\:mr-4{ margin-right: var(--size-4); }
	.sm\:mr-5{ margin-right: var(--size-5); }
	.sm\:mr-6{ margin-right: var(--size-6); }
	.sm\:mr-7{ margin-right: var(--size-7); }
	.sm\:mr-8{ margin-right: var(--size-8); }
	.sm\:mr-9{ margin-right: var(--size-9); }
	.sm\:mr-10{ margin-right: var(--size-10); }
	.sm\:mr-11{ margin-right: var(--size-11); }
	.sm\:mr-12{ margin-right: var(--size-12); }
	.sm\:mr-13{ margin-right: var(--size-13); }
	.sm\:mr-14{ margin-right: var(--size-14); }
	.sm\:mr-15{ margin-right: var(--size-15); }
	.sm\:mb-0{ margin-bottom: var(--size-0); }
	.sm\:mb-1{ margin-bottom: var(--size-1); }
	.sm\:mb-2{ margin-bottom: var(--size-2); }
	.sm\:mb-3{ margin-bottom: var(--size-3); }
	.sm\:mb-4{ margin-bottom: var(--size-4); }
	.sm\:mb-5{ margin-bottom: var(--size-5); }
	.sm\:mb-6{ margin-bottom: var(--size-6); }
	.sm\:mb-7{ margin-bottom: var(--size-7); }
	.sm\:mb-8{ margin-bottom: var(--size-8); }
	.sm\:mb-9{ margin-bottom: var(--size-9); }
	.sm\:mb-10{ margin-bottom: var(--size-10); }
	.sm\:mb-11{ margin-bottom: var(--size-11); }
	.sm\:mb-12{ margin-bottom: var(--size-12); }
	.sm\:mb-13{ margin-bottom: var(--size-13); }
	.sm\:mb-14{ margin-bottom: var(--size-14); }
	.sm\:mb-15{ margin-bottom: var(--size-15); }
	.sm\:ml-0{ margin-left: var(--size-0); }
	.sm\:ml-1{ margin-left: var(--size-1); }
	.sm\:ml-2{ margin-left: var(--size-2); }
	.sm\:ml-3{ margin-left: var(--size-3); }
	.sm\:ml-4{ margin-left: var(--size-4); }
	.sm\:ml-5{ margin-left: var(--size-5); }
	.sm\:ml-6{ margin-left: var(--size-6); }
	.sm\:ml-7{ margin-left: var(--size-7); }
	.sm\:ml-8{ margin-left: var(--size-8); }
	.sm\:ml-9{ margin-left: var(--size-9); }
	.sm\:ml-10{ margin-left: var(--size-10); }
	.sm\:ml-11{ margin-left: var(--size-11); }
	.sm\:ml-12{ margin-left: var(--size-12); }
	.sm\:ml-13{ margin-left: var(--size-13); }
	.sm\:ml-14{ margin-left: var(--size-14); }
	.sm\:ml-15{ margin-left: var(--size-15); }
	.sm\:ml-auto {margin-left: auto}
	/* Margin left negative */
	.sm\:-ml-0  { margin-left: calc(-1 * var(--size-0)); }
	.sm\:-ml-1  { margin-left: calc(-1 * var(--size-1)); }
	.sm\:-ml-2  { margin-left: calc(-1 * var(--size-2)); }
	.sm\:-ml-3  { margin-left: calc(-1 * var(--size-3)); }
	.sm\:-ml-4  { margin-left: calc(-1 * var(--size-4)); }
	.sm\:-ml-5  { margin-left: calc(-1 * var(--size-5)); }
	.sm\:-ml-6  { margin-left: calc(-1 * var(--size-6)); }
	.sm\:-ml-7  { margin-left: calc(-1 * var(--size-7)); }
	.sm\:-ml-8  { margin-left: calc(-1 * var(--size-8)); }
	.sm\:-ml-9  { margin-left: calc(-1 * var(--size-9)); }
	.sm\:-ml-10 { margin-left: calc(-1 * var(--size-10)); }
	.sm\:-ml-11 { margin-left: calc(-1 * var(--size-11)); }
	.sm\:-ml-12 { margin-left: calc(-1 * var(--size-12)); }
	.sm\:-ml-13 { margin-left: calc(-1 * var(--size-13)); }
	.sm\:-ml-14 { margin-left: calc(-1 * var(--size-14)); }
	.sm\:-ml-15 { margin-left: calc(-1 * var(--size-15)); }
	.sm\:mx-0{ margin-left: var(--size-0); margin-right: var(--size-0); }
	.sm\:mx-1{ margin-left: var(--size-1); margin-right: var(--size-1); }
	.sm\:mx-2{ margin-left: var(--size-2); margin-right: var(--size-2); }
	.sm\:mx-3{ margin-left: var(--size-3); margin-right: var(--size-3); }
	.sm\:mx-4{ margin-left: var(--size-4); margin-right: var(--size-4); }
	.sm\:mx-5{ margin-left: var(--size-5); margin-right: var(--size-5); }
	.sm\:mx-6{ margin-left: var(--size-6); margin-right: var(--size-6); }
	.sm\:mx-7{ margin-left: var(--size-7); margin-right: var(--size-7); }
	.sm\:mx-8{ margin-left: var(--size-8); margin-right: var(--size-8); }
	.sm\:mx-9{ margin-left: var(--size-9); margin-right: var(--size-9); }
	.sm\:mx-10{ margin-left: var(--size-10); margin-right: var(--size-10); }
	.sm\:mx-11{ margin-left: var(--size-11); margin-right: var(--size-11); }
	.sm\:mx-12{ margin-left: var(--size-12); margin-right: var(--size-12); }
	.sm\:mx-13{ margin-left: var(--size-13); margin-right: var(--size-13); }
	.sm\:mx-14{ margin-left: var(--size-14); margin-right: var(--size-14); }
	.sm\:mx-15{ margin-left: var(--size-15); margin-right: var(--size-15); }
	.sm\:my-0{ margin-top: var(--size-0); margin-bottom: var(--size-0); }
	.sm\:my-1{ margin-top: var(--size-1); margin-bottom: var(--size-1); }
	.sm\:my-2{ margin-top: var(--size-2); margin-bottom: var(--size-2); }
	.sm\:my-3{ margin-top: var(--size-3); margin-bottom: var(--size-3); }
	.sm\:my-4{ margin-top: var(--size-4); margin-bottom: var(--size-4); }
	.sm\:my-5{ margin-top: var(--size-5); margin-bottom: var(--size-5); }
	.sm\:my-6{ margin-top: var(--size-6); margin-bottom: var(--size-6); }
	.sm\:my-7{ margin-top: var(--size-7); margin-bottom: var(--size-7); }
	.sm\:my-8{ margin-top: var(--size-8); margin-bottom: var(--size-8); }
	.sm\:my-9{ margin-top: var(--size-9); margin-bottom: var(--size-9); }
	.sm\:my-10{ margin-top: var(--size-10); margin-bottom: var(--size-10); }
	.sm\:my-11{ margin-top: var(--size-11); margin-bottom: var(--size-11); }
	.sm\:my-12{ margin-top: var(--size-12); margin-bottom: var(--size-12); }
	.sm\:my-13{ margin-top: var(--size-13); margin-bottom: var(--size-13); }
	.sm\:my-14{ margin-top: var(--size-14); margin-bottom: var(--size-14); }
	.sm\:my-15{ margin-top: var(--size-15); margin-bottom: var(--size-15); }
	.sm\:static{ position: var(--static); }
	.sm\:fixed { position: var(--fixed); }
	.sm\:absolute { position: var(--absolute); }
	.sm\:relative { position: var(--relative); }
	.sm\:sticky { position: var(--sticky); }
	.sm\:block{ display: var(--display-block); }
	.sm\:inline-block{ display: var(--display-inline-block); }
	.sm\:inline{ display: var(--display-inline); }
	.sm\:flex{ display: var(--display-flex); }
	.sm\:inline-flex{ display: var(--display-inline-flex); }
	.sm\:grid{ display: var(--display-grid); }
	.sm\:inline-grid{ display: var(--display-inline-grid); }
	.sm\:none{ display: var(--display-none); }
	.sm\:flex-row{ flex-direction: var(--flex-row); }
	.sm\:flex-row-reverse{ flex-direction: var(--flex-row-reverse); }
	.sm\:flex-col{ flex-direction: var(--flex-col); }
	.sm\:flex-col-reverse{ flex-direction: var(--flex-col-reverse); }
	.sm\:flex-wrap{ flex-wrap: var(--flex-wrap); }
	.sm\:flex-wrap-reverse{ flex-wrap: var(--flex-wrap-reverse); }
	.sm\:flex-nowrap{ flex-wrap: var(--flex-nowrap); }
	.sm\:flex-1{ flex: var(--flex-1); }        /* grow + shrink + basis 0% */
	.sm\:flex-auto{ flex: var(--flex-auto); }     /* grow + shrink + auto */
	.sm\:flex-initial{ flex: var(--flex-initial); }  /* shrink only */
	.sm\:flex-none{ flex: var(--flex-none); }     /* no flex at all */
	.sm\:justify-start{ justify-content: var(--justify-start); }
	.sm\:justify-end{ justify-content: var(--justify-end); }
	.sm\:justify-center{ justify-content: var(--justify-center); }
	.sm\:justify-between{ justify-content: var(--justify-between); }
	.sm\:justify-around{ justify-content: var(--justify-around); }
	.sm\:justify-evenly{ justify-content: var(--justify-evenly); }
	.sm\:items-start{ align-items: var(--items-start); }
	.sm\:items-end{ align-items: var(--items-end); }
	.sm\:items-center{ align-items: var(--items-center); }
	.sm\:items-baseline{ align-items: var(--items-baseline); }
	.sm\:items-stretch{ align-items: var(--items-stretch); }
	.sm\:content-start{ align-content: var(--content-start); }
	.sm\:content-end{ align-content: var(--content-end); }
	.sm\:content-center{ align-content: var(--content-center); }
	.sm\:content-between{ align-content: var(--content-between); }
	.sm\:content-around{ align-content: var(--content-around); }
	.sm\:content-evenly{ align-content: var(--content-evenly); }
	.sm\:order-1{ order: var(--order-1); }
	.sm\:order-2{ order: var(--order-2); }
	.sm\:order-3{ order: var(--order-3); }
	.sm\:order-4{ order: var(--order-4); }
	.sm\:order-5{ order: var(--order-5); }
	.sm\:order-6{ order: var(--order-6); }
	.sm\:order-7{ order: var(--order-7); }
	.sm\:order-8{ order: var(--order-8); }
	.sm\:order-9{ order: var(--order-9); }
	.sm\:order-10{ order: var(--order-10); }
	.sm\:order-first{ order: var(--order-first); }
	.sm\:order-last{ order: var(--order-last); }
	.sm\:order-none{ order: var(--order-none); }
	.sm\:gap-0{ gap: var(--size-0); }
	.sm\:gap-1{ gap: var(--size-1); }
	.sm\:gap-2{ gap: var(--size-2); }
	.sm\:gap-3{ gap: var(--size-3); }
	.sm\:gap-4{ gap: var(--size-4); }
	.sm\:gap-5{ gap: var(--size-5); }
	.sm\:gap-6{ gap: var(--size-6); }
	.sm\:gap-7{ gap: var(--size-7); }
	.sm\:gap-8{ gap: var(--size-8); }
	.sm\:gap-9{ gap: var(--size-9); }
	.sm\:gap-10{ gap: var(--size-10); }
	.sm\:gap-11{ gap: var(--size-11); }
	.sm\:gap-12{ gap: var(--size-12); }
	.sm\:gap-13{ gap: var(--size-13); }
	.sm\:gap-14{ gap: var(--size-14); }
	.sm\:gap-15{ gap: var(--size-15); }
	.sm\:w-full{ width: var(--w-full); }
	.sm\:w-screen{ width: var(--w-screen); }
	.sm\:w-1-2{ width: var(--w-1-2); } /* ojo contrabarra */
	.sm\:w-1-3{ width: var(--w-1-3); }
	.sm\:w-2-3{ width: var(--w-2-3); }
	.sm\:w-1-4{ width: var(--w-1-4); }
	.sm\:w-3-4{ width: var(--w-3-4); }
	.sm\:w-1-5{ width: var(--w-1-5); }
	.sm\:w-4-5{ width: var(--w-4-5); }
	.sm\:w-1-6{ width: var(--w-1-6); }   /* 16.6667% */
	.sm\:w-2-6{ width: var(--w-2-6); }   /* 33.3333% */
	.sm\:w-3-6{ width: var(--w-3-6); }   /* 50% */
	.sm\:w-4-6{ width: var(--w-4-6); }   /* 66.6667% */
	.sm\:w-5-6{ width: var(--w-5-6); }   /* 83.3333% */
	.sm\:w-min{ width: var(--w-min); }
	.sm\:w-max{ width: var(--w-max); }
	.sm\:w-fit{ width: var(--w-fit); }
	.sm\:w-auto{ width: var(--w-auto); }
	.sm\:h-full{ height: var(--h-full); }
	.sm\:h-screen{ height: var(--h-screen); }
	.sm\:h-min{ height: var(--h-min); }
	.sm\:h-max{ height: var(--h-max); }
	.sm\:h-fit{ height: var(--h-fit); }
	.sm\:h-auto{ height: var(--h-auto); }

	/* Overflow */
	.sm\:overflow-initial{ overflow: initial; }
	.sm\:overflow-auto{ overflow: auto; }
	.sm\:overflow-hidden{ overflow: hidden; }
	.sm\:overflow-visible{ overflow: visible; }
	.sm\:overflow-scroll{ overflow: scroll; }

	/* Min widths */
	.sm\:min-w-0  { min-width: var(--size-0); }   /* 0px */
	.sm\:-w-1  { min-width: var(--size-1); }   /* 8px */
	.sm\:-w-2  { min-width: var(--size-2); }   /* 16px */
	.sm\:-w-3  { min-width: var(--size-3); }   /* 24px */
	.sm\:-w-4  { min-width: var(--size-4); }   /* 32px */
	.sm\:-w-5  { min-width: var(--size-5); }   /* 40px */
	.sm\:-w-6  { min-width: var(--size-6); }   /* 48px */
	.sm\:-w-7  { min-width: var(--size-7); }   /* 56px */
	.sm\:-w-8  { min-width: var(--size-8); }   /* 64px */
	.sm\:-w-9  { min-width: var(--size-9); }   /* 72px */
	.sm\:-w-10 { min-width: var(--size-10); }  /* 80px */
	.sm\:-w-11 { min-width: var(--size-11); }  /* 88px */
	.sm\:-w-12 { min-width: var(--size-12); }  /* 96px */
	.sm\:-w-13 { min-width: var(--size-13); }  /* 104px */
	.sm\:-w-14 { min-width: var(--size-14); }  /* 112px */
	.sm\:-w-15 { min-width: var(--size-15); }  /* 120px */

	/* Max widths */
	.sm\:-w-0  { max-width: var(--size-0); }   /* 0px */
	.sm\:-w-1  { max-width: var(--size-1); }   /* 8px */
	.sm\:-w-2  { max-width: var(--size-2); }   /* 16px */
	.sm\:-w-3  { max-width: var(--size-3); }   /* 24px */
	.sm\:-w-4  { max-width: var(--size-4); }   /* 32px */
	.sm\:-w-5  { max-width: var(--size-5); }   /* 40px */
	.sm\:-w-6  { max-width: var(--size-6); }   /* 48px */
	.sm\:-w-7  { max-width: var(--size-7); }   /* 56px */
	.sm\:-w-8  { max-width: var(--size-8); }   /* 64px */
	.sm\:-w-9  { max-width: var(--size-9); }   /* 72px */
	.sm\:-w-10 { max-width: var(--size-10); }  /* 80px */
	.sm\:-w-11 { max-width: var(--size-11); }  /* 88px */
	.sm\:-w-12 { max-width: var(--size-12); }  /* 96px */
	.sm\:-w-13 { max-width: var(--size-13); }  /* 104px */
	.sm\:-w-14 { max-width: var(--size-14); }  /* 112px */
	.sm\:-w-15 { max-width: var(--size-15); }  /* 120px */

	/* Heights in vh */
	.sm\:max-vh-initial { max-height: var(--initial); }
	.sm\:max-vh-0 { max-height: 0vh; }
	.sm\:max-vh-10 { max-height: 10vh; }
	.sm\:max-vh-20 { max-height: 20vh; }
	.sm\:max-vh-30 { max-height: 30vh; }
	.sm\:max-vh-40 { max-height: 40vh; }
	.sm\:max-vh-50 { max-height: 50vh; }
	.sm\:max-vh-60 { max-height: 60vh; }
	.sm\:max-vh-70 { max-height: 70vh; }
	.sm\:max-vh-80 { max-height: 80vh; }
	.sm\:max-vh-90 { max-height: 90vh; }
	.sm\:max-vh-100 { max-height: 100vh; }

	/* Height in dvh */
	.sm\:h-dvh-initial { height: var(--initial); }
	.sm\:h-dvh-10  { height: 10dvh; }
	.sm\:h-dvh-20  { height: 20dvh; }
	.sm\:h-dvh-30  { height: 30dvh; }
	.sm\:h-dvh-40  { height: 40dvh; }
	.sm\:h-dvh-50  { height: 50dvh; }
	.sm\:h-dvh-60  { height: 60dvh; }
	.sm\:h-dvh-70  { height: 70dvh; }
	.sm\:h-dvh-80  { height: 80dvh; }
	.sm\:h-dvh-90  { height: 90dvh; }
	.sm\:h-dvh-100 { height: 100dvh; }

	/* Max Height in dvh */
	.sm\:max-dvh-initial { max-height: var(--initial); }
	.sm\:max-dvh-10 { max-height: 10dvh; }
	.sm\:max-dvh-20 { max-height: 20dvh; }
	.sm\:max-dvh-30 { max-height: 30dvh; }
	.sm\:max-dvh-40 { max-height: 40dvh; }
	.sm\:max-dvh-50 { max-height: 50dvh; }
	.sm\:max-dvh-60 { max-height: 60dvh; }
	.sm\:max-dvh-70 { max-height: 70dvh; }
	.sm\:max-dvh-80 { max-height: 80dvh; }
	.sm\:max-dvh-90 { max-height: 90dvh; }
	.sm\:max-dvh-91 { max-height: 91dvh; }
	.sm\:max-dvh-92 { max-height: 92dvh; }
	.sm\:max-dvh-93 { max-height: 93dvh; }
	.sm\:max-dvh-94 { max-height: 94dvh; }
	.sm\:max-dvh-95 { max-height: 95dvh; }
	.sm\:max-dvh-96 { max-height: 96dvh; }
	.sm\:max-dvh-97 { max-height: 97dvh; }
	.sm\:max-dvh-98 { max-height: 98dvh; }
	.sm\:max-dvh-99 { max-height: 99dvh; }
	.sm\:max-dvh-100 { max-height: 100dvh; }

	/* Rounded Corners */
	.sm\:rounded-0{ border-radius: var(--size-0); }
	.sm\:rounded-1{ border-radius: var(--size-1); }
	.sm\:rounded-2{ border-radius: var(--size-2); }
	.sm\:rounded-3{ border-radius: var(--size-3); }
	.sm\:rounded-4{ border-radius: var(--size-4); }
	.sm\:rounded-5{ border-radius: var(--size-5); }
	.sm\:rounded-6{ border-radius: var(--size-6); }
	.sm\:rounded-7{ border-radius: var(--size-7); }
	.sm\:rounded-8{ border-radius: var(--size-8); }
	.sm\:rounded-9{ border-radius: var(--size-9); }
	.sm\:rounded-10{ border-radius: var(--size-10); }
	.sm\:rounded-11{ border-radius: var(--size-11); }
	.sm\:rounded-12{ border-radius: var(--size-12); }
	.sm\:rounded-13{ border-radius: var(--size-13); }
	.sm\:rounded-14{ border-radius: var(--size-14); }
	.sm\:rounded-15{ border-radius: var(--size-15); }

	/* Bordes completos */
	.sm\:border-1 { border: 1px solid var(--color-border); }
	.sm\:border-2 { border: 2px solid var(--color-border); }
	.sm\:border-3 { border: 3px solid var(--color-border); }
	.sm\:border-4 { border: 4px solid var(--color-border); }
	.sm\:border-5 { border: 5px solid var(--color-border); }
	.sm\:border-6 { border: 6px solid var(--color-border); }
	.sm\:border-7 { border: 7px solid var(--color-border); }
	.sm\:border-8 { border: 8px solid var(--color-border); }

	/* Bordes superiores */
	.sm\:border-t-1 { border-top: 1px solid var(--color-border); }
	.sm\:border-t-2 { border-top: 2px solid var(--color-border); }
	.sm\:border-t-3 { border-top: 3px solid var(--color-border); }
	.sm\:border-t-4 { border-top: 4px solid var(--color-border); }
	.sm\:border-t-5 { border-top: 5px solid var(--color-border); }
	.sm\:border-t-6 { border-top: 6px solid var(--color-border); }
	.sm\:border-t-7 { border-top: 7px solid var(--color-border); }
	.sm\:border-t-8 { border-top: 8px solid var(--color-border); }

	/* Bordes inferiores */
	.sm\:border-b-1 { border-bottom: 1px solid var(--color-border); }
	.sm\:border-b-2 { border-bottom: 2px solid var(--color-border); }
	.sm\:border-b-3 { border-bottom: 3px solid var(--color-border); }
	.sm\:border-b-4 { border-bottom: 4px solid var(--color-border); }
	.sm\:border-b-5 { border-bottom: 5px solid var(--color-border); }
	.sm\:border-b-6 { border-bottom: 6px solid var(--color-border); }
	.sm\:border-b-7 { border-bottom: 7px solid var(--color-border); }
	.sm\:border-b-8 { border-bottom: 8px solid var(--color-border); }

	/* Bordes izquierdos */
	.sm\:border-l-1 { border-left: 1px solid var(--color-border); }
	.sm\:border-l-2 { border-left: 2px solid var(--color-border); }
	.sm\:border-l-3 { border-left: 3px solid var(--color-border); }
	.sm\:border-l-4 { border-left: 4px solid var(--color-border); }
	.sm\:border-l-5 { border-left: 5px solid var(--color-border); }
	.sm\:border-l-6 { border-left: 6px solid var(--color-border); }
	.sm\:border-l-7 { border-left: 7px solid var(--color-border); }
	.sm\:border-l-8 { border-left: 8px solid var(--color-border); }

	/* Bordes derechos */
	.sm\:border-r-1 { border-right: 1px solid var(--color-border); }
	.sm\:border-r-2 { border-right: 2px solid var(--color-border); }
	.sm\:border-r-3 { border-right: 3px solid var(--color-border); }
	.sm\:border-r-4 { border-right: 4px solid var(--color-border); }
	.sm\:border-r-5 { border-right: 5px solid var(--color-border); }
	.sm\:border-r-6 { border-right: 6px solid var(--color-border); }
	.sm\:border-r-7 { border-right: 7px solid var(--color-border); }
	.sm\:border-r-8 { border-right: 8px solid var(--color-border); }

	/* Opacity */ 
	.sm\:opacity-0  { opacity: var(--opacity-0); }   /* 0% */
	.sm\:opacity-5  { opacity: var(--opacity-5); }   /* 5% */
	.sm\:opacity-10 { opacity: var(--opacity-10); }  /* 10% */
	.sm\:opacity-15 { opacity: var(--opacity-15); }  /* 15% */
	.sm\:opacity-20 { opacity: var(--opacity-20); }  /* 20% */
	.sm\:opacity-25 { opacity: var(--opacity-25); }  /* 25% */
	.sm\:opacity-30 { opacity: var(--opacity-30); }  /* 30% */
	.sm\:opacity-35 { opacity: var(--opacity-35); }  /* 35% */
	.sm\:opacity-40 { opacity: var(--opacity-40); }  /* 40% */
	.sm\:opacity-45 { opacity: var(--opacity-45); }  /* 45% */
	.sm\:opacity-50 { opacity: var(--opacity-50); }  /* 50% */
	.sm\:opacity-55 { opacity: var(--opacity-55); }  /* 55% */
	.sm\:opacity-60 { opacity: var(--opacity-60); }  /* 60% */
	.sm\:opacity-65 { opacity: var(--opacity-65); }  /* 65% */
	.sm\:opacity-70 { opacity: var(--opacity-70); }  /* 70% */
	.sm\:opacity-75 { opacity: var(--opacity-75); }  /* 75% */
	.sm\:opacity-80 { opacity: var(--opacity-80); }  /* 80% */
	.sm\:opacity-85 { opacity: var(--opacity-85); }  /* 85% */
	.sm\:opacity-90 { opacity: var(--opacity-90); }  /* 90% */
	.sm\:opacity-95 { opacity: var(--opacity-95); }  /* 95% */
	.sm\:opacity-100{ opacity: var(--opacity-100); } /* 100% */

	.sm\:w-0 { width: var(--size-0); }
	.sm\:w-1 { width: var(--size-1); }
	.sm\:w-2 { width: var(--size-2); }
	.sm\:w-3 { width: var(--size-3); }
	.sm\:w-4 { width: var(--size-4); }
	.sm\:w-5 { width: var(--size-5); }
	.sm\:w-6 { width: var(--size-6); }
	.sm\:w-7 { width: var(--size-7); }
	.sm\:w-8 { width: var(--size-8); }
	.sm\:w-9 { width: var(--size-9); }
	.sm\:w-10 { width: var(--size-10); }
	.sm\:w-11 { width: var(--size-11); }
	.sm\:w-12 { width: var(--size-12); }
	.sm\:w-13 { width: var(--size-13); }
	.sm\:w-14 { width: var(--size-14); }
	.sm\:w-15 { width: var(--size-15); }

	.sm\:rounded-t-0 { border-top-left-radius: var(--size-0); border-top-right-radius: var(--size-0); }
	.sm\:rounded-t-1 { border-top-left-radius: var(--size-1); border-top-right-radius: var(--size-1); }
	.sm\:rounded-t-2 { border-top-left-radius: var(--size-2); border-top-right-radius: var(--size-2); }
	.sm\:rounded-t-3 { border-top-left-radius: var(--size-3); border-top-right-radius: var(--size-3); }
	.sm\:rounded-t-4 { border-top-left-radius: var(--size-4); border-top-right-radius: var(--size-4); }
	.sm\:rounded-t-5 { border-top-left-radius: var(--size-5); border-top-right-radius: var(--size-5); }
	.sm\:rounded-t-6 { border-top-left-radius: var(--size-6); border-top-right-radius: var(--size-6); }
	.sm\:rounded-t-7 { border-top-left-radius: var(--size-7); border-top-right-radius: var(--size-7); }
	.sm\:rounded-t-8 { border-top-left-radius: var(--size-8); border-top-right-radius: var(--size-8); }
	.sm\:rounded-t-9 { border-top-left-radius: var(--size-9); border-top-right-radius: var(--size-9); }
	.sm\:rounded-t-10 { border-top-left-radius: var(--size-10); border-top-right-radius: var(--size-10); }
	.sm\:rounded-t-11 { border-top-left-radius: var(--size-11); border-top-right-radius: var(--size-11); }
	.sm\:rounded-t-12 { border-top-left-radius: var(--size-12); border-top-right-radius: var(--size-12); }
	.sm\:rounded-t-13 { border-top-left-radius: var(--size-13); border-top-right-radius: var(--size-13); }
	.sm\:rounded-t-14 { border-top-left-radius: var(--size-14); border-top-right-radius: var(--size-14); }
	.sm\:rounded-t-15 { border-top-left-radius: var(--size-15); border-top-right-radius: var(--size-15); }
	.sm\:rounded-b-0 { border-bottom-left-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.sm\:rounded-b-1 { border-bottom-left-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.sm\:rounded-b-2 { border-bottom-left-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.sm\:rounded-b-3 { border-bottom-left-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.sm\:rounded-b-4 { border-bottom-left-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.sm\:rounded-b-5 { border-bottom-left-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.sm\:rounded-b-6 { border-bottom-left-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.sm\:rounded-b-7 { border-bottom-left-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.sm\:rounded-b-8 { border-bottom-left-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.sm\:rounded-b-9 { border-bottom-left-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.sm\:rounded-b-10 { border-bottom-left-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.sm\:rounded-b-11 { border-bottom-left-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.sm\:rounded-b-12 { border-bottom-left-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.sm\:rounded-b-13 { border-bottom-left-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.sm\:rounded-b-14 { border-bottom-left-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.sm\:rounded-b-15 { border-bottom-left-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }
	.sm\:rounded-l-0 { border-top-left-radius: var(--size-0); border-bottom-left-radius: var(--size-0); }
	.sm\:rounded-l-1 { border-top-left-radius: var(--size-1); border-bottom-left-radius: var(--size-1); }
	.sm\:rounded-l-2 { border-top-left-radius: var(--size-2); border-bottom-left-radius: var(--size-2); }
	.sm\:rounded-l-3 { border-top-left-radius: var(--size-3); border-bottom-left-radius: var(--size-3); }
	.sm\:rounded-l-4 { border-top-left-radius: var(--size-4); border-bottom-left-radius: var(--size-4); }
	.sm\:rounded-l-5 { border-top-left-radius: var(--size-5); border-bottom-left-radius: var(--size-5); }
	.sm\:rounded-l-6 { border-top-left-radius: var(--size-6); border-bottom-left-radius: var(--size-6); }
	.sm\:rounded-l-7 { border-top-left-radius: var(--size-7); border-bottom-left-radius: var(--size-7); }
	.sm\:rounded-l-8 { border-top-left-radius: var(--size-8); border-bottom-left-radius: var(--size-8); }
	.sm\:rounded-l-9 { border-top-left-radius: var(--size-9); border-bottom-left-radius: var(--size-9); }
	.sm\:rounded-l-10 { border-top-left-radius: var(--size-10); border-bottom-left-radius: var(--size-10); }
	.sm\:rounded-l-11 { border-top-left-radius: var(--size-11); border-bottom-left-radius: var(--size-11); }
	.sm\:rounded-l-12 { border-top-left-radius: var(--size-12); border-bottom-left-radius: var(--size-12); }
	.sm\:rounded-l-13 { border-top-left-radius: var(--size-13); border-bottom-left-radius: var(--size-13); }
	.sm\:rounded-l-14 { border-top-left-radius: var(--size-14); border-bottom-left-radius: var(--size-14); }
	.sm\:rounded-l-15 { border-top-left-radius: var(--size-15); border-bottom-left-radius: var(--size-15); }
	.sm\:rounded-r-0 { border-top-right-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.sm\:rounded-r-1 { border-top-right-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.sm\:rounded-r-2 { border-top-right-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.sm\:rounded-r-3 { border-top-right-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.sm\:rounded-r-4 { border-top-right-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.sm\:rounded-r-5 { border-top-right-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.sm\:rounded-r-6 { border-top-right-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.sm\:rounded-r-7 { border-top-right-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.sm\:rounded-r-8 { border-top-right-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.sm\:rounded-r-9 { border-top-right-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.sm\:rounded-r-10 { border-top-right-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.sm\:rounded-r-11 { border-top-right-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.sm\:rounded-r-12 { border-top-right-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.sm\:rounded-r-13 { border-top-right-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.sm\:rounded-r-14 { border-top-right-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.sm\:rounded-r-15 { border-top-right-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }

	/* Grids */
	.sm\:grid-1-columns { grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.sm\:grid-2-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sm\:grid-3-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	/* Z-index */ 
	.sm\:z-initial { z-index: var(--initial); }
	.sm\:z-9999 { z-index: 9999; }
	.sm\:z-99998 { z-index: 99998; }
	.sm\:z-99999 { z-index: 99999; }
  }
  
  @media (min-width: 768px) {
	.md\:text-left   { text-align: var(--t-left); }
	.md\:text-center { text-align: var(--t-center); }
	.md\:text-right  { text-align: var(--t-right); }
	
	.md\:logoheader{ max-width: 175px; width: 175px; }
	.md\:text-xs{ font-size: var(--text-xs); }
	.md\:text-sm{ font-size: var(--text-sm); }
	.md\:text-md{ font-size: var(--text-md); }
	.md\:text-base{ font-size: var(--text-base); }
	.md\:text-lg{ font-size: var(--text-lg); }
	.md\:text-xl{ font-size: var(--text-xl); }
	.md\:text-2xl{ font-size: var(--text-2xl); }
	.md\:text-3xl{ font-size: var(--text-3xl); }
	.md\:text-4xl{ font-size: var(--text-4xl); }
	.md\:text-5xl{ font-size: var(--text-5xl); }
	.md\:text-6xl{ font-size: var(--text-6xl); }
	.md\:text-7xl{ font-size: var(--text-7xl); }
	.md\:text-8xl{ font-size: var(--text-8xl); }
	.md\:leading-xs{ line-height: var(--lh-xs); }
	.md\:leading-sm{ line-height: var(--lh-sm); }
	.md\:leading-md{ line-height: var(--lh-md); }
	.md\:leading-base{ line-height: var(--lh-base); }
	.md\:leading-lg{ line-height: var(--lh-lg); }
	.md\:leading-xl{ line-height: var(--lh-xl); }
	.md\:leading-2xl{ line-height: var(--lh-2xl); }
	.md\:leading-3xl{ line-height: var(--lh-3xl); }
	.md\:leading-4xl{ line-height: var(--lh-4xl); }
	.md\:leading-5xl{ line-height: var(--lh-5xl); }
	.md\:leading-6xl{ line-height: var(--lh-6xl); }
	.md\:leading-7xl{ line-height: var(--lh-7xl); }
	.md\:leading-8xl{ line-height: var(--lh-8xl); }
	.md\:p-0{ padding: var(--size-0); }
	.md\:p-1{ padding: var(--size-1); }
	.md\:p-2{ padding: var(--size-2); }
	.md\:p-3{ padding: var(--size-3); }
	.md\:p-4{ padding: var(--size-4); }
	.md\:p-5{ padding: var(--size-5); }
	.md\:p-6{ padding: var(--size-6); }
	.md\:p-7{ padding: var(--size-7); }
	.md\:p-8{ padding: var(--size-8); }
	.md\:p-9{ padding: var(--size-9); }
	.md\:p-10{ padding: var(--size-10); }
	.md\:p-11{ padding: var(--size-11); }
	.md\:p-12{ padding: var(--size-12); }
	.md\:p-13{ padding: var(--size-13); }
	.md\:p-14{ padding: var(--size-14); }
	.md\:p-15{ padding: var(--size-15); }
	.md\:pt-0{ padding-top: var(--size-0); }
	.md\:pt-1{ padding-top: var(--size-1); }
	.md\:pt-2{ padding-top: var(--size-2); }
	.md\:pt-3{ padding-top: var(--size-3); }
	.md\:pt-4{ padding-top: var(--size-4); }
	.md\:pt-5{ padding-top: var(--size-5); }
	.md\:pt-6{ padding-top: var(--size-6); }
	.md\:pt-7{ padding-top: var(--size-7); }
	.md\:pt-8{ padding-top: var(--size-8); }
	.md\:pt-9{ padding-top: var(--size-9); }
	.md\:pt-10{ padding-top: var(--size-10); }
	.md\:pt-11{ padding-top: var(--size-11); }
	.md\:pt-12{ padding-top: var(--size-12); }
	.md\:pt-13{ padding-top: var(--size-13); }
	.md\:pt-14{ padding-top: var(--size-14); }
	.md\:pt-15{ padding-top: var(--size-15); }
	.md\:pr-0{ padding-right: var(--size-0); }
	.md\:pr-1{ padding-right: var(--size-1); }
	.md\:pr-2{ padding-right: var(--size-2); }
	.md\:pr-3{ padding-right: var(--size-3); }
	.md\:pr-4{ padding-right: var(--size-4); }
	.md\:pr-5{ padding-right: var(--size-5); }
	.md\:pr-6{ padding-right: var(--size-6); }
	.md\:pr-7{ padding-right: var(--size-7); }
	.md\:pr-8{ padding-right: var(--size-8); }
	.md\:pr-9{ padding-right: var(--size-9); }
	.md\:pr-10{ padding-right: var(--size-10); }
	.md\:pr-11{ padding-right: var(--size-11); }
	.md\:pr-12{ padding-right: var(--size-12); }
	.md\:pr-13{ padding-right: var(--size-13); }
	.md\:pr-14{ padding-right: var(--size-14); }
	.md\:pr-15{ padding-right: var(--size-15); }
	.md\:pb-0{ padding-bottom: var(--size-0); }
	.md\:pb-1{ padding-bottom: var(--size-1); }
	.md\:pb-2{ padding-bottom: var(--size-2); }
	.md\:pb-3{ padding-bottom: var(--size-3); }
	.md\:pb-4{ padding-bottom: var(--size-4); }
	.md\:pb-5{ padding-bottom: var(--size-5); }
	.md\:pb-6{ padding-bottom: var(--size-6); }
	.md\:pb-7{ padding-bottom: var(--size-7); }
	.md\:pb-8{ padding-bottom: var(--size-8); }
	.md\:pb-9{ padding-bottom: var(--size-9); }
	.md\:pb-10{ padding-bottom: var(--size-10); }
	.md\:pb-11{ padding-bottom: var(--size-11); }
	.md\:pb-12{ padding-bottom: var(--size-12); }
	.md\:pb-13{ padding-bottom: var(--size-13); }
	.md\:pb-14{ padding-bottom: var(--size-14); }
	.md\:pb-15{ padding-bottom: var(--size-15); }
	.md\:pl-0{ padding-left: var(--size-0); }
	.md\:pl-1{ padding-left: var(--size-1); }
	.md\:pl-2{ padding-left: var(--size-2); }
	.md\:pl-3{ padding-left: var(--size-3); }
	.md\:pl-4{ padding-left: var(--size-4); }
	.md\:pl-5{ padding-left: var(--size-5); }
	.md\:pl-6{ padding-left: var(--size-6); }
	.md\:pl-7{ padding-left: var(--size-7); }
	.md\:pl-8{ padding-left: var(--size-8); }
	.md\:pl-9{ padding-left: var(--size-9); }
	.md\:pl-10{ padding-left: var(--size-10); }
	.md\:pl-11{ padding-left: var(--size-11); }
	.md\:pl-12{ padding-left: var(--size-12); }
	.md\:pl-13{ padding-left: var(--size-13); }
	.md\:pl-14{ padding-left: var(--size-14); }
	.md\:pl-15{ padding-left: var(--size-15); }
	.md\:px-0{ padding-left: var(--size-0); padding-right: var(--size-0); }
	.md\:px-1{ padding-left: var(--size-1); padding-right: var(--size-1); }
	.md\:px-2{ padding-left: var(--size-2); padding-right: var(--size-2); }
	.md\:px-3{ padding-left: var(--size-3); padding-right: var(--size-3); }
	.md\:px-4{ padding-left: var(--size-4); padding-right: var(--size-4); }
	.md\:px-5{ padding-left: var(--size-5); padding-right: var(--size-5); }
	.md\:px-6{ padding-left: var(--size-6); padding-right: var(--size-6); }
	.md\:px-7{ padding-left: var(--size-7); padding-right: var(--size-7); }
	.md\:px-8{ padding-left: var(--size-8); padding-right: var(--size-8); }
	.md\:px-9{ padding-left: var(--size-9); padding-right: var(--size-9); }
	.md\:px-10{ padding-left: var(--size-10); padding-right: var(--size-10); }
	.md\:px-11{ padding-left: var(--size-11); padding-right: var(--size-11); }
	.md\:px-12{ padding-left: var(--size-12); padding-right: var(--size-12); }
	.md\:px-13{ padding-left: var(--size-13); padding-right: var(--size-13); }
	.md\:px-14{ padding-left: var(--size-14); padding-right: var(--size-14); }
	.md\:px-15{ padding-left: var(--size-15); padding-right: var(--size-15); }
	.md\:py-0{ padding-top: var(--size-0); padding-bottom: var(--size-0); }
	.md\:py-1{ padding-top: var(--size-1); padding-bottom: var(--size-1); }
	.md\:py-2{ padding-top: var(--size-2); padding-bottom: var(--size-2); }
	.md\:py-3{ padding-top: var(--size-3); padding-bottom: var(--size-3); }
	.md\:py-4{ padding-top: var(--size-4); padding-bottom: var(--size-4); }
	.md\:py-5{ padding-top: var(--size-5); padding-bottom: var(--size-5); }
	.md\:py-6{ padding-top: var(--size-6); padding-bottom: var(--size-6); }
	.md\:py-7{ padding-top: var(--size-7); padding-bottom: var(--size-7); }
	.md\:py-8{ padding-top: var(--size-8); padding-bottom: var(--size-8); }
	.md\:py-9{ padding-top: var(--size-9); padding-bottom: var(--size-9); }
	.md\:py-10{ padding-top: var(--size-10); padding-bottom: var(--size-10); }
	.md\:py-11{ padding-top: var(--size-11); padding-bottom: var(--size-11); }
	.md\:py-12{ padding-top: var(--size-12); padding-bottom: var(--size-12); }
	.md\:py-13{ padding-top: var(--size-13); padding-bottom: var(--size-13); }
	.md\:py-14{ padding-top: var(--size-14); padding-bottom: var(--size-14); }
	.md\:py-15{ padding-top: var(--size-15); padding-bottom: var(--size-15); }
	.md\:m-0{ margin: var(--size-0); }
	.md\:m-1{ margin: var(--size-1); }
	.md\:m-2{ margin: var(--size-2); }
	.md\:m-3{ margin: var(--size-3); }
	.md\:m-4{ margin: var(--size-4); }
	.md\:m-5{ margin: var(--size-5); }
	.md\:m-6{ margin: var(--size-6); }
	.md\:m-7{ margin: var(--size-7); }
	.md\:m-8{ margin: var(--size-8); }
	.md\:m-9{ margin: var(--size-9); }
	.md\:m-10{ margin: var(--size-10); }
	.md\:m-11{ margin: var(--size-11); }
	.md\:m-12{ margin: var(--size-12); }
	.md\:m-13{ margin: var(--size-13); }
	.md\:m-14{ margin: var(--size-14); }
	.md\:m-15{ margin: var(--size-15); }
	.md\:mt-0{ margin-top: var(--size-0); }
	.md\:mt-1{ margin-top: var(--size-1); }
	.md\:mt-2{ margin-top: var(--size-2); }
	.md\:mt-3{ margin-top: var(--size-3); }
	.md\:mt-4{ margin-top: var(--size-4); }
	.md\:mt-5{ margin-top: var(--size-5); }
	.md\:mt-6{ margin-top: var(--size-6); }
	.md\:mt-7{ margin-top: var(--size-7); }
	.md\:mt-8{ margin-top: var(--size-8); }
	.md\:mt-9{ margin-top: var(--size-9); }
	.md\:mt-10{ margin-top: var(--size-10); }
	.md\:mt-11{ margin-top: var(--size-11); }
	.md\:mt-12{ margin-top: var(--size-12); }
	.md\:mt-13{ margin-top: var(--size-13); }
	.md\:mt-14{ margin-top: var(--size-14); }
	.md\:mt-15{ margin-top: var(--size-15); }
	.md\:mr-0{ margin-right: var(--size-0); }
	.md\:mr-1{ margin-right: var(--size-1); }
	.md\:mr-2{ margin-right: var(--size-2); }
	.md\:mr-3{ margin-right: var(--size-3); }
	.md\:mr-4{ margin-right: var(--size-4); }
	.md\:mr-5{ margin-right: var(--size-5); }
	.md\:mr-6{ margin-right: var(--size-6); }
	.md\:mr-7{ margin-right: var(--size-7); }
	.md\:mr-8{ margin-right: var(--size-8); }
	.md\:mr-9{ margin-right: var(--size-9); }
	.md\:mr-10{ margin-right: var(--size-10); }
	.md\:mr-11{ margin-right: var(--size-11); }
	.md\:mr-12{ margin-right: var(--size-12); }
	.md\:mr-13{ margin-right: var(--size-13); }
	.md\:mr-14{ margin-right: var(--size-14); }
	.md\:mr-15{ margin-right: var(--size-15); }
	.md\:mb-0{ margin-bottom: var(--size-0); }
	.md\:mb-1{ margin-bottom: var(--size-1); }
	.md\:mb-2{ margin-bottom: var(--size-2); }
	.md\:mb-3{ margin-bottom: var(--size-3); }
	.md\:mb-4{ margin-bottom: var(--size-4); }
	.md\:mb-5{ margin-bottom: var(--size-5); }
	.md\:mb-6{ margin-bottom: var(--size-6); }
	.md\:mb-7{ margin-bottom: var(--size-7); }
	.md\:mb-8{ margin-bottom: var(--size-8); }
	.md\:mb-9{ margin-bottom: var(--size-9); }
	.md\:mb-10{ margin-bottom: var(--size-10); }
	.md\:mb-11{ margin-bottom: var(--size-11); }
	.md\:mb-12{ margin-bottom: var(--size-12); }
	.md\:mb-13{ margin-bottom: var(--size-13); }
	.md\:mb-14{ margin-bottom: var(--size-14); }
	.md\:mb-15{ margin-bottom: var(--size-15); }
	.md\:ml-auto{ margin-left: auto; }
	.md\:ml-0{ margin-left: var(--size-0); }
	.md\:ml-1{ margin-left: var(--size-1); }
	.md\:ml-2{ margin-left: var(--size-2); }
	.md\:ml-3{ margin-left: var(--size-3); }
	.md\:ml-4{ margin-left: var(--size-4); }
	.md\:ml-5{ margin-left: var(--size-5); }
	.md\:ml-6{ margin-left: var(--size-6); }
	.md\:ml-7{ margin-left: var(--size-7); }
	.md\:ml-8{ margin-left: var(--size-8); }
	.md\:ml-9{ margin-left: var(--size-9); }
	.md\:ml-10{ margin-left: var(--size-10); }
	.md\:ml-11{ margin-left: var(--size-11); }
	.md\:ml-12{ margin-left: var(--size-12); }
	.md\:ml-13{ margin-left: var(--size-13); }
	.md\:ml-14{ margin-left: var(--size-14); }
	.md\:ml-15{ margin-left: var(--size-15); }
	.md\:ml-auto{ margin-left: auto; }
	/* Margin left negative */
	.md\:-ml-0  { margin-left: calc(-1 * var(--size-0)); }
	.md\:-ml-1  { margin-left: calc(-1 * var(--size-1)); }
	.md\:-ml-2  { margin-left: calc(-1 * var(--size-2)); }
	.md\:-ml-3  { margin-left: calc(-1 * var(--size-3)); }
	.md\:-ml-4  { margin-left: calc(-1 * var(--size-4)); }
	.md\:-ml-5  { margin-left: calc(-1 * var(--size-5)); }
	.md\:-ml-6  { margin-left: calc(-1 * var(--size-6)); }
	.md\:-ml-7  { margin-left: calc(-1 * var(--size-7)); }
	.md\:-ml-8  { margin-left: calc(-1 * var(--size-8)); }
	.md\:-ml-9  { margin-left: calc(-1 * var(--size-9)); }
	.md\:-ml-10 { margin-left: calc(-1 * var(--size-10)); }
	.md\:-ml-11 { margin-left: calc(-1 * var(--size-11)); }
	.md\:-ml-12 { margin-left: calc(-1 * var(--size-12)); }
	.md\:-ml-13 { margin-left: calc(-1 * var(--size-13)); }
	.md\:-ml-14 { margin-left: calc(-1 * var(--size-14)); }
	.md\:-ml-15 { margin-left: calc(-1 * var(--size-15)); }
	.md\:mx-0{ margin-left: var(--size-0); margin-right: var(--size-0); }
	.md\:mx-1{ margin-left: var(--size-1); margin-right: var(--size-1); }
	.md\:mx-2{ margin-left: var(--size-2); margin-right: var(--size-2); }
	.md\:mx-3{ margin-left: var(--size-3); margin-right: var(--size-3); }
	.md\:mx-4{ margin-left: var(--size-4); margin-right: var(--size-4); }
	.md\:mx-5{ margin-left: var(--size-5); margin-right: var(--size-5); }
	.md\:mx-6{ margin-left: var(--size-6); margin-right: var(--size-6); }
	.md\:mx-7{ margin-left: var(--size-7); margin-right: var(--size-7); }
	.md\:mx-8{ margin-left: var(--size-8); margin-right: var(--size-8); }
	.md\:mx-9{ margin-left: var(--size-9); margin-right: var(--size-9); }
	.md\:mx-10{ margin-left: var(--size-10); margin-right: var(--size-10); }
	.md\:mx-11{ margin-left: var(--size-11); margin-right: var(--size-11); }
	.md\:mx-12{ margin-left: var(--size-12); margin-right: var(--size-12); }
	.md\:mx-13{ margin-left: var(--size-13); margin-right: var(--size-13); }
	.md\:mx-14{ margin-left: var(--size-14); margin-right: var(--size-14); }
	.md\:mx-15{ margin-left: var(--size-15); margin-right: var(--size-15); }
	.md\:my-0{ margin-top: var(--size-0); margin-bottom: var(--size-0); }
	.md\:my-1{ margin-top: var(--size-1); margin-bottom: var(--size-1); }
	.md\:my-2{ margin-top: var(--size-2); margin-bottom: var(--size-2); }
	.md\:my-3{ margin-top: var(--size-3); margin-bottom: var(--size-3); }
	.md\:my-4{ margin-top: var(--size-4); margin-bottom: var(--size-4); }
	.md\:my-5{ margin-top: var(--size-5); margin-bottom: var(--size-5); }
	.md\:my-6{ margin-top: var(--size-6); margin-bottom: var(--size-6); }
	.md\:my-7{ margin-top: var(--size-7); margin-bottom: var(--size-7); }
	.md\:my-8{ margin-top: var(--size-8); margin-bottom: var(--size-8); }
	.md\:my-9{ margin-top: var(--size-9); margin-bottom: var(--size-9); }
	.md\:my-10{ margin-top: var(--size-10); margin-bottom: var(--size-10); }
	.md\:my-11{ margin-top: var(--size-11); margin-bottom: var(--size-11); }
	.md\:my-12{ margin-top: var(--size-12); margin-bottom: var(--size-12); }
	.md\:my-13{ margin-top: var(--size-13); margin-bottom: var(--size-13); }
	.md\:my-14{ margin-top: var(--size-14); margin-bottom: var(--size-14); }
	.md\:my-15{ margin-top: var(--size-15); margin-bottom: var(--size-15); }
	.md\:static{ position: var(--static); }
	.md\:fixed { position: var(--fixed); }
	.md\:absolute { position: var(--absolute); }
	.md\:relative { position: var(--relative); }
	.md\:sticky { position: var(--sticky); }
	.md\:block{ display: var(--display-block); }
	.md\:inline-block{ display: var(--display-inline-block); }
	.md\:inline{ display: var(--display-inline); }
	.md\:flex{ display: var(--display-flex); }
	.md\:inline-flex{ display: var(--display-inline-flex); }
	.md\:grid{ display: var(--display-grid); }
	.md\:inline-grid{ display: var(--display-inline-grid); }
	.md\:none{ display: var(--display-none); }
	.md\:flex-row{ flex-direction: var(--flex-row); }
	.md\:flex-row-reverse{ flex-direction: var(--flex-row-reverse); }
	.md\:flex-col{ flex-direction: var(--flex-col); }
	.md\:flex-col-reverse{ flex-direction: var(--flex-col-reverse); }
	.md\:flex-wrap{ flex-wrap: var(--flex-wrap); }
	.md\:flex-wrap-reverse{ flex-wrap: var(--flex-wrap-reverse); }
	.md\:flex-nowrap{ flex-wrap: var(--flex-nowrap); }
	.md\:flex-1{ flex: var(--flex-1); }        /* grow + shrink + basis 0% */
	.md\:flex-auto{ flex: var(--flex-auto); }     /* grow + shrink + auto */
	.md\:flex-initial{ flex: var(--flex-initial); }  /* shrink only */
	.md\:flex-none{ flex: var(--flex-none); }     /* no flex at all */
	.md\:justify-start{ justify-content: var(--justify-start); }
	.md\:justify-end{ justify-content: var(--justify-end); }
	.md\:justify-center{ justify-content: var(--justify-center); }
	.md\:justify-between{ justify-content: var(--justify-between); }
	.md\:justify-around{ justify-content: var(--justify-around); }
	.md\:justify-evenly{ justify-content: var(--justify-evenly); }
	.md\:items-start{ align-items: var(--items-start); }
	.md\:items-end{ align-items: var(--items-end); }
	.md\:items-center{ align-items: var(--items-center); }
	.md\:items-baseline{ align-items: var(--items-baseline); }
	.md\:items-stretch{ align-items: var(--items-stretch); }
	.md\:content-start{ align-content: var(--content-start); }
	.md\:content-end{ align-content: var(--content-end); }
	.md\:content-center{ align-content: var(--content-center); }
	.md\:content-between{ align-content: var(--content-between); }
	.md\:content-around{ align-content: var(--content-around); }
	.md\:content-evenly{ align-content: var(--content-evenly); }
	.md\:order-1{ order: var(--order-1); }
	.md\:order-2{ order: var(--order-2); }
	.md\:order-3{ order: var(--order-3); }
	.md\:order-4{ order: var(--order-4); }
	.md\:order-5{ order: var(--order-5); }
	.md\:order-6{ order: var(--order-6); }
	.md\:order-7{ order: var(--order-7); }
	.md\:order-8{ order: var(--order-8); }
	.md\:order-9{ order: var(--order-9); }
	.md\:order-10{ order: var(--order-10); }
	.md\:order-first{ order: var(--order-first); }
	.md\:order-last{ order: var(--order-last); }
	.md\:order-none{ order: var(--order-none); }
	.md\:gap-0{ gap: var(--size-0); }
	.md\:gap-1{ gap: var(--size-1); }
	.md\:gap-2{ gap: var(--size-2); }
	.md\:gap-3{ gap: var(--size-3); }
	.md\:gap-4{ gap: var(--size-4); }
	.md\:gap-5{ gap: var(--size-5); }
	.md\:gap-6{ gap: var(--size-6); }
	.md\:gap-7{ gap: var(--size-7); }
	.md\:gap-8{ gap: var(--size-8); }
	.md\:gap-9{ gap: var(--size-9); }
	.md\:gap-10{ gap: var(--size-10); }
	.md\:gap-11{ gap: var(--size-11); }
	.md\:gap-12{ gap: var(--size-12); }
	.md\:gap-13{ gap: var(--size-13); }
	.md\:gap-14{ gap: var(--size-14); }
	.md\:gap-15{ gap: var(--size-15); }
	.md\:w-full{ width: var(--w-full); }
	.md\:w-screen{ width: var(--w-screen); }
	.md\:w-1-2{ width: var(--w-1-2); } /* ojo contrabarra */
	.md\:w-1-3{ width: var(--w-1-3); }
	.md\:w-2-3{ width: var(--w-2-3); }
	.md\:w-1-4{ width: var(--w-1-4); }
	.md\:w-3-4{ width: var(--w-3-4); }
	.md\:w-1-5{ width: var(--w-1-5); }
	.md\:w-4-5{ width: var(--w-4-5); }
	.md\:w-1-6{ width: var(--w-1-6); }   /* 16.6667% */
	.md\:w-2-6{ width: var(--w-2-6); }   /* 33.3333% */
	.md\:w-3-6{ width: var(--w-3-6); }   /* 50% */
	.md\:w-4-6{ width: var(--w-4-6); }   /* 66.6667% */
	.md\:w-5-6{ width: var(--w-5-6); }   /* 83.3333% */
	.md\:w-min{ width: var(--w-min); }
	.md\:w-max{ width: var(--w-max); }
	.md\:w-fit{ width: var(--w-fit); }
	.md\:w-auto{ width: var(--w-auto); }
	.md\:h-full{ height: var(--h-full); }
	.md\:h-screen{ height: var(--h-screen); }
	.md\:h-min{ height: var(--h-min); }
	.md\:h-max{ height: var(--h-max); }
	.md\:h-fit{ height: var(--h-fit); }
	.md\:h-auto{ height: var(--h-auto); }

	/* Overflow */
	.md\:overflow-initial{ overflow: initial; }
	.md\:overflow-auto{ overflow: auto; }
	.md\:overflow-hidden{ overflow: hidden; }
	.md\:overflow-visible{ overflow: visible; }
	.md\:overflow-scroll{ overflow: scroll; }

	/* Min widths */
	.md\:min-w-0  { min-width: var(--size-0); }   /* 0px */
	.md\:block  { min-width: var(--size-1); }   /* 8px */
	.md\:min-w-2  { min-width: var(--size-2); }   /* 16px */
	.md\:min-w-3  { min-width: var(--size-3); }   /* 24px */
	.md\:min-w-4  { min-width: var(--size-4); }   /* 32px */
	.md\:min-w-5  { min-width: var(--size-5); }   /* 40px */
	.md\:min-w-6  { min-width: var(--size-6); }   /* 48px */
	.md\:min-w-7  { min-width: var(--size-7); }   /* 56px */
	.md\:min-w-8  { min-width: var(--size-8); }   /* 64px */
	.md\:min-w-9  { min-width: var(--size-9); }   /* 72px */
	.md\:min-w-10 { min-width: var(--size-10); }  /* 80px */
	.md\:min-w-11 { min-width: var(--size-11); }  /* 88px */
	.md\:min-w-12 { min-width: var(--size-12); }  /* 96px */
	.md\:min-w-13 { min-width: var(--size-13); }  /* 104px */
	.md\:min-w-14 { min-width: var(--size-14); }  /* 112px */
	.md\:min-w-15 { min-width: var(--size-15); }  /* 120px */

	/* Max widths */
	.md\:max-w-0  { max-width: var(--size-0); }   /* 0px */
	.md\:max-w-1  { max-width: var(--size-1); }   /* 8px */
	.md\:max-w-2  { max-width: var(--size-2); }   /* 16px */
	.md\:max-w-3  { max-width: var(--size-3); }   /* 24px */
	.md\:max-w-4  { max-width: var(--size-4); }   /* 32px */
	.md\:max-w-5  { max-width: var(--size-5); }   /* 40px */
	.md\:max-w-6  { max-width: var(--size-6); }   /* 48px */
	.md\:max-w-7  { max-width: var(--size-7); }   /* 56px */
	.md\:max-w-8  { max-width: var(--size-8); }   /* 64px */
	.md\:max-w-9  { max-width: var(--size-9); }   /* 72px */
	.md\:max-w-10 { max-width: var(--size-10); }  /* 80px */
	.md\:max-w-11 { max-width: var(--size-11); }  /* 88px */
	.md\:max-w-12 { max-width: var(--size-12); }  /* 96px */
	.md\:max-w-13 { max-width: var(--size-13); }  /* 104px */
	.md\:max-w-14 { max-width: var(--size-14); }  /* 112px */
	.md\:max-w-15 { max-width: var(--size-15); }  /* 120px */

	/* Heights in vh */
	.md\:max-vh-initial { max-height: var(--initial); }
	.md\:max-vh-0 { max-height: 0vh; }
	.md\:max-vh-10 { max-height: 10vh; }
	.md\:max-vh-20 { max-height: 20vh; }
	.md\:max-vh-30 { max-height: 30vh; }
	.md\:max-vh-40 { max-height: 40vh; }
	.md\:max-vh-50 { max-height: 50vh; }
	.md\:max-vh-60 { max-height: 60vh; }
	.md\:max-vh-70 { max-height: 70vh; }
	.md\:max-vh-80 { max-height: 80vh; }
	.md\:max-vh-90 { max-height: 90vh; }
	.md\:max-vh-100 { max-height: 100vh; }

	/* Height in dvh */
	.md\:h-dvh-initial { height: var(--initial); }
	.md\:h-dvh-10  { height: 10dvh; }
	.md\:h-dvh-20  { height: 20dvh; }
	.md\:h-dvh-30  { height: 30dvh; }
	.md\:h-dvh-40  { height: 40dvh; }
	.md\:h-dvh-50  { height: 50dvh; }
	.md\:h-dvh-60  { height: 60dvh; }
	.md\:h-dvh-70  { height: 70dvh; }
	.md\:h-dvh-80  { height: 80dvh; }
	.md\:h-dvh-90  { height: 90dvh; }
	.md\:h-dvh-100 { height: 100dvh; }

	/* Max Height in dvh */
	.md\:max-dvh-initial { max-height: var(--initial); }
	.md\:max-dvh-10 { max-height: 10dvh; }
	.md\:max-dvh-20 { max-height: 20dvh; }
	.md\:max-dvh-30 { max-height: 30dvh; }
	.md\:max-dvh-40 { max-height: 40dvh; }
	.md\:max-dvh-50 { max-height: 50dvh; }
	.md\:max-dvh-60 { max-height: 60dvh; }
	.md\:max-dvh-70 { max-height: 70dvh; }
	.md\:max-dvh-80 { max-height: 80dvh; }
	.md\:max-dvh-90 { max-height: 90dvh; }
	.md\:max-dvh-91 { max-height: 91dvh; }
	.md\:max-dvh-92 { max-height: 92dvh; }
	.md\:max-dvh-93 { max-height: 93dvh; }
	.md\:max-dvh-94 { max-height: 94dvh; }
	.md\:max-dvh-95 { max-height: 95dvh; }
	.md\:max-dvh-96 { max-height: 96dvh; }
	.md\:max-dvh-97 { max-height: 97dvh; }
	.md\:max-dvh-98 { max-height: 98dvh; }
	.md\:max-dvh-99 { max-height: 99dvh; }
	.md\:max-dvh-100 { max-height: 100dvh; }

	/* Rounded Corners */
	.md\:rounded-0{ border-radius: var(--size-0); }
	.md\:rounded-1{ border-radius: var(--size-1); }
	.md\:rounded-2{ border-radius: var(--size-2); }
	.md\:rounded-3{ border-radius: var(--size-3); }
	.md\:rounded-4{ border-radius: var(--size-4); }
	.md\:rounded-5{ border-radius: var(--size-5); }
	.md\:rounded-6{ border-radius: var(--size-6); }
	.md\:rounded-7{ border-radius: var(--size-7); }
	.md\:rounded-8{ border-radius: var(--size-8); }
	.md\:rounded-9{ border-radius: var(--size-9); }
	.md\:rounded-10{ border-radius: var(--size-10); }
	.md\:rounded-11{ border-radius: var(--size-11); }
	.md\:rounded-12{ border-radius: var(--size-12); }
	.md\:rounded-13{ border-radius: var(--size-13); }
	.md\:rounded-14{ border-radius: var(--size-14); }
	.md\:rounded-15{ border-radius: var(--size-15); }
	.md\:w-0 { width: var(--size-0); }
	.md\:w-1 { width: var(--size-1); }
	.md\:w-2 { width: var(--size-2); }
	.md\:w-3 { width: var(--size-3); }
	.md\:w-4 { width: var(--size-4); }
	.md\:w-5 { width: var(--size-5); }
	.md\:w-6 { width: var(--size-6); }
	.md\:w-7 { width: var(--size-7); }
	.md\:w-8 { width: var(--size-8); }
	.md\:w-9 { width: var(--size-9); }
	.md\:w-10 { width: var(--size-10); }
	.md\:w-11 { width: var(--size-11); }
	.md\:w-12 { width: var(--size-12); }
	.md\:w-13 { width: var(--size-13); }
	.md\:w-14 { width: var(--size-14); }
	.md\:w-15 { width: var(--size-15); }

	/* Bordes completos */
	.md\:border-0 { border: var(--size-0) }
	.md\:border-1 { border: 1px solid var(--color-border); }
	.md\:border-2 { border: 2px solid var(--color-border); }
	.md\:border-3 { border: 3px solid var(--color-border); }
	.md\:border-4 { border: 4px solid var(--color-border); }
	.md\:border-5 { border: 5px solid var(--color-border); }
	.md\:border-6 { border: 6px solid var(--color-border); }
	.md\:border-7 { border: 7px solid var(--color-border); }
	.md\:border-8 { border: 8px solid var(--color-border); }

	/* Bordes superiores */
	.md\:border-0 { border-top: var(--size-0); }
	.md\:border-t-1 { border-top: 1px solid var(--color-border); }
	.md\:border-t-2 { border-top: 2px solid var(--color-border); }
	.md\:border-t-3 { border-top: 3px solid var(--color-border); }
	.md\:border-t-4 { border-top: 4px solid var(--color-border); }
	.md\:border-t-5 { border-top: 5px solid var(--color-border); }
	.md\:border-t-6 { border-top: 6px solid var(--color-border); }
	.md\:border-t-7 { border-top: 7px solid var(--color-border); }
	.md\:border-t-8 { border-top: 8px solid var(--color-border); }

	/* Bordes inferiores */
	.md\:border-b-0 { border-bottom: var(--size-0); }
	.md\:border-b-1 { border-bottom: 1px solid var(--color-border); }
	.md\:border-b-2 { border-bottom: 2px solid var(--color-border); }
	.md\:border-b-3 { border-bottom: 3px solid var(--color-border); }
	.md\:border-b-4 { border-bottom: 4px solid var(--color-border); }
	.md\:border-b-5 { border-bottom: 5px solid var(--color-border); }
	.md\:border-b-6 { border-bottom: 6px solid var(--color-border); }
	.md\:border-b-7 { border-bottom: 7px solid var(--color-border); }
	.md\:border-b-8 { border-bottom: 8px solid var(--color-border); }

	/* Bordes izquierdos */
	.md\:border-l-0 { border-left: var(--size-0); }
	.md\:border-l-1 { border-left: 1px solid var(--color-border); }
	.md\:border-l-2 { border-left: 2px solid var(--color-border); }
	.md\:border-l-3 { border-left: 3px solid var(--color-border); }
	.md\:border-l-4 { border-left: 4px solid var(--color-border); }
	.md\:border-l-5 { border-left: 5px solid var(--color-border); }
	.md\:border-l-6 { border-left: 6px solid var(--color-border); }
	.md\:border-l-7 { border-left: 7px solid var(--color-border); }
	.md\:border-l-8 { border-left: 8px solid var(--color-border); }

	/* Bordes derechos */
	.md\:border-r-0 { border-right: var(--size-0); }
	.md\:border-r-1 { border-right: 1px solid var(--color-border); }
	.md\:border-r-2 { border-right: 2px solid var(--color-border); }
	.md\:border-r-3 { border-right: 3px solid var(--color-border); }
	.md\:border-r-4 { border-right: 4px solid var(--color-border); }
	.md\:border-r-5 { border-right: 5px solid var(--color-border); }
	.md\:border-r-6 { border-right: 6px solid var(--color-border); }
	.md\:border-r-7 { border-right: 7px solid var(--color-border); }
	.md\:border-r-8 { border-right: 8px solid var(--color-border); }

	/* Opacity */ 
	.md\:opacity-0  { opacity: var(--opacity-0); }   /* 0% */
	.md\:opacity-5  { opacity: var(--opacity-5); }   /* 5% */
	.md\:opacity-10 { opacity: var(--opacity-10); }  /* 10% */
	.md\:opacity-15 { opacity: var(--opacity-15); }  /* 15% */
	.md\:opacity-20 { opacity: var(--opacity-20); }  /* 20% */
	.md\:opacity-25 { opacity: var(--opacity-25); }  /* 25% */
	.md\:opacity-30 { opacity: var(--opacity-30); }  /* 30% */
	.md\:opacity-35 { opacity: var(--opacity-35); }  /* 35% */
	.md\:opacity-40 { opacity: var(--opacity-40); }  /* 40% */
	.md\:opacity-45 { opacity: var(--opacity-45); }  /* 45% */
	.md\:opacity-50 { opacity: var(--opacity-50); }  /* 50% */
	.md\:opacity-55 { opacity: var(--opacity-55); }  /* 55% */
	.md\:opacity-60 { opacity: var(--opacity-60); }  /* 60% */
	.md\:opacity-65 { opacity: var(--opacity-65); }  /* 65% */
	.md\:opacity-70 { opacity: var(--opacity-70); }  /* 70% */
	.md\:opacity-75 { opacity: var(--opacity-75); }  /* 75% */
	.md\:opacity-80 { opacity: var(--opacity-80); }  /* 80% */
	.md\:opacity-85 { opacity: var(--opacity-85); }  /* 85% */
	.md\:opacity-90 { opacity: var(--opacity-90); }  /* 90% */
	.md\:opacity-95 { opacity: var(--opacity-95); }  /* 95% */
	.md\:opacity-100{ opacity: var(--opacity-100); } /* 100% */

	.md\:rounded-t-0 { border-top-left-radius: var(--size-0); border-top-right-radius: var(--size-0); }
	.md\:rounded-t-1 { border-top-left-radius: var(--size-1); border-top-right-radius: var(--size-1); }
	.md\:rounded-t-2 { border-top-left-radius: var(--size-2); border-top-right-radius: var(--size-2); }
	.md\:rounded-t-3 { border-top-left-radius: var(--size-3); border-top-right-radius: var(--size-3); }
	.md\:rounded-t-4 { border-top-left-radius: var(--size-4); border-top-right-radius: var(--size-4); }
	.md\:rounded-t-5 { border-top-left-radius: var(--size-5); border-top-right-radius: var(--size-5); }
	.md\:rounded-t-6 { border-top-left-radius: var(--size-6); border-top-right-radius: var(--size-6); }
	.md\:rounded-t-7 { border-top-left-radius: var(--size-7); border-top-right-radius: var(--size-7); }
	.md\:rounded-t-8 { border-top-left-radius: var(--size-8); border-top-right-radius: var(--size-8); }
	.md\:rounded-t-9 { border-top-left-radius: var(--size-9); border-top-right-radius: var(--size-9); }
	.md\:rounded-t-10 { border-top-left-radius: var(--size-10); border-top-right-radius: var(--size-10); }
	.md\:rounded-t-11 { border-top-left-radius: var(--size-11); border-top-right-radius: var(--size-11); }
	.md\:rounded-t-12 { border-top-left-radius: var(--size-12); border-top-right-radius: var(--size-12); }
	.md\:rounded-t-13 { border-top-left-radius: var(--size-13); border-top-right-radius: var(--size-13); }
	.md\:rounded-t-14 { border-top-left-radius: var(--size-14); border-top-right-radius: var(--size-14); }
	.md\:rounded-t-15 { border-top-left-radius: var(--size-15); border-top-right-radius: var(--size-15); }
	.md\:rounded-b-0 { border-bottom-left-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.md\:rounded-b-1 { border-bottom-left-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.md\:rounded-b-2 { border-bottom-left-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.md\:rounded-b-3 { border-bottom-left-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.md\:rounded-b-4 { border-bottom-left-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.md\:rounded-b-5 { border-bottom-left-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.md\:rounded-b-6 { border-bottom-left-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.md\:rounded-b-7 { border-bottom-left-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.md\:rounded-b-8 { border-bottom-left-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.md\:rounded-b-9 { border-bottom-left-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.md\:rounded-b-10 { border-bottom-left-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.md\:rounded-b-11 { border-bottom-left-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.md\:rounded-b-12 { border-bottom-left-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.md\:rounded-b-13 { border-bottom-left-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.md\:rounded-b-14 { border-bottom-left-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.md\:rounded-b-15 { border-bottom-left-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }
	.md\:rounded-l-0 { border-top-left-radius: var(--size-0); border-bottom-left-radius: var(--size-0); }
	.md\:rounded-l-1 { border-top-left-radius: var(--size-1); border-bottom-left-radius: var(--size-1); }
	.md\:rounded-l-2 { border-top-left-radius: var(--size-2); border-bottom-left-radius: var(--size-2); }
	.md\:rounded-l-3 { border-top-left-radius: var(--size-3); border-bottom-left-radius: var(--size-3); }
	.md\:rounded-l-4 { border-top-left-radius: var(--size-4); border-bottom-left-radius: var(--size-4); }
	.md\:rounded-l-5 { border-top-left-radius: var(--size-5); border-bottom-left-radius: var(--size-5); }
	.md\:rounded-l-6 { border-top-left-radius: var(--size-6); border-bottom-left-radius: var(--size-6); }
	.md\:rounded-l-7 { border-top-left-radius: var(--size-7); border-bottom-left-radius: var(--size-7); }
	.md\:rounded-l-8 { border-top-left-radius: var(--size-8); border-bottom-left-radius: var(--size-8); }
	.md\:rounded-l-9 { border-top-left-radius: var(--size-9); border-bottom-left-radius: var(--size-9); }
	.md\:rounded-l-10 { border-top-left-radius: var(--size-10); border-bottom-left-radius: var(--size-10); }
	.md\:rounded-l-11 { border-top-left-radius: var(--size-11); border-bottom-left-radius: var(--size-11); }
	.md\:rounded-l-12 { border-top-left-radius: var(--size-12); border-bottom-left-radius: var(--size-12); }
	.md\:rounded-l-13 { border-top-left-radius: var(--size-13); border-bottom-left-radius: var(--size-13); }
	.md\:rounded-l-14 { border-top-left-radius: var(--size-14); border-bottom-left-radius: var(--size-14); }
	.md\:rounded-l-15 { border-top-left-radius: var(--size-15); border-bottom-left-radius: var(--size-15); }
	.md\:rounded-r-0 { border-top-right-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.md\:rounded-r-1 { border-top-right-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.md\:rounded-r-2 { border-top-right-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.md\:rounded-r-3 { border-top-right-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.md\:rounded-r-4 { border-top-right-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.md\:rounded-r-5 { border-top-right-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.md\:rounded-r-6 { border-top-right-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.md\:rounded-r-7 { border-top-right-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.md\:rounded-r-8 { border-top-right-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.md\:rounded-r-9 { border-top-right-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.md\:rounded-r-10 { border-top-right-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.md\:rounded-r-11 { border-top-right-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.md\:rounded-r-12 { border-top-right-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.md\:rounded-r-13 { border-top-right-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.md\:rounded-r-14 { border-top-right-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.md\:rounded-r-15 { border-top-right-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }

	/* Grids */
	.md\:grid-1-columns { grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.md\:grid-2-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.md\:grid-3-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	/* Z-index */ 
	.md\:z-initial { z-index: var(--initial); }
	.md\:z-9999 { z-index: 9999; }
	.md\:z-99998 { z-index: 99998; }
	.md\:z-99999 { z-index: 99999; }
  }
  
  @media (min-width: 1024px) {

	.lg\:text-left   { text-align: var(--t-left); }
	.lg\:text-center { text-align: var(--t-center); }
	.lg\:text-right  { text-align: var(--t-right); }

	.lg\:logoheader{ max-width: 175px; width: 175px; }
	.lg\:text-xs{ font-size: var(--text-xs); }
	.lg\:text-sm{ font-size: var(--text-sm); }
	.lg\:text-md{ font-size: var(--text-md); }
	.lg\:text-base{ font-size: var(--text-base); }
	.lg\:text-lg{ font-size: var(--text-lg); }
	.lg\:text-xl{ font-size: var(--text-xl); }
	.lg\:text-2xl{ font-size: var(--text-2xl); }
	.lg\:text-3xl{ font-size: var(--text-3xl); }
	.lg\:text-4xl{ font-size: var(--text-4xl); }
	.lg\:text-5xl{ font-size: var(--text-5xl); }
	.lg\:text-6xl{ font-size: var(--text-6xl); }
	.lg\:text-7xl{ font-size: var(--text-7xl); }
	.lg\:text-8xl{ font-size: var(--text-8xl); }
	.lg\:leading-xs{ line-height: var(--lh-xs); }
	.lg\:leading-sm{ line-height: var(--lh-sm); }
	.lg\:leading-md{ line-height: var(--lh-md); }
	.lg\:leading-base{ line-height: var(--lh-base); }
	.lg\:leading-lg{ line-height: var(--lh-lg); }
	.lg\:leading-xl{ line-height: var(--lh-xl); }
	.lg\:leading-2xl{ line-height: var(--lh-2xl); }
	.lg\:leading-3xl{ line-height: var(--lh-3xl); }
	.lg\:leading-4xl{ line-height: var(--lh-4xl); }
	.lg\:leading-5xl{ line-height: var(--lh-5xl); }
	.lg\:leading-6xl{ line-height: var(--lh-6xl); }
	.lg\:leading-7xl{ line-height: var(--lh-7xl); }
	.lg\:leading-8xl{ line-height: var(--lh-8xl); }
	.lg\:p-0{ padding: var(--size-0); }
	.lg\:p-1{ padding: var(--size-1); }
    .lg\:p-1-2{ padding: var(--size-1-2); }
	.lg\:p-2{ padding: var(--size-2); }
	.lg\:p-3{ padding: var(--size-3); }
	.lg\:p-4{ padding: var(--size-4); }
	.lg\:p-5{ padding: var(--size-5); }
	.lg\:p-6{ padding: var(--size-6); }
	.lg\:p-7{ padding: var(--size-7); }
	.lg\:p-8{ padding: var(--size-8); }
	.lg\:p-9{ padding: var(--size-9); }
	.lg\:p-10{ padding: var(--size-10); }
	.lg\:p-11{ padding: var(--size-11); }
	.lg\:p-12{ padding: var(--size-12); }
	.lg\:p-13{ padding: var(--size-13); }
	.lg\:p-14{ padding: var(--size-14); }
	.lg\:p-15{ padding: var(--size-15); }
	.lg\:pt-0{ padding-top: var(--size-0); }
	.lg\:pt-1{ padding-top: var(--size-1); }
	.lg\:pt-2{ padding-top: var(--size-2); }
	.lg\:pt-3{ padding-top: var(--size-3); }
	.lg\:pt-4{ padding-top: var(--size-4); }
	.lg\:pt-5{ padding-top: var(--size-5); }
	.lg\:pt-6{ padding-top: var(--size-6); }
	.lg\:pt-7{ padding-top: var(--size-7); }
	.lg\:pt-8{ padding-top: var(--size-8); }
	.lg\:pt-9{ padding-top: var(--size-9); }
	.lg\:pt-10{ padding-top: var(--size-10); }
	.lg\:pt-11{ padding-top: var(--size-11); }
	.lg\:pt-12{ padding-top: var(--size-12); }
	.lg\:pt-13{ padding-top: var(--size-13); }
	.lg\:pt-14{ padding-top: var(--size-14); }
	.lg\:pt-15{ padding-top: var(--size-15); }
	.lg\:pr-0{ padding-right: var(--size-0); }
	.lg\:pr-1{ padding-right: var(--size-1); }
	.lg\:pr-2{ padding-right: var(--size-2); }
	.lg\:pr-3{ padding-right: var(--size-3); }
	.lg\:pr-4{ padding-right: var(--size-4); }
	.lg\:pr-5{ padding-right: var(--size-5); }
	.lg\:pr-6{ padding-right: var(--size-6); }
	.lg\:pr-7{ padding-right: var(--size-7); }
	.lg\:pr-8{ padding-right: var(--size-8); }
	.lg\:pr-9{ padding-right: var(--size-9); }
	.lg\:pr-10{ padding-right: var(--size-10); }
	.lg\:pr-11{ padding-right: var(--size-11); }
	.lg\:pr-12{ padding-right: var(--size-12); }
	.lg\:pr-13{ padding-right: var(--size-13); }
	.lg\:pr-14{ padding-right: var(--size-14); }
	.lg\:pr-15{ padding-right: var(--size-15); }
	.lg\:pb-0{ padding-bottom: var(--size-0); }
	.lg\:pb-1{ padding-bottom: var(--size-1); }
	.lg\:pb-2{ padding-bottom: var(--size-2); }
	.lg\:pb-3{ padding-bottom: var(--size-3); }
	.lg\:pb-4{ padding-bottom: var(--size-4); }
	.lg\:pb-5{ padding-bottom: var(--size-5); }
	.lg\:pb-6{ padding-bottom: var(--size-6); }
	.lg\:pb-7{ padding-bottom: var(--size-7); }
	.lg\:pb-8{ padding-bottom: var(--size-8); }
	.lg\:pb-9{ padding-bottom: var(--size-9); }
	.lg\:pb-10{ padding-bottom: var(--size-10); }
	.lg\:pb-11{ padding-bottom: var(--size-11); }
	.lg\:pb-12{ padding-bottom: var(--size-12); }
	.lg\:pb-13{ padding-bottom: var(--size-13); }
	.lg\:pb-14{ padding-bottom: var(--size-14); }
	.lg\:pb-15{ padding-bottom: var(--size-15); }
	.lg\:pl-0{ padding-left: var(--size-0); }
	.lg\:pl-1{ padding-left: var(--size-1); }
	.lg\:pl-2{ padding-left: var(--size-2); }
	.lg\:pl-3{ padding-left: var(--size-3); }
	.lg\:pl-4{ padding-left: var(--size-4); }
	.lg\:pl-5{ padding-left: var(--size-5); }
	.lg\:pl-6{ padding-left: var(--size-6); }
	.lg\:pl-7{ padding-left: var(--size-7); }
	.lg\:pl-8{ padding-left: var(--size-8); }
	.lg\:pl-9{ padding-left: var(--size-9); }
	.lg\:pl-10{ padding-left: var(--size-10); }
	.lg\:pl-11{ padding-left: var(--size-11); }
	.lg\:pl-12{ padding-left: var(--size-12); }
	.lg\:pl-13{ padding-left: var(--size-13); }
	.lg\:pl-14{ padding-left: var(--size-14); }
	.lg\:pl-15{ padding-left: var(--size-15); }
	.lg\:px-0{ padding-left: var(--size-0); padding-right: var(--size-0); }
	.lg\:px-1{ padding-left: var(--size-1); padding-right: var(--size-1); }
	.lg\:px-2{ padding-left: var(--size-2); padding-right: var(--size-2); }
	.lg\:px-3{ padding-left: var(--size-3); padding-right: var(--size-3); }
	.lg\:px-4{ padding-left: var(--size-4); padding-right: var(--size-4); }
	.lg\:px-5{ padding-left: var(--size-5); padding-right: var(--size-5); }
	.lg\:px-6{ padding-left: var(--size-6); padding-right: var(--size-6); }
	.lg\:px-7{ padding-left: var(--size-7); padding-right: var(--size-7); }
	.lg\:px-8{ padding-left: var(--size-8); padding-right: var(--size-8); }
	.lg\:px-9{ padding-left: var(--size-9); padding-right: var(--size-9); }
	.lg\:px-10{ padding-left: var(--size-10); padding-right: var(--size-10); }
	.lg\:px-11{ padding-left: var(--size-11); padding-right: var(--size-11); }
	.lg\:px-12{ padding-left: var(--size-12); padding-right: var(--size-12); }
	.lg\:px-13{ padding-left: var(--size-13); padding-right: var(--size-13); }
	.lg\:px-14{ padding-left: var(--size-14); padding-right: var(--size-14); }
	.lg\:px-15{ padding-left: var(--size-15); padding-right: var(--size-15); }
	.lg\:py-0{ padding-top: var(--size-0); padding-bottom: var(--size-0); }
	.lg\:py-1{ padding-top: var(--size-1); padding-bottom: var(--size-1); }
	.lg\:py-2{ padding-top: var(--size-2); padding-bottom: var(--size-2); }
	.lg\:py-3{ padding-top: var(--size-3); padding-bottom: var(--size-3); }
	.lg\:py-4{ padding-top: var(--size-4); padding-bottom: var(--size-4); }
	.lg\:py-5{ padding-top: var(--size-5); padding-bottom: var(--size-5); }
	.lg\:py-6{ padding-top: var(--size-6); padding-bottom: var(--size-6); }
	.lg\:py-7{ padding-top: var(--size-7); padding-bottom: var(--size-7); }
	.lg\:py-8{ padding-top: var(--size-8); padding-bottom: var(--size-8); }
	.lg\:py-9{ padding-top: var(--size-9); padding-bottom: var(--size-9); }
	.lg\:py-10{ padding-top: var(--size-10); padding-bottom: var(--size-10); }
	.lg\:py-11{ padding-top: var(--size-11); padding-bottom: var(--size-11); }
	.lg\:py-12{ padding-top: var(--size-12); padding-bottom: var(--size-12); }
	.lg\:py-13{ padding-top: var(--size-13); padding-bottom: var(--size-13); }
	.lg\:py-14{ padding-top: var(--size-14); padding-bottom: var(--size-14); }
	.lg\:py-15{ padding-top: var(--size-15); padding-bottom: var(--size-15); }
	.lg\:m-0{ margin: var(--size-0); }
	.lg\:m-1{ margin: var(--size-1); }
	.lg\:m-2{ margin: var(--size-2); }
	.lg\:m-3{ margin: var(--size-3); }
	.lg\:m-4{ margin: var(--size-4); }
	.lg\:m-5{ margin: var(--size-5); }
	.lg\:m-6{ margin: var(--size-6); }
	.lg\:m-7{ margin: var(--size-7); }
	.lg\:m-8{ margin: var(--size-8); }
	.lg\:m-9{ margin: var(--size-9); }
	.lg\:m-10{ margin: var(--size-10); }
	.lg\:m-11{ margin: var(--size-11); }
	.lg\:m-12{ margin: var(--size-12); }
	.lg\:m-13{ margin: var(--size-13); }
	.lg\:m-14{ margin: var(--size-14); }
	.lg\:m-15{ margin: var(--size-15); }
	.lg\:mt-0{ margin-top: var(--size-0); }
	.lg\:mt-1{ margin-top: var(--size-1); }
	.lg\:mt-2{ margin-top: var(--size-2); }
	.lg\:mt-3{ margin-top: var(--size-3); }
	.lg\:mt-4{ margin-top: var(--size-4); }
	.lg\:mt-5{ margin-top: var(--size-5); }
	.lg\:mt-6{ margin-top: var(--size-6); }
	.lg\:mt-7{ margin-top: var(--size-7); }
	.lg\:mt-8{ margin-top: var(--size-8); }
	.lg\:mt-9{ margin-top: var(--size-9); }
	.lg\:mt-10{ margin-top: var(--size-10); }
	.lg\:mt-11{ margin-top: var(--size-11); }
	.lg\:mt-12{ margin-top: var(--size-12); }
	.lg\:mt-13{ margin-top: var(--size-13); }
	.lg\:mt-14{ margin-top: var(--size-14); }
	.lg\:mt-15{ margin-top: var(--size-15); }
	.lg\:mr-0{ margin-right: var(--size-0); }
	.lg\:mr-1{ margin-right: var(--size-1); }
	.lg\:mr-2{ margin-right: var(--size-2); }
	.lg\:mr-3{ margin-right: var(--size-3); }
	.lg\:mr-4{ margin-right: var(--size-4); }
	.lg\:mr-5{ margin-right: var(--size-5); }
	.lg\:mr-6{ margin-right: var(--size-6); }
	.lg\:mr-7{ margin-right: var(--size-7); }
	.lg\:mr-8{ margin-right: var(--size-8); }
	.lg\:mr-9{ margin-right: var(--size-9); }
	.lg\:mr-10{ margin-right: var(--size-10); }
	.lg\:mr-11{ margin-right: var(--size-11); }
	.lg\:mr-12{ margin-right: var(--size-12); }
	.lg\:mr-13{ margin-right: var(--size-13); }
	.lg\:mr-14{ margin-right: var(--size-14); }
	.lg\:mr-15{ margin-right: var(--size-15); }
	.lg\:mb-0{ margin-bottom: var(--size-0); }
	.lg\:mb-1{ margin-bottom: var(--size-1); }
	.lg\:mb-2{ margin-bottom: var(--size-2); }
	.lg\:mb-3{ margin-bottom: var(--size-3); }
	.lg\:mb-4{ margin-bottom: var(--size-4); }
	.lg\:mb-5{ margin-bottom: var(--size-5); }
	.lg\:mb-6{ margin-bottom: var(--size-6); }
	.lg\:mb-7{ margin-bottom: var(--size-7); }
	.lg\:mb-8{ margin-bottom: var(--size-8); }
	.lg\:mb-9{ margin-bottom: var(--size-9); }
	.lg\:mb-10{ margin-bottom: var(--size-10); }
	.lg\:mb-11{ margin-bottom: var(--size-11); }
	.lg\:mb-12{ margin-bottom: var(--size-12); }
	.lg\:mb-13{ margin-bottom: var(--size-13); }
	.lg\:mb-14{ margin-bottom: var(--size-14); }
	.lg\:mb-15{ margin-bottom: var(--size-15); }
	.lg\:ml-0{ margin-left: var(--size-0); }
	.lg\:ml-1{ margin-left: var(--size-1); }
	.lg\:ml-2{ margin-left: var(--size-2); }
	.lg\:ml-3{ margin-left: var(--size-3); }
	.lg\:ml-4{ margin-left: var(--size-4); }
	.lg\:ml-5{ margin-left: var(--size-5); }
	.lg\:ml-6{ margin-left: var(--size-6); }
	.lg\:ml-7{ margin-left: var(--size-7); }
	.lg\:ml-8{ margin-left: var(--size-8); }
	.lg\:ml-9{ margin-left: var(--size-9); }
	.lg\:ml-10{ margin-left: var(--size-10); }
	.lg\:ml-11{ margin-left: var(--size-11); }
	.lg\:ml-12{ margin-left: var(--size-12); }
	.lg\:ml-13{ margin-left: var(--size-13); }
	.lg\:ml-14{ margin-left: var(--size-14); }
	.lg\:ml-15{ margin-left: var(--size-15); }
	.lg\:auto {margin-left: auto}
	/* Margin left negative */
	.lg\:-ml-0  { margin-left: calc(-1 * var(--size-0)); }
	.lg\:-ml-1  { margin-left: calc(-1 * var(--size-1)); }
	.lg\:-ml-2  { margin-left: calc(-1 * var(--size-2)); }
	.lg\:-ml-3  { margin-left: calc(-1 * var(--size-3)); }
	.lg\:-ml-4  { margin-left: calc(-1 * var(--size-4)); }
	.lg\:-ml-5  { margin-left: calc(-1 * var(--size-5)); }
	.lg\:-ml-6  { margin-left: calc(-1 * var(--size-6)); }
	.lg\:-ml-7  { margin-left: calc(-1 * var(--size-7)); }
	.lg\:-ml-8  { margin-left: calc(-1 * var(--size-8)); }
	.lg\:-ml-9  { margin-left: calc(-1 * var(--size-9)); }
	.lg\:-ml-10 { margin-left: calc(-1 * var(--size-10)); }
	.lg\:-ml-11 { margin-left: calc(-1 * var(--size-11)); }
	.lg\:-ml-12 { margin-left: calc(-1 * var(--size-12)); }
	.lg\:-ml-13 { margin-left: calc(-1 * var(--size-13)); }
	.lg\:-ml-14 { margin-left: calc(-1 * var(--size-14)); }
	.lg\:-ml-15 { margin-left: calc(-1 * var(--size-15)); }
	.lg\:mx-0{ margin-left: var(--size-0); margin-right: var(--size-0); }
	.lg\:mx-1{ margin-left: var(--size-1); margin-right: var(--size-1); }
	.lg\:mx-2{ margin-left: var(--size-2); margin-right: var(--size-2); }
	.lg\:mx-3{ margin-left: var(--size-3); margin-right: var(--size-3); }
	.lg\:mx-4{ margin-left: var(--size-4); margin-right: var(--size-4); }
	.lg\:mx-5{ margin-left: var(--size-5); margin-right: var(--size-5); }
	.lg\:mx-6{ margin-left: var(--size-6); margin-right: var(--size-6); }
	.lg\:mx-7{ margin-left: var(--size-7); margin-right: var(--size-7); }
	.lg\:mx-8{ margin-left: var(--size-8); margin-right: var(--size-8); }
	.lg\:mx-9{ margin-left: var(--size-9); margin-right: var(--size-9); }
	.lg\:mx-10{ margin-left: var(--size-10); margin-right: var(--size-10); }
	.lg\:mx-11{ margin-left: var(--size-11); margin-right: var(--size-11); }
	.lg\:mx-12{ margin-left: var(--size-12); margin-right: var(--size-12); }
	.lg\:mx-13{ margin-left: var(--size-13); margin-right: var(--size-13); }
	.lg\:mx-14{ margin-left: var(--size-14); margin-right: var(--size-14); }
	.lg\:mx-15{ margin-left: var(--size-15); margin-right: var(--size-15); }
	.lg\:my-0{ margin-top: var(--size-0); margin-bottom: var(--size-0); }
	.lg\:my-1{ margin-top: var(--size-1); margin-bottom: var(--size-1); }
	.lg\:my-2{ margin-top: var(--size-2); margin-bottom: var(--size-2); }
	.lg\:my-3{ margin-top: var(--size-3); margin-bottom: var(--size-3); }
	.lg\:my-4{ margin-top: var(--size-4); margin-bottom: var(--size-4); }
	.lg\:my-5{ margin-top: var(--size-5); margin-bottom: var(--size-5); }
	.lg\:my-6{ margin-top: var(--size-6); margin-bottom: var(--size-6); }
	.lg\:my-7{ margin-top: var(--size-7); margin-bottom: var(--size-7); }
	.lg\:my-8{ margin-top: var(--size-8); margin-bottom: var(--size-8); }
	.lg\:my-9{ margin-top: var(--size-9); margin-bottom: var(--size-9); }
	.lg\:my-10{ margin-top: var(--size-10); margin-bottom: var(--size-10); }
	.lg\:my-11{ margin-top: var(--size-11); margin-bottom: var(--size-11); }
	.lg\:my-12{ margin-top: var(--size-12); margin-bottom: var(--size-12); }
	.lg\:my-13{ margin-top: var(--size-13); margin-bottom: var(--size-13); }
	.lg\:my-14{ margin-top: var(--size-14); margin-bottom: var(--size-14); }
	.lg\:my-15{ margin-top: var(--size-15); margin-bottom: var(--size-15); }
	.lg\:static{ position: var(--static); }
	.lg\:fixed { position: var(--fixed); }
	.lg\:absolute { position: var(--absolute); }
	.lg\:relative { position: var(--relative); }
	.lg\:sticky { position: var(--sticky); }
	.lg\:block{ display: var(--display-block); }
	.lg\:inline-block{ display: var(--display-inline-block); }
	.lg\:inline{ display: var(--display-inline); }
	.lg\:flex{ display: var(--display-flex); }
	.lg\:inline-flex{ display: var(--display-inline-flex); }
	.lg\:grid{ display: var(--display-grid); }
	.lg\:inline-grid{ display: var(--display-inline-grid); }
    .lg\:table{ display: var(--display-table); }
	.lg\:none{ display: var(--display-none); }
	.lg\:flex-row{ flex-direction: var(--flex-row); }
	.lg\:flex-row-reverse{ flex-direction: var(--flex-row-reverse); }
	.lg\:flex-col{ flex-direction: var(--flex-col); }
	.lg\:flex-col-reverse{ flex-direction: var(--flex-col-reverse); }
	.lg\:flex-wrap{ flex-wrap: var(--flex-wrap); }
	.lg\:flex-wrap-reverse{ flex-wrap: var(--flex-wrap-reverse); }
	.lg\:flex-nowrap{ flex-wrap: var(--flex-nowrap); }
	.lg\:flex-1{ flex: var(--flex-1); }        /* grow + shrink + basis 0% */
	.lg\:flex-auto{ flex: var(--flex-auto); }     /* grow + shrink + auto */
	.lg\:flex-initial{ flex: var(--flex-initial); }  /* shrink only */
	.lg\:flex-none{ flex: var(--flex-none); }     /* no flex at all */
	.lg\:justify-start{ justify-content: var(--justify-start); }
	.lg\:justify-end{ justify-content: var(--justify-end); }
	.lg\:justify-center{ justify-content: var(--justify-center); }
	.lg\:justify-between{ justify-content: var(--justify-between); }
	.lg\:justify-around{ justify-content: var(--justify-around); }
	.lg\:justify-evenly{ justify-content: var(--justify-evenly); }
	.lg\:items-start{ align-items: var(--items-start); }
	.lg\:items-end{ align-items: var(--items-end); }
	.lg\:items-center{ align-items: var(--items-center); }
	.lg\:items-baseline{ align-items: var(--items-baseline); }
	.lg\:items-stretch{ align-items: var(--items-stretch); }
	.lg\:content-start{ align-content: var(--content-start); }
	.lg\:content-end{ align-content: var(--content-end); }
	.lg\:content-center{ align-content: var(--content-center); }
	.lg\:content-between{ align-content: var(--content-between); }
	.lg\:content-around{ align-content: var(--content-around); }
	.lg\:content-evenly{ align-content: var(--content-evenly); }
	.lg\:order-1{ order: var(--order-1); }
	.lg\:order-2{ order: var(--order-2); }
	.lg\:order-3{ order: var(--order-3); }
	.lg\:order-4{ order: var(--order-4); }
	.lg\:order-5{ order: var(--order-5); }
	.lg\:order-6{ order: var(--order-6); }
	.lg\:order-7{ order: var(--order-7); }
	.lg\:order-8{ order: var(--order-8); }
	.lg\:order-9{ order: var(--order-9); }
	.lg\:order-10{ order: var(--order-10); }
	.lg\:order-first{ order: var(--order-first); }
	.lg\:order-last{ order: var(--order-last); }
	.lg\:order-none{ order: var(--order-none); }
	.lg\:gap-0{ gap: var(--size-0); }
	.lg\:gap-1{ gap: var(--size-1); }
	.lg\:gap-2{ gap: var(--size-2); }
	.lg\:gap-3{ gap: var(--size-3); }
	.lg\:gap-4{ gap: var(--size-4); }
	.lg\:gap-5{ gap: var(--size-5); }
	.lg\:gap-6{ gap: var(--size-6); }
	.lg\:gap-7{ gap: var(--size-7); }
	.lg\:gap-8{ gap: var(--size-8); }
	.lg\:gap-9{ gap: var(--size-9); }
	.lg\:gap-10{ gap: var(--size-10); }
	.lg\:gap-11{ gap: var(--size-11); }
	.lg\:gap-12{ gap: var(--size-12); }
	.lg\:gap-13{ gap: var(--size-13); }
	.lg\:gap-14{ gap: var(--size-14); }
	.lg\:gap-15{ gap: var(--size-15); }
	.lg\:w-full{ width: var(--w-full); }
	.lg\:w-screen{ width: var(--w-screen); }
	.lg\:w-1-2{ width: var(--w-1-2); } /* ojo contrabarra */
	.lg\:w-1-3{ width: var(--w-1-3); }
	.lg\:w-2-3{ width: var(--w-2-3); }
	.lg\:w-1-4{ width: var(--w-1-4); }
	.lg\:w-3-4{ width: var(--w-3-4); }
	.lg\:w-1-5{ width: var(--w-1-5); }
	.lg\:w-4-5{ width: var(--w-4-5); }
	.lg\:w-1-6{ width: var(--w-1-6); }   /* 16.6667% */
	.lg\:w-2-6{ width: var(--w-2-6); }   /* 33.3333% */
	.lg\:w-3-6{ width: var(--w-3-6); }   /* 50% */
	.lg\:w-4-6{ width: var(--w-4-6); }   /* 66.6667% */
	.lg\:w-5-6{ width: var(--w-5-6); }   /* 83.3333% */
	.lg\:w-min{ width: var(--w-min); }
	.lg\:w-max{ width: var(--w-max); }
	.lg\:w-fit{ width: var(--w-fit); }
	.lg\:w-auto{ width: var(--w-auto); }
	.lg\:h-full{ height: var(--h-full); }
	.lg\:h-screen{ height: var(--h-screen); }
	.lg\:h-min{ height: var(--h-min); }
	.lg\:h-max{ height: var(--h-max); }
	.lg\:h-fit{ height: var(--h-fit); }
	.lg\:h-auto{ height: var(--h-auto); }

	/* Overflow */
	.lg\:overflow-initial{ overflow: initial; }
	.lg\:overflow-auto{ overflow: auto; }
	.lg\:overflow-hidden{ overflow: hidden; }
	.lg\:overflow-visible{ overflow: visible; }
	.lg\:overflow-scroll{ overflow: scroll; }

	/* Min widths */
	.lg\:min-w-0  { min-width: var(--size-0); }   /* 0px */
	.lg\:min-w-1  { min-width: var(--size-1); }   /* 8px */
	.lg\:min-w-2  { min-width: var(--size-2); }   /* 16px */
	.lg\:min-w-3  { min-width: var(--size-3); }   /* 24px */
	.lg\:min-w-4  { min-width: var(--size-4); }   /* 32px */
	.lg\:min-w-5  { min-width: var(--size-5); }   /* 40px */
	.lg\:min-w-6  { min-width: var(--size-6); }   /* 48px */
	.lg\:min-w-7  { min-width: var(--size-7); }   /* 56px */
	.lg\:min-w-8  { min-width: var(--size-8); }   /* 64px */
	.lg\:min-w-9  { min-width: var(--size-9); }   /* 72px */
	.lg\:min-w-10 { min-width: var(--size-10); }  /* 80px */
	.lg\:min-w-11 { min-width: var(--size-11); }  /* 88px */
	.lg\:min-w-12 { min-width: var(--size-12); }  /* 96px */
	.lg\:min-w-13 { min-width: var(--size-13); }  /* 104px */
	.lg\:min-w-14 { min-width: var(--size-14); }  /* 112px */
	.lg\:min-w-15 { min-width: var(--size-15); }  /* 120px */

	/* Max widths */
	.lg\:max-w-0  { max-width: var(--size-0); }   /* 0px */
	.lg\:max-w-1  { max-width: var(--size-1); }   /* 8px */
	.lg\:max-w-2  { max-width: var(--size-2); }   /* 16px */
	.lg\:max-w-3  { max-width: var(--size-3); }   /* 24px */
	.lg\:max-w-4  { max-width: var(--size-4); }   /* 32px */
	.lg\:max-w-5  { max-width: var(--size-5); }   /* 40px */
	.lg\:max-w-6  { max-width: var(--size-6); }   /* 48px */
	.lg\:max-w-7  { max-width: var(--size-7); }   /* 56px */
	.lg\:max-w-8  { max-width: var(--size-8); }   /* 64px */
	.lg\:max-w-9  { max-width: var(--size-9); }   /* 72px */
	.lg\:max-w-10 { max-width: var(--size-10); }  /* 80px */
	.lg\:max-w-11 { max-width: var(--size-11); }  /* 88px */
	.lg\:max-w-12 { max-width: var(--size-12); }  /* 96px */
	.lg\:max-w-13 { max-width: var(--size-13); }  /* 104px */
	.lg\:max-w-14 { max-width: var(--size-14); }  /* 112px */
	.lg\:max-w-15 { max-width: var(--size-15); }  /* 120px */

	/* Heights in vh */
	.lg\:max-vh-initial { max-height: var(--initial); }
	.lg\:max-vh-0 { max-height: 0vh; }
	.lg\:max-vh-10 { max-height: 10vh; }
	.lg\:max-vh-20 { max-height: 20vh; }
	.lg\:max-vh-30 { max-height: 30vh; }
	.lg\:max-vh-40 { max-height: 40vh; }
	.lg\:max-vh-50 { max-height: 50vh; }
	.lg\:max-vh-60 { max-height: 60vh; }
	.lg\:max-vh-70 { max-height: 70vh; }
	.lg\:max-vh-80 { max-height: 80vh; }
	.lg\:max-vh-90 { max-height: 90vh; }
	.lg\:max-vh-100 { max-height: 100vh; }

	/* Height in dvh */
	.lg\:h-dvh-initial { height: var(--initial); }
	.lg\:h-dvh-10  { height: 10dvh; }
	.lg\:h-dvh-20  { height: 20dvh; }
	.lg\:h-dvh-30  { height: 30dvh; }
	.lg\:h-dvh-40  { height: 40dvh; }
	.lg\:h-dvh-50  { height: 50dvh; }
	.lg\:h-dvh-60  { height: 60dvh; }
	.lg\:h-dvh-70  { height: 70dvh; }
	.lg\:h-dvh-80  { height: 80dvh; }
	.lg\:h-dvh-90  { height: 90dvh; }
	.lg\:h-dvh-100 { height: 100dvh; }

	/* Max Height in dvh */
	.lg\:max-dvh-initial { max-height: var(--initial); }
	.lg\:max-dvh-10 { max-height: 10dvh; }
	.lg\:max-dvh-20 { max-height: 20dvh; }
	.lg\:max-dvh-30 { max-height: 30dvh; }
	.lg\:max-dvh-40 { max-height: 40dvh; }
	.lg\:max-dvh-50 { max-height: 50dvh; }
	.lg\:max-dvh-60 { max-height: 60dvh; }
	.lg\:max-dvh-70 { max-height: 70dvh; }
	.lg\:max-dvh-80 { max-height: 80dvh; }
	.lg\:max-dvh-90 { max-height: 90dvh; }
	.lg\:max-dvh-91 { max-height: 91dvh; }
	.lg\:max-dvh-92 { max-height: 92dvh; }
	.lg\:max-dvh-93 { max-height: 93dvh; }
	.lg\:max-dvh-94 { max-height: 94dvh; }
	.lg\:max-dvh-95 { max-height: 95dvh; }
	.lg\:max-dvh-96 { max-height: 96dvh; }
	.lg\:max-dvh-97 { max-height: 97dvh; }
	.lg\:max-dvh-98 { max-height: 98dvh; }
	.lg\:max-dvh-99 { max-height: 99dvh; }
	.lg\:max-dvh-100 { max-height: 100dvh; }

	/* Rounded Corners */
	.lg\:rounded-0{ border-radius: var(--size-0); }
	.lg\:rounded-1{ border-radius: var(--size-1); }
	.lg\:rounded-2{ border-radius: var(--size-2); }
	.lg\:rounded-3{ border-radius: var(--size-3); }
	.lg\:rounded-4{ border-radius: var(--size-4); }
	.lg\:rounded-5{ border-radius: var(--size-5); }
	.lg\:rounded-6{ border-radius: var(--size-6); }
	.lg\:rounded-7{ border-radius: var(--size-7); }
	.lg\:rounded-8{ border-radius: var(--size-8); }
	.lg\:rounded-9{ border-radius: var(--size-9); }
	.lg\:rounded-10{ border-radius: var(--size-10); }
	.lg\:rounded-11{ border-radius: var(--size-11); }
	.lg\:rounded-12{ border-radius: var(--size-12); }
	.lg\:rounded-13{ border-radius: var(--size-13); }
	.lg\:rounded-14{ border-radius: var(--size-14); }
	.lg\:rounded-15{ border-radius: var(--size-15); }
	.lg\:w-0 { width: var(--size-0); }
	.lg\:w-1 { width: var(--size-1); }
	.lg\:w-2 { width: var(--size-2); }
	.lg\:w-3 { width: var(--size-3); }
	.lg\:w-4 { width: var(--size-4); }
	.lg\:w-5 { width: var(--size-5); }
	.lg\:w-6 { width: var(--size-6); }
	.lg\:w-7 { width: var(--size-7); }
	.lg\:w-8 { width: var(--size-8); }
	.lg\:w-9 { width: var(--size-9); }
	.lg\:w-10 { width: var(--size-10); }
	.lg\:w-11 { width: var(--size-11); }
	.lg\:w-12 { width: var(--size-12); }
	.lg\:w-13 { width: var(--size-13); }
	.lg\:w-14 { width: var(--size-14); }
	.lg\:w-15 { width: var(--size-15); }


	/* Bordes completos */
	.lg\:border-0 { border: var(--size-0) }
	.lg\:border-1 { border: 1px solid var(--color-border); }
	.lg\:border-2 { border: 2px solid var(--color-border); }
	.lg\:border-3 { border: 3px solid var(--color-border); }
	.lg\:border-4 { border: 4px solid var(--color-border); }
	.lg\:border-5 { border: 5px solid var(--color-border); }
	.lg\:border-6 { border: 6px solid var(--color-border); }
	.lg\:border-7 { border: 7px solid var(--color-border); }
	.lg\:border-8 { border: 8px solid var(--color-border); }

	/* Bordes superiores */
	.lg\:border-0 { border-top: var(--size-0); }
	.lg\:border-t-1 { border-top: 1px solid var(--color-border); }
	.lg\:border-t-2 { border-top: 2px solid var(--color-border); }
	.lg\:border-t-3 { border-top: 3px solid var(--color-border); }
	.lg\:border-t-4 { border-top: 4px solid var(--color-border); }
	.lg\:border-t-5 { border-top: 5px solid var(--color-border); }
	.lg\:border-t-6 { border-top: 6px solid var(--color-border); }
	.lg\:border-t-7 { border-top: 7px solid var(--color-border); }
	.lg\:border-t-8 { border-top: 8px solid var(--color-border); }

	/* Bordes inferiores */
	.lg\:border-b-0 { border-bottom: var(--size-0); }
	.lg\:border-b-1 { border-bottom: 1px solid var(--color-border); }
	.lg\:border-b-2 { border-bottom: 2px solid var(--color-border); }
	.lg\:border-b-3 { border-bottom: 3px solid var(--color-border); }
	.lg\:border-b-4 { border-bottom: 4px solid var(--color-border); }
	.lg\:border-b-5 { border-bottom: 5px solid var(--color-border); }
	.lg\:border-b-6 { border-bottom: 6px solid var(--color-border); }
	.lg\:border-b-7 { border-bottom: 7px solid var(--color-border); }
	.lg\:border-b-8 { border-bottom: 8px solid var(--color-border); }

	/* Bordes izquierdos */
	.lg\:border-l-0 { border-left: var(--size-0); }
	.lg\:border-l-1 { border-left: 1px solid var(--color-border); }
	.lg\:border-l-2 { border-left: 2px solid var(--color-border); }
	.lg\:border-l-3 { border-left: 3px solid var(--color-border); }
	.lg\:border-l-4 { border-left: 4px solid var(--color-border); }
	.lg\:border-l-5 { border-left: 5px solid var(--color-border); }
	.lg\:border-l-6 { border-left: 6px solid var(--color-border); }
	.lg\:border-l-7 { border-left: 7px solid var(--color-border); }
	.lg\:border-l-8 { border-left: 8px solid var(--color-border); }

	/* Bordes derechos */
	.lg\:border-r-0 { border-right: var(--size-0); }
	.lg\:border-r-1 { border-right: 1px solid var(--color-border); }
	.lg\:border-r-2 { border-right: 2px solid var(--color-border); }
	.lg\:border-r-3 { border-right: 3px solid var(--color-border); }
	.lg\:border-r-4 { border-right: 4px solid var(--color-border); }
	.lg\:border-r-5 { border-right: 5px solid var(--color-border); }
	.lg\:border-r-6 { border-right: 6px solid var(--color-border); }
	.lg\:border-r-7 { border-right: 7px solid var(--color-border); }
	.lg\:border-r-8 { border-right: 8px solid var(--color-border); }

	/* Opacity */ 
	.lg\:opacity-0  { opacity: var(--opacity-0); }   /* 0% */
	.lg\:opacity-5  { opacity: var(--opacity-5); }   /* 5% */
	.lg\:opacity-10 { opacity: var(--opacity-10); }  /* 10% */
	.lg\:opacity-15 { opacity: var(--opacity-15); }  /* 15% */
	.lg\:opacity-20 { opacity: var(--opacity-20); }  /* 20% */
	.lg\:opacity-25 { opacity: var(--opacity-25); }  /* 25% */
	.lg\:opacity-30 { opacity: var(--opacity-30); }  /* 30% */
	.lg\:opacity-35 { opacity: var(--opacity-35); }  /* 35% */
	.lg\:opacity-40 { opacity: var(--opacity-40); }  /* 40% */
	.lg\:opacity-45 { opacity: var(--opacity-45); }  /* 45% */
	.lg\:opacity-50 { opacity: var(--opacity-50); }  /* 50% */
	.lg\:opacity-55 { opacity: var(--opacity-55); }  /* 55% */
	.lg\:opacity-60 { opacity: var(--opacity-60); }  /* 60% */
	.lg\:opacity-65 { opacity: var(--opacity-65); }  /* 65% */
	.lg\:opacity-70 { opacity: var(--opacity-70); }  /* 70% */
	.lg\:opacity-75 { opacity: var(--opacity-75); }  /* 75% */
	.lg\:opacity-80 { opacity: var(--opacity-80); }  /* 80% */
	.lg\:opacity-85 { opacity: var(--opacity-85); }  /* 85% */
	.lg\:opacity-90 { opacity: var(--opacity-90); }  /* 90% */
	.lg\:opacity-95 { opacity: var(--opacity-95); }  /* 95% */
	.lg\:opacity-100{ opacity: var(--opacity-100); } /* 100% */

	.lg\:rounded-t-0 { border-top-left-radius: var(--size-0); border-top-right-radius: var(--size-0); }
	.lg\:rounded-t-1 { border-top-left-radius: var(--size-1); border-top-right-radius: var(--size-1); }
	.lg\:rounded-t-2 { border-top-left-radius: var(--size-2); border-top-right-radius: var(--size-2); }
	.lg\:rounded-t-3 { border-top-left-radius: var(--size-3); border-top-right-radius: var(--size-3); }
	.lg\:rounded-t-4 { border-top-left-radius: var(--size-4); border-top-right-radius: var(--size-4); }
	.lg\:rounded-t-5 { border-top-left-radius: var(--size-5); border-top-right-radius: var(--size-5); }
	.lg\:rounded-t-6 { border-top-left-radius: var(--size-6); border-top-right-radius: var(--size-6); }
	.lg\:rounded-t-7 { border-top-left-radius: var(--size-7); border-top-right-radius: var(--size-7); }
	.lg\:rounded-t-8 { border-top-left-radius: var(--size-8); border-top-right-radius: var(--size-8); }
	.lg\:rounded-t-9 { border-top-left-radius: var(--size-9); border-top-right-radius: var(--size-9); }
	.lg\:rounded-t-10 { border-top-left-radius: var(--size-10); border-top-right-radius: var(--size-10); }
	.lg\:rounded-t-11 { border-top-left-radius: var(--size-11); border-top-right-radius: var(--size-11); }
	.lg\:rounded-t-12 { border-top-left-radius: var(--size-12); border-top-right-radius: var(--size-12); }
	.lg\:rounded-t-13 { border-top-left-radius: var(--size-13); border-top-right-radius: var(--size-13); }
	.lg\:rounded-t-14 { border-top-left-radius: var(--size-14); border-top-right-radius: var(--size-14); }
	.lg\:rounded-t-15 { border-top-left-radius: var(--size-15); border-top-right-radius: var(--size-15); }
	.lg\:rounded-b-0 { border-bottom-left-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.lg\:rounded-b-1 { border-bottom-left-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.lg\:rounded-b-2 { border-bottom-left-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.lg\:rounded-b-3 { border-bottom-left-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.lg\:rounded-b-4 { border-bottom-left-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.lg\:rounded-b-5 { border-bottom-left-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.lg\:rounded-b-6 { border-bottom-left-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.lg\:rounded-b-7 { border-bottom-left-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.lg\:rounded-b-8 { border-bottom-left-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.lg\:rounded-b-9 { border-bottom-left-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.lg\:rounded-b-10 { border-bottom-left-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.lg\:rounded-b-11 { border-bottom-left-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.lg\:rounded-b-12 { border-bottom-left-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.lg\:rounded-b-13 { border-bottom-left-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.lg\:rounded-b-14 { border-bottom-left-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.lg\:rounded-b-15 { border-bottom-left-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }
	.lg\:rounded-l-0 { border-top-left-radius: var(--size-0); border-bottom-left-radius: var(--size-0); }
	.lg\:rounded-l-1 { border-top-left-radius: var(--size-1); border-bottom-left-radius: var(--size-1); }
	.lg\:rounded-l-2 { border-top-left-radius: var(--size-2); border-bottom-left-radius: var(--size-2); }
	.lg\:rounded-l-3 { border-top-left-radius: var(--size-3); border-bottom-left-radius: var(--size-3); }
	.lg\:rounded-l-4 { border-top-left-radius: var(--size-4); border-bottom-left-radius: var(--size-4); }
	.lg\:rounded-l-5 { border-top-left-radius: var(--size-5); border-bottom-left-radius: var(--size-5); }
	.lg\:rounded-l-6 { border-top-left-radius: var(--size-6); border-bottom-left-radius: var(--size-6); }
	.lg\:rounded-l-7 { border-top-left-radius: var(--size-7); border-bottom-left-radius: var(--size-7); }
	.lg\:rounded-l-8 { border-top-left-radius: var(--size-8); border-bottom-left-radius: var(--size-8); }
	.lg\:rounded-l-9 { border-top-left-radius: var(--size-9); border-bottom-left-radius: var(--size-9); }
	.lg\:rounded-l-10 { border-top-left-radius: var(--size-10); border-bottom-left-radius: var(--size-10); }
	.lg\:rounded-l-11 { border-top-left-radius: var(--size-11); border-bottom-left-radius: var(--size-11); }
	.lg\:rounded-l-12 { border-top-left-radius: var(--size-12); border-bottom-left-radius: var(--size-12); }
	.lg\:rounded-l-13 { border-top-left-radius: var(--size-13); border-bottom-left-radius: var(--size-13); }
	.lg\:rounded-l-14 { border-top-left-radius: var(--size-14); border-bottom-left-radius: var(--size-14); }
	.lg\:rounded-l-15 { border-top-left-radius: var(--size-15); border-bottom-left-radius: var(--size-15); }
	.lg\:rounded-r-0 { border-top-right-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.lg\:rounded-r-1 { border-top-right-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.lg\:rounded-r-2 { border-top-right-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.lg\:rounded-r-3 { border-top-right-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.lg\:rounded-r-4 { border-top-right-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.lg\:rounded-r-5 { border-top-right-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.lg\:rounded-r-6 { border-top-right-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.lg\:rounded-r-7 { border-top-right-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.lg\:rounded-r-8 { border-top-right-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.lg\:rounded-r-9 { border-top-right-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.lg\:rounded-r-10 { border-top-right-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.lg\:rounded-r-11 { border-top-right-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.lg\:rounded-r-12 { border-top-right-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.lg\:rounded-r-13 { border-top-right-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.lg\:rounded-r-14 { border-top-right-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.lg\:rounded-r-15 { border-top-right-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }

	/* Z-index */ 
	.lg\:z-initial { z-index: var(--initial); }
	.lg\:z-9999 { z-index: 9999; }
	.lg\:z-99998 { z-index: 99998; }
	.lg\:z-99999 { z-index: 99999; }
}

@media (min-width: 1280px) {

	.xl\:text-left   { text-align: var(--t-left); }
	.xl\:text-center { text-align: var(--t-center); }
	.xl\:text-right  { text-align: var(--t-right); }

	.xl\:logoheader{ max-width: 175px; width: 175px; }
	.xl\:text-xs{ font-size: var(--text-xs); }
	.xl\:text-sm{ font-size: var(--text-sm); }
	.xl\:text-md{ font-size: var(--text-md); }
	.xl\:text-base{ font-size: var(--text-base); }
	.xl\:text-lg{ font-size: var(--text-lg); }
	.xl\:text-xl{ font-size: var(--text-xl); }
	.xl\:text-2xl{ font-size: var(--text-2xl); }
	.xl\:text-3xl{ font-size: var(--text-3xl); }
	.xl\:text-4xl{ font-size: var(--text-4xl); }
	.xl\:text-5xl{ font-size: var(--text-5xl); }
	.xl\:text-6xl{ font-size: var(--text-6xl); }
	.xl\:text-7xl{ font-size: var(--text-7xl); }
	.xl\:text-8xl{ font-size: var(--text-8xl); }
	.xl\:leading-xs{ line-height: var(--lh-xs); }
	.xl\:leading-sm{ line-height: var(--lh-sm); }
	.xl\:leading-md{ line-height: var(--lh-md); }
	.xl\:leading-base{ line-height: var(--lh-base); }
	.xl\:leading-lg{ line-height: var(--lh-lg); }
	.xl\:leading-xl{ line-height: var(--lh-xl); }
	.xl\:leading-2xl{ line-height: var(--lh-2xl); }
	.xl\:leading-3xl{ line-height: var(--lh-3xl); }
	.xl\:leading-4xl{ line-height: var(--lh-4xl); }
	.xl\:leading-5xl{ line-height: var(--lh-5xl); }
	.xl\:leading-6xl{ line-height: var(--lh-6xl); }
	.xl\:leading-7xl{ line-height: var(--lh-7xl); }
	.xl\:leading-8xl{ line-height: var(--lh-8xl); }
	.xl\:p-0{ padding: var(--size-0); }
	.xl\:p-1{ padding: var(--size-1); }
	.xl\:p-2{ padding: var(--size-2); }
	.xl\:p-3{ padding: var(--size-3); }
	.xl\:p-4{ padding: var(--size-4); }
	.xl\:p-5{ padding: var(--size-5); }
	.xl\:p-6{ padding: var(--size-6); }
	.xl\:p-7{ padding: var(--size-7); }
	.xl\:p-8{ padding: var(--size-8); }
	.xl\:p-9{ padding: var(--size-9); }
	.xl\:p-10{ padding: var(--size-10); }
	.xl\:p-11{ padding: var(--size-11); }
	.xl\:p-12{ padding: var(--size-12); }
	.xl\:p-13{ padding: var(--size-13); }
	.xl\:p-14{ padding: var(--size-14); }
	.xl\:p-15{ padding: var(--size-15); }
	.xl\:pt-0{ padding-top: var(--size-0); }
	.xl\:pt-1{ padding-top: var(--size-1); }
	.xl\:pt-2{ padding-top: var(--size-2); }
	.xl\:pt-3{ padding-top: var(--size-3); }
	.xl\:pt-4{ padding-top: var(--size-4); }
	.xl\:pt-5{ padding-top: var(--size-5); }
	.xl\:pt-6{ padding-top: var(--size-6); }
	.xl\:pt-7{ padding-top: var(--size-7); }
	.xl\:pt-8{ padding-top: var(--size-8); }
	.xl\:pt-9{ padding-top: var(--size-9); }
	.xl\:pt-10{ padding-top: var(--size-10); }
	.xl\:pt-11{ padding-top: var(--size-11); }
	.xl\:pt-12{ padding-top: var(--size-12); }
	.xl\:pt-13{ padding-top: var(--size-13); }
	.xl\:pt-14{ padding-top: var(--size-14); }
	.xl\:pt-15{ padding-top: var(--size-15); }
	.xl\:pr-0{ padding-right: var(--size-0); }
	.xl\:pr-1{ padding-right: var(--size-1); }
	.xl\:pr-2{ padding-right: var(--size-2); }
	.xl\:pr-3{ padding-right: var(--size-3); }
	.xl\:pr-4{ padding-right: var(--size-4); }
	.xl\:pr-5{ padding-right: var(--size-5); }
	.xl\:pr-6{ padding-right: var(--size-6); }
	.xl\:pr-7{ padding-right: var(--size-7); }
	.xl\:pr-8{ padding-right: var(--size-8); }
	.xl\:pr-9{ padding-right: var(--size-9); }
	.xl\:pr-10{ padding-right: var(--size-10); }
	.xl\:pr-11{ padding-right: var(--size-11); }
	.xl\:pr-12{ padding-right: var(--size-12); }
	.xl\:pr-13{ padding-right: var(--size-13); }
	.xl\:pr-14{ padding-right: var(--size-14); }
	.xl\:pr-15{ padding-right: var(--size-15); }
	.xl\:pb-0{ padding-bottom: var(--size-0); }
	.xl\:pb-1{ padding-bottom: var(--size-1); }
	.xl\:pb-2{ padding-bottom: var(--size-2); }
	.xl\:pb-3{ padding-bottom: var(--size-3); }
	.xl\:pb-4{ padding-bottom: var(--size-4); }
	.xl\:pb-5{ padding-bottom: var(--size-5); }
	.xl\:pb-6{ padding-bottom: var(--size-6); }
	.xl\:pb-7{ padding-bottom: var(--size-7); }
	.xl\:pb-8{ padding-bottom: var(--size-8); }
	.xl\:pb-9{ padding-bottom: var(--size-9); }
	.xl\:pb-10{ padding-bottom: var(--size-10); }
	.xl\:pb-11{ padding-bottom: var(--size-11); }
	.xl\:pb-12{ padding-bottom: var(--size-12); }
	.xl\:pb-13{ padding-bottom: var(--size-13); }
	.xl\:pb-14{ padding-bottom: var(--size-14); }
	.xl\:pb-15{ padding-bottom: var(--size-15); }
	.xl\:pl-0{ padding-left: var(--size-0); }
	.xl\:pl-1{ padding-left: var(--size-1); }
	.xl\:pl-2{ padding-left: var(--size-2); }
	.xl\:pl-3{ padding-left: var(--size-3); }
	.xl\:pl-4{ padding-left: var(--size-4); }
	.xl\:pl-5{ padding-left: var(--size-5); }
	.xl\:pl-6{ padding-left: var(--size-6); }
	.xl\:pl-7{ padding-left: var(--size-7); }
	.xl\:pl-8{ padding-left: var(--size-8); }
	.xl\:pl-9{ padding-left: var(--size-9); }
	.xl\:pl-10{ padding-left: var(--size-10); }
	.xl\:pl-11{ padding-left: var(--size-11); }
	.xl\:pl-12{ padding-left: var(--size-12); }
	.xl\:pl-13{ padding-left: var(--size-13); }
	.xl\:pl-14{ padding-left: var(--size-14); }
	.xl\:pl-15{ padding-left: var(--size-15); }
	.xl\:px-0{ padding-left: var(--size-0); padding-right: var(--size-0); }
	.xl\:px-1{ padding-left: var(--size-1); padding-right: var(--size-1); }
	.xl\:px-2{ padding-left: var(--size-2); padding-right: var(--size-2); }
	.xl\:px-3{ padding-left: var(--size-3); padding-right: var(--size-3); }
	.xl\:px-4{ padding-left: var(--size-4); padding-right: var(--size-4); }
	.xl\:px-5{ padding-left: var(--size-5); padding-right: var(--size-5); }
	.xl\:px-6{ padding-left: var(--size-6); padding-right: var(--size-6); }
	.xl\:px-7{ padding-left: var(--size-7); padding-right: var(--size-7); }
	.xl\:px-8{ padding-left: var(--size-8); padding-right: var(--size-8); }
	.xl\:px-9{ padding-left: var(--size-9); padding-right: var(--size-9); }
	.xl\:px-10{ padding-left: var(--size-10); padding-right: var(--size-10); }
	.xl\:px-11{ padding-left: var(--size-11); padding-right: var(--size-11); }
	.xl\:px-12{ padding-left: var(--size-12); padding-right: var(--size-12); }
	.xl\:px-13{ padding-left: var(--size-13); padding-right: var(--size-13); }
	.xl\:px-14{ padding-left: var(--size-14); padding-right: var(--size-14); }
	.xl\:px-15{ padding-left: var(--size-15); padding-right: var(--size-15); }
	.xl\:py-0{ padding-top: var(--size-0); padding-bottom: var(--size-0); }
	.xl\:py-1{ padding-top: var(--size-1); padding-bottom: var(--size-1); }
	.xl\:py-2{ padding-top: var(--size-2); padding-bottom: var(--size-2); }
	.xl\:py-3{ padding-top: var(--size-3); padding-bottom: var(--size-3); }
	.xl\:py-4{ padding-top: var(--size-4); padding-bottom: var(--size-4); }
	.xl\:py-5{ padding-top: var(--size-5); padding-bottom: var(--size-5); }
	.xl\:py-6{ padding-top: var(--size-6); padding-bottom: var(--size-6); }
	.xl\:py-7{ padding-top: var(--size-7); padding-bottom: var(--size-7); }
	.xl\:py-8{ padding-top: var(--size-8); padding-bottom: var(--size-8); }
	.xl\:py-9{ padding-top: var(--size-9); padding-bottom: var(--size-9); }
	.xl\:py-10{ padding-top: var(--size-10); padding-bottom: var(--size-10); }
	.xl\:py-11{ padding-top: var(--size-11); padding-bottom: var(--size-11); }
	.xl\:py-12{ padding-top: var(--size-12); padding-bottom: var(--size-12); }
	.xl\:py-13{ padding-top: var(--size-13); padding-bottom: var(--size-13); }
	.xl\:py-14{ padding-top: var(--size-14); padding-bottom: var(--size-14); }
	.xl\:py-15{ padding-top: var(--size-15); padding-bottom: var(--size-15); }
	.xl\:m-0{ margin: var(--size-0); }
	.xl\:m-1{ margin: var(--size-1); }
	.xl\:m-2{ margin: var(--size-2); }
	.xl\:m-3{ margin: var(--size-3); }
	.xl\:m-4{ margin: var(--size-4); }
	.xl\:m-5{ margin: var(--size-5); }
	.xl\:m-6{ margin: var(--size-6); }
	.xl\:m-7{ margin: var(--size-7); }
	.xl\:m-8{ margin: var(--size-8); }
	.xl\:m-9{ margin: var(--size-9); }
	.xl\:m-10{ margin: var(--size-10); }
	.xl\:m-11{ margin: var(--size-11); }
	.xl\:m-12{ margin: var(--size-12); }
	.xl\:m-13{ margin: var(--size-13); }
	.xl\:m-14{ margin: var(--size-14); }
	.xl\:m-15{ margin: var(--size-15); }
	.xl\:mt-0{ margin-top: var(--size-0); }
	.xl\:mt-1{ margin-top: var(--size-1); }
	.xl\:mt-2{ margin-top: var(--size-2); }
	.xl\:mt-3{ margin-top: var(--size-3); }
	.xl\:mt-4{ margin-top: var(--size-4); }
	.xl\:mt-5{ margin-top: var(--size-5); }
	.xl\:mt-6{ margin-top: var(--size-6); }
	.xl\:mt-7{ margin-top: var(--size-7); }
	.xl\:mt-8{ margin-top: var(--size-8); }
	.xl\:mt-9{ margin-top: var(--size-9); }
	.xl\:mt-10{ margin-top: var(--size-10); }
	.xl\:mt-11{ margin-top: var(--size-11); }
	.xl\:mt-12{ margin-top: var(--size-12); }
	.xl\:mt-13{ margin-top: var(--size-13); }
	.xl\:mt-14{ margin-top: var(--size-14); }
	.xl\:mt-15{ margin-top: var(--size-15); }
	.xl\:mr-0{ margin-right: var(--size-0); }
	.xl\:mr-1{ margin-right: var(--size-1); }
	.xl\:mr-2{ margin-right: var(--size-2); }
	.xl\:mr-3{ margin-right: var(--size-3); }
	.xl\:mr-4{ margin-right: var(--size-4); }
	.xl\:mr-5{ margin-right: var(--size-5); }
	.xl\:mr-6{ margin-right: var(--size-6); }
	.xl\:mr-7{ margin-right: var(--size-7); }
	.xl\:mr-8{ margin-right: var(--size-8); }
	.xl\:mr-9{ margin-right: var(--size-9); }
	.xl\:mr-10{ margin-right: var(--size-10); }
	.xl\:mr-11{ margin-right: var(--size-11); }
	.xl\:mr-12{ margin-right: var(--size-12); }
	.xl\:mr-13{ margin-right: var(--size-13); }
	.xl\:mr-14{ margin-right: var(--size-14); }
	.xl\:mr-15{ margin-right: var(--size-15); }
	.xl\:mb-0{ margin-bottom: var(--size-0); }
	.xl\:mb-1{ margin-bottom: var(--size-1); }
	.xl\:mb-2{ margin-bottom: var(--size-2); }
	.xl\:mb-3{ margin-bottom: var(--size-3); }
	.xl\:mb-4{ margin-bottom: var(--size-4); }
	.xl\:mb-5{ margin-bottom: var(--size-5); }
	.xl\:mb-6{ margin-bottom: var(--size-6); }
	.xl\:mb-7{ margin-bottom: var(--size-7); }
	.xl\:mb-8{ margin-bottom: var(--size-8); }
	.xl\:mb-9{ margin-bottom: var(--size-9); }
	.xl\:mb-10{ margin-bottom: var(--size-10); }
	.xl\:mb-11{ margin-bottom: var(--size-11); }
	.xl\:mb-12{ margin-bottom: var(--size-12); }
	.xl\:mb-13{ margin-bottom: var(--size-13); }
	.xl\:mb-14{ margin-bottom: var(--size-14); }
	.xl\:mb-15{ margin-bottom: var(--size-15); }
	.xl\:ml-0{ margin-left: var(--size-0); }
	.xl\:ml-1{ margin-left: var(--size-1); }
	.xl\:ml-2{ margin-left: var(--size-2); }
	.xl\:ml-3{ margin-left: var(--size-3); }
	.xl\:ml-4{ margin-left: var(--size-4); }
	.xl\:ml-5{ margin-left: var(--size-5); }
	.xl\:ml-6{ margin-left: var(--size-6); }
	.xl\:ml-7{ margin-left: var(--size-7); }
	.xl\:ml-8{ margin-left: var(--size-8); }
	.xl\:ml-9{ margin-left: var(--size-9); }
	.xl\:ml-10{ margin-left: var(--size-10); }
	.xl\:ml-11{ margin-left: var(--size-11); }
	.xl\:ml-12{ margin-left: var(--size-12); }
	.xl\:ml-13{ margin-left: var(--size-13); }
	.xl\:ml-14{ margin-left: var(--size-14); }
	.xl\:ml-15{ margin-left: var(--size-15); }
	.xl\:ml-auto{ margin-left: auto; }
	/* Margin left negative */
	.xl\:-ml-0  { margin-left: calc(-1 * var(--size-0)); }
	.xl\:-ml-1  { margin-left: calc(-1 * var(--size-1)); }
	.xl\:-ml-2  { margin-left: calc(-1 * var(--size-2)); }
	.xl\:-ml-3  { margin-left: calc(-1 * var(--size-3)); }
	.xl\:-ml-4  { margin-left: calc(-1 * var(--size-4)); }
	.xl\:-ml-5  { margin-left: calc(-1 * var(--size-5)); }
	.xl\:-ml-6  { margin-left: calc(-1 * var(--size-6)); }
	.xl\:-ml-7  { margin-left: calc(-1 * var(--size-7)); }
	.xl\:-ml-8  { margin-left: calc(-1 * var(--size-8)); }
	.xl\:-ml-9  { margin-left: calc(-1 * var(--size-9)); }
	.xl\:-ml-10 { margin-left: calc(-1 * var(--size-10)); }
	.xl\:-ml-11 { margin-left: calc(-1 * var(--size-11)); }
	.xl\:-ml-12 { margin-left: calc(-1 * var(--size-12)); }
	.xl\:-ml-13 { margin-left: calc(-1 * var(--size-13)); }
	.xl\:-ml-14 { margin-left: calc(-1 * var(--size-14)); }
	.xl\:-ml-15 { margin-left: calc(-1 * var(--size-15)); }
	.xl\:mx-0{ margin-left: var(--size-0); margin-right: var(--size-0); }
	.xl\:mx-1{ margin-left: var(--size-1); margin-right: var(--size-1); }
	.xl\:mx-2{ margin-left: var(--size-2); margin-right: var(--size-2); }
	.xl\:mx-3{ margin-left: var(--size-3); margin-right: var(--size-3); }
	.xl\:mx-4{ margin-left: var(--size-4); margin-right: var(--size-4); }
	.xl\:mx-5{ margin-left: var(--size-5); margin-right: var(--size-5); }
	.xl\:mx-6{ margin-left: var(--size-6); margin-right: var(--size-6); }
	.xl\:mx-7{ margin-left: var(--size-7); margin-right: var(--size-7); }
	.xl\:mx-8{ margin-left: var(--size-8); margin-right: var(--size-8); }
	.xl\:mx-9{ margin-left: var(--size-9); margin-right: var(--size-9); }
	.xl\:mx-10{ margin-left: var(--size-10); margin-right: var(--size-10); }
	.xl\:mx-11{ margin-left: var(--size-11); margin-right: var(--size-11); }
	.xl\:mx-12{ margin-left: var(--size-12); margin-right: var(--size-12); }
	.xl\:mx-13{ margin-left: var(--size-13); margin-right: var(--size-13); }
	.xl\:mx-14{ margin-left: var(--size-14); margin-right: var(--size-14); }
	.xl\:mx-15{ margin-left: var(--size-15); margin-right: var(--size-15); }
	.xl\:my-0{ margin-top: var(--size-0); margin-bottom: var(--size-0); }
	.xl\:my-1{ margin-top: var(--size-1); margin-bottom: var(--size-1); }
	.xl\:my-2{ margin-top: var(--size-2); margin-bottom: var(--size-2); }
	.xl\:my-3{ margin-top: var(--size-3); margin-bottom: var(--size-3); }
	.xl\:my-4{ margin-top: var(--size-4); margin-bottom: var(--size-4); }
	.xl\:my-5{ margin-top: var(--size-5); margin-bottom: var(--size-5); }
	.xl\:my-6{ margin-top: var(--size-6); margin-bottom: var(--size-6); }
	.xl\:my-7{ margin-top: var(--size-7); margin-bottom: var(--size-7); }
	.xl\:my-8{ margin-top: var(--size-8); margin-bottom: var(--size-8); }
	.xl\:my-9{ margin-top: var(--size-9); margin-bottom: var(--size-9); }
	.xl\:my-10{ margin-top: var(--size-10); margin-bottom: var(--size-10); }
	.xl\:my-11{ margin-top: var(--size-11); margin-bottom: var(--size-11); }
	.xl\:my-12{ margin-top: var(--size-12); margin-bottom: var(--size-12); }
	.xl\:my-13{ margin-top: var(--size-13); margin-bottom: var(--size-13); }
	.xl\:my-14{ margin-top: var(--size-14); margin-bottom: var(--size-14); }
	.xl\:my-15{ margin-top: var(--size-15); margin-bottom: var(--size-15); }
	.xl\:static{ position: var(--static); }
	.xl\:fixed { position: var(--fixed); }
	.xl\:absolute { position: var(--absolute); }
	.xl\:relative { position: var(--relative); }
	.xl\:sticky { position: var(--sticky); }
	.xl\:block{ display: var(--display-block); }
	.xl\:inline-block{ display: var(--display-inline-block); }
	.xl\:inline{ display: var(--display-inline); }
	.xl\:flex{ display: var(--display-flex); }
	.xl\:inline-flex{ display: var(--display-inline-flex); }
	.xl\:grid{ display: var(--display-grid); }
	.xl\:inline-grid{ display: var(--display-inline-grid); }
	.xl\:none{ display: var(--display-none); }
	.xl\:flex-row{ flex-direction: var(--flex-row); }
	.xl\:flex-row-reverse{ flex-direction: var(--flex-row-reverse); }
	.xl\:flex-col{ flex-direction: var(--flex-col); }
	.xl\:flex-col-reverse{ flex-direction: var(--flex-col-reverse); }
	.xl\:flex-wrap{ flex-wrap: var(--flex-wrap); }
	.xl\:flex-wrap-reverse{ flex-wrap: var(--flex-wrap-reverse); }
	.xl\:flex-nowrap{ flex-wrap: var(--flex-nowrap); }
	.xl\:flex-1{ flex: var(--flex-1); }        /* grow + shrink + basis 0% */
	.xl\:flex-auto{ flex: var(--flex-auto); }     /* grow + shrink + auto */
	.xl\:flex-initial{ flex: var(--flex-initial); }  /* shrink only */
	.xl\:flex-none{ flex: var(--flex-none); }     /* no flex at all */
	.xl\:justify-start{ justify-content: var(--justify-start); }
	.xl\:justify-end{ justify-content: var(--justify-end); }
	.xl\:justify-center{ justify-content: var(--justify-center); }
	.xl\:justify-between{ justify-content: var(--justify-between); }
	.xl\:justify-around{ justify-content: var(--justify-around); }
	.xl\:justify-evenly{ justify-content: var(--justify-evenly); }
	.xl\:items-start{ align-items: var(--items-start); }
	.xl\:items-end{ align-items: var(--items-end); }
	.xl\:items-center{ align-items: var(--items-center); }
	.xl\:items-baseline{ align-items: var(--items-baseline); }
	.xl\:items-stretch{ align-items: var(--items-stretch); }
	.xl\:content-start{ align-content: var(--content-start); }
	.xl\:content-end{ align-content: var(--content-end); }
	.xl\:content-center{ align-content: var(--content-center); }
	.xl\:content-between{ align-content: var(--content-between); }
	.xl\:content-around{ align-content: var(--content-around); }
	.xl\:content-evenly{ align-content: var(--content-evenly); }
	.xl\:order-1{ order: var(--order-1); }
	.xl\:order-2{ order: var(--order-2); }
	.xl\:order-3{ order: var(--order-3); }
	.xl\:order-4{ order: var(--order-4); }
	.xl\:order-5{ order: var(--order-5); }
	.xl\:order-6{ order: var(--order-6); }
	.xl\:order-7{ order: var(--order-7); }
	.xl\:order-8{ order: var(--order-8); }
	.xl\:order-9{ order: var(--order-9); }
	.xl\:order-10{ order: var(--order-10); }
	.xl\:order-first{ order: var(--order-first); }
	.xl\:order-last{ order: var(--order-last); }
	.xl\:order-none{ order: var(--order-none); }
	.xl\:gap-0{ gap: var(--size-0); }
	.xl\:gap-1{ gap: var(--size-1); }
	.xl\:gap-2{ gap: var(--size-2); }
	.xl\:gap-3{ gap: var(--size-3); }
	.xl\:gap-4{ gap: var(--size-4); }
	.xl\:gap-5{ gap: var(--size-5); }
	.xl\:gap-6{ gap: var(--size-6); }
	.xl\:gap-7{ gap: var(--size-7); }
	.xl\:gap-8{ gap: var(--size-8); }
	.xl\:gap-9{ gap: var(--size-9); }
	.xl\:gap-10{ gap: var(--size-10); }
	.xl\:gap-11{ gap: var(--size-11); }
	.xl\:gap-12{ gap: var(--size-12); }
	.xl\:gap-13{ gap: var(--size-13); }
	.xl\:gap-14{ gap: var(--size-14); }
	.xl\:gap-15{ gap: var(--size-15); }
	.xl\:w-full{ width: var(--w-full); }
	.xl\:w-screen{ width: var(--w-screen); }
	.xl\:w-1-2{ width: var(--w-1-2); } /* ojo contrabarra */
	.xl\:w-1-3{ width: var(--w-1-3); }
	.xl\:w-2-3{ width: var(--w-2-3); }
	.xl\:w-1-4{ width: var(--w-1-4); }
	.xl\:w-3-4{ width: var(--w-3-4); }
	.xl\:w-1-5{ width: var(--w-1-5); }
	.xl\:w-4-5{ width: var(--w-4-5); }
	.xl\:w-1-6{ width: var(--w-1-6); }   /* 16.6667% */
	.xl\:w-2-6{ width: var(--w-2-6); }   /* 33.3333% */
	.xl\:w-3-6{ width: var(--w-3-6); }   /* 50% */
	.xl\:w-4-6{ width: var(--w-4-6); }   /* 66.6667% */
	.xl\:w-5-6{ width: var(--w-5-6); }   /* 83.3333% */
	.xl\:w-min{ width: var(--w-min); }
	.xl\:w-max{ width: var(--w-max); }
	.xl\:w-fit{ width: var(--w-fit); }
	.xl\:w-auto{ width: var(--w-auto); }
	.xl\:h-full{ height: var(--h-full); }
	.xl\:h-screen{ height: var(--h-screen); }
	.xl\:h-min{ height: var(--h-min); }
	.xl\:h-max{ height: var(--h-max); }
	.xl\:h-fit{ height: var(--h-fit); }
	.xl\:h-auto{ height: var(--h-auto); }

	/* Overflow */
	.xl\:overflow-initial{ overflow: initial; }
	.xl\:overflow-auto{ overflow: auto; }
	.xl\:overflow-hidden{ overflow: hidden; }
	.xl\:overflow-visible{ overflow: visible; }
	.xl\:overflow-scroll{ overflow: scroll; }

	/* Min widths */
	.xl\:min-w-0  { min-width: var(--size-0); }   /* 0px */
	.xl\:min-w-1  { min-width: var(--size-1); }   /* 8px */
	.xl\:min-w-2  { min-width: var(--size-2); }   /* 16px */
	.xl\:min-w-3  { min-width: var(--size-3); }   /* 24px */
	.xl\:min-w-4  { min-width: var(--size-4); }   /* 32px */
	.xl\:min-w-5  { min-width: var(--size-5); }   /* 40px */
	.xl\:min-w-6  { min-width: var(--size-6); }   /* 48px */
	.xl\:min-w-7  { min-width: var(--size-7); }   /* 56px */
	.xl\:min-w-8  { min-width: var(--size-8); }   /* 64px */
	.xl\:min-w-9  { min-width: var(--size-9); }   /* 72px */
	.xl\:min-w-10 { min-width: var(--size-10); }  /* 80px */
	.xl\:min-w-11 { min-width: var(--size-11); }  /* 88px */
	.xl\:min-w-12 { min-width: var(--size-12); }  /* 96px */
	.xl\:min-w-13 { min-width: var(--size-13); }  /* 104px */
	.xl\:min-w-14 { min-width: var(--size-14); }  /* 112px */
	.xl\:min-w-15 { min-width: var(--size-15); }  /* 120px */

	/* Max widths */
	.xl\:max-w-0  { max-width: var(--size-0); }   /* 0px */
	.xl\:max-w-1  { max-width: var(--size-1); }   /* 8px */
	.xl\:max-w-2  { max-width: var(--size-2); }   /* 16px */
	.xl\:max-w-3  { max-width: var(--size-3); }   /* 24px */
	.xl\:max-w-4  { max-width: var(--size-4); }   /* 32px */
	.xl\:max-w-5  { max-width: var(--size-5); }   /* 40px */
	.xl\:max-w-6  { max-width: var(--size-6); }   /* 48px */
	.xl\:max-w-7  { max-width: var(--size-7); }   /* 56px */
	.xl\:max-w-8  { max-width: var(--size-8); }   /* 64px */
	.xl\:max-w-9  { max-width: var(--size-9); }   /* 72px */
	.xl\:max-w-10 { max-width: var(--size-10); }  /* 80px */
	.xl\:max-w-11 { max-width: var(--size-11); }  /* 88px */
	.xl\:max-w-12 { max-width: var(--size-12); }  /* 96px */
	.xl\:max-w-13 { max-width: var(--size-13); }  /* 104px */
	.xl\:max-w-14 { max-width: var(--size-14); }  /* 112px */
	.xl\:max-w-15 { max-width: var(--size-15); }  /* 120px */

	/* Heights in vh */
	.xl\:max-vh-initial { max-height: var(--initial); }
	.xl\:max-vh-0 { max-height: 0vh; }
	.xl\:max-vh-10 { max-height: 10vh; }
	.xl\:max-vh-20 { max-height: 20vh; }
	.xl\:max-vh-30 { max-height: 30vh; }
	.xl\:max-vh-40 { max-height: 40vh; }
	.xl\:max-vh-50 { max-height: 50vh; }
	.xl\:max-vh-60 { max-height: 60vh; }
	.xl\:max-vh-70 { max-height: 70vh; }
	.xl\:max-vh-80 { max-height: 80vh; }
	.xl\:max-vh-90 { max-height: 90vh; }
	.xl\:max-vh-100 { max-height: 100vh; }

	/* Height in dvh */
	.xl\:h-dvh-initial { height: var(--initial); }
	.xl\:h-dvh-10  { height: 10dvh; }
	.xl\:h-dvh-20  { height: 20dvh; }
	.xl\:h-dvh-30  { height: 30dvh; }
	.xl\:h-dvh-40  { height: 40dvh; }
	.xl\:h-dvh-50  { height: 50dvh; }
	.xl\:h-dvh-60  { height: 60dvh; }
	.xl\:h-dvh-70  { height: 70dvh; }
	.xl\:h-dvh-80  { height: 80dvh; }
	.xl\:h-dvh-90  { height: 90dvh; }
	.xl\:h-dvh-100 { height: 100dvh; }

	/* Max Height in dvh */
	.xl\:max-dvh-initial { max-height: var(--initial); }
	.xl\:max-dvh-10 { max-height: 10dvh; }
	.xl\:max-dvh-20 { max-height: 20dvh; }
	.xl\:max-dvh-30 { max-height: 30dvh; }
	.xl\:max-dvh-40 { max-height: 40dvh; }
	.xl\:max-dvh-50 { max-height: 50dvh; }
	.xl\:max-dvh-60 { max-height: 60dvh; }
	.xl\:max-dvh-70 { max-height: 70dvh; }
	.xl\:max-dvh-80 { max-height: 80dvh; }
	.xl\:max-dvh-90 { max-height: 90dvh; }
	.xl\:max-dvh-91 { max-height: 91dvh; }
	.xl\:max-dvh-92 { max-height: 92dvh; }
	.xl\:max-dvh-93 { max-height: 93dvh; }
	.xl\:max-dvh-94 { max-height: 94dvh; }
	.xl\:max-dvh-95 { max-height: 95dvh; }
	.xl\:max-dvh-96 { max-height: 96dvh; }
	.xl\:max-dvh-97 { max-height: 97dvh; }
	.xl\:max-dvh-98 { max-height: 98dvh; }
	.xl\:max-dvh-99 { max-height: 99dvh; }
	.xl\:max-dvh-100 { max-height: 100dvh; }

	/* Rounded Corners */
	.xl\:rounded-0{ border-radius: var(--size-0); }
	.xl\:rounded-1{ border-radius: var(--size-1); }
	.xl\:rounded-2{ border-radius: var(--size-2); }
	.xl\:rounded-3{ border-radius: var(--size-3); }
	.xl\:rounded-4{ border-radius: var(--size-4); }
	.xl\:rounded-5{ border-radius: var(--size-5); }
	.xl\:rounded-6{ border-radius: var(--size-6); }
	.xl\:rounded-7{ border-radius: var(--size-7); }
	.xl\:rounded-8{ border-radius: var(--size-8); }
	.xl\:rounded-9{ border-radius: var(--size-9); }
	.xl\:rounded-10{ border-radius: var(--size-10); }
	.xl\:rounded-11{ border-radius: var(--size-11); }
	.xl\:rounded-12{ border-radius: var(--size-12); }
	.xl\:rounded-13{ border-radius: var(--size-13); }
	.xl\:rounded-14{ border-radius: var(--size-14); }
	.xl\:rounded-15{ border-radius: var(--size-15); }
	.xl\:w-0 { width: var(--size-0); }
	.xl\:w-1 { width: var(--size-1); }
	.xl\:w-2 { width: var(--size-2); }
	.xl\:w-3 { width: var(--size-3); }
	.xl\:w-4 { width: var(--size-4); }
	.xl\:w-5 { width: var(--size-5); }
	.xl\:w-6 { width: var(--size-6); }
	.xl\:w-7 { width: var(--size-7); }
	.xl\:w-8 { width: var(--size-8); }
	.xl\:w-9 { width: var(--size-9); }
	.xl\:w-10 { width: var(--size-10); }
	.xl\:w-11 { width: var(--size-11); }
	.xl\:w-12 { width: var(--size-12); }
	.xl\:w-13 { width: var(--size-13); }
	.xl\:w-14 { width: var(--size-14); }
	.xl\:w-15 { width: var(--size-15); }


	/* Bordes completos */
	.xl\:border-0 { border: var(--size-0) }
	.xl\:border-1 { border: 1px solid var(--color-border); }
	.xl\:border-2 { border: 2px solid var(--color-border); }
	.xl\:border-3 { border: 3px solid var(--color-border); }
	.xl\:border-4 { border: 4px solid var(--color-border); }
	.xl\:border-5 { border: 5px solid var(--color-border); }
	.xl\:border-6 { border: 6px solid var(--color-border); }
	.xl\:border-7 { border: 7px solid var(--color-border); }
	.xl\:border-8 { border: 8px solid var(--color-border); }

	/* Bordes superiores */
	.xl\:border-0 { border-top: var(--size-0); }
	.xl\:border-t-1 { border-top: 1px solid var(--color-border); }
	.xl\:border-t-2 { border-top: 2px solid var(--color-border); }
	.xl\:border-t-3 { border-top: 3px solid var(--color-border); }
	.xl\:border-t-4 { border-top: 4px solid var(--color-border); }
	.xl\:border-t-5 { border-top: 5px solid var(--color-border); }
	.xl\:border-t-6 { border-top: 6px solid var(--color-border); }
	.xl\:border-t-7 { border-top: 7px solid var(--color-border); }
	.xl\:border-t-8 { border-top: 8px solid var(--color-border); }

	/* Bordes inferiores */
	.xl\:border-b-0 { border-bottom: var(--size-0); }
	.xl\:border-b-1 { border-bottom: 1px solid var(--color-border); }
	.xl\:border-b-2 { border-bottom: 2px solid var(--color-border); }
	.xl\:border-b-3 { border-bottom: 3px solid var(--color-border); }
	.xl\:border-b-4 { border-bottom: 4px solid var(--color-border); }
	.xl\:border-b-5 { border-bottom: 5px solid var(--color-border); }
	.xl\:border-b-6 { border-bottom: 6px solid var(--color-border); }
	.xl\:border-b-7 { border-bottom: 7px solid var(--color-border); }
	.xl\:border-b-8 { border-bottom: 8px solid var(--color-border); }

	/* Bordes izquierdos */
	.xl\:border-l-0 { border-left: var(--size-0); }
	.xl\:border-l-1 { border-left: 1px solid var(--color-border); }
	.xl\:border-l-2 { border-left: 2px solid var(--color-border); }
	.xl\:border-l-3 { border-left: 3px solid var(--color-border); }
	.xl\:border-l-4 { border-left: 4px solid var(--color-border); }
	.xl\:border-l-5 { border-left: 5px solid var(--color-border); }
	.xl\:border-l-6 { border-left: 6px solid var(--color-border); }
	.xl\:border-l-7 { border-left: 7px solid var(--color-border); }
	.xl\:border-l-8 { border-left: 8px solid var(--color-border); }

	/* Bordes derechos */
	.xl\:border-r-0 { border-right: var(--size-0); }
	.xl\:border-r-1 { border-right: 1px solid var(--color-border); }
	.xl\:border-r-2 { border-right: 2px solid var(--color-border); }
	.xl\:border-r-3 { border-right: 3px solid var(--color-border); }
	.xl\:border-r-4 { border-right: 4px solid var(--color-border); }
	.xl\:border-r-5 { border-right: 5px solid var(--color-border); }
	.xl\:border-r-6 { border-right: 6px solid var(--color-border); }
	.xl\:border-r-7 { border-right: 7px solid var(--color-border); }
	.xl\:border-r-8 { border-right: 8px solid var(--color-border); }

	/* Opacity */ 
	.xl\:opacity-0  { opacity: var(--opacity-0); }   /* 0% */
	.xl\:opacity-5  { opacity: var(--opacity-5); }   /* 5% */
	.xl\:opacity-10 { opacity: var(--opacity-10); }  /* 10% */
	.xl\:opacity-15 { opacity: var(--opacity-15); }  /* 15% */
	.xl\:opacity-20 { opacity: var(--opacity-20); }  /* 20% */
	.xl\:opacity-25 { opacity: var(--opacity-25); }  /* 25% */
	.xl\:opacity-30 { opacity: var(--opacity-30); }  /* 30% */
	.xl\:opacity-35 { opacity: var(--opacity-35); }  /* 35% */
	.xl\:opacity-40 { opacity: var(--opacity-40); }  /* 40% */
	.xl\:opacity-45 { opacity: var(--opacity-45); }  /* 45% */
	.xl\:opacity-50 { opacity: var(--opacity-50); }  /* 50% */
	.xl\:opacity-55 { opacity: var(--opacity-55); }  /* 55% */
	.xl\:opacity-60 { opacity: var(--opacity-60); }  /* 60% */
	.xl\:opacity-65 { opacity: var(--opacity-65); }  /* 65% */
	.xl\:opacity-70 { opacity: var(--opacity-70); }  /* 70% */
	.xl\:opacity-75 { opacity: var(--opacity-75); }  /* 75% */
	.xl\:opacity-80 { opacity: var(--opacity-80); }  /* 80% */
	.xl\:opacity-85 { opacity: var(--opacity-85); }  /* 85% */
	.xl\:opacity-90 { opacity: var(--opacity-90); }  /* 90% */
	.xl\:opacity-95 { opacity: var(--opacity-95); }  /* 95% */
	.xl\:opacity-100{ opacity: var(--opacity-100); } /* 100% */

	.xl\:rounded-t-0 { border-top-left-radius: var(--size-0); border-top-right-radius: var(--size-0); }
	.xl\:rounded-t-1 { border-top-left-radius: var(--size-1); border-top-right-radius: var(--size-1); }
	.xl\:rounded-t-2 { border-top-left-radius: var(--size-2); border-top-right-radius: var(--size-2); }
	.xl\:rounded-t-3 { border-top-left-radius: var(--size-3); border-top-right-radius: var(--size-3); }
	.xl\:rounded-t-4 { border-top-left-radius: var(--size-4); border-top-right-radius: var(--size-4); }
	.xl\:rounded-t-5 { border-top-left-radius: var(--size-5); border-top-right-radius: var(--size-5); }
	.xl\:rounded-t-6 { border-top-left-radius: var(--size-6); border-top-right-radius: var(--size-6); }
	.xl\:rounded-t-7 { border-top-left-radius: var(--size-7); border-top-right-radius: var(--size-7); }
	.xl\:rounded-t-8 { border-top-left-radius: var(--size-8); border-top-right-radius: var(--size-8); }
	.xl\:rounded-t-9 { border-top-left-radius: var(--size-9); border-top-right-radius: var(--size-9); }
	.xl\:rounded-t-10 { border-top-left-radius: var(--size-10); border-top-right-radius: var(--size-10); }
	.xl\:rounded-t-11 { border-top-left-radius: var(--size-11); border-top-right-radius: var(--size-11); }
	.xl\:rounded-t-12 { border-top-left-radius: var(--size-12); border-top-right-radius: var(--size-12); }
	.xl\:rounded-t-13 { border-top-left-radius: var(--size-13); border-top-right-radius: var(--size-13); }
	.xl\:rounded-t-14 { border-top-left-radius: var(--size-14); border-top-right-radius: var(--size-14); }
	.xl\:rounded-t-15 { border-top-left-radius: var(--size-15); border-top-right-radius: var(--size-15); }
	.xl\:rounded-b-0 { border-bottom-left-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.xl\:rounded-b-1 { border-bottom-left-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.xl\:rounded-b-2 { border-bottom-left-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.xl\:rounded-b-3 { border-bottom-left-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.xl\:rounded-b-4 { border-bottom-left-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.xl\:rounded-b-5 { border-bottom-left-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.xl\:rounded-b-6 { border-bottom-left-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.xl\:rounded-b-7 { border-bottom-left-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.xl\:rounded-b-8 { border-bottom-left-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.xl\:rounded-b-9 { border-bottom-left-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.xl\:rounded-b-10 { border-bottom-left-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.xl\:rounded-b-11 { border-bottom-left-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.xl\:rounded-b-12 { border-bottom-left-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.xl\:rounded-b-13 { border-bottom-left-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.xl\:rounded-b-14 { border-bottom-left-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.xl\:rounded-b-15 { border-bottom-left-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }
	.xl\:rounded-l-0 { border-top-left-radius: var(--size-0); border-bottom-left-radius: var(--size-0); }
	.xl\:rounded-l-1 { border-top-left-radius: var(--size-1); border-bottom-left-radius: var(--size-1); }
	.xl\:rounded-l-2 { border-top-left-radius: var(--size-2); border-bottom-left-radius: var(--size-2); }
	.xl\:rounded-l-3 { border-top-left-radius: var(--size-3); border-bottom-left-radius: var(--size-3); }
	.xl\:rounded-l-4 { border-top-left-radius: var(--size-4); border-bottom-left-radius: var(--size-4); }
	.xl\:rounded-l-5 { border-top-left-radius: var(--size-5); border-bottom-left-radius: var(--size-5); }
	.xl\:rounded-l-6 { border-top-left-radius: var(--size-6); border-bottom-left-radius: var(--size-6); }
	.xl\:rounded-l-7 { border-top-left-radius: var(--size-7); border-bottom-left-radius: var(--size-7); }
	.xl\:rounded-l-8 { border-top-left-radius: var(--size-8); border-bottom-left-radius: var(--size-8); }
	.xl\:rounded-l-9 { border-top-left-radius: var(--size-9); border-bottom-left-radius: var(--size-9); }
	.xl\:rounded-l-10 { border-top-left-radius: var(--size-10); border-bottom-left-radius: var(--size-10); }
	.xl\:rounded-l-11 { border-top-left-radius: var(--size-11); border-bottom-left-radius: var(--size-11); }
	.xl\:rounded-l-12 { border-top-left-radius: var(--size-12); border-bottom-left-radius: var(--size-12); }
	.xl\:rounded-l-13 { border-top-left-radius: var(--size-13); border-bottom-left-radius: var(--size-13); }
	.xl\:rounded-l-14 { border-top-left-radius: var(--size-14); border-bottom-left-radius: var(--size-14); }
	.xl\:rounded-l-15 { border-top-left-radius: var(--size-15); border-bottom-left-radius: var(--size-15); }
	.xl\:rounded-r-0 { border-top-right-radius: var(--size-0); border-bottom-right-radius: var(--size-0); }
	.xl\:rounded-r-1 { border-top-right-radius: var(--size-1); border-bottom-right-radius: var(--size-1); }
	.xl\:rounded-r-2 { border-top-right-radius: var(--size-2); border-bottom-right-radius: var(--size-2); }
	.xl\:rounded-r-3 { border-top-right-radius: var(--size-3); border-bottom-right-radius: var(--size-3); }
	.xl\:rounded-r-4 { border-top-right-radius: var(--size-4); border-bottom-right-radius: var(--size-4); }
	.xl\:rounded-r-5 { border-top-right-radius: var(--size-5); border-bottom-right-radius: var(--size-5); }
	.xl\:rounded-r-6 { border-top-right-radius: var(--size-6); border-bottom-right-radius: var(--size-6); }
	.xl\:rounded-r-7 { border-top-right-radius: var(--size-7); border-bottom-right-radius: var(--size-7); }
	.xl\:rounded-r-8 { border-top-right-radius: var(--size-8); border-bottom-right-radius: var(--size-8); }
	.xl\:rounded-r-9 { border-top-right-radius: var(--size-9); border-bottom-right-radius: var(--size-9); }
	.xl\:rounded-r-10 { border-top-right-radius: var(--size-10); border-bottom-right-radius: var(--size-10); }
	.xl\:rounded-r-11 { border-top-right-radius: var(--size-11); border-bottom-right-radius: var(--size-11); }
	.xl\:rounded-r-12 { border-top-right-radius: var(--size-12); border-bottom-right-radius: var(--size-12); }
	.xl\:rounded-r-13 { border-top-right-radius: var(--size-13); border-bottom-right-radius: var(--size-13); }
	.xl\:rounded-r-14 { border-top-right-radius: var(--size-14); border-bottom-right-radius: var(--size-14); }
	.xl\:rounded-r-15 { border-top-right-radius: var(--size-15); border-bottom-right-radius: var(--size-15); }

	/* Z-index */ 
	.xl\:z-initial { z-index: var(--initial); }
	.xl\:z-9999 { z-index: 9999; }
	.xl\:z-99998 { z-index: 99998; }
	.xl\:z-99999 { z-index: 99999; }
}




/*-- PLANTILLA GENERAL --*/
@media (min-width: 1200px) { .container { width: var(--width-container-web); }}