/* ==========================================
   ABASTIBLE CSS FRAMEWORK
   ========================================== */

:root {
  /* --- colors --- */
  --color-fill-main-green: rgba(81, 161, 118, 1);
  --color-fill-soft-green: rgba(184, 231, 206, 1);
  --color-text-main-green: rgba(81, 161, 118, 1);
  --color-text-soft-green: rgba(184, 231, 206, 1);
  --color-border-main-green: rgba(81, 161, 118, 1);
  --color-border-soft-green: rgba(184, 231, 206, 1);
  --color-fill-accent-green: rgba(110, 196, 151, 1);
  --color-fill-subtle-green: rgba(226, 247, 236, 1);
  --color-text-accent-green: rgba(110, 196, 151, 1);
  --color-text-subtle-green: rgba(226, 247, 236, 1);
  --color-colores-basic-gray: rgba(243, 243, 243, 1);
  --color-fill-emphasis-base: rgba(213, 213, 213, 1);
  --color-fill-emphasis-soft: rgba(225, 225, 225, 1);
  --color-fill-main-royalbue: rgba(26, 94, 159, 1);
  --color-fill-soft-royalbue: rgba(165, 199, 237, 1);
  --color-text-emphasis-base: rgba(213, 213, 213, 1);
  --color-text-emphasis-soft: rgba(225, 225, 225, 1);
  --color-text-main-royalbue: rgba(26, 94, 159, 1);
  --color-text-soft-royalbue: rgba(165, 199, 237, 1);
  --color-border-accent-green: rgba(110, 196, 151, 1);
  --color-border-main-green-2: rgba(120, 190, 32, 1);
  --color-border-subtle-green: rgba(226, 247, 236, 1);
  --color-colores-basic-white: rgba(255, 255, 255, 1);
  --color-border-emphasis-base: rgba(213, 213, 213, 1);
  --color-border-emphasis-soft: rgba(225, 225, 225, 1);
  --color-border-main-royalbue: rgba(26, 94, 159, 1);
  --color-border-soft-royalbue: rgba(165, 199, 237, 1);
  --color-colores-tec-beige-50: rgba(251, 252, 243, 1);
  --color-fill-accent-royalbue: rgba(85, 146, 205, 1);
  --color-fill-background-gray: rgba(243, 243, 243, 1);
  --color-fill-emphasis-subtle: rgba(238, 238, 238, 1);
  --color-fill-main-kellygreen: rgba(65, 171, 52, 1);
  --color-fill-neutral-inverse: rgba(255, 255, 255, 1);
  --color-fill-neutral-primary: rgba(35, 35, 35, 1);
  --color-fill-soft-kellygreen: rgba(184, 241, 177, 1);
  --color-fill-subtle-royalbue: rgba(220, 233, 250, 1);
  --color-text-accent-royalbue: rgba(85, 146, 205, 1);
  --color-text-emphasis-subtle: rgba(238, 238, 238, 1);
  --color-text-neutral-inverse: rgba(255, 255, 255, 1);
  --color-text-neutral-primary: rgba(35, 35, 35, 1);
  --color-text-subtle-royalbue: rgba(220, 233, 250, 1);
  --color-border-accent-green-2: rgba(151, 218, 66, 1);
  --color-colores-rrss-whatsapp: rgba(37, 211, 102, 1);
  --color-colores-tec-beige-100: rgba(244, 247, 229, 1);
  --color-colores-tec-beige-200: rgba(235, 240, 216, 1);
  --color-colores-tec-beige-300: rgba(215, 224, 193, 1);
  --color-fill-background-white: rgba(255, 255, 255, 1);
  --color-fill-neutral-tertiary: rgba(130, 130, 130, 1);
  --color-text-neutral-tertiary: rgba(130, 130, 130, 1);
  --color-border-accent-royalbue: rgba(85, 146, 205, 1);
  --color-border-emphasis-subtle: rgba(238, 238, 238, 1);
  --color-border-main-kellygreen: rgba(65, 171, 52, 1);
  --color-border-neutral-inverse: rgba(255, 255, 255, 1);
  --color-border-neutral-primary: rgba(35, 35, 35, 1);
  --color-border-soft-kellygreen: rgba(184, 241, 177, 1);
  --color-border-subtle-royalbue: rgba(220, 233, 250, 1);
  --color-fill-accent-kellygreen: rgba(112, 209, 100, 1);
  --color-fill-main-prussianblue: rgba(0, 38, 58, 1);
  --color-fill-neutral-secondary: rgba(59, 59, 59, 1);
  --color-fill-soft-prussianblue: rgba(126, 148, 163, 1);
  --color-fill-subtle-kellygreen: rgba(248, 254, 247, 1);
  --color-text-main-prussianblue: rgba(0, 38, 58, 1);
  --color-text-neutral-secondary: rgba(59, 59, 59, 1);
  --color-text-soft-prussianblue: rgba(126, 148, 163, 1);
  --color-border-neutral-tertiary: rgba(130, 130, 130, 1);
  --color-fill-emphasis-base-blue: rgba(110, 135, 213, 1);
  --color-fill-identity-main-blue: rgba(0, 20, 137, 1);
  --color-fill-neutral-quaternary: rgba(177, 177, 177, 1);
  --color-text-emphasis-base-blue: rgba(110, 135, 213, 1);
  --color-text-identity-main-blue: rgba(0, 20, 137, 1);
  --color-text-neutral-quaternary: rgba(177, 177, 177, 1);
  --color-border-accent-kellygreen: rgba(112, 209, 100, 1);
  --color-border-main-prussianblue: rgba(0, 38, 58, 1);
  --color-border-neutral-secondary: rgba(59, 59, 59, 1);
  --color-border-soft-prussianblue: rgba(126, 148, 163, 1);
  --color-border-subtle-kellygreen: rgba(248, 254, 247, 1);
  --color-colores-tec-mintcream-50: rgba(249, 252, 251, 1);
  --color-colores-tec-royalblue-50: rgba(220, 233, 250, 1);
  --color-fill-accent-prussianblue: rgba(51, 82, 102, 1);
  --color-fill-emphasis-base-green: rgba(181, 238, 110, 1);
  --color-fill-identity-main-green: rgba(120, 190, 32, 1);
  --color-fill-subtle-prussianblue: rgba(227, 232, 236, 1);
  --color-text-accent-prussianblue: rgba(51, 82, 102, 1);
  --color-text-emphasis-base-green: rgba(181, 238, 110, 1);
  --color-text-identity-main-green: rgba(120, 190, 32, 1);
  --color-text-subtle-prussianblue: rgba(227, 232, 236, 1);
  --color-border-emphasis-base-blue: rgba(110, 135, 213, 1);
  --color-border-identity-main-blue: rgba(0, 20, 137, 1);
  --color-border-neutral-quaternary: rgba(177, 177, 177, 1);
  --color-colores-abastible-blue-50: rgba(247, 248, 254, 1);
  --color-colores-tec-mintcream-100: rgba(236, 245, 240, 1);
  --color-colores-tec-mintcream-200: rgba(227, 240, 233, 1);
  --color-colores-tec-mintcream-300: rgba(215, 231, 223, 1);
  --color-colores-tec-royalblue-100: rgba(165, 199, 237, 1);
  --color-colores-tec-royalblue-200: rgba(85, 146, 205, 1);
  --color-colores-tec-royalblue-300: rgba(26, 94, 159, 1);
  --color-fill-background-accordion: rgba(255, 255, 255, 1);
  --color-fill-emphasis-base-orange: rgba(255, 159, 93, 1);
  --color-fill-emphasis-strong-blue: rgba(165, 179, 235, 1);
  --color-fill-emphasis-subtle-blue: rgba(247, 248, 254, 1);
  --color-fill-functional-soft-blue: rgba(192, 201, 243, 1);
  --color-fill-functional-soft-info: rgba(76, 141, 255, 1);
  --color-fill-identity-accent-blue: rgba(28, 73, 167, 1);
  --color-fill-identity-main-orange: rgba(254, 80, 0, 1);
  --color-text-emphasis-base-orange: rgba(255, 159, 93, 1);
  --color-text-emphasis-strong-blue: rgba(165, 179, 235, 1);
  --color-text-emphasis-subtle-blue: rgba(247, 248, 254, 1);
  --color-text-functional-soft-blue: rgba(192, 201, 243, 1);
  --color-text-functional-soft-info: rgba(76, 141, 255, 1);
  --color-text-identity-accent-blue: rgba(28, 73, 167, 1);
  --color-text-identity-main-orange: rgba(254, 80, 0, 1);
  --color-border-accent-prussianblue: rgba(51, 82, 102, 1);
  --color-border-emphasis-base-green: rgba(181, 238, 110, 1);
  --color-border-identity-main-green: rgba(120, 190, 32, 1);
  --color-border-subtle-prussianblue: rgba(227, 232, 236, 1);
  --color-colores-abastible-black-50: rgba(238, 238, 238, 1);
  --color-colores-abastible-blue-100: rgba(220, 225, 249, 1);
  --color-colores-abastible-blue-200: rgba(192, 201, 243, 1);
  --color-colores-abastible-blue-300: rgba(165, 179, 235, 1);
  --color-colores-abastible-blue-400: rgba(137, 157, 225, 1);
  --color-colores-abastible-blue-500: rgba(110, 135, 213, 1);
  --color-colores-abastible-blue-600: rgba(83, 114, 199, 1);
  --color-colores-abastible-blue-700: rgba(55, 93, 184, 1);
  --color-colores-abastible-blue-800: rgba(28, 73, 167, 1);
  --color-colores-abastible-blue-900: rgba(0, 20, 137, 1);
  --color-colores-abastible-green-50: rgba(251, 255, 247, 1);
  --color-colores-basic-transparente: rgba(255, 255, 255, 0);
  --color-fill-emphasis-strong-green: rgba(209, 251, 165, 1);
  --color-fill-emphasis-subtle-green: rgba(251, 255, 247, 1);
  --color-fill-functional-soft-error: rgba(255, 115, 108, 1);
  --color-fill-functional-soft-green: rgba(224, 254, 192, 1);
  --color-fill-identity-accent-green: rgba(151, 218, 66, 1);
  --color-fill-special-disabled-soft: rgba(213, 213, 213, 1);
  --color-text-emphasis-strong-green: rgba(209, 251, 165, 1);
  --color-text-emphasis-subtle-green: rgba(251, 255, 247, 1);
  --color-text-functional-soft-error: rgba(255, 115, 108, 1);
  --color-text-functional-soft-green: rgba(224, 254, 192, 1);
  --color-text-identity-accent-green: rgba(151, 218, 66, 1);
  --color-text-special-disabled-soft: rgba(213, 213, 213, 1);
  --color-border-emphasis-base-orange: rgba(255, 159, 93, 1);
  --color-border-emphasis-strong-blue: rgba(165, 179, 235, 1);
  --color-border-emphasis-subtle-blue: rgba(247, 248, 254, 1);
  --color-border-functional-soft-blue: rgba(192, 201, 243, 1);
  --color-border-functional-soft-info: rgba(76, 141, 255, 1);
  --color-border-identity-accent-blue: rgba(28, 73, 167, 1);
  --color-border-identity-main-orange: rgba(254, 80, 0, 1);
  --color-colores-abastible-black-100: rgba(225, 225, 225, 1);
  --color-colores-abastible-black-200: rgba(213, 213, 213, 1);
  --color-colores-abastible-black-300: rgba(177, 177, 177, 1);
  --color-colores-abastible-black-400: rgba(154, 154, 154, 1);
  --color-colores-abastible-black-500: rgba(130, 130, 130, 1);
  --color-colores-abastible-black-600: rgba(106, 106, 106, 1);
  --color-colores-abastible-black-700: rgba(82, 82, 82, 1);
  --color-colores-abastible-black-800: rgba(59, 59, 59, 1);
  --color-colores-abastible-black-900: rgba(35, 35, 35, 1);
  --color-colores-abastible-green-100: rgba(238, 255, 220, 1);
  --color-colores-abastible-green-200: rgba(224, 254, 192, 1);
  --color-colores-abastible-green-300: rgba(209, 251, 165, 1);
  --color-colores-abastible-green-400: rgba(195, 245, 137, 1);
  --color-colores-abastible-green-500: rgba(181, 238, 110, 1);
  --color-colores-abastible-green-600: rgba(166, 229, 86, 1);
  --color-colores-abastible-green-700: rgba(151, 218, 66, 1);
  --color-colores-abastible-green-800: rgba(135, 205, 48, 1);
  --color-colores-abastible-green-900: rgba(120, 190, 32, 1);
  --color-colores-abastible-orange-50: rgba(254, 244, 234, 1);
  --color-fill-emphasis-strong-orange: rgba(255, 193, 155, 1);
  --color-fill-emphasis-subtle-orange: rgba(254, 244, 234, 1);
  --color-fill-functional-soft-orange: rgba(255, 211, 186, 1);
  --color-fill-functional-subtle-blue: rgba(220, 225, 249, 1);
  --color-fill-functional-subtle-info: rgba(234, 240, 255, 1);
  --color-fill-identity-accent-orange: rgba(252, 114, 28, 1);
  --color-fill-main-middlegreenyellow: rgba(162, 201, 98, 1);
  --color-fill-soft-middlegreenyellow: rgba(229, 250, 196, 1);
  --color-text-emphasis-strong-orange: rgba(255, 193, 155, 1);
  --color-text-emphasis-subtle-orange: rgba(254, 244, 234, 1);
  --color-text-functional-soft-orange: rgba(255, 211, 186, 1);
  --color-text-functional-subtle-blue: rgba(220, 225, 249, 1);
  --color-text-functional-subtle-info: rgba(234, 240, 255, 1);
  --color-text-identity-accent-orange: rgba(252, 114, 28, 1);
  --color-text-main-middlegreenyellow: rgba(65, 171, 52, 1);
  --color-text-soft-middlegreenyellow: rgba(184, 241, 177, 1);
  --color-border-emphasis-strong-green: rgba(209, 251, 165, 1);
  --color-border-emphasis-subtle-green: rgba(251, 255, 247, 1);
  --color-border-functional-soft-error: rgba(255, 115, 108, 1);
  --color-border-functional-soft-green: rgba(224, 254, 192, 1);
  --color-border-identity-accent-green: rgba(151, 218, 66, 1);
  --color-border-special-disabled-soft: rgba(213, 213, 213, 1);
  --color-colores-abastible-orange-100: rgba(255, 230, 216, 1);
  --color-colores-abastible-orange-200: rgba(255, 211, 186, 1);
  --color-colores-abastible-orange-300: rgba(255, 193, 155, 1);
  --color-colores-abastible-orange-400: rgba(255, 176, 124, 1);
  --color-colores-abastible-orange-500: rgba(255, 159, 93, 1);
  --color-colores-abastible-orange-600: rgba(255, 143, 62, 1);
  --color-colores-abastible-orange-700: rgba(255, 128, 43, 1);
  --color-colores-abastible-orange-800: rgba(252, 114, 28, 1);
  --color-colores-abastible-orange-900: rgba(254, 80, 0, 1);
  --color-fill-functional-soft-success: rgba(120, 235, 88, 1);
  --color-fill-functional-soft-warning: rgba(255, 186, 46, 1);
  --color-fill-functional-subtle-error: rgba(255, 242, 242, 1);
  --color-fill-functional-subtle-green: rgba(238, 255, 220, 1);
  --color-fill-functional-surface-blue: rgba(83, 114, 199, 1);
  --color-fill-functional-surface-info: rgba(7, 102, 255, 1);
  --color-fill-special-disabled-subtle: rgba(177, 177, 177, 1);
  --color-text-functional-soft-success: rgba(120, 235, 88, 1);
  --color-text-functional-soft-warning: rgba(255, 186, 46, 1);
  --color-text-functional-subtle-error: rgba(255, 242, 242, 1);
  --color-text-functional-subtle-green: rgba(238, 255, 220, 1);
  --color-text-functional-surface-blue: rgba(83, 114, 199, 1);
  --color-text-functional-surface-info: rgba(7, 102, 255, 1);
  --color-text-special-disabled-subtle: rgba(177, 177, 177, 1);
  --color-border-emphasis-strong-orange: rgba(255, 193, 155, 1);
  --color-border-emphasis-subtle-orange: rgba(254, 244, 234, 1);
  --color-border-functional-soft-orange: rgba(255, 211, 186, 1);
  --color-border-functional-subtle-blue: rgba(220, 225, 249, 1);
  --color-border-functional-subtle-info: rgba(234, 240, 255, 1);
  --color-border-identity-accent-orange: rgba(252, 114, 28, 1);
  --color-border-main-middlegreenyellow: rgba(162, 201, 98, 1);
  --color-border-soft-middlegreenyellow: rgba(229, 250, 196, 1);
  --color-colores-effitec-kellygreen-50: rgba(248, 254, 247, 1);
  --color-colores-tec-mediumseagreen-50: rgba(226, 247, 236, 1);
  --color-fill-accent-middlegreenyellow: rgba(192, 228, 134, 1);
  --color-fill-functional-subtle-orange: rgba(255, 230, 216, 1);
  --color-fill-functional-surface-error: rgba(238, 52, 40, 1);
  --color-fill-functional-surface-green: rgba(166, 229, 86, 1);
  --color-fill-subtle-middlegreenyellow: rgba(246, 254, 233, 1);
  --color-text-accent-middlegreenyellow: rgba(112, 209, 100, 1);
  --color-text-functional-subtle-orange: rgba(255, 230, 216, 1);
  --color-text-functional-surface-error: rgba(238, 52, 40, 1);
  --color-text-functional-surface-green: rgba(166, 229, 86, 1);
  --color-text-subtle-middlegreenyellow: rgba(248, 254, 247, 1);
  --color-border-functional-soft-success: rgba(120, 235, 88, 1);
  --color-border-functional-soft-warning: rgba(255, 186, 46, 1);
  --color-border-functional-subtle-error: rgba(255, 242, 242, 1);
  --color-border-functional-subtle-green: rgba(238, 255, 220, 1);
  --color-border-functional-surface-blue: rgba(83, 114, 199, 1);
  --color-border-functional-surface-info: rgba(7, 102, 255, 1);
  --color-border-special-disabled-subtle: rgba(177, 177, 177, 1);
  --color-colores-effitec-kellygreen-100: rgba(184, 241, 177, 1);
  --color-colores-effitec-kellygreen-200: rgba(112, 209, 100, 1);
  --color-colores-effitec-kellygreen-300: rgba(65, 171, 52, 1);
  --color-colores-functional-base-red-50: rgba(255, 242, 242, 1);
  --color-colores-tec-mediumseagreen-100: rgba(184, 231, 206, 1);
  --color-colores-tec-mediumseagreen-200: rgba(110, 196, 151, 1);
  --color-colores-tec-mediumseagreen-300: rgba(81, 161, 118, 1);
  --color-fill-functional-subtle-success: rgba(230, 255, 218, 1);
  --color-fill-functional-subtle-warning: rgba(255, 250, 232, 1);
  --color-fill-functional-surface-orange: rgba(255, 143, 62, 1);
  --color-text-functional-subtle-success: rgba(230, 255, 218, 1);
  --color-text-functional-subtle-warning: rgba(255, 250, 232, 1);
  --color-text-functional-surface-orange: rgba(255, 143, 62, 1);
  --color-border-accent-middlegreenyellow: rgba(192, 228, 134, 1);
  --color-border-functional-subtle-orange: rgba(255, 230, 216, 1);
  --color-border-functional-surface-error: rgba(238, 52, 40, 1);
  --color-border-functional-surface-green: rgba(166, 229, 86, 1);
  --color-border-subtle-middlegreenyellow: rgba(246, 254, 233, 1);
  --color-colores-effitec-prussianblue-50: rgba(227, 232, 236, 1);
  --color-colores-functional-base-blue-50: rgba(234, 240, 255, 1);
  --color-colores-functional-base-red-100: rgba(255, 162, 162, 1);
  --color-colores-functional-base-red-200: rgba(255, 115, 108, 1);
  --color-colores-functional-base-red-300: rgba(238, 52, 40, 1);
  --color-fill-functional-surface-success: rgba(24, 162, 0, 1);
  --color-fill-functional-surface-warning: rgba(255, 163, 0, 1);
  --color-text-functional-surface-success: rgba(24, 162, 0, 1);
  --color-text-functional-surface-warning: rgba(255, 163, 0, 1);
  --color-border-functional-subtle-success: rgba(230, 255, 218, 1);
  --color-border-functional-subtle-warning: rgba(255, 250, 232, 1);
  --color-border-functional-surface-orange: rgba(255, 143, 62, 1);
  --color-colores-effitec-prussianblue-100: rgba(126, 148, 163, 1);
  --color-colores-effitec-prussianblue-200: rgba(51, 82, 102, 1);
  --color-colores-effitec-prussianblue-300: rgba(0, 38, 58, 1);
  --color-colores-functional-base-blue-100: rgba(152, 186, 255, 1);
  --color-colores-functional-base-blue-200: rgba(76, 141, 255, 1);
  --color-colores-functional-base-blue-300: rgba(7, 102, 255, 1);
  --color-colores-functional-base-green-50: rgba(230, 255, 218, 1);
  --color-border-functional-surface-success: rgba(24, 162, 0, 1);
  --color-border-functional-surface-warning: rgba(255, 163, 0, 1);
  --color-colores-functional-base-green-100: rgba(194, 255, 163, 1);
  --color-colores-functional-base-green-200: rgba(120, 235, 88, 1);
  --color-colores-functional-base-green-300: rgba(24, 162, 0, 1);
  --color-colores-functional-base-yellow-50: rgba(255, 250, 232, 1);
  --color-colores-functional-base-yellow-100: rgba(255, 226, 152, 1);
  --color-colores-functional-base-yellow-200: rgba(255, 186, 46, 1);
  --color-colores-functional-base-yellow-300: rgba(255, 163, 0, 1);
  --color-botones-solid-disabled-button-label: rgba(177, 177, 177, 1);
  --color-colores-effitec-middlegreenyellow-50: rgba(246, 254, 233, 1);
  --color-botones-outline-disabled-button-label: rgba(177, 177, 177, 1);
  --color-colores-effitec-middlegreenyellow-100: rgba(229, 250, 196, 1);
  --color-colores-effitec-middlegreenyellow-200: rgba(192, 228, 134, 1);
  --color-colores-effitec-middlegreenyellow-300: rgba(162, 201, 98, 1);
  --color-botones-outline-disabled-button-border: rgba(177, 177, 177, 1);
  --color-botones-solid-disabled-button-background: rgba(238, 238, 238, 1);
  --color-botones-solid-hover-primary-button-label: rgba(255, 255, 255, 1);
  --color-botones-outline-hover-primary-button-label: rgba(0, 20, 137, 1);
  --color-botones-solid-default-primary-button-label: rgba(255, 255, 255, 1);
  --color-botones-solid-hover-royalblue-button-label: rgba(85, 146, 205, 1);
  --color-botones-solid-hover-secondary-button-label: rgba(255, 255, 255, 1);
  --color-botones-solid-pressed-primary-button-label: rgba(255, 255, 255, 1);
  --color-botones-outline-hover-primary-button-border: rgba(0, 20, 137, 1);
  --color-botones-outline-default-primary-button-label: rgba(254, 80, 0, 1);
  --color-botones-outline-hover-royalblue-button-label: rgba(165, 199, 237, 1);
  --color-botones-outline-hover-secondary-button-label: rgba(254, 80, 0, 1);
  --color-botones-outline-pressed-primary-button-label: rgba(28, 73, 167, 1);
  --color-botones-solid-default-royalblue-button-label: rgba(26, 94, 159, 1);
  --color-botones-solid-default-secondary-button-label: rgba(255, 255, 255, 1);
  --color-botones-solid-pressed-royalblue-button-label: rgba(165, 199, 237, 1);
  --color-botones-solid-pressed-secondary-button-label: rgba(255, 255, 255, 1);
  --color-botones-outline-default-primary-button-border: rgba(254, 80, 0, 1);
  --color-botones-outline-hover-royalblue-button-border: rgba(165, 199, 237, 1);
  --color-botones-outline-hover-secondary-button-border: rgba(254, 80, 0, 1);
  --color-botones-outline-pressed-primary-button-border: rgba(28, 73, 167, 1);
  --color-botones-solid-hover-primary-button-background: rgba(0, 20, 137, 1);
  --color-botones-solid-hover-prussianblue-button-label: rgba(255, 255, 255, 1);
  --color-botones-outline-default-royalblue-button-label: rgba(255, 255, 255, 1);
  --color-botones-outline-default-secondary-button-label: rgba(0, 20, 137, 1);
  --color-botones-outline-pressed-royalblue-button-label: rgba(165, 199, 237, 1);
  --color-botones-outline-pressed-secondary-button-label: rgba(252, 114, 28, 1);
  --color-botones-solid-default-royalblue-button-label-2: rgba(255, 255, 255, 1);
  --color-botones-outline-default-royalblue-button-border: rgba(255, 255, 255, 1);
  --color-botones-outline-default-secondary-button-border: rgba(0, 20, 137, 1);
  --color-botones-outline-hover-primary-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-hover-prussianblue-button-label: rgba(51, 82, 102, 1);
  --color-botones-outline-pressed-royalblue-button-border: rgba(165, 199, 237, 1);
  --color-botones-outline-pressed-secondary-button-border: rgba(252, 114, 28, 1);
  --color-botones-solid-default-primary-button-background: rgba(254, 80, 0, 1);
  --color-botones-solid-default-prussianblue-button-label: rgba(255, 255, 255, 1);
  --color-botones-solid-hover-mediumseagreen-button-label: rgba(110, 196, 151, 1);
  --color-botones-solid-hover-royalblue-button-background: rgba(255, 255, 255, 1);
  --color-botones-solid-hover-secondary-button-background: rgba(254, 80, 0, 1);
  --color-botones-solid-pressed-primary-button-background: rgba(28, 73, 167, 1);
  --color-botones-solid-pressed-prussianblue-button-label: rgba(255, 255, 255, 1);
  --color-botones-outline-hover-prussianblue-button-border: rgba(51, 82, 102, 1);
  --color-botones-outline-default-primary-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-default-prussianblue-button-label: rgba(0, 38, 58, 1);
  --color-botones-outline-hover-mediumseagreen-button-label: rgba(184, 231, 206, 1);
  --color-botones-outline-hover-royalblue-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-hover-secondary-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-primary-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-prussianblue-button-label: rgba(51, 82, 102, 1);
  --color-botones-solid-default-mediumseagreen-button-label: rgba(81, 161, 118, 1);
  --color-botones-solid-default-royalblue-button-background: rgba(255, 255, 255, 1);
  --color-botones-solid-default-secondary-button-background: rgba(0, 20, 137, 1);
  --color-botones-solid-pressed-mediumseagreen-button-label: rgba(184, 231, 206, 1);
  --color-botones-solid-pressed-royalblue-button-background: rgba(255, 255, 255, 1);
  --color-botones-solid-pressed-secondary-button-background: rgba(252, 114, 28, 1);
  --color-botones-outline-default-prussianblue-button-border: rgba(0, 38, 58, 1);
  --color-botones-outline-hover-mediumseagreen-button-border: rgba(184, 231, 206, 1);
  --color-botones-outline-pressed-prussianblue-button-border: rgba(51, 82, 102, 1);
  --color-botones-solid-hover-middlegreenyellow-button-label: rgba(255, 255, 255, 1);
  --color-botones-solid-hover-prussianblue-button-background: rgba(51, 82, 102, 1);
  --color-botones-outline-default-mediumseagreen-button-label: rgba(255, 255, 255, 1);
  --color-botones-outline-default-royalblue-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-default-secondary-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-mediumseagreen-button-label: rgba(184, 231, 206, 1);
  --color-botones-outline-pressed-royalblue-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-secondary-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-default-mediumseagreen-button-border: rgba(255, 255, 255, 1);
  --color-botones-outline-hover-middlegreenyellow-button-label: rgba(112, 209, 100, 1);
  --color-botones-outline-hover-prussianblue-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-mediumseagreen-button-border: rgba(184, 231, 206, 1);
  --color-botones-solid-default-middlegreenyellow-button-label: rgba(255, 255, 255, 1);
  --color-botones-solid-default-prussianblue-button-background: rgba(0, 38, 58, 1);
  --color-botones-solid-hover-mediumseagreen-button-background: rgba(255, 255, 255, 1);
  --color-botones-solid-pressed-middlegreenyellow-button-label: rgba(255, 255, 255, 1);
  --color-botones-solid-pressed-prussianblue-button-background: rgba(126, 148, 163, 1);
  --color-botones-outline-hover-middlegreenyellow-button-border: rgba(112, 209, 100, 1);
  --color-botones-outline-default-middlegreenyellow-button-label: rgba(65, 171, 52, 1);
  --color-botones-outline-default-prussianblue-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-hover-mediumseagreen-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-middlegreenyellow-button-label: rgba(112, 209, 100, 1);
  --color-botones-outline-pressed-prussianblue-button-background: rgba(255, 255, 255, 0);
  --color-botones-solid-default-mediumseagreen-button-background: rgba(255, 255, 255, 1);
  --color-botones-solid-pressed-mediumseagreen-button-background: rgba(255, 255, 255, 1);
  --color-botones-outline-default-middlegreenyellow-button-border: rgba(65, 171, 52, 1);
  --color-botones-outline-pressed-middlegreenyellow-button-border: rgba(112, 209, 100, 1);
  --color-botones-solid-hover-middlegreenyellow-button-background: rgba(112, 209, 100, 1);
  --color-botones-outline-default-mediumseagreen-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-mediumseagreen-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-hover-middlegreenyellow-button-background: rgba(255, 255, 255, 0);
  --color-botones-solid-default-middlegreenyellow-button-background: rgba(65, 171, 52, 1);
  --color-botones-solid-pressed-middlegreenyellow-button-background: rgba(184, 241, 177, 1);
  --color-botones-outline-default-middlegreenyellow-button-background: rgba(255, 255, 255, 0);
  --color-botones-outline-pressed-middlegreenyellow-button-background: rgba(255, 255, 255, 0);

  /* --- radius --- */
  --border-radius-l: 20px;
  --border-radius-m: 16px;
  --border-radius-s: 12px;
  --border-radius-xl: 24px;
  --border-radius-xs: 8px;
  --border-radius-xxs: 4px;
  --border-radius-full: 999px;

  /* --- spacing --- */
  --size-l: 40px;
  --size-m: 32px;
  --size-s: 24px;
  --size-xl: 48px;
  --size-xs: 20px;
  --size-3xl: 80px;
  --size-4xl: 96px;
  --size-5xl: 112px;
  --size-6xl: 128px;
  --size-7xl: 144px;
  --size-8xl: 160px;
  --size-9xl: 192px;
  --size-xxl: 56px;
  --size-xxs: 16px;
  --size-10xl: 224px;
  --size-11xl: 256px;
  --size-12xl: 320px;
  --size-13xl: 400px;
  --size-14xl: 416px;
  --size-15xl: 432px;
  --size-16xl: 512px;
  --size-xxxs: 12px;
  --spacing-l: 24px;
  --spacing-m: 16px;
  --spacing-s: 12px;
  --size-xxs-8: 64px;
  --size-xxxxs: 8px;
  --spacing-xl: 32px;
  --spacing-xs: 8px;
  --border-thin: 1px;
  --grid-device: 375px;
  --grid-gutter: 16px;
  --motion-fast: 100px;
  --motion-slow: 400px;
  --size-xxxxxs: 4px;
  --spacing-2xl: 40px;
  --spacing-3xl: 48px;
  --spacing-4xl: 56px;
  --spacing-5xl: 64px;
  --spacing-6xl: 80px;
  --spacing-7xl: 96px;
  --spacing-8xl: 112px;
  --spacing-9xl: 128px;
  --spacing-xxs: 4px;
  --base-units-1: 1px;
  --base-units-2: 2px;
  --base-units-3: 3px;
  --base-units-4: 4px;
  --base-units-8: 8px;
  --border-thick: 3px;
  --spacing-xxxs: 2px;
  --base-units-12: 12px;
  --base-units-16: 16px;
  --base-units-20: 20px;
  --base-units-24: 24px;
  --base-units-32: 32px;
  --base-units-40: 40px;
  --base-units-48: 48px;
  --base-units-56: 56px;
  --base-units-64: 64px;
  --base-units-80: 80px;
  --base-units-96: 96px;
  --border-medium: 2px;
  --grid-columnas: 4px;
  --motion-medium: 200px;
  --base-units-112: 112px;
  --base-units-128: 128px;
  --base-units-144: 144px;
  --base-units-160: 160px;
  --base-units-192: 192px;
  --base-units-224: 224px;
  --base-units-256: 256px;
  --base-units-288: 288px;
  --base-units-320: 320px;
  --base-units-360: 360px;
  --base-units-375: 375px;
  --base-units-400: 400px;
  --base-units-416: 416px;
  --base-units-432: 432px;
  --base-units-448: 448px;
  --base-units-456: 456px;
  --base-units-480: 480px;
  --base-units-512: 512px;
  --base-units-536: 536px;
  --base-units-560: 560px;
  --base-units-584: 584px;
  --base-units-600: 600px;
  --base-units-624: 624px;
  --base-units-640: 640px;
  --base-units-688: 688px;
  --base-units-720: 720px;
  --base-units-768: 768px;
  --base-units-800: 800px;
  --base-units-999: 999px;
  --grid-min-width: 1280px;
  --base-units-1184: 1184px;
  --base-units-1280: 1280px;
  --base-units-1366: 1366px;
  --base-units-1440: 1440px;
  --grid-margin-vertical: 40px;
  --grid-margin-horizontal: 16px;
  --grid-max-width-content: 1184px;
  --typography-font-size-text-lg: 18px;
  --typography-font-size-text-md: 16px;
  --typography-font-size-text-sm: 14px;
  --typography-font-size-text-xl: 20px;
  --typography-font-size-text-xs: 12px;
  --typography-font-size-text-2xl: 24px;
  --typography-font-size-text-3xl: 28px;
  --typography-font-size-text-4xl: 32px;
  --typography-font-size-text-5xl: 40px;
  --typography-font-size-text-6xl: 48px;
  --typography-font-size-text-7xl: 56px;
  --typography-line-height-text-lg: 26px;
  --typography-line-height-text-md: 22px;
  --typography-line-height-text-sm: 18px;
  --typography-line-height-text-xl: 28px;
  --typography-line-height-text-xs: 16px;
  --typography-line-height-text-2xl: 32px;
  --typography-line-height-text-3xl: 36px;
  --typography-line-height-text-4xl: 40px;
  --typography-line-height-text-5xl: 48px;
  --typography-line-height-text-6xl: 56px;
  --typography-line-height-text-7xl: 64px;

  /* --- typography --- */
  --trigger: Selecciona tu región;
  --easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --easing-entrance: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-standard: ease-in-out;
  --ciudades-option-1: Región Metropolitana;
  --ciudades-option-2: Región de Coquimbo;
  --ciudades-option-3: Región de Valparaiso;
  --ciudades-option-4: Región del Maule;
  --typography-font-weight-bold: 700;
  --typography-font-weight-thin: 100;
  --typography-font-weight-light: 300;
  --typography-font-family-family: "Ubuntu Sans";
  --typography-font-weight-medium: 500;
  --typography-font-weight-regular: 400;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-extrabold: 800;
  --typography-font-weight-extralight: 200;

}

/* --- BASE STYLES --- */
body {
  font-family: var(--typography-font-family-family), system-ui, -apple-system, sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  color: var(--color-text-neutral-primary);
  background-color: var(--color-fill-background-gray);
}

/* --- UTILITY CLASSES --- */

.bg-fill-main-green { background-color: var(--color-fill-main-green); }
.text-fill-main-green { color: var(--color-fill-main-green); }
.border-fill-main-green { border-color: var(--color-fill-main-green); }

.bg-fill-soft-green { background-color: var(--color-fill-soft-green); }
.text-fill-soft-green { color: var(--color-fill-soft-green); }
.border-fill-soft-green { border-color: var(--color-fill-soft-green); }

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

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

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

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

.bg-fill-accent-green { background-color: var(--color-fill-accent-green); }
.text-fill-accent-green { color: var(--color-fill-accent-green); }
.border-fill-accent-green { border-color: var(--color-fill-accent-green); }

.bg-fill-subtle-green { background-color: var(--color-fill-subtle-green); }
.text-fill-subtle-green { color: var(--color-fill-subtle-green); }
.border-fill-subtle-green { border-color: var(--color-fill-subtle-green); }

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

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

.bg-colores-basic-gray { background-color: var(--color-colores-basic-gray); }
.text-colores-basic-gray { color: var(--color-colores-basic-gray); }
.border-colores-basic-gray { border-color: var(--color-colores-basic-gray); }

.bg-fill-emphasis-base { background-color: var(--color-fill-emphasis-base); }
.text-fill-emphasis-base { color: var(--color-fill-emphasis-base); }
.border-fill-emphasis-base { border-color: var(--color-fill-emphasis-base); }

.bg-fill-emphasis-soft { background-color: var(--color-fill-emphasis-soft); }
.text-fill-emphasis-soft { color: var(--color-fill-emphasis-soft); }
.border-fill-emphasis-soft { border-color: var(--color-fill-emphasis-soft); }

.bg-fill-main-royalbue { background-color: var(--color-fill-main-royalbue); }
.text-fill-main-royalbue { color: var(--color-fill-main-royalbue); }
.border-fill-main-royalbue { border-color: var(--color-fill-main-royalbue); }

.bg-fill-soft-royalbue { background-color: var(--color-fill-soft-royalbue); }
.text-fill-soft-royalbue { color: var(--color-fill-soft-royalbue); }
.border-fill-soft-royalbue { border-color: var(--color-fill-soft-royalbue); }

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

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

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

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

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

.bg-border-main-green-2 { background-color: var(--color-border-main-green-2); }
.text-border-main-green-2 { color: var(--color-border-main-green-2); }
.border-border-main-green-2 { border-color: var(--color-border-main-green-2); }

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

.bg-colores-basic-white { background-color: var(--color-colores-basic-white); }
.text-colores-basic-white { color: var(--color-colores-basic-white); }
.border-colores-basic-white { border-color: var(--color-colores-basic-white); }

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

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

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

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

.bg-colores-tec-beige-50 { background-color: var(--color-colores-tec-beige-50); }
.text-colores-tec-beige-50 { color: var(--color-colores-tec-beige-50); }
.border-colores-tec-beige-50 { border-color: var(--color-colores-tec-beige-50); }

.bg-fill-accent-royalbue { background-color: var(--color-fill-accent-royalbue); }
.text-fill-accent-royalbue { color: var(--color-fill-accent-royalbue); }
.border-fill-accent-royalbue { border-color: var(--color-fill-accent-royalbue); }

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

.bg-fill-emphasis-subtle { background-color: var(--color-fill-emphasis-subtle); }
.text-fill-emphasis-subtle { color: var(--color-fill-emphasis-subtle); }
.border-fill-emphasis-subtle { border-color: var(--color-fill-emphasis-subtle); }

.bg-fill-main-kellygreen { background-color: var(--color-fill-main-kellygreen); }
.text-fill-main-kellygreen { color: var(--color-fill-main-kellygreen); }
.border-fill-main-kellygreen { border-color: var(--color-fill-main-kellygreen); }

.bg-fill-neutral-inverse { background-color: var(--color-fill-neutral-inverse); }
.text-fill-neutral-inverse { color: var(--color-fill-neutral-inverse); }
.border-fill-neutral-inverse { border-color: var(--color-fill-neutral-inverse); }

.bg-fill-neutral-primary { background-color: var(--color-fill-neutral-primary); }
.text-fill-neutral-primary { color: var(--color-fill-neutral-primary); }
.border-fill-neutral-primary { border-color: var(--color-fill-neutral-primary); }

.bg-fill-soft-kellygreen { background-color: var(--color-fill-soft-kellygreen); }
.text-fill-soft-kellygreen { color: var(--color-fill-soft-kellygreen); }
.border-fill-soft-kellygreen { border-color: var(--color-fill-soft-kellygreen); }

.bg-fill-subtle-royalbue { background-color: var(--color-fill-subtle-royalbue); }
.text-fill-subtle-royalbue { color: var(--color-fill-subtle-royalbue); }
.border-fill-subtle-royalbue { border-color: var(--color-fill-subtle-royalbue); }

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

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

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

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

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

.bg-border-accent-green-2 { background-color: var(--color-border-accent-green-2); }
.text-border-accent-green-2 { color: var(--color-border-accent-green-2); }
.border-border-accent-green-2 { border-color: var(--color-border-accent-green-2); }

.bg-colores-rrss-whatsapp { background-color: var(--color-colores-rrss-whatsapp); }
.text-colores-rrss-whatsapp { color: var(--color-colores-rrss-whatsapp); }
.border-colores-rrss-whatsapp { border-color: var(--color-colores-rrss-whatsapp); }

.bg-colores-tec-beige-100 { background-color: var(--color-colores-tec-beige-100); }
.text-colores-tec-beige-100 { color: var(--color-colores-tec-beige-100); }
.border-colores-tec-beige-100 { border-color: var(--color-colores-tec-beige-100); }

.bg-colores-tec-beige-200 { background-color: var(--color-colores-tec-beige-200); }
.text-colores-tec-beige-200 { color: var(--color-colores-tec-beige-200); }
.border-colores-tec-beige-200 { border-color: var(--color-colores-tec-beige-200); }

.bg-colores-tec-beige-300 { background-color: var(--color-colores-tec-beige-300); }
.text-colores-tec-beige-300 { color: var(--color-colores-tec-beige-300); }
.border-colores-tec-beige-300 { border-color: var(--color-colores-tec-beige-300); }

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

.bg-fill-neutral-tertiary { background-color: var(--color-fill-neutral-tertiary); }
.text-fill-neutral-tertiary { color: var(--color-fill-neutral-tertiary); }
.border-fill-neutral-tertiary { border-color: var(--color-fill-neutral-tertiary); }

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

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

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

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

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

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

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

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

.bg-fill-accent-kellygreen { background-color: var(--color-fill-accent-kellygreen); }
.text-fill-accent-kellygreen { color: var(--color-fill-accent-kellygreen); }
.border-fill-accent-kellygreen { border-color: var(--color-fill-accent-kellygreen); }

.bg-fill-main-prussianblue { background-color: var(--color-fill-main-prussianblue); }
.text-fill-main-prussianblue { color: var(--color-fill-main-prussianblue); }
.border-fill-main-prussianblue { border-color: var(--color-fill-main-prussianblue); }

.bg-fill-neutral-secondary { background-color: var(--color-fill-neutral-secondary); }
.text-fill-neutral-secondary { color: var(--color-fill-neutral-secondary); }
.border-fill-neutral-secondary { border-color: var(--color-fill-neutral-secondary); }

.bg-fill-soft-prussianblue { background-color: var(--color-fill-soft-prussianblue); }
.text-fill-soft-prussianblue { color: var(--color-fill-soft-prussianblue); }
.border-fill-soft-prussianblue { border-color: var(--color-fill-soft-prussianblue); }

.bg-fill-subtle-kellygreen { background-color: var(--color-fill-subtle-kellygreen); }
.text-fill-subtle-kellygreen { color: var(--color-fill-subtle-kellygreen); }
.border-fill-subtle-kellygreen { border-color: var(--color-fill-subtle-kellygreen); }

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

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

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

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

.bg-fill-emphasis-base-blue { background-color: var(--color-fill-emphasis-base-blue); }
.text-fill-emphasis-base-blue { color: var(--color-fill-emphasis-base-blue); }
.border-fill-emphasis-base-blue { border-color: var(--color-fill-emphasis-base-blue); }

.bg-fill-identity-main-blue { background-color: var(--color-fill-identity-main-blue); }
.text-fill-identity-main-blue { color: var(--color-fill-identity-main-blue); }
.border-fill-identity-main-blue { border-color: var(--color-fill-identity-main-blue); }

.bg-fill-neutral-quaternary { background-color: var(--color-fill-neutral-quaternary); }
.text-fill-neutral-quaternary { color: var(--color-fill-neutral-quaternary); }
.border-fill-neutral-quaternary { border-color: var(--color-fill-neutral-quaternary); }

.bg-text-emphasis-base-blue { background-color: var(--color-text-emphasis-base-blue); }
.text-text-emphasis-base-blue { color: var(--color-text-emphasis-base-blue); }
.border-text-emphasis-base-blue { border-color: var(--color-text-emphasis-base-blue); }

.bg-text-identity-main-blue { background-color: var(--color-text-identity-main-blue); }
.text-text-identity-main-blue { color: var(--color-text-identity-main-blue); }
.border-text-identity-main-blue { border-color: var(--color-text-identity-main-blue); }

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

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

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

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

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

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

.bg-colores-tec-mintcream-50 { background-color: var(--color-colores-tec-mintcream-50); }
.text-colores-tec-mintcream-50 { color: var(--color-colores-tec-mintcream-50); }
.border-colores-tec-mintcream-50 { border-color: var(--color-colores-tec-mintcream-50); }

.bg-colores-tec-royalblue-50 { background-color: var(--color-colores-tec-royalblue-50); }
.text-colores-tec-royalblue-50 { color: var(--color-colores-tec-royalblue-50); }
.border-colores-tec-royalblue-50 { border-color: var(--color-colores-tec-royalblue-50); }

.bg-fill-accent-prussianblue { background-color: var(--color-fill-accent-prussianblue); }
.text-fill-accent-prussianblue { color: var(--color-fill-accent-prussianblue); }
.border-fill-accent-prussianblue { border-color: var(--color-fill-accent-prussianblue); }

.bg-fill-emphasis-base-green { background-color: var(--color-fill-emphasis-base-green); }
.text-fill-emphasis-base-green { color: var(--color-fill-emphasis-base-green); }
.border-fill-emphasis-base-green { border-color: var(--color-fill-emphasis-base-green); }

.bg-fill-identity-main-green { background-color: var(--color-fill-identity-main-green); }
.text-fill-identity-main-green { color: var(--color-fill-identity-main-green); }
.border-fill-identity-main-green { border-color: var(--color-fill-identity-main-green); }

.bg-fill-subtle-prussianblue { background-color: var(--color-fill-subtle-prussianblue); }
.text-fill-subtle-prussianblue { color: var(--color-fill-subtle-prussianblue); }
.border-fill-subtle-prussianblue { border-color: var(--color-fill-subtle-prussianblue); }

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

.bg-text-emphasis-base-green { background-color: var(--color-text-emphasis-base-green); }
.text-text-emphasis-base-green { color: var(--color-text-emphasis-base-green); }
.border-text-emphasis-base-green { border-color: var(--color-text-emphasis-base-green); }

.bg-text-identity-main-green { background-color: var(--color-text-identity-main-green); }
.text-text-identity-main-green { color: var(--color-text-identity-main-green); }
.border-text-identity-main-green { border-color: var(--color-text-identity-main-green); }

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

.bg-border-emphasis-base-blue { background-color: var(--color-border-emphasis-base-blue); }
.text-border-emphasis-base-blue { color: var(--color-border-emphasis-base-blue); }
.border-border-emphasis-base-blue { border-color: var(--color-border-emphasis-base-blue); }

.bg-border-identity-main-blue { background-color: var(--color-border-identity-main-blue); }
.text-border-identity-main-blue { color: var(--color-border-identity-main-blue); }
.border-border-identity-main-blue { border-color: var(--color-border-identity-main-blue); }

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

.bg-colores-abastible-blue-50 { background-color: var(--color-colores-abastible-blue-50); }
.text-colores-abastible-blue-50 { color: var(--color-colores-abastible-blue-50); }
.border-colores-abastible-blue-50 { border-color: var(--color-colores-abastible-blue-50); }

.bg-colores-tec-mintcream-100 { background-color: var(--color-colores-tec-mintcream-100); }
.text-colores-tec-mintcream-100 { color: var(--color-colores-tec-mintcream-100); }
.border-colores-tec-mintcream-100 { border-color: var(--color-colores-tec-mintcream-100); }

.bg-colores-tec-mintcream-200 { background-color: var(--color-colores-tec-mintcream-200); }
.text-colores-tec-mintcream-200 { color: var(--color-colores-tec-mintcream-200); }
.border-colores-tec-mintcream-200 { border-color: var(--color-colores-tec-mintcream-200); }

.bg-colores-tec-mintcream-300 { background-color: var(--color-colores-tec-mintcream-300); }
.text-colores-tec-mintcream-300 { color: var(--color-colores-tec-mintcream-300); }
.border-colores-tec-mintcream-300 { border-color: var(--color-colores-tec-mintcream-300); }

.bg-colores-tec-royalblue-100 { background-color: var(--color-colores-tec-royalblue-100); }
.text-colores-tec-royalblue-100 { color: var(--color-colores-tec-royalblue-100); }
.border-colores-tec-royalblue-100 { border-color: var(--color-colores-tec-royalblue-100); }

.bg-colores-tec-royalblue-200 { background-color: var(--color-colores-tec-royalblue-200); }
.text-colores-tec-royalblue-200 { color: var(--color-colores-tec-royalblue-200); }
.border-colores-tec-royalblue-200 { border-color: var(--color-colores-tec-royalblue-200); }

.bg-colores-tec-royalblue-300 { background-color: var(--color-colores-tec-royalblue-300); }
.text-colores-tec-royalblue-300 { color: var(--color-colores-tec-royalblue-300); }
.border-colores-tec-royalblue-300 { border-color: var(--color-colores-tec-royalblue-300); }

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

.bg-fill-emphasis-base-orange { background-color: var(--color-fill-emphasis-base-orange); }
.text-fill-emphasis-base-orange { color: var(--color-fill-emphasis-base-orange); }
.border-fill-emphasis-base-orange { border-color: var(--color-fill-emphasis-base-orange); }

.bg-fill-emphasis-strong-blue { background-color: var(--color-fill-emphasis-strong-blue); }
.text-fill-emphasis-strong-blue { color: var(--color-fill-emphasis-strong-blue); }
.border-fill-emphasis-strong-blue { border-color: var(--color-fill-emphasis-strong-blue); }

.bg-fill-emphasis-subtle-blue { background-color: var(--color-fill-emphasis-subtle-blue); }
.text-fill-emphasis-subtle-blue { color: var(--color-fill-emphasis-subtle-blue); }
.border-fill-emphasis-subtle-blue { border-color: var(--color-fill-emphasis-subtle-blue); }

.bg-fill-functional-soft-blue { background-color: var(--color-fill-functional-soft-blue); }
.text-fill-functional-soft-blue { color: var(--color-fill-functional-soft-blue); }
.border-fill-functional-soft-blue { border-color: var(--color-fill-functional-soft-blue); }

.bg-fill-functional-soft-info { background-color: var(--color-fill-functional-soft-info); }
.text-fill-functional-soft-info { color: var(--color-fill-functional-soft-info); }
.border-fill-functional-soft-info { border-color: var(--color-fill-functional-soft-info); }

.bg-fill-identity-accent-blue { background-color: var(--color-fill-identity-accent-blue); }
.text-fill-identity-accent-blue { color: var(--color-fill-identity-accent-blue); }
.border-fill-identity-accent-blue { border-color: var(--color-fill-identity-accent-blue); }

.bg-fill-identity-main-orange { background-color: var(--color-fill-identity-main-orange); }
.text-fill-identity-main-orange { color: var(--color-fill-identity-main-orange); }
.border-fill-identity-main-orange { border-color: var(--color-fill-identity-main-orange); }

.bg-text-emphasis-base-orange { background-color: var(--color-text-emphasis-base-orange); }
.text-text-emphasis-base-orange { color: var(--color-text-emphasis-base-orange); }
.border-text-emphasis-base-orange { border-color: var(--color-text-emphasis-base-orange); }

.bg-text-emphasis-strong-blue { background-color: var(--color-text-emphasis-strong-blue); }
.text-text-emphasis-strong-blue { color: var(--color-text-emphasis-strong-blue); }
.border-text-emphasis-strong-blue { border-color: var(--color-text-emphasis-strong-blue); }

.bg-text-emphasis-subtle-blue { background-color: var(--color-text-emphasis-subtle-blue); }
.text-text-emphasis-subtle-blue { color: var(--color-text-emphasis-subtle-blue); }
.border-text-emphasis-subtle-blue { border-color: var(--color-text-emphasis-subtle-blue); }

.bg-text-functional-soft-blue { background-color: var(--color-text-functional-soft-blue); }
.text-text-functional-soft-blue { color: var(--color-text-functional-soft-blue); }
.border-text-functional-soft-blue { border-color: var(--color-text-functional-soft-blue); }

.bg-text-functional-soft-info { background-color: var(--color-text-functional-soft-info); }
.text-text-functional-soft-info { color: var(--color-text-functional-soft-info); }
.border-text-functional-soft-info { border-color: var(--color-text-functional-soft-info); }

.bg-text-identity-accent-blue { background-color: var(--color-text-identity-accent-blue); }
.text-text-identity-accent-blue { color: var(--color-text-identity-accent-blue); }
.border-text-identity-accent-blue { border-color: var(--color-text-identity-accent-blue); }

.bg-text-identity-main-orange { background-color: var(--color-text-identity-main-orange); }
.text-text-identity-main-orange { color: var(--color-text-identity-main-orange); }
.border-text-identity-main-orange { border-color: var(--color-text-identity-main-orange); }

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

.bg-border-emphasis-base-green { background-color: var(--color-border-emphasis-base-green); }
.text-border-emphasis-base-green { color: var(--color-border-emphasis-base-green); }
.border-border-emphasis-base-green { border-color: var(--color-border-emphasis-base-green); }

.bg-border-identity-main-green { background-color: var(--color-border-identity-main-green); }
.text-border-identity-main-green { color: var(--color-border-identity-main-green); }
.border-border-identity-main-green { border-color: var(--color-border-identity-main-green); }

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

.bg-colores-abastible-black-50 { background-color: var(--color-colores-abastible-black-50); }
.text-colores-abastible-black-50 { color: var(--color-colores-abastible-black-50); }
.border-colores-abastible-black-50 { border-color: var(--color-colores-abastible-black-50); }

.bg-colores-abastible-blue-100 { background-color: var(--color-colores-abastible-blue-100); }
.text-colores-abastible-blue-100 { color: var(--color-colores-abastible-blue-100); }
.border-colores-abastible-blue-100 { border-color: var(--color-colores-abastible-blue-100); }

.bg-colores-abastible-blue-200 { background-color: var(--color-colores-abastible-blue-200); }
.text-colores-abastible-blue-200 { color: var(--color-colores-abastible-blue-200); }
.border-colores-abastible-blue-200 { border-color: var(--color-colores-abastible-blue-200); }

.bg-colores-abastible-blue-300 { background-color: var(--color-colores-abastible-blue-300); }
.text-colores-abastible-blue-300 { color: var(--color-colores-abastible-blue-300); }
.border-colores-abastible-blue-300 { border-color: var(--color-colores-abastible-blue-300); }

.bg-colores-abastible-blue-400 { background-color: var(--color-colores-abastible-blue-400); }
.text-colores-abastible-blue-400 { color: var(--color-colores-abastible-blue-400); }
.border-colores-abastible-blue-400 { border-color: var(--color-colores-abastible-blue-400); }

.bg-colores-abastible-blue-500 { background-color: var(--color-colores-abastible-blue-500); }
.text-colores-abastible-blue-500 { color: var(--color-colores-abastible-blue-500); }
.border-colores-abastible-blue-500 { border-color: var(--color-colores-abastible-blue-500); }

.bg-colores-abastible-blue-600 { background-color: var(--color-colores-abastible-blue-600); }
.text-colores-abastible-blue-600 { color: var(--color-colores-abastible-blue-600); }
.border-colores-abastible-blue-600 { border-color: var(--color-colores-abastible-blue-600); }

.bg-colores-abastible-blue-700 { background-color: var(--color-colores-abastible-blue-700); }
.text-colores-abastible-blue-700 { color: var(--color-colores-abastible-blue-700); }
.border-colores-abastible-blue-700 { border-color: var(--color-colores-abastible-blue-700); }

.bg-colores-abastible-blue-800 { background-color: var(--color-colores-abastible-blue-800); }
.text-colores-abastible-blue-800 { color: var(--color-colores-abastible-blue-800); }
.border-colores-abastible-blue-800 { border-color: var(--color-colores-abastible-blue-800); }

.bg-colores-abastible-blue-900 { background-color: var(--color-colores-abastible-blue-900); }
.text-colores-abastible-blue-900 { color: var(--color-colores-abastible-blue-900); }
.border-colores-abastible-blue-900 { border-color: var(--color-colores-abastible-blue-900); }

.bg-colores-abastible-green-50 { background-color: var(--color-colores-abastible-green-50); }
.text-colores-abastible-green-50 { color: var(--color-colores-abastible-green-50); }
.border-colores-abastible-green-50 { border-color: var(--color-colores-abastible-green-50); }

.bg-colores-basic-transparente { background-color: var(--color-colores-basic-transparente); }
.text-colores-basic-transparente { color: var(--color-colores-basic-transparente); }
.border-colores-basic-transparente { border-color: var(--color-colores-basic-transparente); }

.bg-fill-emphasis-strong-green { background-color: var(--color-fill-emphasis-strong-green); }
.text-fill-emphasis-strong-green { color: var(--color-fill-emphasis-strong-green); }
.border-fill-emphasis-strong-green { border-color: var(--color-fill-emphasis-strong-green); }

.bg-fill-emphasis-subtle-green { background-color: var(--color-fill-emphasis-subtle-green); }
.text-fill-emphasis-subtle-green { color: var(--color-fill-emphasis-subtle-green); }
.border-fill-emphasis-subtle-green { border-color: var(--color-fill-emphasis-subtle-green); }

.bg-fill-functional-soft-error { background-color: var(--color-fill-functional-soft-error); }
.text-fill-functional-soft-error { color: var(--color-fill-functional-soft-error); }
.border-fill-functional-soft-error { border-color: var(--color-fill-functional-soft-error); }

.bg-fill-functional-soft-green { background-color: var(--color-fill-functional-soft-green); }
.text-fill-functional-soft-green { color: var(--color-fill-functional-soft-green); }
.border-fill-functional-soft-green { border-color: var(--color-fill-functional-soft-green); }

.bg-fill-identity-accent-green { background-color: var(--color-fill-identity-accent-green); }
.text-fill-identity-accent-green { color: var(--color-fill-identity-accent-green); }
.border-fill-identity-accent-green { border-color: var(--color-fill-identity-accent-green); }

.bg-fill-special-disabled-soft { background-color: var(--color-fill-special-disabled-soft); }
.text-fill-special-disabled-soft { color: var(--color-fill-special-disabled-soft); }
.border-fill-special-disabled-soft { border-color: var(--color-fill-special-disabled-soft); }

.bg-text-emphasis-strong-green { background-color: var(--color-text-emphasis-strong-green); }
.text-text-emphasis-strong-green { color: var(--color-text-emphasis-strong-green); }
.border-text-emphasis-strong-green { border-color: var(--color-text-emphasis-strong-green); }

.bg-text-emphasis-subtle-green { background-color: var(--color-text-emphasis-subtle-green); }
.text-text-emphasis-subtle-green { color: var(--color-text-emphasis-subtle-green); }
.border-text-emphasis-subtle-green { border-color: var(--color-text-emphasis-subtle-green); }

.bg-text-functional-soft-error { background-color: var(--color-text-functional-soft-error); }
.text-text-functional-soft-error { color: var(--color-text-functional-soft-error); }
.border-text-functional-soft-error { border-color: var(--color-text-functional-soft-error); }

.bg-text-functional-soft-green { background-color: var(--color-text-functional-soft-green); }
.text-text-functional-soft-green { color: var(--color-text-functional-soft-green); }
.border-text-functional-soft-green { border-color: var(--color-text-functional-soft-green); }

.bg-text-identity-accent-green { background-color: var(--color-text-identity-accent-green); }
.text-text-identity-accent-green { color: var(--color-text-identity-accent-green); }
.border-text-identity-accent-green { border-color: var(--color-text-identity-accent-green); }

.bg-text-special-disabled-soft { background-color: var(--color-text-special-disabled-soft); }
.text-text-special-disabled-soft { color: var(--color-text-special-disabled-soft); }
.border-text-special-disabled-soft { border-color: var(--color-text-special-disabled-soft); }

.bg-border-emphasis-base-orange { background-color: var(--color-border-emphasis-base-orange); }
.text-border-emphasis-base-orange { color: var(--color-border-emphasis-base-orange); }
.border-border-emphasis-base-orange { border-color: var(--color-border-emphasis-base-orange); }

.bg-border-emphasis-strong-blue { background-color: var(--color-border-emphasis-strong-blue); }
.text-border-emphasis-strong-blue { color: var(--color-border-emphasis-strong-blue); }
.border-border-emphasis-strong-blue { border-color: var(--color-border-emphasis-strong-blue); }

.bg-border-emphasis-subtle-blue { background-color: var(--color-border-emphasis-subtle-blue); }
.text-border-emphasis-subtle-blue { color: var(--color-border-emphasis-subtle-blue); }
.border-border-emphasis-subtle-blue { border-color: var(--color-border-emphasis-subtle-blue); }

.bg-border-functional-soft-blue { background-color: var(--color-border-functional-soft-blue); }
.text-border-functional-soft-blue { color: var(--color-border-functional-soft-blue); }
.border-border-functional-soft-blue { border-color: var(--color-border-functional-soft-blue); }

.bg-border-functional-soft-info { background-color: var(--color-border-functional-soft-info); }
.text-border-functional-soft-info { color: var(--color-border-functional-soft-info); }
.border-border-functional-soft-info { border-color: var(--color-border-functional-soft-info); }

.bg-border-identity-accent-blue { background-color: var(--color-border-identity-accent-blue); }
.text-border-identity-accent-blue { color: var(--color-border-identity-accent-blue); }
.border-border-identity-accent-blue { border-color: var(--color-border-identity-accent-blue); }

.bg-border-identity-main-orange { background-color: var(--color-border-identity-main-orange); }
.text-border-identity-main-orange { color: var(--color-border-identity-main-orange); }
.border-border-identity-main-orange { border-color: var(--color-border-identity-main-orange); }

.bg-colores-abastible-black-100 { background-color: var(--color-colores-abastible-black-100); }
.text-colores-abastible-black-100 { color: var(--color-colores-abastible-black-100); }
.border-colores-abastible-black-100 { border-color: var(--color-colores-abastible-black-100); }

.bg-colores-abastible-black-200 { background-color: var(--color-colores-abastible-black-200); }
.text-colores-abastible-black-200 { color: var(--color-colores-abastible-black-200); }
.border-colores-abastible-black-200 { border-color: var(--color-colores-abastible-black-200); }

.bg-colores-abastible-black-300 { background-color: var(--color-colores-abastible-black-300); }
.text-colores-abastible-black-300 { color: var(--color-colores-abastible-black-300); }
.border-colores-abastible-black-300 { border-color: var(--color-colores-abastible-black-300); }

.bg-colores-abastible-black-400 { background-color: var(--color-colores-abastible-black-400); }
.text-colores-abastible-black-400 { color: var(--color-colores-abastible-black-400); }
.border-colores-abastible-black-400 { border-color: var(--color-colores-abastible-black-400); }

.bg-colores-abastible-black-500 { background-color: var(--color-colores-abastible-black-500); }
.text-colores-abastible-black-500 { color: var(--color-colores-abastible-black-500); }
.border-colores-abastible-black-500 { border-color: var(--color-colores-abastible-black-500); }

.bg-colores-abastible-black-600 { background-color: var(--color-colores-abastible-black-600); }
.text-colores-abastible-black-600 { color: var(--color-colores-abastible-black-600); }
.border-colores-abastible-black-600 { border-color: var(--color-colores-abastible-black-600); }

.bg-colores-abastible-black-700 { background-color: var(--color-colores-abastible-black-700); }
.text-colores-abastible-black-700 { color: var(--color-colores-abastible-black-700); }
.border-colores-abastible-black-700 { border-color: var(--color-colores-abastible-black-700); }

.bg-colores-abastible-black-800 { background-color: var(--color-colores-abastible-black-800); }
.text-colores-abastible-black-800 { color: var(--color-colores-abastible-black-800); }
.border-colores-abastible-black-800 { border-color: var(--color-colores-abastible-black-800); }

.bg-colores-abastible-black-900 { background-color: var(--color-colores-abastible-black-900); }
.text-colores-abastible-black-900 { color: var(--color-colores-abastible-black-900); }
.border-colores-abastible-black-900 { border-color: var(--color-colores-abastible-black-900); }

.bg-colores-abastible-green-100 { background-color: var(--color-colores-abastible-green-100); }
.text-colores-abastible-green-100 { color: var(--color-colores-abastible-green-100); }
.border-colores-abastible-green-100 { border-color: var(--color-colores-abastible-green-100); }

.bg-colores-abastible-green-200 { background-color: var(--color-colores-abastible-green-200); }
.text-colores-abastible-green-200 { color: var(--color-colores-abastible-green-200); }
.border-colores-abastible-green-200 { border-color: var(--color-colores-abastible-green-200); }

.bg-colores-abastible-green-300 { background-color: var(--color-colores-abastible-green-300); }
.text-colores-abastible-green-300 { color: var(--color-colores-abastible-green-300); }
.border-colores-abastible-green-300 { border-color: var(--color-colores-abastible-green-300); }

.bg-colores-abastible-green-400 { background-color: var(--color-colores-abastible-green-400); }
.text-colores-abastible-green-400 { color: var(--color-colores-abastible-green-400); }
.border-colores-abastible-green-400 { border-color: var(--color-colores-abastible-green-400); }

.bg-colores-abastible-green-500 { background-color: var(--color-colores-abastible-green-500); }
.text-colores-abastible-green-500 { color: var(--color-colores-abastible-green-500); }
.border-colores-abastible-green-500 { border-color: var(--color-colores-abastible-green-500); }

.bg-colores-abastible-green-600 { background-color: var(--color-colores-abastible-green-600); }
.text-colores-abastible-green-600 { color: var(--color-colores-abastible-green-600); }
.border-colores-abastible-green-600 { border-color: var(--color-colores-abastible-green-600); }

.bg-colores-abastible-green-700 { background-color: var(--color-colores-abastible-green-700); }
.text-colores-abastible-green-700 { color: var(--color-colores-abastible-green-700); }
.border-colores-abastible-green-700 { border-color: var(--color-colores-abastible-green-700); }

.bg-colores-abastible-green-800 { background-color: var(--color-colores-abastible-green-800); }
.text-colores-abastible-green-800 { color: var(--color-colores-abastible-green-800); }
.border-colores-abastible-green-800 { border-color: var(--color-colores-abastible-green-800); }

.bg-colores-abastible-green-900 { background-color: var(--color-colores-abastible-green-900); }
.text-colores-abastible-green-900 { color: var(--color-colores-abastible-green-900); }
.border-colores-abastible-green-900 { border-color: var(--color-colores-abastible-green-900); }

.bg-colores-abastible-orange-50 { background-color: var(--color-colores-abastible-orange-50); }
.text-colores-abastible-orange-50 { color: var(--color-colores-abastible-orange-50); }
.border-colores-abastible-orange-50 { border-color: var(--color-colores-abastible-orange-50); }

.bg-fill-emphasis-strong-orange { background-color: var(--color-fill-emphasis-strong-orange); }
.text-fill-emphasis-strong-orange { color: var(--color-fill-emphasis-strong-orange); }
.border-fill-emphasis-strong-orange { border-color: var(--color-fill-emphasis-strong-orange); }

.bg-fill-emphasis-subtle-orange { background-color: var(--color-fill-emphasis-subtle-orange); }
.text-fill-emphasis-subtle-orange { color: var(--color-fill-emphasis-subtle-orange); }
.border-fill-emphasis-subtle-orange { border-color: var(--color-fill-emphasis-subtle-orange); }

.bg-fill-functional-soft-orange { background-color: var(--color-fill-functional-soft-orange); }
.text-fill-functional-soft-orange { color: var(--color-fill-functional-soft-orange); }
.border-fill-functional-soft-orange { border-color: var(--color-fill-functional-soft-orange); }

.bg-fill-functional-subtle-blue { background-color: var(--color-fill-functional-subtle-blue); }
.text-fill-functional-subtle-blue { color: var(--color-fill-functional-subtle-blue); }
.border-fill-functional-subtle-blue { border-color: var(--color-fill-functional-subtle-blue); }

.bg-fill-functional-subtle-info { background-color: var(--color-fill-functional-subtle-info); }
.text-fill-functional-subtle-info { color: var(--color-fill-functional-subtle-info); }
.border-fill-functional-subtle-info { border-color: var(--color-fill-functional-subtle-info); }

.bg-fill-identity-accent-orange { background-color: var(--color-fill-identity-accent-orange); }
.text-fill-identity-accent-orange { color: var(--color-fill-identity-accent-orange); }
.border-fill-identity-accent-orange { border-color: var(--color-fill-identity-accent-orange); }

.bg-fill-main-middlegreenyellow { background-color: var(--color-fill-main-middlegreenyellow); }
.text-fill-main-middlegreenyellow { color: var(--color-fill-main-middlegreenyellow); }
.border-fill-main-middlegreenyellow { border-color: var(--color-fill-main-middlegreenyellow); }

.bg-fill-soft-middlegreenyellow { background-color: var(--color-fill-soft-middlegreenyellow); }
.text-fill-soft-middlegreenyellow { color: var(--color-fill-soft-middlegreenyellow); }
.border-fill-soft-middlegreenyellow { border-color: var(--color-fill-soft-middlegreenyellow); }

.bg-text-emphasis-strong-orange { background-color: var(--color-text-emphasis-strong-orange); }
.text-text-emphasis-strong-orange { color: var(--color-text-emphasis-strong-orange); }
.border-text-emphasis-strong-orange { border-color: var(--color-text-emphasis-strong-orange); }

.bg-text-emphasis-subtle-orange { background-color: var(--color-text-emphasis-subtle-orange); }
.text-text-emphasis-subtle-orange { color: var(--color-text-emphasis-subtle-orange); }
.border-text-emphasis-subtle-orange { border-color: var(--color-text-emphasis-subtle-orange); }

.bg-text-functional-soft-orange { background-color: var(--color-text-functional-soft-orange); }
.text-text-functional-soft-orange { color: var(--color-text-functional-soft-orange); }
.border-text-functional-soft-orange { border-color: var(--color-text-functional-soft-orange); }

.bg-text-functional-subtle-blue { background-color: var(--color-text-functional-subtle-blue); }
.text-text-functional-subtle-blue { color: var(--color-text-functional-subtle-blue); }
.border-text-functional-subtle-blue { border-color: var(--color-text-functional-subtle-blue); }

.bg-text-functional-subtle-info { background-color: var(--color-text-functional-subtle-info); }
.text-text-functional-subtle-info { color: var(--color-text-functional-subtle-info); }
.border-text-functional-subtle-info { border-color: var(--color-text-functional-subtle-info); }

.bg-text-identity-accent-orange { background-color: var(--color-text-identity-accent-orange); }
.text-text-identity-accent-orange { color: var(--color-text-identity-accent-orange); }
.border-text-identity-accent-orange { border-color: var(--color-text-identity-accent-orange); }

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

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

.bg-border-emphasis-strong-green { background-color: var(--color-border-emphasis-strong-green); }
.text-border-emphasis-strong-green { color: var(--color-border-emphasis-strong-green); }
.border-border-emphasis-strong-green { border-color: var(--color-border-emphasis-strong-green); }

.bg-border-emphasis-subtle-green { background-color: var(--color-border-emphasis-subtle-green); }
.text-border-emphasis-subtle-green { color: var(--color-border-emphasis-subtle-green); }
.border-border-emphasis-subtle-green { border-color: var(--color-border-emphasis-subtle-green); }

.bg-border-functional-soft-error { background-color: var(--color-border-functional-soft-error); }
.text-border-functional-soft-error { color: var(--color-border-functional-soft-error); }
.border-border-functional-soft-error { border-color: var(--color-border-functional-soft-error); }

.bg-border-functional-soft-green { background-color: var(--color-border-functional-soft-green); }
.text-border-functional-soft-green { color: var(--color-border-functional-soft-green); }
.border-border-functional-soft-green { border-color: var(--color-border-functional-soft-green); }

.bg-border-identity-accent-green { background-color: var(--color-border-identity-accent-green); }
.text-border-identity-accent-green { color: var(--color-border-identity-accent-green); }
.border-border-identity-accent-green { border-color: var(--color-border-identity-accent-green); }

.bg-border-special-disabled-soft { background-color: var(--color-border-special-disabled-soft); }
.text-border-special-disabled-soft { color: var(--color-border-special-disabled-soft); }
.border-border-special-disabled-soft { border-color: var(--color-border-special-disabled-soft); }

.bg-colores-abastible-orange-100 { background-color: var(--color-colores-abastible-orange-100); }
.text-colores-abastible-orange-100 { color: var(--color-colores-abastible-orange-100); }
.border-colores-abastible-orange-100 { border-color: var(--color-colores-abastible-orange-100); }

.bg-colores-abastible-orange-200 { background-color: var(--color-colores-abastible-orange-200); }
.text-colores-abastible-orange-200 { color: var(--color-colores-abastible-orange-200); }
.border-colores-abastible-orange-200 { border-color: var(--color-colores-abastible-orange-200); }

.bg-colores-abastible-orange-300 { background-color: var(--color-colores-abastible-orange-300); }
.text-colores-abastible-orange-300 { color: var(--color-colores-abastible-orange-300); }
.border-colores-abastible-orange-300 { border-color: var(--color-colores-abastible-orange-300); }

.bg-colores-abastible-orange-400 { background-color: var(--color-colores-abastible-orange-400); }
.text-colores-abastible-orange-400 { color: var(--color-colores-abastible-orange-400); }
.border-colores-abastible-orange-400 { border-color: var(--color-colores-abastible-orange-400); }

.bg-colores-abastible-orange-500 { background-color: var(--color-colores-abastible-orange-500); }
.text-colores-abastible-orange-500 { color: var(--color-colores-abastible-orange-500); }
.border-colores-abastible-orange-500 { border-color: var(--color-colores-abastible-orange-500); }

.bg-colores-abastible-orange-600 { background-color: var(--color-colores-abastible-orange-600); }
.text-colores-abastible-orange-600 { color: var(--color-colores-abastible-orange-600); }
.border-colores-abastible-orange-600 { border-color: var(--color-colores-abastible-orange-600); }

.bg-colores-abastible-orange-700 { background-color: var(--color-colores-abastible-orange-700); }
.text-colores-abastible-orange-700 { color: var(--color-colores-abastible-orange-700); }
.border-colores-abastible-orange-700 { border-color: var(--color-colores-abastible-orange-700); }

.bg-colores-abastible-orange-800 { background-color: var(--color-colores-abastible-orange-800); }
.text-colores-abastible-orange-800 { color: var(--color-colores-abastible-orange-800); }
.border-colores-abastible-orange-800 { border-color: var(--color-colores-abastible-orange-800); }

.bg-colores-abastible-orange-900 { background-color: var(--color-colores-abastible-orange-900); }
.text-colores-abastible-orange-900 { color: var(--color-colores-abastible-orange-900); }
.border-colores-abastible-orange-900 { border-color: var(--color-colores-abastible-orange-900); }

.bg-fill-functional-soft-success { background-color: var(--color-fill-functional-soft-success); }
.text-fill-functional-soft-success { color: var(--color-fill-functional-soft-success); }
.border-fill-functional-soft-success { border-color: var(--color-fill-functional-soft-success); }

.bg-fill-functional-soft-warning { background-color: var(--color-fill-functional-soft-warning); }
.text-fill-functional-soft-warning { color: var(--color-fill-functional-soft-warning); }
.border-fill-functional-soft-warning { border-color: var(--color-fill-functional-soft-warning); }

.bg-fill-functional-subtle-error { background-color: var(--color-fill-functional-subtle-error); }
.text-fill-functional-subtle-error { color: var(--color-fill-functional-subtle-error); }
.border-fill-functional-subtle-error { border-color: var(--color-fill-functional-subtle-error); }

.bg-fill-functional-subtle-green { background-color: var(--color-fill-functional-subtle-green); }
.text-fill-functional-subtle-green { color: var(--color-fill-functional-subtle-green); }
.border-fill-functional-subtle-green { border-color: var(--color-fill-functional-subtle-green); }

.bg-fill-functional-surface-blue { background-color: var(--color-fill-functional-surface-blue); }
.text-fill-functional-surface-blue { color: var(--color-fill-functional-surface-blue); }
.border-fill-functional-surface-blue { border-color: var(--color-fill-functional-surface-blue); }

.bg-fill-functional-surface-info { background-color: var(--color-fill-functional-surface-info); }
.text-fill-functional-surface-info { color: var(--color-fill-functional-surface-info); }
.border-fill-functional-surface-info { border-color: var(--color-fill-functional-surface-info); }

.bg-fill-special-disabled-subtle { background-color: var(--color-fill-special-disabled-subtle); }
.text-fill-special-disabled-subtle { color: var(--color-fill-special-disabled-subtle); }
.border-fill-special-disabled-subtle { border-color: var(--color-fill-special-disabled-subtle); }

.bg-text-functional-soft-success { background-color: var(--color-text-functional-soft-success); }
.text-text-functional-soft-success { color: var(--color-text-functional-soft-success); }
.border-text-functional-soft-success { border-color: var(--color-text-functional-soft-success); }

.bg-text-functional-soft-warning { background-color: var(--color-text-functional-soft-warning); }
.text-text-functional-soft-warning { color: var(--color-text-functional-soft-warning); }
.border-text-functional-soft-warning { border-color: var(--color-text-functional-soft-warning); }

.bg-text-functional-subtle-error { background-color: var(--color-text-functional-subtle-error); }
.text-text-functional-subtle-error { color: var(--color-text-functional-subtle-error); }
.border-text-functional-subtle-error { border-color: var(--color-text-functional-subtle-error); }

.bg-text-functional-subtle-green { background-color: var(--color-text-functional-subtle-green); }
.text-text-functional-subtle-green { color: var(--color-text-functional-subtle-green); }
.border-text-functional-subtle-green { border-color: var(--color-text-functional-subtle-green); }

.bg-text-functional-surface-blue { background-color: var(--color-text-functional-surface-blue); }
.text-text-functional-surface-blue { color: var(--color-text-functional-surface-blue); }
.border-text-functional-surface-blue { border-color: var(--color-text-functional-surface-blue); }

.bg-text-functional-surface-info { background-color: var(--color-text-functional-surface-info); }
.text-text-functional-surface-info { color: var(--color-text-functional-surface-info); }
.border-text-functional-surface-info { border-color: var(--color-text-functional-surface-info); }

.bg-text-special-disabled-subtle { background-color: var(--color-text-special-disabled-subtle); }
.text-text-special-disabled-subtle { color: var(--color-text-special-disabled-subtle); }
.border-text-special-disabled-subtle { border-color: var(--color-text-special-disabled-subtle); }

.bg-border-emphasis-strong-orange { background-color: var(--color-border-emphasis-strong-orange); }
.text-border-emphasis-strong-orange { color: var(--color-border-emphasis-strong-orange); }
.border-border-emphasis-strong-orange { border-color: var(--color-border-emphasis-strong-orange); }

.bg-border-emphasis-subtle-orange { background-color: var(--color-border-emphasis-subtle-orange); }
.text-border-emphasis-subtle-orange { color: var(--color-border-emphasis-subtle-orange); }
.border-border-emphasis-subtle-orange { border-color: var(--color-border-emphasis-subtle-orange); }

.bg-border-functional-soft-orange { background-color: var(--color-border-functional-soft-orange); }
.text-border-functional-soft-orange { color: var(--color-border-functional-soft-orange); }
.border-border-functional-soft-orange { border-color: var(--color-border-functional-soft-orange); }

.bg-border-functional-subtle-blue { background-color: var(--color-border-functional-subtle-blue); }
.text-border-functional-subtle-blue { color: var(--color-border-functional-subtle-blue); }
.border-border-functional-subtle-blue { border-color: var(--color-border-functional-subtle-blue); }

.bg-border-functional-subtle-info { background-color: var(--color-border-functional-subtle-info); }
.text-border-functional-subtle-info { color: var(--color-border-functional-subtle-info); }
.border-border-functional-subtle-info { border-color: var(--color-border-functional-subtle-info); }

.bg-border-identity-accent-orange { background-color: var(--color-border-identity-accent-orange); }
.text-border-identity-accent-orange { color: var(--color-border-identity-accent-orange); }
.border-border-identity-accent-orange { border-color: var(--color-border-identity-accent-orange); }

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

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

.bg-colores-effitec-kellygreen-50 { background-color: var(--color-colores-effitec-kellygreen-50); }
.text-colores-effitec-kellygreen-50 { color: var(--color-colores-effitec-kellygreen-50); }
.border-colores-effitec-kellygreen-50 { border-color: var(--color-colores-effitec-kellygreen-50); }

.bg-colores-tec-mediumseagreen-50 { background-color: var(--color-colores-tec-mediumseagreen-50); }
.text-colores-tec-mediumseagreen-50 { color: var(--color-colores-tec-mediumseagreen-50); }
.border-colores-tec-mediumseagreen-50 { border-color: var(--color-colores-tec-mediumseagreen-50); }

.bg-fill-accent-middlegreenyellow { background-color: var(--color-fill-accent-middlegreenyellow); }
.text-fill-accent-middlegreenyellow { color: var(--color-fill-accent-middlegreenyellow); }
.border-fill-accent-middlegreenyellow { border-color: var(--color-fill-accent-middlegreenyellow); }

.bg-fill-functional-subtle-orange { background-color: var(--color-fill-functional-subtle-orange); }
.text-fill-functional-subtle-orange { color: var(--color-fill-functional-subtle-orange); }
.border-fill-functional-subtle-orange { border-color: var(--color-fill-functional-subtle-orange); }

.bg-fill-functional-surface-error { background-color: var(--color-fill-functional-surface-error); }
.text-fill-functional-surface-error { color: var(--color-fill-functional-surface-error); }
.border-fill-functional-surface-error { border-color: var(--color-fill-functional-surface-error); }

.bg-fill-functional-surface-green { background-color: var(--color-fill-functional-surface-green); }
.text-fill-functional-surface-green { color: var(--color-fill-functional-surface-green); }
.border-fill-functional-surface-green { border-color: var(--color-fill-functional-surface-green); }

.bg-fill-subtle-middlegreenyellow { background-color: var(--color-fill-subtle-middlegreenyellow); }
.text-fill-subtle-middlegreenyellow { color: var(--color-fill-subtle-middlegreenyellow); }
.border-fill-subtle-middlegreenyellow { border-color: var(--color-fill-subtle-middlegreenyellow); }

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

.bg-text-functional-subtle-orange { background-color: var(--color-text-functional-subtle-orange); }
.text-text-functional-subtle-orange { color: var(--color-text-functional-subtle-orange); }
.border-text-functional-subtle-orange { border-color: var(--color-text-functional-subtle-orange); }

.bg-text-functional-surface-error { background-color: var(--color-text-functional-surface-error); }
.text-text-functional-surface-error { color: var(--color-text-functional-surface-error); }
.border-text-functional-surface-error { border-color: var(--color-text-functional-surface-error); }

.bg-text-functional-surface-green { background-color: var(--color-text-functional-surface-green); }
.text-text-functional-surface-green { color: var(--color-text-functional-surface-green); }
.border-text-functional-surface-green { border-color: var(--color-text-functional-surface-green); }

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

.bg-border-functional-soft-success { background-color: var(--color-border-functional-soft-success); }
.text-border-functional-soft-success { color: var(--color-border-functional-soft-success); }
.border-border-functional-soft-success { border-color: var(--color-border-functional-soft-success); }

.bg-border-functional-soft-warning { background-color: var(--color-border-functional-soft-warning); }
.text-border-functional-soft-warning { color: var(--color-border-functional-soft-warning); }
.border-border-functional-soft-warning { border-color: var(--color-border-functional-soft-warning); }

.bg-border-functional-subtle-error { background-color: var(--color-border-functional-subtle-error); }
.text-border-functional-subtle-error { color: var(--color-border-functional-subtle-error); }
.border-border-functional-subtle-error { border-color: var(--color-border-functional-subtle-error); }

.bg-border-functional-subtle-green { background-color: var(--color-border-functional-subtle-green); }
.text-border-functional-subtle-green { color: var(--color-border-functional-subtle-green); }
.border-border-functional-subtle-green { border-color: var(--color-border-functional-subtle-green); }

.bg-border-functional-surface-blue { background-color: var(--color-border-functional-surface-blue); }
.text-border-functional-surface-blue { color: var(--color-border-functional-surface-blue); }
.border-border-functional-surface-blue { border-color: var(--color-border-functional-surface-blue); }

.bg-border-functional-surface-info { background-color: var(--color-border-functional-surface-info); }
.text-border-functional-surface-info { color: var(--color-border-functional-surface-info); }
.border-border-functional-surface-info { border-color: var(--color-border-functional-surface-info); }

.bg-border-special-disabled-subtle { background-color: var(--color-border-special-disabled-subtle); }
.text-border-special-disabled-subtle { color: var(--color-border-special-disabled-subtle); }
.border-border-special-disabled-subtle { border-color: var(--color-border-special-disabled-subtle); }

.bg-colores-effitec-kellygreen-100 { background-color: var(--color-colores-effitec-kellygreen-100); }
.text-colores-effitec-kellygreen-100 { color: var(--color-colores-effitec-kellygreen-100); }
.border-colores-effitec-kellygreen-100 { border-color: var(--color-colores-effitec-kellygreen-100); }

.bg-colores-effitec-kellygreen-200 { background-color: var(--color-colores-effitec-kellygreen-200); }
.text-colores-effitec-kellygreen-200 { color: var(--color-colores-effitec-kellygreen-200); }
.border-colores-effitec-kellygreen-200 { border-color: var(--color-colores-effitec-kellygreen-200); }

.bg-colores-effitec-kellygreen-300 { background-color: var(--color-colores-effitec-kellygreen-300); }
.text-colores-effitec-kellygreen-300 { color: var(--color-colores-effitec-kellygreen-300); }
.border-colores-effitec-kellygreen-300 { border-color: var(--color-colores-effitec-kellygreen-300); }

.bg-colores-functional-base-red-50 { background-color: var(--color-colores-functional-base-red-50); }
.text-colores-functional-base-red-50 { color: var(--color-colores-functional-base-red-50); }
.border-colores-functional-base-red-50 { border-color: var(--color-colores-functional-base-red-50); }

.bg-colores-tec-mediumseagreen-100 { background-color: var(--color-colores-tec-mediumseagreen-100); }
.text-colores-tec-mediumseagreen-100 { color: var(--color-colores-tec-mediumseagreen-100); }
.border-colores-tec-mediumseagreen-100 { border-color: var(--color-colores-tec-mediumseagreen-100); }

.bg-colores-tec-mediumseagreen-200 { background-color: var(--color-colores-tec-mediumseagreen-200); }
.text-colores-tec-mediumseagreen-200 { color: var(--color-colores-tec-mediumseagreen-200); }
.border-colores-tec-mediumseagreen-200 { border-color: var(--color-colores-tec-mediumseagreen-200); }

.bg-colores-tec-mediumseagreen-300 { background-color: var(--color-colores-tec-mediumseagreen-300); }
.text-colores-tec-mediumseagreen-300 { color: var(--color-colores-tec-mediumseagreen-300); }
.border-colores-tec-mediumseagreen-300 { border-color: var(--color-colores-tec-mediumseagreen-300); }

.bg-fill-functional-subtle-success { background-color: var(--color-fill-functional-subtle-success); }
.text-fill-functional-subtle-success { color: var(--color-fill-functional-subtle-success); }
.border-fill-functional-subtle-success { border-color: var(--color-fill-functional-subtle-success); }

.bg-fill-functional-subtle-warning { background-color: var(--color-fill-functional-subtle-warning); }
.text-fill-functional-subtle-warning { color: var(--color-fill-functional-subtle-warning); }
.border-fill-functional-subtle-warning { border-color: var(--color-fill-functional-subtle-warning); }

.bg-fill-functional-surface-orange { background-color: var(--color-fill-functional-surface-orange); }
.text-fill-functional-surface-orange { color: var(--color-fill-functional-surface-orange); }
.border-fill-functional-surface-orange { border-color: var(--color-fill-functional-surface-orange); }

.bg-text-functional-subtle-success { background-color: var(--color-text-functional-subtle-success); }
.text-text-functional-subtle-success { color: var(--color-text-functional-subtle-success); }
.border-text-functional-subtle-success { border-color: var(--color-text-functional-subtle-success); }

.bg-text-functional-subtle-warning { background-color: var(--color-text-functional-subtle-warning); }
.text-text-functional-subtle-warning { color: var(--color-text-functional-subtle-warning); }
.border-text-functional-subtle-warning { border-color: var(--color-text-functional-subtle-warning); }

.bg-text-functional-surface-orange { background-color: var(--color-text-functional-surface-orange); }
.text-text-functional-surface-orange { color: var(--color-text-functional-surface-orange); }
.border-text-functional-surface-orange { border-color: var(--color-text-functional-surface-orange); }

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

.bg-border-functional-subtle-orange { background-color: var(--color-border-functional-subtle-orange); }
.text-border-functional-subtle-orange { color: var(--color-border-functional-subtle-orange); }
.border-border-functional-subtle-orange { border-color: var(--color-border-functional-subtle-orange); }

.bg-border-functional-surface-error { background-color: var(--color-border-functional-surface-error); }
.text-border-functional-surface-error { color: var(--color-border-functional-surface-error); }
.border-border-functional-surface-error { border-color: var(--color-border-functional-surface-error); }

.bg-border-functional-surface-green { background-color: var(--color-border-functional-surface-green); }
.text-border-functional-surface-green { color: var(--color-border-functional-surface-green); }
.border-border-functional-surface-green { border-color: var(--color-border-functional-surface-green); }

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

.bg-colores-effitec-prussianblue-50 { background-color: var(--color-colores-effitec-prussianblue-50); }
.text-colores-effitec-prussianblue-50 { color: var(--color-colores-effitec-prussianblue-50); }
.border-colores-effitec-prussianblue-50 { border-color: var(--color-colores-effitec-prussianblue-50); }

.bg-colores-functional-base-blue-50 { background-color: var(--color-colores-functional-base-blue-50); }
.text-colores-functional-base-blue-50 { color: var(--color-colores-functional-base-blue-50); }
.border-colores-functional-base-blue-50 { border-color: var(--color-colores-functional-base-blue-50); }

.bg-colores-functional-base-red-100 { background-color: var(--color-colores-functional-base-red-100); }
.text-colores-functional-base-red-100 { color: var(--color-colores-functional-base-red-100); }
.border-colores-functional-base-red-100 { border-color: var(--color-colores-functional-base-red-100); }

.bg-colores-functional-base-red-200 { background-color: var(--color-colores-functional-base-red-200); }
.text-colores-functional-base-red-200 { color: var(--color-colores-functional-base-red-200); }
.border-colores-functional-base-red-200 { border-color: var(--color-colores-functional-base-red-200); }

.bg-colores-functional-base-red-300 { background-color: var(--color-colores-functional-base-red-300); }
.text-colores-functional-base-red-300 { color: var(--color-colores-functional-base-red-300); }
.border-colores-functional-base-red-300 { border-color: var(--color-colores-functional-base-red-300); }

.bg-fill-functional-surface-success { background-color: var(--color-fill-functional-surface-success); }
.text-fill-functional-surface-success { color: var(--color-fill-functional-surface-success); }
.border-fill-functional-surface-success { border-color: var(--color-fill-functional-surface-success); }

.bg-fill-functional-surface-warning { background-color: var(--color-fill-functional-surface-warning); }
.text-fill-functional-surface-warning { color: var(--color-fill-functional-surface-warning); }
.border-fill-functional-surface-warning { border-color: var(--color-fill-functional-surface-warning); }

.bg-text-functional-surface-success { background-color: var(--color-text-functional-surface-success); }
.text-text-functional-surface-success { color: var(--color-text-functional-surface-success); }
.border-text-functional-surface-success { border-color: var(--color-text-functional-surface-success); }

.bg-text-functional-surface-warning { background-color: var(--color-text-functional-surface-warning); }
.text-text-functional-surface-warning { color: var(--color-text-functional-surface-warning); }
.border-text-functional-surface-warning { border-color: var(--color-text-functional-surface-warning); }

.bg-border-functional-subtle-success { background-color: var(--color-border-functional-subtle-success); }
.text-border-functional-subtle-success { color: var(--color-border-functional-subtle-success); }
.border-border-functional-subtle-success { border-color: var(--color-border-functional-subtle-success); }

.bg-border-functional-subtle-warning { background-color: var(--color-border-functional-subtle-warning); }
.text-border-functional-subtle-warning { color: var(--color-border-functional-subtle-warning); }
.border-border-functional-subtle-warning { border-color: var(--color-border-functional-subtle-warning); }

.bg-border-functional-surface-orange { background-color: var(--color-border-functional-surface-orange); }
.text-border-functional-surface-orange { color: var(--color-border-functional-surface-orange); }
.border-border-functional-surface-orange { border-color: var(--color-border-functional-surface-orange); }

.bg-colores-effitec-prussianblue-100 { background-color: var(--color-colores-effitec-prussianblue-100); }
.text-colores-effitec-prussianblue-100 { color: var(--color-colores-effitec-prussianblue-100); }
.border-colores-effitec-prussianblue-100 { border-color: var(--color-colores-effitec-prussianblue-100); }

.bg-colores-effitec-prussianblue-200 { background-color: var(--color-colores-effitec-prussianblue-200); }
.text-colores-effitec-prussianblue-200 { color: var(--color-colores-effitec-prussianblue-200); }
.border-colores-effitec-prussianblue-200 { border-color: var(--color-colores-effitec-prussianblue-200); }

.bg-colores-effitec-prussianblue-300 { background-color: var(--color-colores-effitec-prussianblue-300); }
.text-colores-effitec-prussianblue-300 { color: var(--color-colores-effitec-prussianblue-300); }
.border-colores-effitec-prussianblue-300 { border-color: var(--color-colores-effitec-prussianblue-300); }

.bg-colores-functional-base-blue-100 { background-color: var(--color-colores-functional-base-blue-100); }
.text-colores-functional-base-blue-100 { color: var(--color-colores-functional-base-blue-100); }
.border-colores-functional-base-blue-100 { border-color: var(--color-colores-functional-base-blue-100); }

.bg-colores-functional-base-blue-200 { background-color: var(--color-colores-functional-base-blue-200); }
.text-colores-functional-base-blue-200 { color: var(--color-colores-functional-base-blue-200); }
.border-colores-functional-base-blue-200 { border-color: var(--color-colores-functional-base-blue-200); }

.bg-colores-functional-base-blue-300 { background-color: var(--color-colores-functional-base-blue-300); }
.text-colores-functional-base-blue-300 { color: var(--color-colores-functional-base-blue-300); }
.border-colores-functional-base-blue-300 { border-color: var(--color-colores-functional-base-blue-300); }

.bg-colores-functional-base-green-50 { background-color: var(--color-colores-functional-base-green-50); }
.text-colores-functional-base-green-50 { color: var(--color-colores-functional-base-green-50); }
.border-colores-functional-base-green-50 { border-color: var(--color-colores-functional-base-green-50); }

.bg-border-functional-surface-success { background-color: var(--color-border-functional-surface-success); }
.text-border-functional-surface-success { color: var(--color-border-functional-surface-success); }
.border-border-functional-surface-success { border-color: var(--color-border-functional-surface-success); }

.bg-border-functional-surface-warning { background-color: var(--color-border-functional-surface-warning); }
.text-border-functional-surface-warning { color: var(--color-border-functional-surface-warning); }
.border-border-functional-surface-warning { border-color: var(--color-border-functional-surface-warning); }

.bg-colores-functional-base-green-100 { background-color: var(--color-colores-functional-base-green-100); }
.text-colores-functional-base-green-100 { color: var(--color-colores-functional-base-green-100); }
.border-colores-functional-base-green-100 { border-color: var(--color-colores-functional-base-green-100); }

.bg-colores-functional-base-green-200 { background-color: var(--color-colores-functional-base-green-200); }
.text-colores-functional-base-green-200 { color: var(--color-colores-functional-base-green-200); }
.border-colores-functional-base-green-200 { border-color: var(--color-colores-functional-base-green-200); }

.bg-colores-functional-base-green-300 { background-color: var(--color-colores-functional-base-green-300); }
.text-colores-functional-base-green-300 { color: var(--color-colores-functional-base-green-300); }
.border-colores-functional-base-green-300 { border-color: var(--color-colores-functional-base-green-300); }

.bg-colores-functional-base-yellow-50 { background-color: var(--color-colores-functional-base-yellow-50); }
.text-colores-functional-base-yellow-50 { color: var(--color-colores-functional-base-yellow-50); }
.border-colores-functional-base-yellow-50 { border-color: var(--color-colores-functional-base-yellow-50); }

.bg-colores-functional-base-yellow-100 { background-color: var(--color-colores-functional-base-yellow-100); }
.text-colores-functional-base-yellow-100 { color: var(--color-colores-functional-base-yellow-100); }
.border-colores-functional-base-yellow-100 { border-color: var(--color-colores-functional-base-yellow-100); }

.bg-colores-functional-base-yellow-200 { background-color: var(--color-colores-functional-base-yellow-200); }
.text-colores-functional-base-yellow-200 { color: var(--color-colores-functional-base-yellow-200); }
.border-colores-functional-base-yellow-200 { border-color: var(--color-colores-functional-base-yellow-200); }

.bg-colores-functional-base-yellow-300 { background-color: var(--color-colores-functional-base-yellow-300); }
.text-colores-functional-base-yellow-300 { color: var(--color-colores-functional-base-yellow-300); }
.border-colores-functional-base-yellow-300 { border-color: var(--color-colores-functional-base-yellow-300); }

.bg-botones-solid-disabled-button-label { background-color: var(--color-botones-solid-disabled-button-label); }
.text-botones-solid-disabled-button-label { color: var(--color-botones-solid-disabled-button-label); }
.border-botones-solid-disabled-button-label { border-color: var(--color-botones-solid-disabled-button-label); }

.bg-colores-effitec-middlegreenyellow-50 { background-color: var(--color-colores-effitec-middlegreenyellow-50); }
.text-colores-effitec-middlegreenyellow-50 { color: var(--color-colores-effitec-middlegreenyellow-50); }
.border-colores-effitec-middlegreenyellow-50 { border-color: var(--color-colores-effitec-middlegreenyellow-50); }

.bg-botones-outline-disabled-button-label { background-color: var(--color-botones-outline-disabled-button-label); }
.text-botones-outline-disabled-button-label { color: var(--color-botones-outline-disabled-button-label); }
.border-botones-outline-disabled-button-label { border-color: var(--color-botones-outline-disabled-button-label); }

.bg-colores-effitec-middlegreenyellow-100 { background-color: var(--color-colores-effitec-middlegreenyellow-100); }
.text-colores-effitec-middlegreenyellow-100 { color: var(--color-colores-effitec-middlegreenyellow-100); }
.border-colores-effitec-middlegreenyellow-100 { border-color: var(--color-colores-effitec-middlegreenyellow-100); }

.bg-colores-effitec-middlegreenyellow-200 { background-color: var(--color-colores-effitec-middlegreenyellow-200); }
.text-colores-effitec-middlegreenyellow-200 { color: var(--color-colores-effitec-middlegreenyellow-200); }
.border-colores-effitec-middlegreenyellow-200 { border-color: var(--color-colores-effitec-middlegreenyellow-200); }

.bg-colores-effitec-middlegreenyellow-300 { background-color: var(--color-colores-effitec-middlegreenyellow-300); }
.text-colores-effitec-middlegreenyellow-300 { color: var(--color-colores-effitec-middlegreenyellow-300); }
.border-colores-effitec-middlegreenyellow-300 { border-color: var(--color-colores-effitec-middlegreenyellow-300); }

.bg-botones-outline-disabled-button-border { background-color: var(--color-botones-outline-disabled-button-border); }
.text-botones-outline-disabled-button-border { color: var(--color-botones-outline-disabled-button-border); }
.border-botones-outline-disabled-button-border { border-color: var(--color-botones-outline-disabled-button-border); }

.bg-botones-solid-disabled-button-background { background-color: var(--color-botones-solid-disabled-button-background); }
.text-botones-solid-disabled-button-background { color: var(--color-botones-solid-disabled-button-background); }
.border-botones-solid-disabled-button-background { border-color: var(--color-botones-solid-disabled-button-background); }

.bg-botones-solid-hover-primary-button-label { background-color: var(--color-botones-solid-hover-primary-button-label); }
.text-botones-solid-hover-primary-button-label { color: var(--color-botones-solid-hover-primary-button-label); }
.border-botones-solid-hover-primary-button-label { border-color: var(--color-botones-solid-hover-primary-button-label); }

.bg-botones-outline-hover-primary-button-label { background-color: var(--color-botones-outline-hover-primary-button-label); }
.text-botones-outline-hover-primary-button-label { color: var(--color-botones-outline-hover-primary-button-label); }
.border-botones-outline-hover-primary-button-label { border-color: var(--color-botones-outline-hover-primary-button-label); }

.bg-botones-solid-default-primary-button-label { background-color: var(--color-botones-solid-default-primary-button-label); }
.text-botones-solid-default-primary-button-label { color: var(--color-botones-solid-default-primary-button-label); }
.border-botones-solid-default-primary-button-label { border-color: var(--color-botones-solid-default-primary-button-label); }

.bg-botones-solid-hover-royalblue-button-label { background-color: var(--color-botones-solid-hover-royalblue-button-label); }
.text-botones-solid-hover-royalblue-button-label { color: var(--color-botones-solid-hover-royalblue-button-label); }
.border-botones-solid-hover-royalblue-button-label { border-color: var(--color-botones-solid-hover-royalblue-button-label); }

.bg-botones-solid-hover-secondary-button-label { background-color: var(--color-botones-solid-hover-secondary-button-label); }
.text-botones-solid-hover-secondary-button-label { color: var(--color-botones-solid-hover-secondary-button-label); }
.border-botones-solid-hover-secondary-button-label { border-color: var(--color-botones-solid-hover-secondary-button-label); }

.bg-botones-solid-pressed-primary-button-label { background-color: var(--color-botones-solid-pressed-primary-button-label); }
.text-botones-solid-pressed-primary-button-label { color: var(--color-botones-solid-pressed-primary-button-label); }
.border-botones-solid-pressed-primary-button-label { border-color: var(--color-botones-solid-pressed-primary-button-label); }

.bg-botones-outline-hover-primary-button-border { background-color: var(--color-botones-outline-hover-primary-button-border); }
.text-botones-outline-hover-primary-button-border { color: var(--color-botones-outline-hover-primary-button-border); }
.border-botones-outline-hover-primary-button-border { border-color: var(--color-botones-outline-hover-primary-button-border); }

.bg-botones-outline-default-primary-button-label { background-color: var(--color-botones-outline-default-primary-button-label); }
.text-botones-outline-default-primary-button-label { color: var(--color-botones-outline-default-primary-button-label); }
.border-botones-outline-default-primary-button-label { border-color: var(--color-botones-outline-default-primary-button-label); }

.bg-botones-outline-hover-royalblue-button-label { background-color: var(--color-botones-outline-hover-royalblue-button-label); }
.text-botones-outline-hover-royalblue-button-label { color: var(--color-botones-outline-hover-royalblue-button-label); }
.border-botones-outline-hover-royalblue-button-label { border-color: var(--color-botones-outline-hover-royalblue-button-label); }

.bg-botones-outline-hover-secondary-button-label { background-color: var(--color-botones-outline-hover-secondary-button-label); }
.text-botones-outline-hover-secondary-button-label { color: var(--color-botones-outline-hover-secondary-button-label); }
.border-botones-outline-hover-secondary-button-label { border-color: var(--color-botones-outline-hover-secondary-button-label); }

.bg-botones-outline-pressed-primary-button-label { background-color: var(--color-botones-outline-pressed-primary-button-label); }
.text-botones-outline-pressed-primary-button-label { color: var(--color-botones-outline-pressed-primary-button-label); }
.border-botones-outline-pressed-primary-button-label { border-color: var(--color-botones-outline-pressed-primary-button-label); }

.bg-botones-solid-default-royalblue-button-label { background-color: var(--color-botones-solid-default-royalblue-button-label); }
.text-botones-solid-default-royalblue-button-label { color: var(--color-botones-solid-default-royalblue-button-label); }
.border-botones-solid-default-royalblue-button-label { border-color: var(--color-botones-solid-default-royalblue-button-label); }

.bg-botones-solid-default-secondary-button-label { background-color: var(--color-botones-solid-default-secondary-button-label); }
.text-botones-solid-default-secondary-button-label { color: var(--color-botones-solid-default-secondary-button-label); }
.border-botones-solid-default-secondary-button-label { border-color: var(--color-botones-solid-default-secondary-button-label); }

.bg-botones-solid-pressed-royalblue-button-label { background-color: var(--color-botones-solid-pressed-royalblue-button-label); }
.text-botones-solid-pressed-royalblue-button-label { color: var(--color-botones-solid-pressed-royalblue-button-label); }
.border-botones-solid-pressed-royalblue-button-label { border-color: var(--color-botones-solid-pressed-royalblue-button-label); }

.bg-botones-solid-pressed-secondary-button-label { background-color: var(--color-botones-solid-pressed-secondary-button-label); }
.text-botones-solid-pressed-secondary-button-label { color: var(--color-botones-solid-pressed-secondary-button-label); }
.border-botones-solid-pressed-secondary-button-label { border-color: var(--color-botones-solid-pressed-secondary-button-label); }

.bg-botones-outline-default-primary-button-border { background-color: var(--color-botones-outline-default-primary-button-border); }
.text-botones-outline-default-primary-button-border { color: var(--color-botones-outline-default-primary-button-border); }
.border-botones-outline-default-primary-button-border { border-color: var(--color-botones-outline-default-primary-button-border); }

.bg-botones-outline-hover-royalblue-button-border { background-color: var(--color-botones-outline-hover-royalblue-button-border); }
.text-botones-outline-hover-royalblue-button-border { color: var(--color-botones-outline-hover-royalblue-button-border); }
.border-botones-outline-hover-royalblue-button-border { border-color: var(--color-botones-outline-hover-royalblue-button-border); }

.bg-botones-outline-hover-secondary-button-border { background-color: var(--color-botones-outline-hover-secondary-button-border); }
.text-botones-outline-hover-secondary-button-border { color: var(--color-botones-outline-hover-secondary-button-border); }
.border-botones-outline-hover-secondary-button-border { border-color: var(--color-botones-outline-hover-secondary-button-border); }

.bg-botones-outline-pressed-primary-button-border { background-color: var(--color-botones-outline-pressed-primary-button-border); }
.text-botones-outline-pressed-primary-button-border { color: var(--color-botones-outline-pressed-primary-button-border); }
.border-botones-outline-pressed-primary-button-border { border-color: var(--color-botones-outline-pressed-primary-button-border); }

.bg-botones-solid-hover-primary-button-background { background-color: var(--color-botones-solid-hover-primary-button-background); }
.text-botones-solid-hover-primary-button-background { color: var(--color-botones-solid-hover-primary-button-background); }
.border-botones-solid-hover-primary-button-background { border-color: var(--color-botones-solid-hover-primary-button-background); }

.bg-botones-solid-hover-prussianblue-button-label { background-color: var(--color-botones-solid-hover-prussianblue-button-label); }
.text-botones-solid-hover-prussianblue-button-label { color: var(--color-botones-solid-hover-prussianblue-button-label); }
.border-botones-solid-hover-prussianblue-button-label { border-color: var(--color-botones-solid-hover-prussianblue-button-label); }

.bg-botones-outline-default-royalblue-button-label { background-color: var(--color-botones-outline-default-royalblue-button-label); }
.text-botones-outline-default-royalblue-button-label { color: var(--color-botones-outline-default-royalblue-button-label); }
.border-botones-outline-default-royalblue-button-label { border-color: var(--color-botones-outline-default-royalblue-button-label); }

.bg-botones-outline-default-secondary-button-label { background-color: var(--color-botones-outline-default-secondary-button-label); }
.text-botones-outline-default-secondary-button-label { color: var(--color-botones-outline-default-secondary-button-label); }
.border-botones-outline-default-secondary-button-label { border-color: var(--color-botones-outline-default-secondary-button-label); }

.bg-botones-outline-pressed-royalblue-button-label { background-color: var(--color-botones-outline-pressed-royalblue-button-label); }
.text-botones-outline-pressed-royalblue-button-label { color: var(--color-botones-outline-pressed-royalblue-button-label); }
.border-botones-outline-pressed-royalblue-button-label { border-color: var(--color-botones-outline-pressed-royalblue-button-label); }

.bg-botones-outline-pressed-secondary-button-label { background-color: var(--color-botones-outline-pressed-secondary-button-label); }
.text-botones-outline-pressed-secondary-button-label { color: var(--color-botones-outline-pressed-secondary-button-label); }
.border-botones-outline-pressed-secondary-button-label { border-color: var(--color-botones-outline-pressed-secondary-button-label); }

.bg-botones-solid-default-royalblue-button-label-2 { background-color: var(--color-botones-solid-default-royalblue-button-label-2); }
.text-botones-solid-default-royalblue-button-label-2 { color: var(--color-botones-solid-default-royalblue-button-label-2); }
.border-botones-solid-default-royalblue-button-label-2 { border-color: var(--color-botones-solid-default-royalblue-button-label-2); }

.bg-botones-outline-default-royalblue-button-border { background-color: var(--color-botones-outline-default-royalblue-button-border); }
.text-botones-outline-default-royalblue-button-border { color: var(--color-botones-outline-default-royalblue-button-border); }
.border-botones-outline-default-royalblue-button-border { border-color: var(--color-botones-outline-default-royalblue-button-border); }

.bg-botones-outline-default-secondary-button-border { background-color: var(--color-botones-outline-default-secondary-button-border); }
.text-botones-outline-default-secondary-button-border { color: var(--color-botones-outline-default-secondary-button-border); }
.border-botones-outline-default-secondary-button-border { border-color: var(--color-botones-outline-default-secondary-button-border); }

.bg-botones-outline-hover-primary-button-background { background-color: var(--color-botones-outline-hover-primary-button-background); }
.text-botones-outline-hover-primary-button-background { color: var(--color-botones-outline-hover-primary-button-background); }
.border-botones-outline-hover-primary-button-background { border-color: var(--color-botones-outline-hover-primary-button-background); }

.bg-botones-outline-hover-prussianblue-button-label { background-color: var(--color-botones-outline-hover-prussianblue-button-label); }
.text-botones-outline-hover-prussianblue-button-label { color: var(--color-botones-outline-hover-prussianblue-button-label); }
.border-botones-outline-hover-prussianblue-button-label { border-color: var(--color-botones-outline-hover-prussianblue-button-label); }

.bg-botones-outline-pressed-royalblue-button-border { background-color: var(--color-botones-outline-pressed-royalblue-button-border); }
.text-botones-outline-pressed-royalblue-button-border { color: var(--color-botones-outline-pressed-royalblue-button-border); }
.border-botones-outline-pressed-royalblue-button-border { border-color: var(--color-botones-outline-pressed-royalblue-button-border); }

.bg-botones-outline-pressed-secondary-button-border { background-color: var(--color-botones-outline-pressed-secondary-button-border); }
.text-botones-outline-pressed-secondary-button-border { color: var(--color-botones-outline-pressed-secondary-button-border); }
.border-botones-outline-pressed-secondary-button-border { border-color: var(--color-botones-outline-pressed-secondary-button-border); }

.bg-botones-solid-default-primary-button-background { background-color: var(--color-botones-solid-default-primary-button-background); }
.text-botones-solid-default-primary-button-background { color: var(--color-botones-solid-default-primary-button-background); }
.border-botones-solid-default-primary-button-background { border-color: var(--color-botones-solid-default-primary-button-background); }

.bg-botones-solid-default-prussianblue-button-label { background-color: var(--color-botones-solid-default-prussianblue-button-label); }
.text-botones-solid-default-prussianblue-button-label { color: var(--color-botones-solid-default-prussianblue-button-label); }
.border-botones-solid-default-prussianblue-button-label { border-color: var(--color-botones-solid-default-prussianblue-button-label); }

.bg-botones-solid-hover-mediumseagreen-button-label { background-color: var(--color-botones-solid-hover-mediumseagreen-button-label); }
.text-botones-solid-hover-mediumseagreen-button-label { color: var(--color-botones-solid-hover-mediumseagreen-button-label); }
.border-botones-solid-hover-mediumseagreen-button-label { border-color: var(--color-botones-solid-hover-mediumseagreen-button-label); }

.bg-botones-solid-hover-royalblue-button-background { background-color: var(--color-botones-solid-hover-royalblue-button-background); }
.text-botones-solid-hover-royalblue-button-background { color: var(--color-botones-solid-hover-royalblue-button-background); }
.border-botones-solid-hover-royalblue-button-background { border-color: var(--color-botones-solid-hover-royalblue-button-background); }

.bg-botones-solid-hover-secondary-button-background { background-color: var(--color-botones-solid-hover-secondary-button-background); }
.text-botones-solid-hover-secondary-button-background { color: var(--color-botones-solid-hover-secondary-button-background); }
.border-botones-solid-hover-secondary-button-background { border-color: var(--color-botones-solid-hover-secondary-button-background); }

.bg-botones-solid-pressed-primary-button-background { background-color: var(--color-botones-solid-pressed-primary-button-background); }
.text-botones-solid-pressed-primary-button-background { color: var(--color-botones-solid-pressed-primary-button-background); }
.border-botones-solid-pressed-primary-button-background { border-color: var(--color-botones-solid-pressed-primary-button-background); }

.bg-botones-solid-pressed-prussianblue-button-label { background-color: var(--color-botones-solid-pressed-prussianblue-button-label); }
.text-botones-solid-pressed-prussianblue-button-label { color: var(--color-botones-solid-pressed-prussianblue-button-label); }
.border-botones-solid-pressed-prussianblue-button-label { border-color: var(--color-botones-solid-pressed-prussianblue-button-label); }

.bg-botones-outline-hover-prussianblue-button-border { background-color: var(--color-botones-outline-hover-prussianblue-button-border); }
.text-botones-outline-hover-prussianblue-button-border { color: var(--color-botones-outline-hover-prussianblue-button-border); }
.border-botones-outline-hover-prussianblue-button-border { border-color: var(--color-botones-outline-hover-prussianblue-button-border); }

.bg-botones-outline-default-primary-button-background { background-color: var(--color-botones-outline-default-primary-button-background); }
.text-botones-outline-default-primary-button-background { color: var(--color-botones-outline-default-primary-button-background); }
.border-botones-outline-default-primary-button-background { border-color: var(--color-botones-outline-default-primary-button-background); }

.bg-botones-outline-default-prussianblue-button-label { background-color: var(--color-botones-outline-default-prussianblue-button-label); }
.text-botones-outline-default-prussianblue-button-label { color: var(--color-botones-outline-default-prussianblue-button-label); }
.border-botones-outline-default-prussianblue-button-label { border-color: var(--color-botones-outline-default-prussianblue-button-label); }

.bg-botones-outline-hover-mediumseagreen-button-label { background-color: var(--color-botones-outline-hover-mediumseagreen-button-label); }
.text-botones-outline-hover-mediumseagreen-button-label { color: var(--color-botones-outline-hover-mediumseagreen-button-label); }
.border-botones-outline-hover-mediumseagreen-button-label { border-color: var(--color-botones-outline-hover-mediumseagreen-button-label); }

.bg-botones-outline-hover-royalblue-button-background { background-color: var(--color-botones-outline-hover-royalblue-button-background); }
.text-botones-outline-hover-royalblue-button-background { color: var(--color-botones-outline-hover-royalblue-button-background); }
.border-botones-outline-hover-royalblue-button-background { border-color: var(--color-botones-outline-hover-royalblue-button-background); }

.bg-botones-outline-hover-secondary-button-background { background-color: var(--color-botones-outline-hover-secondary-button-background); }
.text-botones-outline-hover-secondary-button-background { color: var(--color-botones-outline-hover-secondary-button-background); }
.border-botones-outline-hover-secondary-button-background { border-color: var(--color-botones-outline-hover-secondary-button-background); }

.bg-botones-outline-pressed-primary-button-background { background-color: var(--color-botones-outline-pressed-primary-button-background); }
.text-botones-outline-pressed-primary-button-background { color: var(--color-botones-outline-pressed-primary-button-background); }
.border-botones-outline-pressed-primary-button-background { border-color: var(--color-botones-outline-pressed-primary-button-background); }

.bg-botones-outline-pressed-prussianblue-button-label { background-color: var(--color-botones-outline-pressed-prussianblue-button-label); }
.text-botones-outline-pressed-prussianblue-button-label { color: var(--color-botones-outline-pressed-prussianblue-button-label); }
.border-botones-outline-pressed-prussianblue-button-label { border-color: var(--color-botones-outline-pressed-prussianblue-button-label); }

.bg-botones-solid-default-mediumseagreen-button-label { background-color: var(--color-botones-solid-default-mediumseagreen-button-label); }
.text-botones-solid-default-mediumseagreen-button-label { color: var(--color-botones-solid-default-mediumseagreen-button-label); }
.border-botones-solid-default-mediumseagreen-button-label { border-color: var(--color-botones-solid-default-mediumseagreen-button-label); }

.bg-botones-solid-default-royalblue-button-background { background-color: var(--color-botones-solid-default-royalblue-button-background); }
.text-botones-solid-default-royalblue-button-background { color: var(--color-botones-solid-default-royalblue-button-background); }
.border-botones-solid-default-royalblue-button-background { border-color: var(--color-botones-solid-default-royalblue-button-background); }

.bg-botones-solid-default-secondary-button-background { background-color: var(--color-botones-solid-default-secondary-button-background); }
.text-botones-solid-default-secondary-button-background { color: var(--color-botones-solid-default-secondary-button-background); }
.border-botones-solid-default-secondary-button-background { border-color: var(--color-botones-solid-default-secondary-button-background); }

.bg-botones-solid-pressed-mediumseagreen-button-label { background-color: var(--color-botones-solid-pressed-mediumseagreen-button-label); }
.text-botones-solid-pressed-mediumseagreen-button-label { color: var(--color-botones-solid-pressed-mediumseagreen-button-label); }
.border-botones-solid-pressed-mediumseagreen-button-label { border-color: var(--color-botones-solid-pressed-mediumseagreen-button-label); }

.bg-botones-solid-pressed-royalblue-button-background { background-color: var(--color-botones-solid-pressed-royalblue-button-background); }
.text-botones-solid-pressed-royalblue-button-background { color: var(--color-botones-solid-pressed-royalblue-button-background); }
.border-botones-solid-pressed-royalblue-button-background { border-color: var(--color-botones-solid-pressed-royalblue-button-background); }

.bg-botones-solid-pressed-secondary-button-background { background-color: var(--color-botones-solid-pressed-secondary-button-background); }
.text-botones-solid-pressed-secondary-button-background { color: var(--color-botones-solid-pressed-secondary-button-background); }
.border-botones-solid-pressed-secondary-button-background { border-color: var(--color-botones-solid-pressed-secondary-button-background); }

.bg-botones-outline-default-prussianblue-button-border { background-color: var(--color-botones-outline-default-prussianblue-button-border); }
.text-botones-outline-default-prussianblue-button-border { color: var(--color-botones-outline-default-prussianblue-button-border); }
.border-botones-outline-default-prussianblue-button-border { border-color: var(--color-botones-outline-default-prussianblue-button-border); }

.bg-botones-outline-hover-mediumseagreen-button-border { background-color: var(--color-botones-outline-hover-mediumseagreen-button-border); }
.text-botones-outline-hover-mediumseagreen-button-border { color: var(--color-botones-outline-hover-mediumseagreen-button-border); }
.border-botones-outline-hover-mediumseagreen-button-border { border-color: var(--color-botones-outline-hover-mediumseagreen-button-border); }

.bg-botones-outline-pressed-prussianblue-button-border { background-color: var(--color-botones-outline-pressed-prussianblue-button-border); }
.text-botones-outline-pressed-prussianblue-button-border { color: var(--color-botones-outline-pressed-prussianblue-button-border); }
.border-botones-outline-pressed-prussianblue-button-border { border-color: var(--color-botones-outline-pressed-prussianblue-button-border); }

.bg-botones-solid-hover-middlegreenyellow-button-label { background-color: var(--color-botones-solid-hover-middlegreenyellow-button-label); }
.text-botones-solid-hover-middlegreenyellow-button-label { color: var(--color-botones-solid-hover-middlegreenyellow-button-label); }
.border-botones-solid-hover-middlegreenyellow-button-label { border-color: var(--color-botones-solid-hover-middlegreenyellow-button-label); }

.bg-botones-solid-hover-prussianblue-button-background { background-color: var(--color-botones-solid-hover-prussianblue-button-background); }
.text-botones-solid-hover-prussianblue-button-background { color: var(--color-botones-solid-hover-prussianblue-button-background); }
.border-botones-solid-hover-prussianblue-button-background { border-color: var(--color-botones-solid-hover-prussianblue-button-background); }

.bg-botones-outline-default-mediumseagreen-button-label { background-color: var(--color-botones-outline-default-mediumseagreen-button-label); }
.text-botones-outline-default-mediumseagreen-button-label { color: var(--color-botones-outline-default-mediumseagreen-button-label); }
.border-botones-outline-default-mediumseagreen-button-label { border-color: var(--color-botones-outline-default-mediumseagreen-button-label); }

.bg-botones-outline-default-royalblue-button-background { background-color: var(--color-botones-outline-default-royalblue-button-background); }
.text-botones-outline-default-royalblue-button-background { color: var(--color-botones-outline-default-royalblue-button-background); }
.border-botones-outline-default-royalblue-button-background { border-color: var(--color-botones-outline-default-royalblue-button-background); }

.bg-botones-outline-default-secondary-button-background { background-color: var(--color-botones-outline-default-secondary-button-background); }
.text-botones-outline-default-secondary-button-background { color: var(--color-botones-outline-default-secondary-button-background); }
.border-botones-outline-default-secondary-button-background { border-color: var(--color-botones-outline-default-secondary-button-background); }

.bg-botones-outline-pressed-mediumseagreen-button-label { background-color: var(--color-botones-outline-pressed-mediumseagreen-button-label); }
.text-botones-outline-pressed-mediumseagreen-button-label { color: var(--color-botones-outline-pressed-mediumseagreen-button-label); }
.border-botones-outline-pressed-mediumseagreen-button-label { border-color: var(--color-botones-outline-pressed-mediumseagreen-button-label); }

.bg-botones-outline-pressed-royalblue-button-background { background-color: var(--color-botones-outline-pressed-royalblue-button-background); }
.text-botones-outline-pressed-royalblue-button-background { color: var(--color-botones-outline-pressed-royalblue-button-background); }
.border-botones-outline-pressed-royalblue-button-background { border-color: var(--color-botones-outline-pressed-royalblue-button-background); }

.bg-botones-outline-pressed-secondary-button-background { background-color: var(--color-botones-outline-pressed-secondary-button-background); }
.text-botones-outline-pressed-secondary-button-background { color: var(--color-botones-outline-pressed-secondary-button-background); }
.border-botones-outline-pressed-secondary-button-background { border-color: var(--color-botones-outline-pressed-secondary-button-background); }

.bg-botones-outline-default-mediumseagreen-button-border { background-color: var(--color-botones-outline-default-mediumseagreen-button-border); }
.text-botones-outline-default-mediumseagreen-button-border { color: var(--color-botones-outline-default-mediumseagreen-button-border); }
.border-botones-outline-default-mediumseagreen-button-border { border-color: var(--color-botones-outline-default-mediumseagreen-button-border); }

.bg-botones-outline-hover-middlegreenyellow-button-label { background-color: var(--color-botones-outline-hover-middlegreenyellow-button-label); }
.text-botones-outline-hover-middlegreenyellow-button-label { color: var(--color-botones-outline-hover-middlegreenyellow-button-label); }
.border-botones-outline-hover-middlegreenyellow-button-label { border-color: var(--color-botones-outline-hover-middlegreenyellow-button-label); }

.bg-botones-outline-hover-prussianblue-button-background { background-color: var(--color-botones-outline-hover-prussianblue-button-background); }
.text-botones-outline-hover-prussianblue-button-background { color: var(--color-botones-outline-hover-prussianblue-button-background); }
.border-botones-outline-hover-prussianblue-button-background { border-color: var(--color-botones-outline-hover-prussianblue-button-background); }

.bg-botones-outline-pressed-mediumseagreen-button-border { background-color: var(--color-botones-outline-pressed-mediumseagreen-button-border); }
.text-botones-outline-pressed-mediumseagreen-button-border { color: var(--color-botones-outline-pressed-mediumseagreen-button-border); }
.border-botones-outline-pressed-mediumseagreen-button-border { border-color: var(--color-botones-outline-pressed-mediumseagreen-button-border); }

.bg-botones-solid-default-middlegreenyellow-button-label { background-color: var(--color-botones-solid-default-middlegreenyellow-button-label); }
.text-botones-solid-default-middlegreenyellow-button-label { color: var(--color-botones-solid-default-middlegreenyellow-button-label); }
.border-botones-solid-default-middlegreenyellow-button-label { border-color: var(--color-botones-solid-default-middlegreenyellow-button-label); }

.bg-botones-solid-default-prussianblue-button-background { background-color: var(--color-botones-solid-default-prussianblue-button-background); }
.text-botones-solid-default-prussianblue-button-background { color: var(--color-botones-solid-default-prussianblue-button-background); }
.border-botones-solid-default-prussianblue-button-background { border-color: var(--color-botones-solid-default-prussianblue-button-background); }

.bg-botones-solid-hover-mediumseagreen-button-background { background-color: var(--color-botones-solid-hover-mediumseagreen-button-background); }
.text-botones-solid-hover-mediumseagreen-button-background { color: var(--color-botones-solid-hover-mediumseagreen-button-background); }
.border-botones-solid-hover-mediumseagreen-button-background { border-color: var(--color-botones-solid-hover-mediumseagreen-button-background); }

.bg-botones-solid-pressed-middlegreenyellow-button-label { background-color: var(--color-botones-solid-pressed-middlegreenyellow-button-label); }
.text-botones-solid-pressed-middlegreenyellow-button-label { color: var(--color-botones-solid-pressed-middlegreenyellow-button-label); }
.border-botones-solid-pressed-middlegreenyellow-button-label { border-color: var(--color-botones-solid-pressed-middlegreenyellow-button-label); }

.bg-botones-solid-pressed-prussianblue-button-background { background-color: var(--color-botones-solid-pressed-prussianblue-button-background); }
.text-botones-solid-pressed-prussianblue-button-background { color: var(--color-botones-solid-pressed-prussianblue-button-background); }
.border-botones-solid-pressed-prussianblue-button-background { border-color: var(--color-botones-solid-pressed-prussianblue-button-background); }

.bg-botones-outline-hover-middlegreenyellow-button-border { background-color: var(--color-botones-outline-hover-middlegreenyellow-button-border); }
.text-botones-outline-hover-middlegreenyellow-button-border { color: var(--color-botones-outline-hover-middlegreenyellow-button-border); }
.border-botones-outline-hover-middlegreenyellow-button-border { border-color: var(--color-botones-outline-hover-middlegreenyellow-button-border); }

.bg-botones-outline-default-middlegreenyellow-button-label { background-color: var(--color-botones-outline-default-middlegreenyellow-button-label); }
.text-botones-outline-default-middlegreenyellow-button-label { color: var(--color-botones-outline-default-middlegreenyellow-button-label); }
.border-botones-outline-default-middlegreenyellow-button-label { border-color: var(--color-botones-outline-default-middlegreenyellow-button-label); }

.bg-botones-outline-default-prussianblue-button-background { background-color: var(--color-botones-outline-default-prussianblue-button-background); }
.text-botones-outline-default-prussianblue-button-background { color: var(--color-botones-outline-default-prussianblue-button-background); }
.border-botones-outline-default-prussianblue-button-background { border-color: var(--color-botones-outline-default-prussianblue-button-background); }

.bg-botones-outline-hover-mediumseagreen-button-background { background-color: var(--color-botones-outline-hover-mediumseagreen-button-background); }
.text-botones-outline-hover-mediumseagreen-button-background { color: var(--color-botones-outline-hover-mediumseagreen-button-background); }
.border-botones-outline-hover-mediumseagreen-button-background { border-color: var(--color-botones-outline-hover-mediumseagreen-button-background); }

.bg-botones-outline-pressed-middlegreenyellow-button-label { background-color: var(--color-botones-outline-pressed-middlegreenyellow-button-label); }
.text-botones-outline-pressed-middlegreenyellow-button-label { color: var(--color-botones-outline-pressed-middlegreenyellow-button-label); }
.border-botones-outline-pressed-middlegreenyellow-button-label { border-color: var(--color-botones-outline-pressed-middlegreenyellow-button-label); }

.bg-botones-outline-pressed-prussianblue-button-background { background-color: var(--color-botones-outline-pressed-prussianblue-button-background); }
.text-botones-outline-pressed-prussianblue-button-background { color: var(--color-botones-outline-pressed-prussianblue-button-background); }
.border-botones-outline-pressed-prussianblue-button-background { border-color: var(--color-botones-outline-pressed-prussianblue-button-background); }

.bg-botones-solid-default-mediumseagreen-button-background { background-color: var(--color-botones-solid-default-mediumseagreen-button-background); }
.text-botones-solid-default-mediumseagreen-button-background { color: var(--color-botones-solid-default-mediumseagreen-button-background); }
.border-botones-solid-default-mediumseagreen-button-background { border-color: var(--color-botones-solid-default-mediumseagreen-button-background); }

.bg-botones-solid-pressed-mediumseagreen-button-background { background-color: var(--color-botones-solid-pressed-mediumseagreen-button-background); }
.text-botones-solid-pressed-mediumseagreen-button-background { color: var(--color-botones-solid-pressed-mediumseagreen-button-background); }
.border-botones-solid-pressed-mediumseagreen-button-background { border-color: var(--color-botones-solid-pressed-mediumseagreen-button-background); }

.bg-botones-outline-default-middlegreenyellow-button-border { background-color: var(--color-botones-outline-default-middlegreenyellow-button-border); }
.text-botones-outline-default-middlegreenyellow-button-border { color: var(--color-botones-outline-default-middlegreenyellow-button-border); }
.border-botones-outline-default-middlegreenyellow-button-border { border-color: var(--color-botones-outline-default-middlegreenyellow-button-border); }

.bg-botones-outline-pressed-middlegreenyellow-button-border { background-color: var(--color-botones-outline-pressed-middlegreenyellow-button-border); }
.text-botones-outline-pressed-middlegreenyellow-button-border { color: var(--color-botones-outline-pressed-middlegreenyellow-button-border); }
.border-botones-outline-pressed-middlegreenyellow-button-border { border-color: var(--color-botones-outline-pressed-middlegreenyellow-button-border); }

.bg-botones-solid-hover-middlegreenyellow-button-background { background-color: var(--color-botones-solid-hover-middlegreenyellow-button-background); }
.text-botones-solid-hover-middlegreenyellow-button-background { color: var(--color-botones-solid-hover-middlegreenyellow-button-background); }
.border-botones-solid-hover-middlegreenyellow-button-background { border-color: var(--color-botones-solid-hover-middlegreenyellow-button-background); }

.bg-botones-outline-default-mediumseagreen-button-background { background-color: var(--color-botones-outline-default-mediumseagreen-button-background); }
.text-botones-outline-default-mediumseagreen-button-background { color: var(--color-botones-outline-default-mediumseagreen-button-background); }
.border-botones-outline-default-mediumseagreen-button-background { border-color: var(--color-botones-outline-default-mediumseagreen-button-background); }

.bg-botones-outline-pressed-mediumseagreen-button-background { background-color: var(--color-botones-outline-pressed-mediumseagreen-button-background); }
.text-botones-outline-pressed-mediumseagreen-button-background { color: var(--color-botones-outline-pressed-mediumseagreen-button-background); }
.border-botones-outline-pressed-mediumseagreen-button-background { border-color: var(--color-botones-outline-pressed-mediumseagreen-button-background); }

.bg-botones-outline-hover-middlegreenyellow-button-background { background-color: var(--color-botones-outline-hover-middlegreenyellow-button-background); }
.text-botones-outline-hover-middlegreenyellow-button-background { color: var(--color-botones-outline-hover-middlegreenyellow-button-background); }
.border-botones-outline-hover-middlegreenyellow-button-background { border-color: var(--color-botones-outline-hover-middlegreenyellow-button-background); }

.bg-botones-solid-default-middlegreenyellow-button-background { background-color: var(--color-botones-solid-default-middlegreenyellow-button-background); }
.text-botones-solid-default-middlegreenyellow-button-background { color: var(--color-botones-solid-default-middlegreenyellow-button-background); }
.border-botones-solid-default-middlegreenyellow-button-background { border-color: var(--color-botones-solid-default-middlegreenyellow-button-background); }

.bg-botones-solid-pressed-middlegreenyellow-button-background { background-color: var(--color-botones-solid-pressed-middlegreenyellow-button-background); }
.text-botones-solid-pressed-middlegreenyellow-button-background { color: var(--color-botones-solid-pressed-middlegreenyellow-button-background); }
.border-botones-solid-pressed-middlegreenyellow-button-background { border-color: var(--color-botones-solid-pressed-middlegreenyellow-button-background); }

.bg-botones-outline-default-middlegreenyellow-button-background { background-color: var(--color-botones-outline-default-middlegreenyellow-button-background); }
.text-botones-outline-default-middlegreenyellow-button-background { color: var(--color-botones-outline-default-middlegreenyellow-button-background); }
.border-botones-outline-default-middlegreenyellow-button-background { border-color: var(--color-botones-outline-default-middlegreenyellow-button-background); }

.bg-botones-outline-pressed-middlegreenyellow-button-background { background-color: var(--color-botones-outline-pressed-middlegreenyellow-button-background); }
.text-botones-outline-pressed-middlegreenyellow-button-background { color: var(--color-botones-outline-pressed-middlegreenyellow-button-background); }
.border-botones-outline-pressed-middlegreenyellow-button-background { border-color: var(--color-botones-outline-pressed-middlegreenyellow-button-background); }

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

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

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

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

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

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

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

.p-size-l { padding: var(--size-l); }
.m-size-l { margin: var(--size-l); }
.gap-size-l { gap: var(--size-l); }

.p-size-m { padding: var(--size-m); }
.m-size-m { margin: var(--size-m); }
.gap-size-m { gap: var(--size-m); }

.p-size-s { padding: var(--size-s); }
.m-size-s { margin: var(--size-s); }
.gap-size-s { gap: var(--size-s); }

.p-size-xl { padding: var(--size-xl); }
.m-size-xl { margin: var(--size-xl); }
.gap-size-xl { gap: var(--size-xl); }

.p-size-xs { padding: var(--size-xs); }
.m-size-xs { margin: var(--size-xs); }
.gap-size-xs { gap: var(--size-xs); }

.p-size-3xl { padding: var(--size-3xl); }
.m-size-3xl { margin: var(--size-3xl); }
.gap-size-3xl { gap: var(--size-3xl); }

.p-size-4xl { padding: var(--size-4xl); }
.m-size-4xl { margin: var(--size-4xl); }
.gap-size-4xl { gap: var(--size-4xl); }

.p-size-5xl { padding: var(--size-5xl); }
.m-size-5xl { margin: var(--size-5xl); }
.gap-size-5xl { gap: var(--size-5xl); }

.p-size-6xl { padding: var(--size-6xl); }
.m-size-6xl { margin: var(--size-6xl); }
.gap-size-6xl { gap: var(--size-6xl); }

.p-size-7xl { padding: var(--size-7xl); }
.m-size-7xl { margin: var(--size-7xl); }
.gap-size-7xl { gap: var(--size-7xl); }

.p-size-8xl { padding: var(--size-8xl); }
.m-size-8xl { margin: var(--size-8xl); }
.gap-size-8xl { gap: var(--size-8xl); }

.p-size-9xl { padding: var(--size-9xl); }
.m-size-9xl { margin: var(--size-9xl); }
.gap-size-9xl { gap: var(--size-9xl); }

.p-size-xxl { padding: var(--size-xxl); }
.m-size-xxl { margin: var(--size-xxl); }
.gap-size-xxl { gap: var(--size-xxl); }

.p-size-xxs { padding: var(--size-xxs); }
.m-size-xxs { margin: var(--size-xxs); }
.gap-size-xxs { gap: var(--size-xxs); }

.p-size-10xl { padding: var(--size-10xl); }
.m-size-10xl { margin: var(--size-10xl); }
.gap-size-10xl { gap: var(--size-10xl); }

.p-size-11xl { padding: var(--size-11xl); }
.m-size-11xl { margin: var(--size-11xl); }
.gap-size-11xl { gap: var(--size-11xl); }

.p-size-12xl { padding: var(--size-12xl); }
.m-size-12xl { margin: var(--size-12xl); }
.gap-size-12xl { gap: var(--size-12xl); }

.p-size-13xl { padding: var(--size-13xl); }
.m-size-13xl { margin: var(--size-13xl); }
.gap-size-13xl { gap: var(--size-13xl); }

.p-size-14xl { padding: var(--size-14xl); }
.m-size-14xl { margin: var(--size-14xl); }
.gap-size-14xl { gap: var(--size-14xl); }

.p-size-15xl { padding: var(--size-15xl); }
.m-size-15xl { margin: var(--size-15xl); }
.gap-size-15xl { gap: var(--size-15xl); }

.p-size-16xl { padding: var(--size-16xl); }
.m-size-16xl { margin: var(--size-16xl); }
.gap-size-16xl { gap: var(--size-16xl); }

.p-size-xxxs { padding: var(--size-xxxs); }
.m-size-xxxs { margin: var(--size-xxxs); }
.gap-size-xxxs { gap: var(--size-xxxs); }

.p-spacing-l { padding: var(--spacing-l); }
.m-spacing-l { margin: var(--spacing-l); }
.gap-spacing-l { gap: var(--spacing-l); }

.p-spacing-m { padding: var(--spacing-m); }
.m-spacing-m { margin: var(--spacing-m); }
.gap-spacing-m { gap: var(--spacing-m); }

.p-spacing-s { padding: var(--spacing-s); }
.m-spacing-s { margin: var(--spacing-s); }
.gap-spacing-s { gap: var(--spacing-s); }

.p-size-xxs-8 { padding: var(--size-xxs-8); }
.m-size-xxs-8 { margin: var(--size-xxs-8); }
.gap-size-xxs-8 { gap: var(--size-xxs-8); }

.p-size-xxxxs { padding: var(--size-xxxxs); }
.m-size-xxxxs { margin: var(--size-xxxxs); }
.gap-size-xxxxs { gap: var(--size-xxxxs); }

.p-spacing-xl { padding: var(--spacing-xl); }
.m-spacing-xl { margin: var(--spacing-xl); }
.gap-spacing-xl { gap: var(--spacing-xl); }

.p-spacing-xs { padding: var(--spacing-xs); }
.m-spacing-xs { margin: var(--spacing-xs); }
.gap-spacing-xs { gap: var(--spacing-xs); }

.p-border-thin { padding: var(--border-thin); }
.m-border-thin { margin: var(--border-thin); }
.gap-border-thin { gap: var(--border-thin); }

.p-grid-device { padding: var(--grid-device); }
.m-grid-device { margin: var(--grid-device); }
.gap-grid-device { gap: var(--grid-device); }

.p-grid-gutter { padding: var(--grid-gutter); }
.m-grid-gutter { margin: var(--grid-gutter); }
.gap-grid-gutter { gap: var(--grid-gutter); }

.p-motion-fast { padding: var(--motion-fast); }
.m-motion-fast { margin: var(--motion-fast); }
.gap-motion-fast { gap: var(--motion-fast); }

.p-motion-slow { padding: var(--motion-slow); }
.m-motion-slow { margin: var(--motion-slow); }
.gap-motion-slow { gap: var(--motion-slow); }

.p-size-xxxxxs { padding: var(--size-xxxxxs); }
.m-size-xxxxxs { margin: var(--size-xxxxxs); }
.gap-size-xxxxxs { gap: var(--size-xxxxxs); }

.p-spacing-2xl { padding: var(--spacing-2xl); }
.m-spacing-2xl { margin: var(--spacing-2xl); }
.gap-spacing-2xl { gap: var(--spacing-2xl); }

.p-spacing-3xl { padding: var(--spacing-3xl); }
.m-spacing-3xl { margin: var(--spacing-3xl); }
.gap-spacing-3xl { gap: var(--spacing-3xl); }

.p-spacing-4xl { padding: var(--spacing-4xl); }
.m-spacing-4xl { margin: var(--spacing-4xl); }
.gap-spacing-4xl { gap: var(--spacing-4xl); }

.p-spacing-5xl { padding: var(--spacing-5xl); }
.m-spacing-5xl { margin: var(--spacing-5xl); }
.gap-spacing-5xl { gap: var(--spacing-5xl); }

.p-spacing-6xl { padding: var(--spacing-6xl); }
.m-spacing-6xl { margin: var(--spacing-6xl); }
.gap-spacing-6xl { gap: var(--spacing-6xl); }

.p-spacing-7xl { padding: var(--spacing-7xl); }
.m-spacing-7xl { margin: var(--spacing-7xl); }
.gap-spacing-7xl { gap: var(--spacing-7xl); }

.p-spacing-8xl { padding: var(--spacing-8xl); }
.m-spacing-8xl { margin: var(--spacing-8xl); }
.gap-spacing-8xl { gap: var(--spacing-8xl); }

.p-spacing-9xl { padding: var(--spacing-9xl); }
.m-spacing-9xl { margin: var(--spacing-9xl); }
.gap-spacing-9xl { gap: var(--spacing-9xl); }

.p-spacing-xxs { padding: var(--spacing-xxs); }
.m-spacing-xxs { margin: var(--spacing-xxs); }
.gap-spacing-xxs { gap: var(--spacing-xxs); }

.p-base-units-1 { padding: var(--base-units-1); }
.m-base-units-1 { margin: var(--base-units-1); }
.gap-base-units-1 { gap: var(--base-units-1); }

.p-base-units-2 { padding: var(--base-units-2); }
.m-base-units-2 { margin: var(--base-units-2); }
.gap-base-units-2 { gap: var(--base-units-2); }

.p-base-units-3 { padding: var(--base-units-3); }
.m-base-units-3 { margin: var(--base-units-3); }
.gap-base-units-3 { gap: var(--base-units-3); }

.p-base-units-4 { padding: var(--base-units-4); }
.m-base-units-4 { margin: var(--base-units-4); }
.gap-base-units-4 { gap: var(--base-units-4); }

.p-base-units-8 { padding: var(--base-units-8); }
.m-base-units-8 { margin: var(--base-units-8); }
.gap-base-units-8 { gap: var(--base-units-8); }

.p-border-thick { padding: var(--border-thick); }
.m-border-thick { margin: var(--border-thick); }
.gap-border-thick { gap: var(--border-thick); }

.p-spacing-xxxs { padding: var(--spacing-xxxs); }
.m-spacing-xxxs { margin: var(--spacing-xxxs); }
.gap-spacing-xxxs { gap: var(--spacing-xxxs); }

.p-base-units-12 { padding: var(--base-units-12); }
.m-base-units-12 { margin: var(--base-units-12); }
.gap-base-units-12 { gap: var(--base-units-12); }

.p-base-units-16 { padding: var(--base-units-16); }
.m-base-units-16 { margin: var(--base-units-16); }
.gap-base-units-16 { gap: var(--base-units-16); }

.p-base-units-20 { padding: var(--base-units-20); }
.m-base-units-20 { margin: var(--base-units-20); }
.gap-base-units-20 { gap: var(--base-units-20); }

.p-base-units-24 { padding: var(--base-units-24); }
.m-base-units-24 { margin: var(--base-units-24); }
.gap-base-units-24 { gap: var(--base-units-24); }

.p-base-units-32 { padding: var(--base-units-32); }
.m-base-units-32 { margin: var(--base-units-32); }
.gap-base-units-32 { gap: var(--base-units-32); }

.p-base-units-40 { padding: var(--base-units-40); }
.m-base-units-40 { margin: var(--base-units-40); }
.gap-base-units-40 { gap: var(--base-units-40); }

.p-base-units-48 { padding: var(--base-units-48); }
.m-base-units-48 { margin: var(--base-units-48); }
.gap-base-units-48 { gap: var(--base-units-48); }

.p-base-units-56 { padding: var(--base-units-56); }
.m-base-units-56 { margin: var(--base-units-56); }
.gap-base-units-56 { gap: var(--base-units-56); }

.p-base-units-64 { padding: var(--base-units-64); }
.m-base-units-64 { margin: var(--base-units-64); }
.gap-base-units-64 { gap: var(--base-units-64); }

.p-base-units-80 { padding: var(--base-units-80); }
.m-base-units-80 { margin: var(--base-units-80); }
.gap-base-units-80 { gap: var(--base-units-80); }

.p-base-units-96 { padding: var(--base-units-96); }
.m-base-units-96 { margin: var(--base-units-96); }
.gap-base-units-96 { gap: var(--base-units-96); }

.p-border-medium { padding: var(--border-medium); }
.m-border-medium { margin: var(--border-medium); }
.gap-border-medium { gap: var(--border-medium); }

.p-grid-columnas { padding: var(--grid-columnas); }
.m-grid-columnas { margin: var(--grid-columnas); }
.gap-grid-columnas { gap: var(--grid-columnas); }

.p-motion-medium { padding: var(--motion-medium); }
.m-motion-medium { margin: var(--motion-medium); }
.gap-motion-medium { gap: var(--motion-medium); }

.p-base-units-112 { padding: var(--base-units-112); }
.m-base-units-112 { margin: var(--base-units-112); }
.gap-base-units-112 { gap: var(--base-units-112); }

.p-base-units-128 { padding: var(--base-units-128); }
.m-base-units-128 { margin: var(--base-units-128); }
.gap-base-units-128 { gap: var(--base-units-128); }

.p-base-units-144 { padding: var(--base-units-144); }
.m-base-units-144 { margin: var(--base-units-144); }
.gap-base-units-144 { gap: var(--base-units-144); }

.p-base-units-160 { padding: var(--base-units-160); }
.m-base-units-160 { margin: var(--base-units-160); }
.gap-base-units-160 { gap: var(--base-units-160); }

.p-base-units-192 { padding: var(--base-units-192); }
.m-base-units-192 { margin: var(--base-units-192); }
.gap-base-units-192 { gap: var(--base-units-192); }

.p-base-units-224 { padding: var(--base-units-224); }
.m-base-units-224 { margin: var(--base-units-224); }
.gap-base-units-224 { gap: var(--base-units-224); }

.p-base-units-256 { padding: var(--base-units-256); }
.m-base-units-256 { margin: var(--base-units-256); }
.gap-base-units-256 { gap: var(--base-units-256); }

.p-base-units-288 { padding: var(--base-units-288); }
.m-base-units-288 { margin: var(--base-units-288); }
.gap-base-units-288 { gap: var(--base-units-288); }

.p-base-units-320 { padding: var(--base-units-320); }
.m-base-units-320 { margin: var(--base-units-320); }
.gap-base-units-320 { gap: var(--base-units-320); }

.p-base-units-360 { padding: var(--base-units-360); }
.m-base-units-360 { margin: var(--base-units-360); }
.gap-base-units-360 { gap: var(--base-units-360); }

.p-base-units-375 { padding: var(--base-units-375); }
.m-base-units-375 { margin: var(--base-units-375); }
.gap-base-units-375 { gap: var(--base-units-375); }

.p-base-units-400 { padding: var(--base-units-400); }
.m-base-units-400 { margin: var(--base-units-400); }
.gap-base-units-400 { gap: var(--base-units-400); }

.p-base-units-416 { padding: var(--base-units-416); }
.m-base-units-416 { margin: var(--base-units-416); }
.gap-base-units-416 { gap: var(--base-units-416); }

.p-base-units-432 { padding: var(--base-units-432); }
.m-base-units-432 { margin: var(--base-units-432); }
.gap-base-units-432 { gap: var(--base-units-432); }

.p-base-units-448 { padding: var(--base-units-448); }
.m-base-units-448 { margin: var(--base-units-448); }
.gap-base-units-448 { gap: var(--base-units-448); }

.p-base-units-456 { padding: var(--base-units-456); }
.m-base-units-456 { margin: var(--base-units-456); }
.gap-base-units-456 { gap: var(--base-units-456); }

.p-base-units-480 { padding: var(--base-units-480); }
.m-base-units-480 { margin: var(--base-units-480); }
.gap-base-units-480 { gap: var(--base-units-480); }

.p-base-units-512 { padding: var(--base-units-512); }
.m-base-units-512 { margin: var(--base-units-512); }
.gap-base-units-512 { gap: var(--base-units-512); }

.p-base-units-536 { padding: var(--base-units-536); }
.m-base-units-536 { margin: var(--base-units-536); }
.gap-base-units-536 { gap: var(--base-units-536); }

.p-base-units-560 { padding: var(--base-units-560); }
.m-base-units-560 { margin: var(--base-units-560); }
.gap-base-units-560 { gap: var(--base-units-560); }

.p-base-units-584 { padding: var(--base-units-584); }
.m-base-units-584 { margin: var(--base-units-584); }
.gap-base-units-584 { gap: var(--base-units-584); }

.p-base-units-600 { padding: var(--base-units-600); }
.m-base-units-600 { margin: var(--base-units-600); }
.gap-base-units-600 { gap: var(--base-units-600); }

.p-base-units-624 { padding: var(--base-units-624); }
.m-base-units-624 { margin: var(--base-units-624); }
.gap-base-units-624 { gap: var(--base-units-624); }

.p-base-units-640 { padding: var(--base-units-640); }
.m-base-units-640 { margin: var(--base-units-640); }
.gap-base-units-640 { gap: var(--base-units-640); }

.p-base-units-688 { padding: var(--base-units-688); }
.m-base-units-688 { margin: var(--base-units-688); }
.gap-base-units-688 { gap: var(--base-units-688); }

.p-base-units-720 { padding: var(--base-units-720); }
.m-base-units-720 { margin: var(--base-units-720); }
.gap-base-units-720 { gap: var(--base-units-720); }

.p-base-units-768 { padding: var(--base-units-768); }
.m-base-units-768 { margin: var(--base-units-768); }
.gap-base-units-768 { gap: var(--base-units-768); }

.p-base-units-800 { padding: var(--base-units-800); }
.m-base-units-800 { margin: var(--base-units-800); }
.gap-base-units-800 { gap: var(--base-units-800); }

.p-base-units-999 { padding: var(--base-units-999); }
.m-base-units-999 { margin: var(--base-units-999); }
.gap-base-units-999 { gap: var(--base-units-999); }

.p-grid-min-width { padding: var(--grid-min-width); }
.m-grid-min-width { margin: var(--grid-min-width); }
.gap-grid-min-width { gap: var(--grid-min-width); }

.p-base-units-1184 { padding: var(--base-units-1184); }
.m-base-units-1184 { margin: var(--base-units-1184); }
.gap-base-units-1184 { gap: var(--base-units-1184); }

.p-base-units-1280 { padding: var(--base-units-1280); }
.m-base-units-1280 { margin: var(--base-units-1280); }
.gap-base-units-1280 { gap: var(--base-units-1280); }

.p-base-units-1366 { padding: var(--base-units-1366); }
.m-base-units-1366 { margin: var(--base-units-1366); }
.gap-base-units-1366 { gap: var(--base-units-1366); }

.p-base-units-1440 { padding: var(--base-units-1440); }
.m-base-units-1440 { margin: var(--base-units-1440); }
.gap-base-units-1440 { gap: var(--base-units-1440); }

.p-grid-margin-vertical { padding: var(--grid-margin-vertical); }
.m-grid-margin-vertical { margin: var(--grid-margin-vertical); }
.gap-grid-margin-vertical { gap: var(--grid-margin-vertical); }

.p-grid-margin-horizontal { padding: var(--grid-margin-horizontal); }
.m-grid-margin-horizontal { margin: var(--grid-margin-horizontal); }
.gap-grid-margin-horizontal { gap: var(--grid-margin-horizontal); }

.p-grid-max-width-content { padding: var(--grid-max-width-content); }
.m-grid-max-width-content { margin: var(--grid-max-width-content); }
.gap-grid-max-width-content { gap: var(--grid-max-width-content); }

.text-typography-font-size-text-lg { font-size: var(--typography-font-size-text-lg); }

.text-typography-font-size-text-md { font-size: var(--typography-font-size-text-md); }

.text-typography-font-size-text-sm { font-size: var(--typography-font-size-text-sm); }

.text-typography-font-size-text-xl { font-size: var(--typography-font-size-text-xl); }

.text-typography-font-size-text-xs { font-size: var(--typography-font-size-text-xs); }

.text-typography-font-size-text-2xl { font-size: var(--typography-font-size-text-2xl); }

.text-typography-font-size-text-3xl { font-size: var(--typography-font-size-text-3xl); }

.text-typography-font-size-text-4xl { font-size: var(--typography-font-size-text-4xl); }

.text-typography-font-size-text-5xl { font-size: var(--typography-font-size-text-5xl); }

.text-typography-font-size-text-6xl { font-size: var(--typography-font-size-text-6xl); }

.text-typography-font-size-text-7xl { font-size: var(--typography-font-size-text-7xl); }

.text-typography-line-height-text-lg { font-size: var(--typography-line-height-text-lg); }

.text-typography-line-height-text-md { font-size: var(--typography-line-height-text-md); }

.text-typography-line-height-text-sm { font-size: var(--typography-line-height-text-sm); }

.text-typography-line-height-text-xl { font-size: var(--typography-line-height-text-xl); }

.text-typography-line-height-text-xs { font-size: var(--typography-line-height-text-xs); }

.text-typography-line-height-text-2xl { font-size: var(--typography-line-height-text-2xl); }

.text-typography-line-height-text-3xl { font-size: var(--typography-line-height-text-3xl); }

.text-typography-line-height-text-4xl { font-size: var(--typography-line-height-text-4xl); }

.text-typography-line-height-text-5xl { font-size: var(--typography-line-height-text-5xl); }

.text-typography-line-height-text-6xl { font-size: var(--typography-line-height-text-6xl); }

.text-typography-line-height-text-7xl { font-size: var(--typography-line-height-text-7xl); }

.text-trigger { font-size: var(--trigger); }

.text-easing-exit { font-size: var(--easing-exit); }

.text-easing-entrance { font-size: var(--easing-entrance); }

.text-easing-standard { font-size: var(--easing-standard); }

.text-ciudades-option-1 { font-size: var(--ciudades-option-1); }

.text-ciudades-option-2 { font-size: var(--ciudades-option-2); }

.text-ciudades-option-3 { font-size: var(--ciudades-option-3); }

.text-ciudades-option-4 { font-size: var(--ciudades-option-4); }

.text-typography-font-weight-bold { font-size: var(--typography-font-weight-bold); }

.text-typography-font-weight-thin { font-size: var(--typography-font-weight-thin); }

.text-typography-font-weight-light { font-size: var(--typography-font-weight-light); }

.text-typography-font-family-family { font-size: var(--typography-font-family-family); }

.text-typography-font-weight-medium { font-size: var(--typography-font-weight-medium); }

.text-typography-font-weight-regular { font-size: var(--typography-font-weight-regular); }

.text-typography-font-weight-semibold { font-size: var(--typography-font-weight-semibold); }

.text-typography-font-weight-extrabold { font-size: var(--typography-font-weight-extrabold); }

.text-typography-font-weight-extralight { font-size: var(--typography-font-weight-extralight); }

