/** * UABJO Sistema de Diseño - Variables CSS Dinámicas * Generado en tiempo real desde la base de datos * Última actualización: 2026-08-07T22:45:21.637Z * * Este archivo se actualiza automáticamente cada vez que * se modifican los colores o tipografía en el sistema de diseño. * No es necesario descargar nada, los cambios son inmediatos. */ /* ==================================== IMPORTAR GOOGLE FONTS DINÁMICAMENTE ==================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); :root { /* ==================================== COLORES INSTITUCIONALES ==================================== */ /* Azul Base */ --AzulBase-100: #E6EAEB; --AzulBase-200: #CCD4D7; --AzulBase-300: #B3BFC4; --AzulBase-400: #9AAAB0; --AzulBase-500: #81959C; --AzulBase-600: #677F88; --AzulBase-700: #4E6A74; --AzulBase-800: #355561; --AzulBase-900: #1B3F4D; --AzulBase-1000: #022A39; /* Azul Secundario */ --AzulSecundario-100: #E6EEF2; --AzulSecundario-200: #CCDDE5; --AzulSecundario-300: #B3CCD8; --AzulSecundario-400: #99BBCB; --AzulSecundario-500: #80ABBE; --AzulSecundario-600: #669AB1; --AzulSecundario-700: #4D89A4; --AzulSecundario-800: #337897; --AzulSecundario-900: #19678A; --AzulSecundario-1000: #00567D; /* Oro Base */ --OroBase-100: #F6F1E7; --OroBase-200: #EDE3D0; --OroBase-300: #E3D6B8; --OroBase-400: #DAC8A1; --OroBase-500: #D1BA89; --OroBase-600: #C8AC71; --OroBase-700: #BF9E5A; --OroBase-800: #B59142; --OroBase-900: #AC832B; --OroBase-1000: #A37513; /* Oro Secundario */ --OroSecundario-100: #FAF5E6; --OroSecundario-200: #F6EBCC; --OroSecundario-300: #F1E1B3; --OroSecundario-400: #ECD799; --OroSecundario-500: #E8CE80; --OroSecundario-600: #E3C466; --OroSecundario-700: #DEBA4D; --OroSecundario-800: #D9B033; --OroSecundario-900: #D5A619; --OroSecundario-1000: #D09C00; /* ==================================== TIPOGRAFÍA INSTITUCIONAL ==================================== */ /* Variables genéricas para componentes */ --font-family-component: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-component: 15px; --font-weight-component: 400; --line-height-component: 1; /* H1 */ --font-family-h1: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-h1: 84.15px; --font-weight-h1: 700; --line-height-h1: 1; /* H2 */ --font-family-h2: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-h2: 63.13px; --font-weight-h2: 700; --line-height-h2: 1; /* H3 */ --font-family-h3: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-h3: 47.36px; --font-weight-h3: 600; --line-height-h3: 1; /* H4 */ --font-family-h4: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-h4: 35.53px; --font-weight-h4: 600; --line-height-h4: 1; /* H5 */ --font-family-h5: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-h5: 26.65px; --font-weight-h5: 500; --line-height-h5: 1; /* H6 */ --font-family-h6: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-h6: 20px; --font-weight-h6: 500; --line-height-h6: 1; /* Subtitulo */ --font-family-subtitulo: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-subtitulo: 17.32px; --font-weight-subtitulo: 500; --line-height-subtitulo: 1; /* Body */ --font-family-body: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-body: 15px; --font-weight-body: 400; --line-height-body: 1; /* Caption */ --font-family-caption: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-caption: 11.25px; --font-weight-caption: 400; --line-height-caption: 1; /* Button */ --font-family-button: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-size-button: 15px; --font-weight-button: 400; --line-height-button: 1; /* ==================================== COLORES DE ACCESIBILIDAD ==================================== */ /* Blanco - Sin variantes */ --blanco: #FFFFFF; /* Negro */ --negro-100: #E6E6E6; --negro-200: #CCCCCC; --negro-300: #B3B3B3; --negro-400: #999999; --negro-500: #808080; --negro-600: #666666; --negro-700: #4D4D4D; --negro-800: #333333; --negro-900: #191919; --negro-1000: #000000; /* Gris */ --gris-100: #F0F1F2; --gris-200: #E2E3E5; --gris-300: #D3D6D8; --gris-400: #C4C8CB; --gris-500: #B6BABE; --gris-600: #A7ACB1; --gris-700: #989EA4; --gris-800: #899197; --gris-900: #7B838A; --gris-1000: #6C757D; /* Verde */ --verde-100: #EAF6EC; --verde-200: #D4EDDA; --verde-300: #BFE5C7; --verde-400: #A9DCB5; --verde-500: #94D3A2; --verde-600: #7ECA8F; --verde-700: #69C17D; --verde-800: #53B96A; --verde-900: #3DB058; --verde-1000: #28A745; /* Rojo */ --rojo-100: #FCEBEC; --rojo-200: #F8D7DA; --rojo-300: #F5C2C7; --rojo-400: #F1AEB5; --rojo-500: #EE9AA2; --rojo-600: #EA868F; --rojo-700: #E7727D; --rojo-800: #E35D6A; --rojo-900: #E04958; --rojo-1000: #DC3545; /* Amarillo */ --amarillo-100: #FFF9E6; --amarillo-200: #FFF3CD; --amarillo-300: #FFECB5; --amarillo-400: #FFE69C; --amarillo-500: #FFE083; --amarillo-600: #FFDA6A; --amarillo-700: #FFD451; --amarillo-800: #FFCD39; --amarillo-900: #FFC720; --amarillo-1000: #FFC107; /* Naranja */ --naranja-100: #FFF4E6; --naranja-200: #FFE8CC; --naranja-300: #FFDDB3; --naranja-400: #FFD199; --naranja-500: #FFC680; --naranja-600: #FFBA66; --naranja-700: #FFAF4D; --naranja-800: #FFA333; --naranja-900: #FF9819; --naranja-1000: #FF8C00; /* Azul */ --azul-100: #E7F1FF; --azul-200: #CFE2FF; --azul-300: #B6D4FE; --azul-400: #9EC5FE; --azul-500: #86B7FE; --azul-600: #6EA8FE; --azul-700: #569AFE; --azul-800: #3D8BFD; --azul-900: #257DFD; --azul-1000: #0D6EFD; /* Morado */ --morado-100: #F0E7FE; --morado-200: #E0CFFC; --morado-300: #D1B7FB; --morado-400: #C29FFA; --morado-500: #B388F9; --morado-600: #A370F7; --morado-700: #9458F6; --morado-800: #8540F5; --morado-900: #7528F3; --morado-1000: #6610F2; } /* ==================================== CLASES UTILITARIAS DE COLORES INSTITUCIONALES Soporta: Tipografía, Fondos, Gradientes, Bordes, Sombras, SVG, etc. Usa !important para override de Tailwind Compatible con: .bg-AzulBase-100, .text-OroSecundario-1000, etc. ==================================== */ /* Azul Base */ .text-AzulBase-100 { color: #E6EAEB !important; } .decoration-AzulBase-100 { text-decoration-color: #E6EAEB !important; } .placeholder-AzulBase-100::placeholder { color: #E6EAEB !important; } .caret-AzulBase-100 { caret-color: #E6EAEB !important; } .bg-AzulBase-100 { background-color: #E6EAEB !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-100 { --tw-gradient-from: #E6EAEB; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-100 { --tw-gradient-stops: var(--tw-gradient-from), #E6EAEB, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-100 { --tw-gradient-to: #E6EAEB; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-100 { border-color: #E6EAEB !important; } .border-t-AzulBase-100 { border-top-color: #E6EAEB !important; } .border-b-AzulBase-100 { border-bottom-color: #E6EAEB !important; } .border-l-AzulBase-100 { border-left-color: #E6EAEB !important; } .border-r-AzulBase-100 { border-right-color: #E6EAEB !important; } .border-x-AzulBase-100 { border-left-color: #E6EAEB !important; border-right-color: #E6EAEB !important; } .border-y-AzulBase-100 { border-top-color: #E6EAEB !important; border-bottom-color: #E6EAEB !important; } .outline-AzulBase-100 { outline-color: #E6EAEB !important; } .divide-AzulBase-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E6EAEB !important; } .divide-AzulBase-100 > :not([hidden]) { border-color: #E6EAEB !important; } .shadow-AzulBase-100 { --tw-shadow-color: #E6EAEB; box-shadow: var(--tw-shadow); } .ring-AzulBase-100 { --tw-ring-color: #E6EAEB; } .ring-offset-AzulBase-100 { --tw-ring-offset-color: #E6EAEB !important; } .accent-AzulBase-100 { accent-color: #E6EAEB !important; } .fill-AzulBase-100 { fill: #E6EAEB !important; } .stroke-AzulBase-100 { stroke: #E6EAEB !important; } .hover\:text-AzulBase-100:hover { color: #E6EAEB !important; } .hover\:bg-AzulBase-100:hover { background-color: #E6EAEB !important; } .hover\:border-AzulBase-100:hover { border-color: #E6EAEB !important; } .focus\:ring-AzulBase-100:focus { --tw-ring-color: #E6EAEB; } .peer:checked ~ .peer-checked\:bg-AzulBase-100 { background-color: #E6EAEB !important; } .peer:checked ~ .peer-checked\:text-AzulBase-100 { color: #E6EAEB !important; } .peer:checked ~ .peer-checked\:border-AzulBase-100 { border-color: #E6EAEB !important; } .text-AzulBase-200 { color: #CCD4D7 !important; } .decoration-AzulBase-200 { text-decoration-color: #CCD4D7 !important; } .placeholder-AzulBase-200::placeholder { color: #CCD4D7 !important; } .caret-AzulBase-200 { caret-color: #CCD4D7 !important; } .bg-AzulBase-200 { background-color: #CCD4D7 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-200 { --tw-gradient-from: #CCD4D7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-200 { --tw-gradient-stops: var(--tw-gradient-from), #CCD4D7, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-200 { --tw-gradient-to: #CCD4D7; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-200 { border-color: #CCD4D7 !important; } .border-t-AzulBase-200 { border-top-color: #CCD4D7 !important; } .border-b-AzulBase-200 { border-bottom-color: #CCD4D7 !important; } .border-l-AzulBase-200 { border-left-color: #CCD4D7 !important; } .border-r-AzulBase-200 { border-right-color: #CCD4D7 !important; } .border-x-AzulBase-200 { border-left-color: #CCD4D7 !important; border-right-color: #CCD4D7 !important; } .border-y-AzulBase-200 { border-top-color: #CCD4D7 !important; border-bottom-color: #CCD4D7 !important; } .outline-AzulBase-200 { outline-color: #CCD4D7 !important; } .divide-AzulBase-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #CCD4D7 !important; } .divide-AzulBase-200 > :not([hidden]) { border-color: #CCD4D7 !important; } .shadow-AzulBase-200 { --tw-shadow-color: #CCD4D7; box-shadow: var(--tw-shadow); } .ring-AzulBase-200 { --tw-ring-color: #CCD4D7; } .ring-offset-AzulBase-200 { --tw-ring-offset-color: #CCD4D7 !important; } .accent-AzulBase-200 { accent-color: #CCD4D7 !important; } .fill-AzulBase-200 { fill: #CCD4D7 !important; } .stroke-AzulBase-200 { stroke: #CCD4D7 !important; } .hover\:text-AzulBase-200:hover { color: #CCD4D7 !important; } .hover\:bg-AzulBase-200:hover { background-color: #CCD4D7 !important; } .hover\:border-AzulBase-200:hover { border-color: #CCD4D7 !important; } .focus\:ring-AzulBase-200:focus { --tw-ring-color: #CCD4D7; } .peer:checked ~ .peer-checked\:bg-AzulBase-200 { background-color: #CCD4D7 !important; } .peer:checked ~ .peer-checked\:text-AzulBase-200 { color: #CCD4D7 !important; } .peer:checked ~ .peer-checked\:border-AzulBase-200 { border-color: #CCD4D7 !important; } .text-AzulBase-300 { color: #B3BFC4 !important; } .decoration-AzulBase-300 { text-decoration-color: #B3BFC4 !important; } .placeholder-AzulBase-300::placeholder { color: #B3BFC4 !important; } .caret-AzulBase-300 { caret-color: #B3BFC4 !important; } .bg-AzulBase-300 { background-color: #B3BFC4 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-300 { --tw-gradient-from: #B3BFC4; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-300 { --tw-gradient-stops: var(--tw-gradient-from), #B3BFC4, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-300 { --tw-gradient-to: #B3BFC4; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-300 { border-color: #B3BFC4 !important; } .border-t-AzulBase-300 { border-top-color: #B3BFC4 !important; } .border-b-AzulBase-300 { border-bottom-color: #B3BFC4 !important; } .border-l-AzulBase-300 { border-left-color: #B3BFC4 !important; } .border-r-AzulBase-300 { border-right-color: #B3BFC4 !important; } .border-x-AzulBase-300 { border-left-color: #B3BFC4 !important; border-right-color: #B3BFC4 !important; } .border-y-AzulBase-300 { border-top-color: #B3BFC4 !important; border-bottom-color: #B3BFC4 !important; } .outline-AzulBase-300 { outline-color: #B3BFC4 !important; } .divide-AzulBase-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #B3BFC4 !important; } .divide-AzulBase-300 > :not([hidden]) { border-color: #B3BFC4 !important; } .shadow-AzulBase-300 { --tw-shadow-color: #B3BFC4; box-shadow: var(--tw-shadow); } .ring-AzulBase-300 { --tw-ring-color: #B3BFC4; } .ring-offset-AzulBase-300 { --tw-ring-offset-color: #B3BFC4 !important; } .accent-AzulBase-300 { accent-color: #B3BFC4 !important; } .fill-AzulBase-300 { fill: #B3BFC4 !important; } .stroke-AzulBase-300 { stroke: #B3BFC4 !important; } .hover\:text-AzulBase-300:hover { color: #B3BFC4 !important; } .hover\:bg-AzulBase-300:hover { background-color: #B3BFC4 !important; } .hover\:border-AzulBase-300:hover { border-color: #B3BFC4 !important; } .focus\:ring-AzulBase-300:focus { --tw-ring-color: #B3BFC4; } .peer:checked ~ .peer-checked\:bg-AzulBase-300 { background-color: #B3BFC4 !important; } .peer:checked ~ .peer-checked\:text-AzulBase-300 { color: #B3BFC4 !important; } .peer:checked ~ .peer-checked\:border-AzulBase-300 { border-color: #B3BFC4 !important; } .text-AzulBase-400 { color: #9AAAB0 !important; } .decoration-AzulBase-400 { text-decoration-color: #9AAAB0 !important; } .placeholder-AzulBase-400::placeholder { color: #9AAAB0 !important; } .caret-AzulBase-400 { caret-color: #9AAAB0 !important; } .bg-AzulBase-400 { background-color: #9AAAB0 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-400 { --tw-gradient-from: #9AAAB0; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-400 { --tw-gradient-stops: var(--tw-gradient-from), #9AAAB0, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-400 { --tw-gradient-to: #9AAAB0; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-400 { border-color: #9AAAB0 !important; } .border-t-AzulBase-400 { border-top-color: #9AAAB0 !important; } .border-b-AzulBase-400 { border-bottom-color: #9AAAB0 !important; } .border-l-AzulBase-400 { border-left-color: #9AAAB0 !important; } .border-r-AzulBase-400 { border-right-color: #9AAAB0 !important; } .border-x-AzulBase-400 { border-left-color: #9AAAB0 !important; border-right-color: #9AAAB0 !important; } .border-y-AzulBase-400 { border-top-color: #9AAAB0 !important; border-bottom-color: #9AAAB0 !important; } .outline-AzulBase-400 { outline-color: #9AAAB0 !important; } .divide-AzulBase-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #9AAAB0 !important; } .divide-AzulBase-400 > :not([hidden]) { border-color: #9AAAB0 !important; } .shadow-AzulBase-400 { --tw-shadow-color: #9AAAB0; box-shadow: var(--tw-shadow); } .ring-AzulBase-400 { --tw-ring-color: #9AAAB0; } .ring-offset-AzulBase-400 { --tw-ring-offset-color: #9AAAB0 !important; } .accent-AzulBase-400 { accent-color: #9AAAB0 !important; } .fill-AzulBase-400 { fill: #9AAAB0 !important; } .stroke-AzulBase-400 { stroke: #9AAAB0 !important; } .hover\:text-AzulBase-400:hover { color: #9AAAB0 !important; } .hover\:bg-AzulBase-400:hover { background-color: #9AAAB0 !important; } .hover\:border-AzulBase-400:hover { border-color: #9AAAB0 !important; } .focus\:ring-AzulBase-400:focus { --tw-ring-color: #9AAAB0; } .peer:checked ~ .peer-checked\:bg-AzulBase-400 { background-color: #9AAAB0 !important; } .peer:checked ~ .peer-checked\:text-AzulBase-400 { color: #9AAAB0 !important; } .peer:checked ~ .peer-checked\:border-AzulBase-400 { border-color: #9AAAB0 !important; } .text-AzulBase-500 { color: #81959C !important; } .decoration-AzulBase-500 { text-decoration-color: #81959C !important; } .placeholder-AzulBase-500::placeholder { color: #81959C !important; } .caret-AzulBase-500 { caret-color: #81959C !important; } .bg-AzulBase-500 { background-color: #81959C !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-500 { --tw-gradient-from: #81959C; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-500 { --tw-gradient-stops: var(--tw-gradient-from), #81959C, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-500 { --tw-gradient-to: #81959C; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-500 { border-color: #81959C !important; } .border-t-AzulBase-500 { border-top-color: #81959C !important; } .border-b-AzulBase-500 { border-bottom-color: #81959C !important; } .border-l-AzulBase-500 { border-left-color: #81959C !important; } .border-r-AzulBase-500 { border-right-color: #81959C !important; } .border-x-AzulBase-500 { border-left-color: #81959C !important; border-right-color: #81959C !important; } .border-y-AzulBase-500 { border-top-color: #81959C !important; border-bottom-color: #81959C !important; } .outline-AzulBase-500 { outline-color: #81959C !important; } .divide-AzulBase-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #81959C !important; } .divide-AzulBase-500 > :not([hidden]) { border-color: #81959C !important; } .shadow-AzulBase-500 { --tw-shadow-color: #81959C; box-shadow: var(--tw-shadow); } .ring-AzulBase-500 { --tw-ring-color: #81959C; } .ring-offset-AzulBase-500 { --tw-ring-offset-color: #81959C !important; } .accent-AzulBase-500 { accent-color: #81959C !important; } .fill-AzulBase-500 { fill: #81959C !important; } .stroke-AzulBase-500 { stroke: #81959C !important; } .hover\:text-AzulBase-500:hover { color: #81959C !important; } .hover\:bg-AzulBase-500:hover { background-color: #81959C !important; } .hover\:border-AzulBase-500:hover { border-color: #81959C !important; } .focus\:ring-AzulBase-500:focus { --tw-ring-color: #81959C; } .peer:checked ~ .peer-checked\:bg-AzulBase-500 { background-color: #81959C !important; } .peer:checked ~ .peer-checked\:text-AzulBase-500 { color: #81959C !important; } .peer:checked ~ .peer-checked\:border-AzulBase-500 { border-color: #81959C !important; } .text-AzulBase-600 { color: #677F88 !important; } .decoration-AzulBase-600 { text-decoration-color: #677F88 !important; } .placeholder-AzulBase-600::placeholder { color: #677F88 !important; } .caret-AzulBase-600 { caret-color: #677F88 !important; } .bg-AzulBase-600 { background-color: #677F88 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-600 { --tw-gradient-from: #677F88; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-600 { --tw-gradient-stops: var(--tw-gradient-from), #677F88, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-600 { --tw-gradient-to: #677F88; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-600 { border-color: #677F88 !important; } .border-t-AzulBase-600 { border-top-color: #677F88 !important; } .border-b-AzulBase-600 { border-bottom-color: #677F88 !important; } .border-l-AzulBase-600 { border-left-color: #677F88 !important; } .border-r-AzulBase-600 { border-right-color: #677F88 !important; } .border-x-AzulBase-600 { border-left-color: #677F88 !important; border-right-color: #677F88 !important; } .border-y-AzulBase-600 { border-top-color: #677F88 !important; border-bottom-color: #677F88 !important; } .outline-AzulBase-600 { outline-color: #677F88 !important; } .divide-AzulBase-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #677F88 !important; } .divide-AzulBase-600 > :not([hidden]) { border-color: #677F88 !important; } .shadow-AzulBase-600 { --tw-shadow-color: #677F88; box-shadow: var(--tw-shadow); } .ring-AzulBase-600 { --tw-ring-color: #677F88; } .ring-offset-AzulBase-600 { --tw-ring-offset-color: #677F88 !important; } .accent-AzulBase-600 { accent-color: #677F88 !important; } .fill-AzulBase-600 { fill: #677F88 !important; } .stroke-AzulBase-600 { stroke: #677F88 !important; } .hover\:text-AzulBase-600:hover { color: #677F88 !important; } .hover\:bg-AzulBase-600:hover { background-color: #677F88 !important; } .hover\:border-AzulBase-600:hover { border-color: #677F88 !important; } .focus\:ring-AzulBase-600:focus { --tw-ring-color: #677F88; } .peer:checked ~ .peer-checked\:bg-AzulBase-600 { background-color: #677F88 !important; } .peer:checked ~ .peer-checked\:text-AzulBase-600 { color: #677F88 !important; } .peer:checked ~ .peer-checked\:border-AzulBase-600 { border-color: #677F88 !important; } .text-AzulBase-700 { color: #4E6A74 !important; } .decoration-AzulBase-700 { text-decoration-color: #4E6A74 !important; } .placeholder-AzulBase-700::placeholder { color: #4E6A74 !important; } .caret-AzulBase-700 { caret-color: #4E6A74 !important; } .bg-AzulBase-700 { background-color: #4E6A74 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-700 { --tw-gradient-from: #4E6A74; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-700 { --tw-gradient-stops: var(--tw-gradient-from), #4E6A74, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-700 { --tw-gradient-to: #4E6A74; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-700 { border-color: #4E6A74 !important; } .border-t-AzulBase-700 { border-top-color: #4E6A74 !important; } .border-b-AzulBase-700 { border-bottom-color: #4E6A74 !important; } .border-l-AzulBase-700 { border-left-color: #4E6A74 !important; } .border-r-AzulBase-700 { border-right-color: #4E6A74 !important; } .border-x-AzulBase-700 { border-left-color: #4E6A74 !important; border-right-color: #4E6A74 !important; } .border-y-AzulBase-700 { border-top-color: #4E6A74 !important; border-bottom-color: #4E6A74 !important; } .outline-AzulBase-700 { outline-color: #4E6A74 !important; } .divide-AzulBase-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #4E6A74 !important; } .divide-AzulBase-700 > :not([hidden]) { border-color: #4E6A74 !important; } .shadow-AzulBase-700 { --tw-shadow-color: #4E6A74; box-shadow: var(--tw-shadow); } .ring-AzulBase-700 { --tw-ring-color: #4E6A74; } .ring-offset-AzulBase-700 { --tw-ring-offset-color: #4E6A74 !important; } .accent-AzulBase-700 { accent-color: #4E6A74 !important; } .fill-AzulBase-700 { fill: #4E6A74 !important; } .stroke-AzulBase-700 { stroke: #4E6A74 !important; } .hover\:text-AzulBase-700:hover { color: #4E6A74 !important; } .hover\:bg-AzulBase-700:hover { background-color: #4E6A74 !important; } .hover\:border-AzulBase-700:hover { border-color: #4E6A74 !important; } .focus\:ring-AzulBase-700:focus { --tw-ring-color: #4E6A74; } .peer:checked ~ .peer-checked\:bg-AzulBase-700 { background-color: #4E6A74 !important; } .peer:checked ~ .peer-checked\:text-AzulBase-700 { color: #4E6A74 !important; } .peer:checked ~ .peer-checked\:border-AzulBase-700 { border-color: #4E6A74 !important; } .text-AzulBase-800 { color: #355561 !important; } .decoration-AzulBase-800 { text-decoration-color: #355561 !important; } .placeholder-AzulBase-800::placeholder { color: #355561 !important; } .caret-AzulBase-800 { caret-color: #355561 !important; } .bg-AzulBase-800 { background-color: #355561 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-800 { --tw-gradient-from: #355561; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-800 { --tw-gradient-stops: var(--tw-gradient-from), #355561, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-800 { --tw-gradient-to: #355561; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-800 { border-color: #355561 !important; } .border-t-AzulBase-800 { border-top-color: #355561 !important; } .border-b-AzulBase-800 { border-bottom-color: #355561 !important; } .border-l-AzulBase-800 { border-left-color: #355561 !important; } .border-r-AzulBase-800 { border-right-color: #355561 !important; } .border-x-AzulBase-800 { border-left-color: #355561 !important; border-right-color: #355561 !important; } .border-y-AzulBase-800 { border-top-color: #355561 !important; border-bottom-color: #355561 !important; } .outline-AzulBase-800 { outline-color: #355561 !important; } .divide-AzulBase-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #355561 !important; } .divide-AzulBase-800 > :not([hidden]) { border-color: #355561 !important; } .shadow-AzulBase-800 { --tw-shadow-color: #355561; box-shadow: var(--tw-shadow); } .ring-AzulBase-800 { --tw-ring-color: #355561; } .ring-offset-AzulBase-800 { --tw-ring-offset-color: #355561 !important; } .accent-AzulBase-800 { accent-color: #355561 !important; } .fill-AzulBase-800 { fill: #355561 !important; } .stroke-AzulBase-800 { stroke: #355561 !important; } .hover\:text-AzulBase-800:hover { color: #355561 !important; } .hover\:bg-AzulBase-800:hover { background-color: #355561 !important; } .hover\:border-AzulBase-800:hover { border-color: #355561 !important; } .focus\:ring-AzulBase-800:focus { --tw-ring-color: #355561; } .peer:checked ~ .peer-checked\:bg-AzulBase-800 { background-color: #355561 !important; } .peer:checked ~ .peer-checked\:text-AzulBase-800 { color: #355561 !important; } .peer:checked ~ .peer-checked\:border-AzulBase-800 { border-color: #355561 !important; } .text-AzulBase-900 { color: #1B3F4D !important; } .decoration-AzulBase-900 { text-decoration-color: #1B3F4D !important; } .placeholder-AzulBase-900::placeholder { color: #1B3F4D !important; } .caret-AzulBase-900 { caret-color: #1B3F4D !important; } .bg-AzulBase-900 { background-color: #1B3F4D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-900 { --tw-gradient-from: #1B3F4D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-900 { --tw-gradient-stops: var(--tw-gradient-from), #1B3F4D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-900 { --tw-gradient-to: #1B3F4D; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-900 { border-color: #1B3F4D !important; } .border-t-AzulBase-900 { border-top-color: #1B3F4D !important; } .border-b-AzulBase-900 { border-bottom-color: #1B3F4D !important; } .border-l-AzulBase-900 { border-left-color: #1B3F4D !important; } .border-r-AzulBase-900 { border-right-color: #1B3F4D !important; } .border-x-AzulBase-900 { border-left-color: #1B3F4D !important; border-right-color: #1B3F4D !important; } .border-y-AzulBase-900 { border-top-color: #1B3F4D !important; border-bottom-color: #1B3F4D !important; } .outline-AzulBase-900 { outline-color: #1B3F4D !important; } .divide-AzulBase-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #1B3F4D !important; } .divide-AzulBase-900 > :not([hidden]) { border-color: #1B3F4D !important; } .shadow-AzulBase-900 { --tw-shadow-color: #1B3F4D; box-shadow: var(--tw-shadow); } .ring-AzulBase-900 { --tw-ring-color: #1B3F4D; } .ring-offset-AzulBase-900 { --tw-ring-offset-color: #1B3F4D !important; } .accent-AzulBase-900 { accent-color: #1B3F4D !important; } .fill-AzulBase-900 { fill: #1B3F4D !important; } .stroke-AzulBase-900 { stroke: #1B3F4D !important; } .hover\:text-AzulBase-900:hover { color: #1B3F4D !important; } .hover\:bg-AzulBase-900:hover { background-color: #1B3F4D !important; } .hover\:border-AzulBase-900:hover { border-color: #1B3F4D !important; } .focus\:ring-AzulBase-900:focus { --tw-ring-color: #1B3F4D; } .peer:checked ~ .peer-checked\:bg-AzulBase-900 { background-color: #1B3F4D !important; } .peer:checked ~ .peer-checked\:text-AzulBase-900 { color: #1B3F4D !important; } .peer:checked ~ .peer-checked\:border-AzulBase-900 { border-color: #1B3F4D !important; } .text-AzulBase-1000 { color: #022A39 !important; } .decoration-AzulBase-1000 { text-decoration-color: #022A39 !important; } .placeholder-AzulBase-1000::placeholder { color: #022A39 !important; } .caret-AzulBase-1000 { caret-color: #022A39 !important; } .bg-AzulBase-1000 { background-color: #022A39 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulBase-1000 { --tw-gradient-from: #022A39; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulBase-1000 { --tw-gradient-stops: var(--tw-gradient-from), #022A39, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulBase-1000 { --tw-gradient-to: #022A39; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulBase-1000 { border-color: #022A39 !important; } .border-t-AzulBase-1000 { border-top-color: #022A39 !important; } .border-b-AzulBase-1000 { border-bottom-color: #022A39 !important; } .border-l-AzulBase-1000 { border-left-color: #022A39 !important; } .border-r-AzulBase-1000 { border-right-color: #022A39 !important; } .border-x-AzulBase-1000 { border-left-color: #022A39 !important; border-right-color: #022A39 !important; } .border-y-AzulBase-1000 { border-top-color: #022A39 !important; border-bottom-color: #022A39 !important; } .outline-AzulBase-1000 { outline-color: #022A39 !important; } .divide-AzulBase-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #022A39 !important; } .divide-AzulBase-1000 > :not([hidden]) { border-color: #022A39 !important; } .shadow-AzulBase-1000 { --tw-shadow-color: #022A39; box-shadow: var(--tw-shadow); } .ring-AzulBase-1000 { --tw-ring-color: #022A39; } .ring-offset-AzulBase-1000 { --tw-ring-offset-color: #022A39 !important; } .accent-AzulBase-1000 { accent-color: #022A39 !important; } .fill-AzulBase-1000 { fill: #022A39 !important; } .stroke-AzulBase-1000 { stroke: #022A39 !important; } .hover\:text-AzulBase-1000:hover { color: #022A39 !important; } .hover\:bg-AzulBase-1000:hover { background-color: #022A39 !important; } .hover\:border-AzulBase-1000:hover { border-color: #022A39 !important; } .focus\:ring-AzulBase-1000:focus { --tw-ring-color: #022A39; } .peer:checked ~ .peer-checked\:bg-AzulBase-1000 { background-color: #022A39 !important; } .peer:checked ~ .peer-checked\:text-AzulBase-1000 { color: #022A39 !important; } .peer:checked ~ .peer-checked\:border-AzulBase-1000 { border-color: #022A39 !important; } /* Azul Secundario */ .text-AzulSecundario-100 { color: #E6EEF2 !important; } .decoration-AzulSecundario-100 { text-decoration-color: #E6EEF2 !important; } .placeholder-AzulSecundario-100::placeholder { color: #E6EEF2 !important; } .caret-AzulSecundario-100 { caret-color: #E6EEF2 !important; } .bg-AzulSecundario-100 { background-color: #E6EEF2 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-100 { --tw-gradient-from: #E6EEF2; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-100 { --tw-gradient-stops: var(--tw-gradient-from), #E6EEF2, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-100 { --tw-gradient-to: #E6EEF2; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-100 { border-color: #E6EEF2 !important; } .border-t-AzulSecundario-100 { border-top-color: #E6EEF2 !important; } .border-b-AzulSecundario-100 { border-bottom-color: #E6EEF2 !important; } .border-l-AzulSecundario-100 { border-left-color: #E6EEF2 !important; } .border-r-AzulSecundario-100 { border-right-color: #E6EEF2 !important; } .border-x-AzulSecundario-100 { border-left-color: #E6EEF2 !important; border-right-color: #E6EEF2 !important; } .border-y-AzulSecundario-100 { border-top-color: #E6EEF2 !important; border-bottom-color: #E6EEF2 !important; } .outline-AzulSecundario-100 { outline-color: #E6EEF2 !important; } .divide-AzulSecundario-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E6EEF2 !important; } .divide-AzulSecundario-100 > :not([hidden]) { border-color: #E6EEF2 !important; } .shadow-AzulSecundario-100 { --tw-shadow-color: #E6EEF2; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-100 { --tw-ring-color: #E6EEF2; } .ring-offset-AzulSecundario-100 { --tw-ring-offset-color: #E6EEF2 !important; } .accent-AzulSecundario-100 { accent-color: #E6EEF2 !important; } .fill-AzulSecundario-100 { fill: #E6EEF2 !important; } .stroke-AzulSecundario-100 { stroke: #E6EEF2 !important; } .hover\:text-AzulSecundario-100:hover { color: #E6EEF2 !important; } .hover\:bg-AzulSecundario-100:hover { background-color: #E6EEF2 !important; } .hover\:border-AzulSecundario-100:hover { border-color: #E6EEF2 !important; } .focus\:ring-AzulSecundario-100:focus { --tw-ring-color: #E6EEF2; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-100 { background-color: #E6EEF2 !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-100 { color: #E6EEF2 !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-100 { border-color: #E6EEF2 !important; } .text-AzulSecundario-200 { color: #CCDDE5 !important; } .decoration-AzulSecundario-200 { text-decoration-color: #CCDDE5 !important; } .placeholder-AzulSecundario-200::placeholder { color: #CCDDE5 !important; } .caret-AzulSecundario-200 { caret-color: #CCDDE5 !important; } .bg-AzulSecundario-200 { background-color: #CCDDE5 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-200 { --tw-gradient-from: #CCDDE5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-200 { --tw-gradient-stops: var(--tw-gradient-from), #CCDDE5, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-200 { --tw-gradient-to: #CCDDE5; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-200 { border-color: #CCDDE5 !important; } .border-t-AzulSecundario-200 { border-top-color: #CCDDE5 !important; } .border-b-AzulSecundario-200 { border-bottom-color: #CCDDE5 !important; } .border-l-AzulSecundario-200 { border-left-color: #CCDDE5 !important; } .border-r-AzulSecundario-200 { border-right-color: #CCDDE5 !important; } .border-x-AzulSecundario-200 { border-left-color: #CCDDE5 !important; border-right-color: #CCDDE5 !important; } .border-y-AzulSecundario-200 { border-top-color: #CCDDE5 !important; border-bottom-color: #CCDDE5 !important; } .outline-AzulSecundario-200 { outline-color: #CCDDE5 !important; } .divide-AzulSecundario-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #CCDDE5 !important; } .divide-AzulSecundario-200 > :not([hidden]) { border-color: #CCDDE5 !important; } .shadow-AzulSecundario-200 { --tw-shadow-color: #CCDDE5; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-200 { --tw-ring-color: #CCDDE5; } .ring-offset-AzulSecundario-200 { --tw-ring-offset-color: #CCDDE5 !important; } .accent-AzulSecundario-200 { accent-color: #CCDDE5 !important; } .fill-AzulSecundario-200 { fill: #CCDDE5 !important; } .stroke-AzulSecundario-200 { stroke: #CCDDE5 !important; } .hover\:text-AzulSecundario-200:hover { color: #CCDDE5 !important; } .hover\:bg-AzulSecundario-200:hover { background-color: #CCDDE5 !important; } .hover\:border-AzulSecundario-200:hover { border-color: #CCDDE5 !important; } .focus\:ring-AzulSecundario-200:focus { --tw-ring-color: #CCDDE5; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-200 { background-color: #CCDDE5 !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-200 { color: #CCDDE5 !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-200 { border-color: #CCDDE5 !important; } .text-AzulSecundario-300 { color: #B3CCD8 !important; } .decoration-AzulSecundario-300 { text-decoration-color: #B3CCD8 !important; } .placeholder-AzulSecundario-300::placeholder { color: #B3CCD8 !important; } .caret-AzulSecundario-300 { caret-color: #B3CCD8 !important; } .bg-AzulSecundario-300 { background-color: #B3CCD8 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-300 { --tw-gradient-from: #B3CCD8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-300 { --tw-gradient-stops: var(--tw-gradient-from), #B3CCD8, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-300 { --tw-gradient-to: #B3CCD8; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-300 { border-color: #B3CCD8 !important; } .border-t-AzulSecundario-300 { border-top-color: #B3CCD8 !important; } .border-b-AzulSecundario-300 { border-bottom-color: #B3CCD8 !important; } .border-l-AzulSecundario-300 { border-left-color: #B3CCD8 !important; } .border-r-AzulSecundario-300 { border-right-color: #B3CCD8 !important; } .border-x-AzulSecundario-300 { border-left-color: #B3CCD8 !important; border-right-color: #B3CCD8 !important; } .border-y-AzulSecundario-300 { border-top-color: #B3CCD8 !important; border-bottom-color: #B3CCD8 !important; } .outline-AzulSecundario-300 { outline-color: #B3CCD8 !important; } .divide-AzulSecundario-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #B3CCD8 !important; } .divide-AzulSecundario-300 > :not([hidden]) { border-color: #B3CCD8 !important; } .shadow-AzulSecundario-300 { --tw-shadow-color: #B3CCD8; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-300 { --tw-ring-color: #B3CCD8; } .ring-offset-AzulSecundario-300 { --tw-ring-offset-color: #B3CCD8 !important; } .accent-AzulSecundario-300 { accent-color: #B3CCD8 !important; } .fill-AzulSecundario-300 { fill: #B3CCD8 !important; } .stroke-AzulSecundario-300 { stroke: #B3CCD8 !important; } .hover\:text-AzulSecundario-300:hover { color: #B3CCD8 !important; } .hover\:bg-AzulSecundario-300:hover { background-color: #B3CCD8 !important; } .hover\:border-AzulSecundario-300:hover { border-color: #B3CCD8 !important; } .focus\:ring-AzulSecundario-300:focus { --tw-ring-color: #B3CCD8; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-300 { background-color: #B3CCD8 !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-300 { color: #B3CCD8 !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-300 { border-color: #B3CCD8 !important; } .text-AzulSecundario-400 { color: #99BBCB !important; } .decoration-AzulSecundario-400 { text-decoration-color: #99BBCB !important; } .placeholder-AzulSecundario-400::placeholder { color: #99BBCB !important; } .caret-AzulSecundario-400 { caret-color: #99BBCB !important; } .bg-AzulSecundario-400 { background-color: #99BBCB !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-400 { --tw-gradient-from: #99BBCB; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-400 { --tw-gradient-stops: var(--tw-gradient-from), #99BBCB, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-400 { --tw-gradient-to: #99BBCB; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-400 { border-color: #99BBCB !important; } .border-t-AzulSecundario-400 { border-top-color: #99BBCB !important; } .border-b-AzulSecundario-400 { border-bottom-color: #99BBCB !important; } .border-l-AzulSecundario-400 { border-left-color: #99BBCB !important; } .border-r-AzulSecundario-400 { border-right-color: #99BBCB !important; } .border-x-AzulSecundario-400 { border-left-color: #99BBCB !important; border-right-color: #99BBCB !important; } .border-y-AzulSecundario-400 { border-top-color: #99BBCB !important; border-bottom-color: #99BBCB !important; } .outline-AzulSecundario-400 { outline-color: #99BBCB !important; } .divide-AzulSecundario-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #99BBCB !important; } .divide-AzulSecundario-400 > :not([hidden]) { border-color: #99BBCB !important; } .shadow-AzulSecundario-400 { --tw-shadow-color: #99BBCB; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-400 { --tw-ring-color: #99BBCB; } .ring-offset-AzulSecundario-400 { --tw-ring-offset-color: #99BBCB !important; } .accent-AzulSecundario-400 { accent-color: #99BBCB !important; } .fill-AzulSecundario-400 { fill: #99BBCB !important; } .stroke-AzulSecundario-400 { stroke: #99BBCB !important; } .hover\:text-AzulSecundario-400:hover { color: #99BBCB !important; } .hover\:bg-AzulSecundario-400:hover { background-color: #99BBCB !important; } .hover\:border-AzulSecundario-400:hover { border-color: #99BBCB !important; } .focus\:ring-AzulSecundario-400:focus { --tw-ring-color: #99BBCB; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-400 { background-color: #99BBCB !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-400 { color: #99BBCB !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-400 { border-color: #99BBCB !important; } .text-AzulSecundario-500 { color: #80ABBE !important; } .decoration-AzulSecundario-500 { text-decoration-color: #80ABBE !important; } .placeholder-AzulSecundario-500::placeholder { color: #80ABBE !important; } .caret-AzulSecundario-500 { caret-color: #80ABBE !important; } .bg-AzulSecundario-500 { background-color: #80ABBE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-500 { --tw-gradient-from: #80ABBE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-500 { --tw-gradient-stops: var(--tw-gradient-from), #80ABBE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-500 { --tw-gradient-to: #80ABBE; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-500 { border-color: #80ABBE !important; } .border-t-AzulSecundario-500 { border-top-color: #80ABBE !important; } .border-b-AzulSecundario-500 { border-bottom-color: #80ABBE !important; } .border-l-AzulSecundario-500 { border-left-color: #80ABBE !important; } .border-r-AzulSecundario-500 { border-right-color: #80ABBE !important; } .border-x-AzulSecundario-500 { border-left-color: #80ABBE !important; border-right-color: #80ABBE !important; } .border-y-AzulSecundario-500 { border-top-color: #80ABBE !important; border-bottom-color: #80ABBE !important; } .outline-AzulSecundario-500 { outline-color: #80ABBE !important; } .divide-AzulSecundario-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #80ABBE !important; } .divide-AzulSecundario-500 > :not([hidden]) { border-color: #80ABBE !important; } .shadow-AzulSecundario-500 { --tw-shadow-color: #80ABBE; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-500 { --tw-ring-color: #80ABBE; } .ring-offset-AzulSecundario-500 { --tw-ring-offset-color: #80ABBE !important; } .accent-AzulSecundario-500 { accent-color: #80ABBE !important; } .fill-AzulSecundario-500 { fill: #80ABBE !important; } .stroke-AzulSecundario-500 { stroke: #80ABBE !important; } .hover\:text-AzulSecundario-500:hover { color: #80ABBE !important; } .hover\:bg-AzulSecundario-500:hover { background-color: #80ABBE !important; } .hover\:border-AzulSecundario-500:hover { border-color: #80ABBE !important; } .focus\:ring-AzulSecundario-500:focus { --tw-ring-color: #80ABBE; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-500 { background-color: #80ABBE !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-500 { color: #80ABBE !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-500 { border-color: #80ABBE !important; } .text-AzulSecundario-600 { color: #669AB1 !important; } .decoration-AzulSecundario-600 { text-decoration-color: #669AB1 !important; } .placeholder-AzulSecundario-600::placeholder { color: #669AB1 !important; } .caret-AzulSecundario-600 { caret-color: #669AB1 !important; } .bg-AzulSecundario-600 { background-color: #669AB1 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-600 { --tw-gradient-from: #669AB1; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-600 { --tw-gradient-stops: var(--tw-gradient-from), #669AB1, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-600 { --tw-gradient-to: #669AB1; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-600 { border-color: #669AB1 !important; } .border-t-AzulSecundario-600 { border-top-color: #669AB1 !important; } .border-b-AzulSecundario-600 { border-bottom-color: #669AB1 !important; } .border-l-AzulSecundario-600 { border-left-color: #669AB1 !important; } .border-r-AzulSecundario-600 { border-right-color: #669AB1 !important; } .border-x-AzulSecundario-600 { border-left-color: #669AB1 !important; border-right-color: #669AB1 !important; } .border-y-AzulSecundario-600 { border-top-color: #669AB1 !important; border-bottom-color: #669AB1 !important; } .outline-AzulSecundario-600 { outline-color: #669AB1 !important; } .divide-AzulSecundario-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #669AB1 !important; } .divide-AzulSecundario-600 > :not([hidden]) { border-color: #669AB1 !important; } .shadow-AzulSecundario-600 { --tw-shadow-color: #669AB1; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-600 { --tw-ring-color: #669AB1; } .ring-offset-AzulSecundario-600 { --tw-ring-offset-color: #669AB1 !important; } .accent-AzulSecundario-600 { accent-color: #669AB1 !important; } .fill-AzulSecundario-600 { fill: #669AB1 !important; } .stroke-AzulSecundario-600 { stroke: #669AB1 !important; } .hover\:text-AzulSecundario-600:hover { color: #669AB1 !important; } .hover\:bg-AzulSecundario-600:hover { background-color: #669AB1 !important; } .hover\:border-AzulSecundario-600:hover { border-color: #669AB1 !important; } .focus\:ring-AzulSecundario-600:focus { --tw-ring-color: #669AB1; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-600 { background-color: #669AB1 !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-600 { color: #669AB1 !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-600 { border-color: #669AB1 !important; } .text-AzulSecundario-700 { color: #4D89A4 !important; } .decoration-AzulSecundario-700 { text-decoration-color: #4D89A4 !important; } .placeholder-AzulSecundario-700::placeholder { color: #4D89A4 !important; } .caret-AzulSecundario-700 { caret-color: #4D89A4 !important; } .bg-AzulSecundario-700 { background-color: #4D89A4 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-700 { --tw-gradient-from: #4D89A4; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-700 { --tw-gradient-stops: var(--tw-gradient-from), #4D89A4, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-700 { --tw-gradient-to: #4D89A4; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-700 { border-color: #4D89A4 !important; } .border-t-AzulSecundario-700 { border-top-color: #4D89A4 !important; } .border-b-AzulSecundario-700 { border-bottom-color: #4D89A4 !important; } .border-l-AzulSecundario-700 { border-left-color: #4D89A4 !important; } .border-r-AzulSecundario-700 { border-right-color: #4D89A4 !important; } .border-x-AzulSecundario-700 { border-left-color: #4D89A4 !important; border-right-color: #4D89A4 !important; } .border-y-AzulSecundario-700 { border-top-color: #4D89A4 !important; border-bottom-color: #4D89A4 !important; } .outline-AzulSecundario-700 { outline-color: #4D89A4 !important; } .divide-AzulSecundario-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #4D89A4 !important; } .divide-AzulSecundario-700 > :not([hidden]) { border-color: #4D89A4 !important; } .shadow-AzulSecundario-700 { --tw-shadow-color: #4D89A4; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-700 { --tw-ring-color: #4D89A4; } .ring-offset-AzulSecundario-700 { --tw-ring-offset-color: #4D89A4 !important; } .accent-AzulSecundario-700 { accent-color: #4D89A4 !important; } .fill-AzulSecundario-700 { fill: #4D89A4 !important; } .stroke-AzulSecundario-700 { stroke: #4D89A4 !important; } .hover\:text-AzulSecundario-700:hover { color: #4D89A4 !important; } .hover\:bg-AzulSecundario-700:hover { background-color: #4D89A4 !important; } .hover\:border-AzulSecundario-700:hover { border-color: #4D89A4 !important; } .focus\:ring-AzulSecundario-700:focus { --tw-ring-color: #4D89A4; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-700 { background-color: #4D89A4 !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-700 { color: #4D89A4 !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-700 { border-color: #4D89A4 !important; } .text-AzulSecundario-800 { color: #337897 !important; } .decoration-AzulSecundario-800 { text-decoration-color: #337897 !important; } .placeholder-AzulSecundario-800::placeholder { color: #337897 !important; } .caret-AzulSecundario-800 { caret-color: #337897 !important; } .bg-AzulSecundario-800 { background-color: #337897 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-800 { --tw-gradient-from: #337897; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-800 { --tw-gradient-stops: var(--tw-gradient-from), #337897, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-800 { --tw-gradient-to: #337897; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-800 { border-color: #337897 !important; } .border-t-AzulSecundario-800 { border-top-color: #337897 !important; } .border-b-AzulSecundario-800 { border-bottom-color: #337897 !important; } .border-l-AzulSecundario-800 { border-left-color: #337897 !important; } .border-r-AzulSecundario-800 { border-right-color: #337897 !important; } .border-x-AzulSecundario-800 { border-left-color: #337897 !important; border-right-color: #337897 !important; } .border-y-AzulSecundario-800 { border-top-color: #337897 !important; border-bottom-color: #337897 !important; } .outline-AzulSecundario-800 { outline-color: #337897 !important; } .divide-AzulSecundario-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #337897 !important; } .divide-AzulSecundario-800 > :not([hidden]) { border-color: #337897 !important; } .shadow-AzulSecundario-800 { --tw-shadow-color: #337897; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-800 { --tw-ring-color: #337897; } .ring-offset-AzulSecundario-800 { --tw-ring-offset-color: #337897 !important; } .accent-AzulSecundario-800 { accent-color: #337897 !important; } .fill-AzulSecundario-800 { fill: #337897 !important; } .stroke-AzulSecundario-800 { stroke: #337897 !important; } .hover\:text-AzulSecundario-800:hover { color: #337897 !important; } .hover\:bg-AzulSecundario-800:hover { background-color: #337897 !important; } .hover\:border-AzulSecundario-800:hover { border-color: #337897 !important; } .focus\:ring-AzulSecundario-800:focus { --tw-ring-color: #337897; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-800 { background-color: #337897 !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-800 { color: #337897 !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-800 { border-color: #337897 !important; } .text-AzulSecundario-900 { color: #19678A !important; } .decoration-AzulSecundario-900 { text-decoration-color: #19678A !important; } .placeholder-AzulSecundario-900::placeholder { color: #19678A !important; } .caret-AzulSecundario-900 { caret-color: #19678A !important; } .bg-AzulSecundario-900 { background-color: #19678A !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-900 { --tw-gradient-from: #19678A; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-900 { --tw-gradient-stops: var(--tw-gradient-from), #19678A, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-900 { --tw-gradient-to: #19678A; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-900 { border-color: #19678A !important; } .border-t-AzulSecundario-900 { border-top-color: #19678A !important; } .border-b-AzulSecundario-900 { border-bottom-color: #19678A !important; } .border-l-AzulSecundario-900 { border-left-color: #19678A !important; } .border-r-AzulSecundario-900 { border-right-color: #19678A !important; } .border-x-AzulSecundario-900 { border-left-color: #19678A !important; border-right-color: #19678A !important; } .border-y-AzulSecundario-900 { border-top-color: #19678A !important; border-bottom-color: #19678A !important; } .outline-AzulSecundario-900 { outline-color: #19678A !important; } .divide-AzulSecundario-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #19678A !important; } .divide-AzulSecundario-900 > :not([hidden]) { border-color: #19678A !important; } .shadow-AzulSecundario-900 { --tw-shadow-color: #19678A; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-900 { --tw-ring-color: #19678A; } .ring-offset-AzulSecundario-900 { --tw-ring-offset-color: #19678A !important; } .accent-AzulSecundario-900 { accent-color: #19678A !important; } .fill-AzulSecundario-900 { fill: #19678A !important; } .stroke-AzulSecundario-900 { stroke: #19678A !important; } .hover\:text-AzulSecundario-900:hover { color: #19678A !important; } .hover\:bg-AzulSecundario-900:hover { background-color: #19678A !important; } .hover\:border-AzulSecundario-900:hover { border-color: #19678A !important; } .focus\:ring-AzulSecundario-900:focus { --tw-ring-color: #19678A; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-900 { background-color: #19678A !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-900 { color: #19678A !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-900 { border-color: #19678A !important; } .text-AzulSecundario-1000 { color: #00567D !important; } .decoration-AzulSecundario-1000 { text-decoration-color: #00567D !important; } .placeholder-AzulSecundario-1000::placeholder { color: #00567D !important; } .caret-AzulSecundario-1000 { caret-color: #00567D !important; } .bg-AzulSecundario-1000 { background-color: #00567D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-AzulSecundario-1000 { --tw-gradient-from: #00567D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-AzulSecundario-1000 { --tw-gradient-stops: var(--tw-gradient-from), #00567D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-AzulSecundario-1000 { --tw-gradient-to: #00567D; } .to-transparent { --tw-gradient-to: transparent; } .border-AzulSecundario-1000 { border-color: #00567D !important; } .border-t-AzulSecundario-1000 { border-top-color: #00567D !important; } .border-b-AzulSecundario-1000 { border-bottom-color: #00567D !important; } .border-l-AzulSecundario-1000 { border-left-color: #00567D !important; } .border-r-AzulSecundario-1000 { border-right-color: #00567D !important; } .border-x-AzulSecundario-1000 { border-left-color: #00567D !important; border-right-color: #00567D !important; } .border-y-AzulSecundario-1000 { border-top-color: #00567D !important; border-bottom-color: #00567D !important; } .outline-AzulSecundario-1000 { outline-color: #00567D !important; } .divide-AzulSecundario-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #00567D !important; } .divide-AzulSecundario-1000 > :not([hidden]) { border-color: #00567D !important; } .shadow-AzulSecundario-1000 { --tw-shadow-color: #00567D; box-shadow: var(--tw-shadow); } .ring-AzulSecundario-1000 { --tw-ring-color: #00567D; } .ring-offset-AzulSecundario-1000 { --tw-ring-offset-color: #00567D !important; } .accent-AzulSecundario-1000 { accent-color: #00567D !important; } .fill-AzulSecundario-1000 { fill: #00567D !important; } .stroke-AzulSecundario-1000 { stroke: #00567D !important; } .hover\:text-AzulSecundario-1000:hover { color: #00567D !important; } .hover\:bg-AzulSecundario-1000:hover { background-color: #00567D !important; } .hover\:border-AzulSecundario-1000:hover { border-color: #00567D !important; } .focus\:ring-AzulSecundario-1000:focus { --tw-ring-color: #00567D; } .peer:checked ~ .peer-checked\:bg-AzulSecundario-1000 { background-color: #00567D !important; } .peer:checked ~ .peer-checked\:text-AzulSecundario-1000 { color: #00567D !important; } .peer:checked ~ .peer-checked\:border-AzulSecundario-1000 { border-color: #00567D !important; } /* Oro Base */ .text-OroBase-100 { color: #F6F1E7 !important; } .decoration-OroBase-100 { text-decoration-color: #F6F1E7 !important; } .placeholder-OroBase-100::placeholder { color: #F6F1E7 !important; } .caret-OroBase-100 { caret-color: #F6F1E7 !important; } .bg-OroBase-100 { background-color: #F6F1E7 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-100 { --tw-gradient-from: #F6F1E7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-100 { --tw-gradient-stops: var(--tw-gradient-from), #F6F1E7, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-100 { --tw-gradient-to: #F6F1E7; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-100 { border-color: #F6F1E7 !important; } .border-t-OroBase-100 { border-top-color: #F6F1E7 !important; } .border-b-OroBase-100 { border-bottom-color: #F6F1E7 !important; } .border-l-OroBase-100 { border-left-color: #F6F1E7 !important; } .border-r-OroBase-100 { border-right-color: #F6F1E7 !important; } .border-x-OroBase-100 { border-left-color: #F6F1E7 !important; border-right-color: #F6F1E7 !important; } .border-y-OroBase-100 { border-top-color: #F6F1E7 !important; border-bottom-color: #F6F1E7 !important; } .outline-OroBase-100 { outline-color: #F6F1E7 !important; } .divide-OroBase-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F6F1E7 !important; } .divide-OroBase-100 > :not([hidden]) { border-color: #F6F1E7 !important; } .shadow-OroBase-100 { --tw-shadow-color: #F6F1E7; box-shadow: var(--tw-shadow); } .ring-OroBase-100 { --tw-ring-color: #F6F1E7; } .ring-offset-OroBase-100 { --tw-ring-offset-color: #F6F1E7 !important; } .accent-OroBase-100 { accent-color: #F6F1E7 !important; } .fill-OroBase-100 { fill: #F6F1E7 !important; } .stroke-OroBase-100 { stroke: #F6F1E7 !important; } .hover\:text-OroBase-100:hover { color: #F6F1E7 !important; } .hover\:bg-OroBase-100:hover { background-color: #F6F1E7 !important; } .hover\:border-OroBase-100:hover { border-color: #F6F1E7 !important; } .focus\:ring-OroBase-100:focus { --tw-ring-color: #F6F1E7; } .peer:checked ~ .peer-checked\:bg-OroBase-100 { background-color: #F6F1E7 !important; } .peer:checked ~ .peer-checked\:text-OroBase-100 { color: #F6F1E7 !important; } .peer:checked ~ .peer-checked\:border-OroBase-100 { border-color: #F6F1E7 !important; } .text-OroBase-200 { color: #EDE3D0 !important; } .decoration-OroBase-200 { text-decoration-color: #EDE3D0 !important; } .placeholder-OroBase-200::placeholder { color: #EDE3D0 !important; } .caret-OroBase-200 { caret-color: #EDE3D0 !important; } .bg-OroBase-200 { background-color: #EDE3D0 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-200 { --tw-gradient-from: #EDE3D0; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-200 { --tw-gradient-stops: var(--tw-gradient-from), #EDE3D0, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-200 { --tw-gradient-to: #EDE3D0; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-200 { border-color: #EDE3D0 !important; } .border-t-OroBase-200 { border-top-color: #EDE3D0 !important; } .border-b-OroBase-200 { border-bottom-color: #EDE3D0 !important; } .border-l-OroBase-200 { border-left-color: #EDE3D0 !important; } .border-r-OroBase-200 { border-right-color: #EDE3D0 !important; } .border-x-OroBase-200 { border-left-color: #EDE3D0 !important; border-right-color: #EDE3D0 !important; } .border-y-OroBase-200 { border-top-color: #EDE3D0 !important; border-bottom-color: #EDE3D0 !important; } .outline-OroBase-200 { outline-color: #EDE3D0 !important; } .divide-OroBase-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #EDE3D0 !important; } .divide-OroBase-200 > :not([hidden]) { border-color: #EDE3D0 !important; } .shadow-OroBase-200 { --tw-shadow-color: #EDE3D0; box-shadow: var(--tw-shadow); } .ring-OroBase-200 { --tw-ring-color: #EDE3D0; } .ring-offset-OroBase-200 { --tw-ring-offset-color: #EDE3D0 !important; } .accent-OroBase-200 { accent-color: #EDE3D0 !important; } .fill-OroBase-200 { fill: #EDE3D0 !important; } .stroke-OroBase-200 { stroke: #EDE3D0 !important; } .hover\:text-OroBase-200:hover { color: #EDE3D0 !important; } .hover\:bg-OroBase-200:hover { background-color: #EDE3D0 !important; } .hover\:border-OroBase-200:hover { border-color: #EDE3D0 !important; } .focus\:ring-OroBase-200:focus { --tw-ring-color: #EDE3D0; } .peer:checked ~ .peer-checked\:bg-OroBase-200 { background-color: #EDE3D0 !important; } .peer:checked ~ .peer-checked\:text-OroBase-200 { color: #EDE3D0 !important; } .peer:checked ~ .peer-checked\:border-OroBase-200 { border-color: #EDE3D0 !important; } .text-OroBase-300 { color: #E3D6B8 !important; } .decoration-OroBase-300 { text-decoration-color: #E3D6B8 !important; } .placeholder-OroBase-300::placeholder { color: #E3D6B8 !important; } .caret-OroBase-300 { caret-color: #E3D6B8 !important; } .bg-OroBase-300 { background-color: #E3D6B8 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-300 { --tw-gradient-from: #E3D6B8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-300 { --tw-gradient-stops: var(--tw-gradient-from), #E3D6B8, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-300 { --tw-gradient-to: #E3D6B8; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-300 { border-color: #E3D6B8 !important; } .border-t-OroBase-300 { border-top-color: #E3D6B8 !important; } .border-b-OroBase-300 { border-bottom-color: #E3D6B8 !important; } .border-l-OroBase-300 { border-left-color: #E3D6B8 !important; } .border-r-OroBase-300 { border-right-color: #E3D6B8 !important; } .border-x-OroBase-300 { border-left-color: #E3D6B8 !important; border-right-color: #E3D6B8 !important; } .border-y-OroBase-300 { border-top-color: #E3D6B8 !important; border-bottom-color: #E3D6B8 !important; } .outline-OroBase-300 { outline-color: #E3D6B8 !important; } .divide-OroBase-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E3D6B8 !important; } .divide-OroBase-300 > :not([hidden]) { border-color: #E3D6B8 !important; } .shadow-OroBase-300 { --tw-shadow-color: #E3D6B8; box-shadow: var(--tw-shadow); } .ring-OroBase-300 { --tw-ring-color: #E3D6B8; } .ring-offset-OroBase-300 { --tw-ring-offset-color: #E3D6B8 !important; } .accent-OroBase-300 { accent-color: #E3D6B8 !important; } .fill-OroBase-300 { fill: #E3D6B8 !important; } .stroke-OroBase-300 { stroke: #E3D6B8 !important; } .hover\:text-OroBase-300:hover { color: #E3D6B8 !important; } .hover\:bg-OroBase-300:hover { background-color: #E3D6B8 !important; } .hover\:border-OroBase-300:hover { border-color: #E3D6B8 !important; } .focus\:ring-OroBase-300:focus { --tw-ring-color: #E3D6B8; } .peer:checked ~ .peer-checked\:bg-OroBase-300 { background-color: #E3D6B8 !important; } .peer:checked ~ .peer-checked\:text-OroBase-300 { color: #E3D6B8 !important; } .peer:checked ~ .peer-checked\:border-OroBase-300 { border-color: #E3D6B8 !important; } .text-OroBase-400 { color: #DAC8A1 !important; } .decoration-OroBase-400 { text-decoration-color: #DAC8A1 !important; } .placeholder-OroBase-400::placeholder { color: #DAC8A1 !important; } .caret-OroBase-400 { caret-color: #DAC8A1 !important; } .bg-OroBase-400 { background-color: #DAC8A1 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-400 { --tw-gradient-from: #DAC8A1; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-400 { --tw-gradient-stops: var(--tw-gradient-from), #DAC8A1, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-400 { --tw-gradient-to: #DAC8A1; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-400 { border-color: #DAC8A1 !important; } .border-t-OroBase-400 { border-top-color: #DAC8A1 !important; } .border-b-OroBase-400 { border-bottom-color: #DAC8A1 !important; } .border-l-OroBase-400 { border-left-color: #DAC8A1 !important; } .border-r-OroBase-400 { border-right-color: #DAC8A1 !important; } .border-x-OroBase-400 { border-left-color: #DAC8A1 !important; border-right-color: #DAC8A1 !important; } .border-y-OroBase-400 { border-top-color: #DAC8A1 !important; border-bottom-color: #DAC8A1 !important; } .outline-OroBase-400 { outline-color: #DAC8A1 !important; } .divide-OroBase-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #DAC8A1 !important; } .divide-OroBase-400 > :not([hidden]) { border-color: #DAC8A1 !important; } .shadow-OroBase-400 { --tw-shadow-color: #DAC8A1; box-shadow: var(--tw-shadow); } .ring-OroBase-400 { --tw-ring-color: #DAC8A1; } .ring-offset-OroBase-400 { --tw-ring-offset-color: #DAC8A1 !important; } .accent-OroBase-400 { accent-color: #DAC8A1 !important; } .fill-OroBase-400 { fill: #DAC8A1 !important; } .stroke-OroBase-400 { stroke: #DAC8A1 !important; } .hover\:text-OroBase-400:hover { color: #DAC8A1 !important; } .hover\:bg-OroBase-400:hover { background-color: #DAC8A1 !important; } .hover\:border-OroBase-400:hover { border-color: #DAC8A1 !important; } .focus\:ring-OroBase-400:focus { --tw-ring-color: #DAC8A1; } .peer:checked ~ .peer-checked\:bg-OroBase-400 { background-color: #DAC8A1 !important; } .peer:checked ~ .peer-checked\:text-OroBase-400 { color: #DAC8A1 !important; } .peer:checked ~ .peer-checked\:border-OroBase-400 { border-color: #DAC8A1 !important; } .text-OroBase-500 { color: #D1BA89 !important; } .decoration-OroBase-500 { text-decoration-color: #D1BA89 !important; } .placeholder-OroBase-500::placeholder { color: #D1BA89 !important; } .caret-OroBase-500 { caret-color: #D1BA89 !important; } .bg-OroBase-500 { background-color: #D1BA89 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-500 { --tw-gradient-from: #D1BA89; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-500 { --tw-gradient-stops: var(--tw-gradient-from), #D1BA89, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-500 { --tw-gradient-to: #D1BA89; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-500 { border-color: #D1BA89 !important; } .border-t-OroBase-500 { border-top-color: #D1BA89 !important; } .border-b-OroBase-500 { border-bottom-color: #D1BA89 !important; } .border-l-OroBase-500 { border-left-color: #D1BA89 !important; } .border-r-OroBase-500 { border-right-color: #D1BA89 !important; } .border-x-OroBase-500 { border-left-color: #D1BA89 !important; border-right-color: #D1BA89 !important; } .border-y-OroBase-500 { border-top-color: #D1BA89 !important; border-bottom-color: #D1BA89 !important; } .outline-OroBase-500 { outline-color: #D1BA89 !important; } .divide-OroBase-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #D1BA89 !important; } .divide-OroBase-500 > :not([hidden]) { border-color: #D1BA89 !important; } .shadow-OroBase-500 { --tw-shadow-color: #D1BA89; box-shadow: var(--tw-shadow); } .ring-OroBase-500 { --tw-ring-color: #D1BA89; } .ring-offset-OroBase-500 { --tw-ring-offset-color: #D1BA89 !important; } .accent-OroBase-500 { accent-color: #D1BA89 !important; } .fill-OroBase-500 { fill: #D1BA89 !important; } .stroke-OroBase-500 { stroke: #D1BA89 !important; } .hover\:text-OroBase-500:hover { color: #D1BA89 !important; } .hover\:bg-OroBase-500:hover { background-color: #D1BA89 !important; } .hover\:border-OroBase-500:hover { border-color: #D1BA89 !important; } .focus\:ring-OroBase-500:focus { --tw-ring-color: #D1BA89; } .peer:checked ~ .peer-checked\:bg-OroBase-500 { background-color: #D1BA89 !important; } .peer:checked ~ .peer-checked\:text-OroBase-500 { color: #D1BA89 !important; } .peer:checked ~ .peer-checked\:border-OroBase-500 { border-color: #D1BA89 !important; } .text-OroBase-600 { color: #C8AC71 !important; } .decoration-OroBase-600 { text-decoration-color: #C8AC71 !important; } .placeholder-OroBase-600::placeholder { color: #C8AC71 !important; } .caret-OroBase-600 { caret-color: #C8AC71 !important; } .bg-OroBase-600 { background-color: #C8AC71 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-600 { --tw-gradient-from: #C8AC71; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-600 { --tw-gradient-stops: var(--tw-gradient-from), #C8AC71, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-600 { --tw-gradient-to: #C8AC71; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-600 { border-color: #C8AC71 !important; } .border-t-OroBase-600 { border-top-color: #C8AC71 !important; } .border-b-OroBase-600 { border-bottom-color: #C8AC71 !important; } .border-l-OroBase-600 { border-left-color: #C8AC71 !important; } .border-r-OroBase-600 { border-right-color: #C8AC71 !important; } .border-x-OroBase-600 { border-left-color: #C8AC71 !important; border-right-color: #C8AC71 !important; } .border-y-OroBase-600 { border-top-color: #C8AC71 !important; border-bottom-color: #C8AC71 !important; } .outline-OroBase-600 { outline-color: #C8AC71 !important; } .divide-OroBase-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #C8AC71 !important; } .divide-OroBase-600 > :not([hidden]) { border-color: #C8AC71 !important; } .shadow-OroBase-600 { --tw-shadow-color: #C8AC71; box-shadow: var(--tw-shadow); } .ring-OroBase-600 { --tw-ring-color: #C8AC71; } .ring-offset-OroBase-600 { --tw-ring-offset-color: #C8AC71 !important; } .accent-OroBase-600 { accent-color: #C8AC71 !important; } .fill-OroBase-600 { fill: #C8AC71 !important; } .stroke-OroBase-600 { stroke: #C8AC71 !important; } .hover\:text-OroBase-600:hover { color: #C8AC71 !important; } .hover\:bg-OroBase-600:hover { background-color: #C8AC71 !important; } .hover\:border-OroBase-600:hover { border-color: #C8AC71 !important; } .focus\:ring-OroBase-600:focus { --tw-ring-color: #C8AC71; } .peer:checked ~ .peer-checked\:bg-OroBase-600 { background-color: #C8AC71 !important; } .peer:checked ~ .peer-checked\:text-OroBase-600 { color: #C8AC71 !important; } .peer:checked ~ .peer-checked\:border-OroBase-600 { border-color: #C8AC71 !important; } .text-OroBase-700 { color: #BF9E5A !important; } .decoration-OroBase-700 { text-decoration-color: #BF9E5A !important; } .placeholder-OroBase-700::placeholder { color: #BF9E5A !important; } .caret-OroBase-700 { caret-color: #BF9E5A !important; } .bg-OroBase-700 { background-color: #BF9E5A !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-700 { --tw-gradient-from: #BF9E5A; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-700 { --tw-gradient-stops: var(--tw-gradient-from), #BF9E5A, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-700 { --tw-gradient-to: #BF9E5A; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-700 { border-color: #BF9E5A !important; } .border-t-OroBase-700 { border-top-color: #BF9E5A !important; } .border-b-OroBase-700 { border-bottom-color: #BF9E5A !important; } .border-l-OroBase-700 { border-left-color: #BF9E5A !important; } .border-r-OroBase-700 { border-right-color: #BF9E5A !important; } .border-x-OroBase-700 { border-left-color: #BF9E5A !important; border-right-color: #BF9E5A !important; } .border-y-OroBase-700 { border-top-color: #BF9E5A !important; border-bottom-color: #BF9E5A !important; } .outline-OroBase-700 { outline-color: #BF9E5A !important; } .divide-OroBase-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #BF9E5A !important; } .divide-OroBase-700 > :not([hidden]) { border-color: #BF9E5A !important; } .shadow-OroBase-700 { --tw-shadow-color: #BF9E5A; box-shadow: var(--tw-shadow); } .ring-OroBase-700 { --tw-ring-color: #BF9E5A; } .ring-offset-OroBase-700 { --tw-ring-offset-color: #BF9E5A !important; } .accent-OroBase-700 { accent-color: #BF9E5A !important; } .fill-OroBase-700 { fill: #BF9E5A !important; } .stroke-OroBase-700 { stroke: #BF9E5A !important; } .hover\:text-OroBase-700:hover { color: #BF9E5A !important; } .hover\:bg-OroBase-700:hover { background-color: #BF9E5A !important; } .hover\:border-OroBase-700:hover { border-color: #BF9E5A !important; } .focus\:ring-OroBase-700:focus { --tw-ring-color: #BF9E5A; } .peer:checked ~ .peer-checked\:bg-OroBase-700 { background-color: #BF9E5A !important; } .peer:checked ~ .peer-checked\:text-OroBase-700 { color: #BF9E5A !important; } .peer:checked ~ .peer-checked\:border-OroBase-700 { border-color: #BF9E5A !important; } .text-OroBase-800 { color: #B59142 !important; } .decoration-OroBase-800 { text-decoration-color: #B59142 !important; } .placeholder-OroBase-800::placeholder { color: #B59142 !important; } .caret-OroBase-800 { caret-color: #B59142 !important; } .bg-OroBase-800 { background-color: #B59142 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-800 { --tw-gradient-from: #B59142; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-800 { --tw-gradient-stops: var(--tw-gradient-from), #B59142, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-800 { --tw-gradient-to: #B59142; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-800 { border-color: #B59142 !important; } .border-t-OroBase-800 { border-top-color: #B59142 !important; } .border-b-OroBase-800 { border-bottom-color: #B59142 !important; } .border-l-OroBase-800 { border-left-color: #B59142 !important; } .border-r-OroBase-800 { border-right-color: #B59142 !important; } .border-x-OroBase-800 { border-left-color: #B59142 !important; border-right-color: #B59142 !important; } .border-y-OroBase-800 { border-top-color: #B59142 !important; border-bottom-color: #B59142 !important; } .outline-OroBase-800 { outline-color: #B59142 !important; } .divide-OroBase-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #B59142 !important; } .divide-OroBase-800 > :not([hidden]) { border-color: #B59142 !important; } .shadow-OroBase-800 { --tw-shadow-color: #B59142; box-shadow: var(--tw-shadow); } .ring-OroBase-800 { --tw-ring-color: #B59142; } .ring-offset-OroBase-800 { --tw-ring-offset-color: #B59142 !important; } .accent-OroBase-800 { accent-color: #B59142 !important; } .fill-OroBase-800 { fill: #B59142 !important; } .stroke-OroBase-800 { stroke: #B59142 !important; } .hover\:text-OroBase-800:hover { color: #B59142 !important; } .hover\:bg-OroBase-800:hover { background-color: #B59142 !important; } .hover\:border-OroBase-800:hover { border-color: #B59142 !important; } .focus\:ring-OroBase-800:focus { --tw-ring-color: #B59142; } .peer:checked ~ .peer-checked\:bg-OroBase-800 { background-color: #B59142 !important; } .peer:checked ~ .peer-checked\:text-OroBase-800 { color: #B59142 !important; } .peer:checked ~ .peer-checked\:border-OroBase-800 { border-color: #B59142 !important; } .text-OroBase-900 { color: #AC832B !important; } .decoration-OroBase-900 { text-decoration-color: #AC832B !important; } .placeholder-OroBase-900::placeholder { color: #AC832B !important; } .caret-OroBase-900 { caret-color: #AC832B !important; } .bg-OroBase-900 { background-color: #AC832B !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-900 { --tw-gradient-from: #AC832B; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-900 { --tw-gradient-stops: var(--tw-gradient-from), #AC832B, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-900 { --tw-gradient-to: #AC832B; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-900 { border-color: #AC832B !important; } .border-t-OroBase-900 { border-top-color: #AC832B !important; } .border-b-OroBase-900 { border-bottom-color: #AC832B !important; } .border-l-OroBase-900 { border-left-color: #AC832B !important; } .border-r-OroBase-900 { border-right-color: #AC832B !important; } .border-x-OroBase-900 { border-left-color: #AC832B !important; border-right-color: #AC832B !important; } .border-y-OroBase-900 { border-top-color: #AC832B !important; border-bottom-color: #AC832B !important; } .outline-OroBase-900 { outline-color: #AC832B !important; } .divide-OroBase-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #AC832B !important; } .divide-OroBase-900 > :not([hidden]) { border-color: #AC832B !important; } .shadow-OroBase-900 { --tw-shadow-color: #AC832B; box-shadow: var(--tw-shadow); } .ring-OroBase-900 { --tw-ring-color: #AC832B; } .ring-offset-OroBase-900 { --tw-ring-offset-color: #AC832B !important; } .accent-OroBase-900 { accent-color: #AC832B !important; } .fill-OroBase-900 { fill: #AC832B !important; } .stroke-OroBase-900 { stroke: #AC832B !important; } .hover\:text-OroBase-900:hover { color: #AC832B !important; } .hover\:bg-OroBase-900:hover { background-color: #AC832B !important; } .hover\:border-OroBase-900:hover { border-color: #AC832B !important; } .focus\:ring-OroBase-900:focus { --tw-ring-color: #AC832B; } .peer:checked ~ .peer-checked\:bg-OroBase-900 { background-color: #AC832B !important; } .peer:checked ~ .peer-checked\:text-OroBase-900 { color: #AC832B !important; } .peer:checked ~ .peer-checked\:border-OroBase-900 { border-color: #AC832B !important; } .text-OroBase-1000 { color: #A37513 !important; } .decoration-OroBase-1000 { text-decoration-color: #A37513 !important; } .placeholder-OroBase-1000::placeholder { color: #A37513 !important; } .caret-OroBase-1000 { caret-color: #A37513 !important; } .bg-OroBase-1000 { background-color: #A37513 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroBase-1000 { --tw-gradient-from: #A37513; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroBase-1000 { --tw-gradient-stops: var(--tw-gradient-from), #A37513, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroBase-1000 { --tw-gradient-to: #A37513; } .to-transparent { --tw-gradient-to: transparent; } .border-OroBase-1000 { border-color: #A37513 !important; } .border-t-OroBase-1000 { border-top-color: #A37513 !important; } .border-b-OroBase-1000 { border-bottom-color: #A37513 !important; } .border-l-OroBase-1000 { border-left-color: #A37513 !important; } .border-r-OroBase-1000 { border-right-color: #A37513 !important; } .border-x-OroBase-1000 { border-left-color: #A37513 !important; border-right-color: #A37513 !important; } .border-y-OroBase-1000 { border-top-color: #A37513 !important; border-bottom-color: #A37513 !important; } .outline-OroBase-1000 { outline-color: #A37513 !important; } .divide-OroBase-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #A37513 !important; } .divide-OroBase-1000 > :not([hidden]) { border-color: #A37513 !important; } .shadow-OroBase-1000 { --tw-shadow-color: #A37513; box-shadow: var(--tw-shadow); } .ring-OroBase-1000 { --tw-ring-color: #A37513; } .ring-offset-OroBase-1000 { --tw-ring-offset-color: #A37513 !important; } .accent-OroBase-1000 { accent-color: #A37513 !important; } .fill-OroBase-1000 { fill: #A37513 !important; } .stroke-OroBase-1000 { stroke: #A37513 !important; } .hover\:text-OroBase-1000:hover { color: #A37513 !important; } .hover\:bg-OroBase-1000:hover { background-color: #A37513 !important; } .hover\:border-OroBase-1000:hover { border-color: #A37513 !important; } .focus\:ring-OroBase-1000:focus { --tw-ring-color: #A37513; } .peer:checked ~ .peer-checked\:bg-OroBase-1000 { background-color: #A37513 !important; } .peer:checked ~ .peer-checked\:text-OroBase-1000 { color: #A37513 !important; } .peer:checked ~ .peer-checked\:border-OroBase-1000 { border-color: #A37513 !important; } /* Oro Secundario */ .text-OroSecundario-100 { color: #FAF5E6 !important; } .decoration-OroSecundario-100 { text-decoration-color: #FAF5E6 !important; } .placeholder-OroSecundario-100::placeholder { color: #FAF5E6 !important; } .caret-OroSecundario-100 { caret-color: #FAF5E6 !important; } .bg-OroSecundario-100 { background-color: #FAF5E6 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-100 { --tw-gradient-from: #FAF5E6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-100 { --tw-gradient-stops: var(--tw-gradient-from), #FAF5E6, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-100 { --tw-gradient-to: #FAF5E6; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-100 { border-color: #FAF5E6 !important; } .border-t-OroSecundario-100 { border-top-color: #FAF5E6 !important; } .border-b-OroSecundario-100 { border-bottom-color: #FAF5E6 !important; } .border-l-OroSecundario-100 { border-left-color: #FAF5E6 !important; } .border-r-OroSecundario-100 { border-right-color: #FAF5E6 !important; } .border-x-OroSecundario-100 { border-left-color: #FAF5E6 !important; border-right-color: #FAF5E6 !important; } .border-y-OroSecundario-100 { border-top-color: #FAF5E6 !important; border-bottom-color: #FAF5E6 !important; } .outline-OroSecundario-100 { outline-color: #FAF5E6 !important; } .divide-OroSecundario-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FAF5E6 !important; } .divide-OroSecundario-100 > :not([hidden]) { border-color: #FAF5E6 !important; } .shadow-OroSecundario-100 { --tw-shadow-color: #FAF5E6; box-shadow: var(--tw-shadow); } .ring-OroSecundario-100 { --tw-ring-color: #FAF5E6; } .ring-offset-OroSecundario-100 { --tw-ring-offset-color: #FAF5E6 !important; } .accent-OroSecundario-100 { accent-color: #FAF5E6 !important; } .fill-OroSecundario-100 { fill: #FAF5E6 !important; } .stroke-OroSecundario-100 { stroke: #FAF5E6 !important; } .hover\:text-OroSecundario-100:hover { color: #FAF5E6 !important; } .hover\:bg-OroSecundario-100:hover { background-color: #FAF5E6 !important; } .hover\:border-OroSecundario-100:hover { border-color: #FAF5E6 !important; } .focus\:ring-OroSecundario-100:focus { --tw-ring-color: #FAF5E6; } .peer:checked ~ .peer-checked\:bg-OroSecundario-100 { background-color: #FAF5E6 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-100 { color: #FAF5E6 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-100 { border-color: #FAF5E6 !important; } .text-OroSecundario-200 { color: #F6EBCC !important; } .decoration-OroSecundario-200 { text-decoration-color: #F6EBCC !important; } .placeholder-OroSecundario-200::placeholder { color: #F6EBCC !important; } .caret-OroSecundario-200 { caret-color: #F6EBCC !important; } .bg-OroSecundario-200 { background-color: #F6EBCC !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-200 { --tw-gradient-from: #F6EBCC; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-200 { --tw-gradient-stops: var(--tw-gradient-from), #F6EBCC, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-200 { --tw-gradient-to: #F6EBCC; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-200 { border-color: #F6EBCC !important; } .border-t-OroSecundario-200 { border-top-color: #F6EBCC !important; } .border-b-OroSecundario-200 { border-bottom-color: #F6EBCC !important; } .border-l-OroSecundario-200 { border-left-color: #F6EBCC !important; } .border-r-OroSecundario-200 { border-right-color: #F6EBCC !important; } .border-x-OroSecundario-200 { border-left-color: #F6EBCC !important; border-right-color: #F6EBCC !important; } .border-y-OroSecundario-200 { border-top-color: #F6EBCC !important; border-bottom-color: #F6EBCC !important; } .outline-OroSecundario-200 { outline-color: #F6EBCC !important; } .divide-OroSecundario-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F6EBCC !important; } .divide-OroSecundario-200 > :not([hidden]) { border-color: #F6EBCC !important; } .shadow-OroSecundario-200 { --tw-shadow-color: #F6EBCC; box-shadow: var(--tw-shadow); } .ring-OroSecundario-200 { --tw-ring-color: #F6EBCC; } .ring-offset-OroSecundario-200 { --tw-ring-offset-color: #F6EBCC !important; } .accent-OroSecundario-200 { accent-color: #F6EBCC !important; } .fill-OroSecundario-200 { fill: #F6EBCC !important; } .stroke-OroSecundario-200 { stroke: #F6EBCC !important; } .hover\:text-OroSecundario-200:hover { color: #F6EBCC !important; } .hover\:bg-OroSecundario-200:hover { background-color: #F6EBCC !important; } .hover\:border-OroSecundario-200:hover { border-color: #F6EBCC !important; } .focus\:ring-OroSecundario-200:focus { --tw-ring-color: #F6EBCC; } .peer:checked ~ .peer-checked\:bg-OroSecundario-200 { background-color: #F6EBCC !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-200 { color: #F6EBCC !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-200 { border-color: #F6EBCC !important; } .text-OroSecundario-300 { color: #F1E1B3 !important; } .decoration-OroSecundario-300 { text-decoration-color: #F1E1B3 !important; } .placeholder-OroSecundario-300::placeholder { color: #F1E1B3 !important; } .caret-OroSecundario-300 { caret-color: #F1E1B3 !important; } .bg-OroSecundario-300 { background-color: #F1E1B3 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-300 { --tw-gradient-from: #F1E1B3; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-300 { --tw-gradient-stops: var(--tw-gradient-from), #F1E1B3, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-300 { --tw-gradient-to: #F1E1B3; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-300 { border-color: #F1E1B3 !important; } .border-t-OroSecundario-300 { border-top-color: #F1E1B3 !important; } .border-b-OroSecundario-300 { border-bottom-color: #F1E1B3 !important; } .border-l-OroSecundario-300 { border-left-color: #F1E1B3 !important; } .border-r-OroSecundario-300 { border-right-color: #F1E1B3 !important; } .border-x-OroSecundario-300 { border-left-color: #F1E1B3 !important; border-right-color: #F1E1B3 !important; } .border-y-OroSecundario-300 { border-top-color: #F1E1B3 !important; border-bottom-color: #F1E1B3 !important; } .outline-OroSecundario-300 { outline-color: #F1E1B3 !important; } .divide-OroSecundario-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F1E1B3 !important; } .divide-OroSecundario-300 > :not([hidden]) { border-color: #F1E1B3 !important; } .shadow-OroSecundario-300 { --tw-shadow-color: #F1E1B3; box-shadow: var(--tw-shadow); } .ring-OroSecundario-300 { --tw-ring-color: #F1E1B3; } .ring-offset-OroSecundario-300 { --tw-ring-offset-color: #F1E1B3 !important; } .accent-OroSecundario-300 { accent-color: #F1E1B3 !important; } .fill-OroSecundario-300 { fill: #F1E1B3 !important; } .stroke-OroSecundario-300 { stroke: #F1E1B3 !important; } .hover\:text-OroSecundario-300:hover { color: #F1E1B3 !important; } .hover\:bg-OroSecundario-300:hover { background-color: #F1E1B3 !important; } .hover\:border-OroSecundario-300:hover { border-color: #F1E1B3 !important; } .focus\:ring-OroSecundario-300:focus { --tw-ring-color: #F1E1B3; } .peer:checked ~ .peer-checked\:bg-OroSecundario-300 { background-color: #F1E1B3 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-300 { color: #F1E1B3 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-300 { border-color: #F1E1B3 !important; } .text-OroSecundario-400 { color: #ECD799 !important; } .decoration-OroSecundario-400 { text-decoration-color: #ECD799 !important; } .placeholder-OroSecundario-400::placeholder { color: #ECD799 !important; } .caret-OroSecundario-400 { caret-color: #ECD799 !important; } .bg-OroSecundario-400 { background-color: #ECD799 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-400 { --tw-gradient-from: #ECD799; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-400 { --tw-gradient-stops: var(--tw-gradient-from), #ECD799, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-400 { --tw-gradient-to: #ECD799; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-400 { border-color: #ECD799 !important; } .border-t-OroSecundario-400 { border-top-color: #ECD799 !important; } .border-b-OroSecundario-400 { border-bottom-color: #ECD799 !important; } .border-l-OroSecundario-400 { border-left-color: #ECD799 !important; } .border-r-OroSecundario-400 { border-right-color: #ECD799 !important; } .border-x-OroSecundario-400 { border-left-color: #ECD799 !important; border-right-color: #ECD799 !important; } .border-y-OroSecundario-400 { border-top-color: #ECD799 !important; border-bottom-color: #ECD799 !important; } .outline-OroSecundario-400 { outline-color: #ECD799 !important; } .divide-OroSecundario-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #ECD799 !important; } .divide-OroSecundario-400 > :not([hidden]) { border-color: #ECD799 !important; } .shadow-OroSecundario-400 { --tw-shadow-color: #ECD799; box-shadow: var(--tw-shadow); } .ring-OroSecundario-400 { --tw-ring-color: #ECD799; } .ring-offset-OroSecundario-400 { --tw-ring-offset-color: #ECD799 !important; } .accent-OroSecundario-400 { accent-color: #ECD799 !important; } .fill-OroSecundario-400 { fill: #ECD799 !important; } .stroke-OroSecundario-400 { stroke: #ECD799 !important; } .hover\:text-OroSecundario-400:hover { color: #ECD799 !important; } .hover\:bg-OroSecundario-400:hover { background-color: #ECD799 !important; } .hover\:border-OroSecundario-400:hover { border-color: #ECD799 !important; } .focus\:ring-OroSecundario-400:focus { --tw-ring-color: #ECD799; } .peer:checked ~ .peer-checked\:bg-OroSecundario-400 { background-color: #ECD799 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-400 { color: #ECD799 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-400 { border-color: #ECD799 !important; } .text-OroSecundario-500 { color: #E8CE80 !important; } .decoration-OroSecundario-500 { text-decoration-color: #E8CE80 !important; } .placeholder-OroSecundario-500::placeholder { color: #E8CE80 !important; } .caret-OroSecundario-500 { caret-color: #E8CE80 !important; } .bg-OroSecundario-500 { background-color: #E8CE80 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-500 { --tw-gradient-from: #E8CE80; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-500 { --tw-gradient-stops: var(--tw-gradient-from), #E8CE80, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-500 { --tw-gradient-to: #E8CE80; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-500 { border-color: #E8CE80 !important; } .border-t-OroSecundario-500 { border-top-color: #E8CE80 !important; } .border-b-OroSecundario-500 { border-bottom-color: #E8CE80 !important; } .border-l-OroSecundario-500 { border-left-color: #E8CE80 !important; } .border-r-OroSecundario-500 { border-right-color: #E8CE80 !important; } .border-x-OroSecundario-500 { border-left-color: #E8CE80 !important; border-right-color: #E8CE80 !important; } .border-y-OroSecundario-500 { border-top-color: #E8CE80 !important; border-bottom-color: #E8CE80 !important; } .outline-OroSecundario-500 { outline-color: #E8CE80 !important; } .divide-OroSecundario-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E8CE80 !important; } .divide-OroSecundario-500 > :not([hidden]) { border-color: #E8CE80 !important; } .shadow-OroSecundario-500 { --tw-shadow-color: #E8CE80; box-shadow: var(--tw-shadow); } .ring-OroSecundario-500 { --tw-ring-color: #E8CE80; } .ring-offset-OroSecundario-500 { --tw-ring-offset-color: #E8CE80 !important; } .accent-OroSecundario-500 { accent-color: #E8CE80 !important; } .fill-OroSecundario-500 { fill: #E8CE80 !important; } .stroke-OroSecundario-500 { stroke: #E8CE80 !important; } .hover\:text-OroSecundario-500:hover { color: #E8CE80 !important; } .hover\:bg-OroSecundario-500:hover { background-color: #E8CE80 !important; } .hover\:border-OroSecundario-500:hover { border-color: #E8CE80 !important; } .focus\:ring-OroSecundario-500:focus { --tw-ring-color: #E8CE80; } .peer:checked ~ .peer-checked\:bg-OroSecundario-500 { background-color: #E8CE80 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-500 { color: #E8CE80 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-500 { border-color: #E8CE80 !important; } .text-OroSecundario-600 { color: #E3C466 !important; } .decoration-OroSecundario-600 { text-decoration-color: #E3C466 !important; } .placeholder-OroSecundario-600::placeholder { color: #E3C466 !important; } .caret-OroSecundario-600 { caret-color: #E3C466 !important; } .bg-OroSecundario-600 { background-color: #E3C466 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-600 { --tw-gradient-from: #E3C466; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-600 { --tw-gradient-stops: var(--tw-gradient-from), #E3C466, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-600 { --tw-gradient-to: #E3C466; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-600 { border-color: #E3C466 !important; } .border-t-OroSecundario-600 { border-top-color: #E3C466 !important; } .border-b-OroSecundario-600 { border-bottom-color: #E3C466 !important; } .border-l-OroSecundario-600 { border-left-color: #E3C466 !important; } .border-r-OroSecundario-600 { border-right-color: #E3C466 !important; } .border-x-OroSecundario-600 { border-left-color: #E3C466 !important; border-right-color: #E3C466 !important; } .border-y-OroSecundario-600 { border-top-color: #E3C466 !important; border-bottom-color: #E3C466 !important; } .outline-OroSecundario-600 { outline-color: #E3C466 !important; } .divide-OroSecundario-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E3C466 !important; } .divide-OroSecundario-600 > :not([hidden]) { border-color: #E3C466 !important; } .shadow-OroSecundario-600 { --tw-shadow-color: #E3C466; box-shadow: var(--tw-shadow); } .ring-OroSecundario-600 { --tw-ring-color: #E3C466; } .ring-offset-OroSecundario-600 { --tw-ring-offset-color: #E3C466 !important; } .accent-OroSecundario-600 { accent-color: #E3C466 !important; } .fill-OroSecundario-600 { fill: #E3C466 !important; } .stroke-OroSecundario-600 { stroke: #E3C466 !important; } .hover\:text-OroSecundario-600:hover { color: #E3C466 !important; } .hover\:bg-OroSecundario-600:hover { background-color: #E3C466 !important; } .hover\:border-OroSecundario-600:hover { border-color: #E3C466 !important; } .focus\:ring-OroSecundario-600:focus { --tw-ring-color: #E3C466; } .peer:checked ~ .peer-checked\:bg-OroSecundario-600 { background-color: #E3C466 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-600 { color: #E3C466 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-600 { border-color: #E3C466 !important; } .text-OroSecundario-700 { color: #DEBA4D !important; } .decoration-OroSecundario-700 { text-decoration-color: #DEBA4D !important; } .placeholder-OroSecundario-700::placeholder { color: #DEBA4D !important; } .caret-OroSecundario-700 { caret-color: #DEBA4D !important; } .bg-OroSecundario-700 { background-color: #DEBA4D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-700 { --tw-gradient-from: #DEBA4D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-700 { --tw-gradient-stops: var(--tw-gradient-from), #DEBA4D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-700 { --tw-gradient-to: #DEBA4D; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-700 { border-color: #DEBA4D !important; } .border-t-OroSecundario-700 { border-top-color: #DEBA4D !important; } .border-b-OroSecundario-700 { border-bottom-color: #DEBA4D !important; } .border-l-OroSecundario-700 { border-left-color: #DEBA4D !important; } .border-r-OroSecundario-700 { border-right-color: #DEBA4D !important; } .border-x-OroSecundario-700 { border-left-color: #DEBA4D !important; border-right-color: #DEBA4D !important; } .border-y-OroSecundario-700 { border-top-color: #DEBA4D !important; border-bottom-color: #DEBA4D !important; } .outline-OroSecundario-700 { outline-color: #DEBA4D !important; } .divide-OroSecundario-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #DEBA4D !important; } .divide-OroSecundario-700 > :not([hidden]) { border-color: #DEBA4D !important; } .shadow-OroSecundario-700 { --tw-shadow-color: #DEBA4D; box-shadow: var(--tw-shadow); } .ring-OroSecundario-700 { --tw-ring-color: #DEBA4D; } .ring-offset-OroSecundario-700 { --tw-ring-offset-color: #DEBA4D !important; } .accent-OroSecundario-700 { accent-color: #DEBA4D !important; } .fill-OroSecundario-700 { fill: #DEBA4D !important; } .stroke-OroSecundario-700 { stroke: #DEBA4D !important; } .hover\:text-OroSecundario-700:hover { color: #DEBA4D !important; } .hover\:bg-OroSecundario-700:hover { background-color: #DEBA4D !important; } .hover\:border-OroSecundario-700:hover { border-color: #DEBA4D !important; } .focus\:ring-OroSecundario-700:focus { --tw-ring-color: #DEBA4D; } .peer:checked ~ .peer-checked\:bg-OroSecundario-700 { background-color: #DEBA4D !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-700 { color: #DEBA4D !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-700 { border-color: #DEBA4D !important; } .text-OroSecundario-800 { color: #D9B033 !important; } .decoration-OroSecundario-800 { text-decoration-color: #D9B033 !important; } .placeholder-OroSecundario-800::placeholder { color: #D9B033 !important; } .caret-OroSecundario-800 { caret-color: #D9B033 !important; } .bg-OroSecundario-800 { background-color: #D9B033 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-800 { --tw-gradient-from: #D9B033; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-800 { --tw-gradient-stops: var(--tw-gradient-from), #D9B033, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-800 { --tw-gradient-to: #D9B033; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-800 { border-color: #D9B033 !important; } .border-t-OroSecundario-800 { border-top-color: #D9B033 !important; } .border-b-OroSecundario-800 { border-bottom-color: #D9B033 !important; } .border-l-OroSecundario-800 { border-left-color: #D9B033 !important; } .border-r-OroSecundario-800 { border-right-color: #D9B033 !important; } .border-x-OroSecundario-800 { border-left-color: #D9B033 !important; border-right-color: #D9B033 !important; } .border-y-OroSecundario-800 { border-top-color: #D9B033 !important; border-bottom-color: #D9B033 !important; } .outline-OroSecundario-800 { outline-color: #D9B033 !important; } .divide-OroSecundario-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #D9B033 !important; } .divide-OroSecundario-800 > :not([hidden]) { border-color: #D9B033 !important; } .shadow-OroSecundario-800 { --tw-shadow-color: #D9B033; box-shadow: var(--tw-shadow); } .ring-OroSecundario-800 { --tw-ring-color: #D9B033; } .ring-offset-OroSecundario-800 { --tw-ring-offset-color: #D9B033 !important; } .accent-OroSecundario-800 { accent-color: #D9B033 !important; } .fill-OroSecundario-800 { fill: #D9B033 !important; } .stroke-OroSecundario-800 { stroke: #D9B033 !important; } .hover\:text-OroSecundario-800:hover { color: #D9B033 !important; } .hover\:bg-OroSecundario-800:hover { background-color: #D9B033 !important; } .hover\:border-OroSecundario-800:hover { border-color: #D9B033 !important; } .focus\:ring-OroSecundario-800:focus { --tw-ring-color: #D9B033; } .peer:checked ~ .peer-checked\:bg-OroSecundario-800 { background-color: #D9B033 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-800 { color: #D9B033 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-800 { border-color: #D9B033 !important; } .text-OroSecundario-900 { color: #D5A619 !important; } .decoration-OroSecundario-900 { text-decoration-color: #D5A619 !important; } .placeholder-OroSecundario-900::placeholder { color: #D5A619 !important; } .caret-OroSecundario-900 { caret-color: #D5A619 !important; } .bg-OroSecundario-900 { background-color: #D5A619 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-900 { --tw-gradient-from: #D5A619; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-900 { --tw-gradient-stops: var(--tw-gradient-from), #D5A619, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-900 { --tw-gradient-to: #D5A619; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-900 { border-color: #D5A619 !important; } .border-t-OroSecundario-900 { border-top-color: #D5A619 !important; } .border-b-OroSecundario-900 { border-bottom-color: #D5A619 !important; } .border-l-OroSecundario-900 { border-left-color: #D5A619 !important; } .border-r-OroSecundario-900 { border-right-color: #D5A619 !important; } .border-x-OroSecundario-900 { border-left-color: #D5A619 !important; border-right-color: #D5A619 !important; } .border-y-OroSecundario-900 { border-top-color: #D5A619 !important; border-bottom-color: #D5A619 !important; } .outline-OroSecundario-900 { outline-color: #D5A619 !important; } .divide-OroSecundario-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #D5A619 !important; } .divide-OroSecundario-900 > :not([hidden]) { border-color: #D5A619 !important; } .shadow-OroSecundario-900 { --tw-shadow-color: #D5A619; box-shadow: var(--tw-shadow); } .ring-OroSecundario-900 { --tw-ring-color: #D5A619; } .ring-offset-OroSecundario-900 { --tw-ring-offset-color: #D5A619 !important; } .accent-OroSecundario-900 { accent-color: #D5A619 !important; } .fill-OroSecundario-900 { fill: #D5A619 !important; } .stroke-OroSecundario-900 { stroke: #D5A619 !important; } .hover\:text-OroSecundario-900:hover { color: #D5A619 !important; } .hover\:bg-OroSecundario-900:hover { background-color: #D5A619 !important; } .hover\:border-OroSecundario-900:hover { border-color: #D5A619 !important; } .focus\:ring-OroSecundario-900:focus { --tw-ring-color: #D5A619; } .peer:checked ~ .peer-checked\:bg-OroSecundario-900 { background-color: #D5A619 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-900 { color: #D5A619 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-900 { border-color: #D5A619 !important; } .text-OroSecundario-1000 { color: #D09C00 !important; } .decoration-OroSecundario-1000 { text-decoration-color: #D09C00 !important; } .placeholder-OroSecundario-1000::placeholder { color: #D09C00 !important; } .caret-OroSecundario-1000 { caret-color: #D09C00 !important; } .bg-OroSecundario-1000 { background-color: #D09C00 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-OroSecundario-1000 { --tw-gradient-from: #D09C00; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-OroSecundario-1000 { --tw-gradient-stops: var(--tw-gradient-from), #D09C00, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-OroSecundario-1000 { --tw-gradient-to: #D09C00; } .to-transparent { --tw-gradient-to: transparent; } .border-OroSecundario-1000 { border-color: #D09C00 !important; } .border-t-OroSecundario-1000 { border-top-color: #D09C00 !important; } .border-b-OroSecundario-1000 { border-bottom-color: #D09C00 !important; } .border-l-OroSecundario-1000 { border-left-color: #D09C00 !important; } .border-r-OroSecundario-1000 { border-right-color: #D09C00 !important; } .border-x-OroSecundario-1000 { border-left-color: #D09C00 !important; border-right-color: #D09C00 !important; } .border-y-OroSecundario-1000 { border-top-color: #D09C00 !important; border-bottom-color: #D09C00 !important; } .outline-OroSecundario-1000 { outline-color: #D09C00 !important; } .divide-OroSecundario-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #D09C00 !important; } .divide-OroSecundario-1000 > :not([hidden]) { border-color: #D09C00 !important; } .shadow-OroSecundario-1000 { --tw-shadow-color: #D09C00; box-shadow: var(--tw-shadow); } .ring-OroSecundario-1000 { --tw-ring-color: #D09C00; } .ring-offset-OroSecundario-1000 { --tw-ring-offset-color: #D09C00 !important; } .accent-OroSecundario-1000 { accent-color: #D09C00 !important; } .fill-OroSecundario-1000 { fill: #D09C00 !important; } .stroke-OroSecundario-1000 { stroke: #D09C00 !important; } .hover\:text-OroSecundario-1000:hover { color: #D09C00 !important; } .hover\:bg-OroSecundario-1000:hover { background-color: #D09C00 !important; } .hover\:border-OroSecundario-1000:hover { border-color: #D09C00 !important; } .focus\:ring-OroSecundario-1000:focus { --tw-ring-color: #D09C00; } .peer:checked ~ .peer-checked\:bg-OroSecundario-1000 { background-color: #D09C00 !important; } .peer:checked ~ .peer-checked\:text-OroSecundario-1000 { color: #D09C00 !important; } .peer:checked ~ .peer-checked\:border-OroSecundario-1000 { border-color: #D09C00 !important; } /* ==================================== CLASES UTILITARIAS DE ACCESIBILIDAD - DIRECTO Y SEGURO Colores: Blanco (sin variantes), Negro, Gris, Verde, Rojo, Amarillo, Naranja, Azul, Morado Soporta: Tipografía, Fondos, Gradientes, Bordes, Sombras, SVG, etc. ==================================== */ /* Blanco - Sin variantes */ .text-blanco { color: #FFFFFF !important; } .decoration-blanco { text-decoration-color: #FFFFFF !important; } .placeholder-blanco::placeholder { color: #FFFFFF !important; } .caret-blanco { caret-color: #FFFFFF !important; } .bg-blanco { background-color: #FFFFFF !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-blanco { --tw-gradient-from: #FFFFFF; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-blanco { --tw-gradient-stops: var(--tw-gradient-from), #FFFFFF, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-blanco { --tw-gradient-to: #FFFFFF; } .to-transparent { --tw-gradient-to: transparent; } .border-blanco { border-color: #FFFFFF !important; } .border-t-blanco { border-top-color: #FFFFFF !important; } .border-b-blanco { border-bottom-color: #FFFFFF !important; } .border-l-blanco { border-left-color: #FFFFFF !important; } .border-r-blanco { border-right-color: #FFFFFF !important; } .border-x-blanco { border-left-color: #FFFFFF !important; border-right-color: #FFFFFF !important; } .border-y-blanco { border-top-color: #FFFFFF !important; border-bottom-color: #FFFFFF !important; } .outline-blanco { outline-color: #FFFFFF !important; } .divide-blanco > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFFFFF !important; } .divide-blanco > :not([hidden]) { border-color: #FFFFFF !important; } .shadow-blanco { --tw-shadow-color: #FFFFFF; box-shadow: var(--tw-shadow); } .ring-blanco { --tw-ring-color: #FFFFFF; } .ring-offset-blanco { --tw-ring-offset-color: #FFFFFF !important; } .accent-blanco { accent-color: #FFFFFF !important; } .fill-blanco { fill: #FFFFFF !important; } .stroke-blanco { stroke: #FFFFFF !important; } .hover\:text-blanco:hover { color: #FFFFFF !important; } .hover\:bg-blanco:hover { background-color: #FFFFFF !important; } .hover\:border-blanco:hover { border-color: #FFFFFF !important; } .focus\:ring-blanco:focus { --tw-ring-color: #FFFFFF; } /* Negro */ .text-negro-100 { color: #E6E6E6 !important; } .decoration-negro-100 { text-decoration-color: #E6E6E6 !important; } .placeholder-negro-100::placeholder { color: #E6E6E6 !important; } .caret-negro-100 { caret-color: #E6E6E6 !important; } .bg-negro-100 { background-color: #E6E6E6 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-100 { --tw-gradient-from: #E6E6E6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-100 { --tw-gradient-stops: var(--tw-gradient-from), #E6E6E6, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-100 { --tw-gradient-to: #E6E6E6; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-100 { border-color: #E6E6E6 !important; } .border-t-negro-100 { border-top-color: #E6E6E6 !important; } .border-b-negro-100 { border-bottom-color: #E6E6E6 !important; } .border-l-negro-100 { border-left-color: #E6E6E6 !important; } .border-r-negro-100 { border-right-color: #E6E6E6 !important; } .border-x-negro-100 { border-left-color: #E6E6E6 !important; border-right-color: #E6E6E6 !important; } .border-y-negro-100 { border-top-color: #E6E6E6 !important; border-bottom-color: #E6E6E6 !important; } .outline-negro-100 { outline-color: #E6E6E6 !important; } .divide-negro-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E6E6E6 !important; } .divide-negro-100 > :not([hidden]) { border-color: #E6E6E6 !important; } .shadow-negro-100 { --tw-shadow-color: #E6E6E6; box-shadow: var(--tw-shadow); } .ring-negro-100 { --tw-ring-color: #E6E6E6; } .ring-offset-negro-100 { --tw-ring-offset-color: #E6E6E6 !important; } .accent-negro-100 { accent-color: #E6E6E6 !important; } .fill-negro-100 { fill: #E6E6E6 !important; } .stroke-negro-100 { stroke: #E6E6E6 !important; } .hover\:text-negro-100:hover { color: #E6E6E6 !important; } .hover\:bg-negro-100:hover { background-color: #E6E6E6 !important; } .hover\:border-negro-100:hover { border-color: #E6E6E6 !important; } .focus\:ring-negro-100:focus { --tw-ring-color: #E6E6E6; } .text-negro-200 { color: #CCCCCC !important; } .decoration-negro-200 { text-decoration-color: #CCCCCC !important; } .placeholder-negro-200::placeholder { color: #CCCCCC !important; } .caret-negro-200 { caret-color: #CCCCCC !important; } .bg-negro-200 { background-color: #CCCCCC !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-200 { --tw-gradient-from: #CCCCCC; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-200 { --tw-gradient-stops: var(--tw-gradient-from), #CCCCCC, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-200 { --tw-gradient-to: #CCCCCC; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-200 { border-color: #CCCCCC !important; } .border-t-negro-200 { border-top-color: #CCCCCC !important; } .border-b-negro-200 { border-bottom-color: #CCCCCC !important; } .border-l-negro-200 { border-left-color: #CCCCCC !important; } .border-r-negro-200 { border-right-color: #CCCCCC !important; } .border-x-negro-200 { border-left-color: #CCCCCC !important; border-right-color: #CCCCCC !important; } .border-y-negro-200 { border-top-color: #CCCCCC !important; border-bottom-color: #CCCCCC !important; } .outline-negro-200 { outline-color: #CCCCCC !important; } .divide-negro-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #CCCCCC !important; } .divide-negro-200 > :not([hidden]) { border-color: #CCCCCC !important; } .shadow-negro-200 { --tw-shadow-color: #CCCCCC; box-shadow: var(--tw-shadow); } .ring-negro-200 { --tw-ring-color: #CCCCCC; } .ring-offset-negro-200 { --tw-ring-offset-color: #CCCCCC !important; } .accent-negro-200 { accent-color: #CCCCCC !important; } .fill-negro-200 { fill: #CCCCCC !important; } .stroke-negro-200 { stroke: #CCCCCC !important; } .hover\:text-negro-200:hover { color: #CCCCCC !important; } .hover\:bg-negro-200:hover { background-color: #CCCCCC !important; } .hover\:border-negro-200:hover { border-color: #CCCCCC !important; } .focus\:ring-negro-200:focus { --tw-ring-color: #CCCCCC; } .text-negro-300 { color: #B3B3B3 !important; } .decoration-negro-300 { text-decoration-color: #B3B3B3 !important; } .placeholder-negro-300::placeholder { color: #B3B3B3 !important; } .caret-negro-300 { caret-color: #B3B3B3 !important; } .bg-negro-300 { background-color: #B3B3B3 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-300 { --tw-gradient-from: #B3B3B3; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-300 { --tw-gradient-stops: var(--tw-gradient-from), #B3B3B3, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-300 { --tw-gradient-to: #B3B3B3; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-300 { border-color: #B3B3B3 !important; } .border-t-negro-300 { border-top-color: #B3B3B3 !important; } .border-b-negro-300 { border-bottom-color: #B3B3B3 !important; } .border-l-negro-300 { border-left-color: #B3B3B3 !important; } .border-r-negro-300 { border-right-color: #B3B3B3 !important; } .border-x-negro-300 { border-left-color: #B3B3B3 !important; border-right-color: #B3B3B3 !important; } .border-y-negro-300 { border-top-color: #B3B3B3 !important; border-bottom-color: #B3B3B3 !important; } .outline-negro-300 { outline-color: #B3B3B3 !important; } .divide-negro-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #B3B3B3 !important; } .divide-negro-300 > :not([hidden]) { border-color: #B3B3B3 !important; } .shadow-negro-300 { --tw-shadow-color: #B3B3B3; box-shadow: var(--tw-shadow); } .ring-negro-300 { --tw-ring-color: #B3B3B3; } .ring-offset-negro-300 { --tw-ring-offset-color: #B3B3B3 !important; } .accent-negro-300 { accent-color: #B3B3B3 !important; } .fill-negro-300 { fill: #B3B3B3 !important; } .stroke-negro-300 { stroke: #B3B3B3 !important; } .hover\:text-negro-300:hover { color: #B3B3B3 !important; } .hover\:bg-negro-300:hover { background-color: #B3B3B3 !important; } .hover\:border-negro-300:hover { border-color: #B3B3B3 !important; } .focus\:ring-negro-300:focus { --tw-ring-color: #B3B3B3; } .text-negro-400 { color: #999999 !important; } .decoration-negro-400 { text-decoration-color: #999999 !important; } .placeholder-negro-400::placeholder { color: #999999 !important; } .caret-negro-400 { caret-color: #999999 !important; } .bg-negro-400 { background-color: #999999 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-400 { --tw-gradient-from: #999999; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-400 { --tw-gradient-stops: var(--tw-gradient-from), #999999, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-400 { --tw-gradient-to: #999999; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-400 { border-color: #999999 !important; } .border-t-negro-400 { border-top-color: #999999 !important; } .border-b-negro-400 { border-bottom-color: #999999 !important; } .border-l-negro-400 { border-left-color: #999999 !important; } .border-r-negro-400 { border-right-color: #999999 !important; } .border-x-negro-400 { border-left-color: #999999 !important; border-right-color: #999999 !important; } .border-y-negro-400 { border-top-color: #999999 !important; border-bottom-color: #999999 !important; } .outline-negro-400 { outline-color: #999999 !important; } .divide-negro-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #999999 !important; } .divide-negro-400 > :not([hidden]) { border-color: #999999 !important; } .shadow-negro-400 { --tw-shadow-color: #999999; box-shadow: var(--tw-shadow); } .ring-negro-400 { --tw-ring-color: #999999; } .ring-offset-negro-400 { --tw-ring-offset-color: #999999 !important; } .accent-negro-400 { accent-color: #999999 !important; } .fill-negro-400 { fill: #999999 !important; } .stroke-negro-400 { stroke: #999999 !important; } .hover\:text-negro-400:hover { color: #999999 !important; } .hover\:bg-negro-400:hover { background-color: #999999 !important; } .hover\:border-negro-400:hover { border-color: #999999 !important; } .focus\:ring-negro-400:focus { --tw-ring-color: #999999; } .text-negro-500 { color: #808080 !important; } .decoration-negro-500 { text-decoration-color: #808080 !important; } .placeholder-negro-500::placeholder { color: #808080 !important; } .caret-negro-500 { caret-color: #808080 !important; } .bg-negro-500 { background-color: #808080 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-500 { --tw-gradient-from: #808080; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-500 { --tw-gradient-stops: var(--tw-gradient-from), #808080, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-500 { --tw-gradient-to: #808080; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-500 { border-color: #808080 !important; } .border-t-negro-500 { border-top-color: #808080 !important; } .border-b-negro-500 { border-bottom-color: #808080 !important; } .border-l-negro-500 { border-left-color: #808080 !important; } .border-r-negro-500 { border-right-color: #808080 !important; } .border-x-negro-500 { border-left-color: #808080 !important; border-right-color: #808080 !important; } .border-y-negro-500 { border-top-color: #808080 !important; border-bottom-color: #808080 !important; } .outline-negro-500 { outline-color: #808080 !important; } .divide-negro-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #808080 !important; } .divide-negro-500 > :not([hidden]) { border-color: #808080 !important; } .shadow-negro-500 { --tw-shadow-color: #808080; box-shadow: var(--tw-shadow); } .ring-negro-500 { --tw-ring-color: #808080; } .ring-offset-negro-500 { --tw-ring-offset-color: #808080 !important; } .accent-negro-500 { accent-color: #808080 !important; } .fill-negro-500 { fill: #808080 !important; } .stroke-negro-500 { stroke: #808080 !important; } .hover\:text-negro-500:hover { color: #808080 !important; } .hover\:bg-negro-500:hover { background-color: #808080 !important; } .hover\:border-negro-500:hover { border-color: #808080 !important; } .focus\:ring-negro-500:focus { --tw-ring-color: #808080; } .text-negro-600 { color: #666666 !important; } .decoration-negro-600 { text-decoration-color: #666666 !important; } .placeholder-negro-600::placeholder { color: #666666 !important; } .caret-negro-600 { caret-color: #666666 !important; } .bg-negro-600 { background-color: #666666 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-600 { --tw-gradient-from: #666666; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-600 { --tw-gradient-stops: var(--tw-gradient-from), #666666, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-600 { --tw-gradient-to: #666666; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-600 { border-color: #666666 !important; } .border-t-negro-600 { border-top-color: #666666 !important; } .border-b-negro-600 { border-bottom-color: #666666 !important; } .border-l-negro-600 { border-left-color: #666666 !important; } .border-r-negro-600 { border-right-color: #666666 !important; } .border-x-negro-600 { border-left-color: #666666 !important; border-right-color: #666666 !important; } .border-y-negro-600 { border-top-color: #666666 !important; border-bottom-color: #666666 !important; } .outline-negro-600 { outline-color: #666666 !important; } .divide-negro-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #666666 !important; } .divide-negro-600 > :not([hidden]) { border-color: #666666 !important; } .shadow-negro-600 { --tw-shadow-color: #666666; box-shadow: var(--tw-shadow); } .ring-negro-600 { --tw-ring-color: #666666; } .ring-offset-negro-600 { --tw-ring-offset-color: #666666 !important; } .accent-negro-600 { accent-color: #666666 !important; } .fill-negro-600 { fill: #666666 !important; } .stroke-negro-600 { stroke: #666666 !important; } .hover\:text-negro-600:hover { color: #666666 !important; } .hover\:bg-negro-600:hover { background-color: #666666 !important; } .hover\:border-negro-600:hover { border-color: #666666 !important; } .focus\:ring-negro-600:focus { --tw-ring-color: #666666; } .text-negro-700 { color: #4D4D4D !important; } .decoration-negro-700 { text-decoration-color: #4D4D4D !important; } .placeholder-negro-700::placeholder { color: #4D4D4D !important; } .caret-negro-700 { caret-color: #4D4D4D !important; } .bg-negro-700 { background-color: #4D4D4D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-700 { --tw-gradient-from: #4D4D4D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-700 { --tw-gradient-stops: var(--tw-gradient-from), #4D4D4D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-700 { --tw-gradient-to: #4D4D4D; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-700 { border-color: #4D4D4D !important; } .border-t-negro-700 { border-top-color: #4D4D4D !important; } .border-b-negro-700 { border-bottom-color: #4D4D4D !important; } .border-l-negro-700 { border-left-color: #4D4D4D !important; } .border-r-negro-700 { border-right-color: #4D4D4D !important; } .border-x-negro-700 { border-left-color: #4D4D4D !important; border-right-color: #4D4D4D !important; } .border-y-negro-700 { border-top-color: #4D4D4D !important; border-bottom-color: #4D4D4D !important; } .outline-negro-700 { outline-color: #4D4D4D !important; } .divide-negro-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #4D4D4D !important; } .divide-negro-700 > :not([hidden]) { border-color: #4D4D4D !important; } .shadow-negro-700 { --tw-shadow-color: #4D4D4D; box-shadow: var(--tw-shadow); } .ring-negro-700 { --tw-ring-color: #4D4D4D; } .ring-offset-negro-700 { --tw-ring-offset-color: #4D4D4D !important; } .accent-negro-700 { accent-color: #4D4D4D !important; } .fill-negro-700 { fill: #4D4D4D !important; } .stroke-negro-700 { stroke: #4D4D4D !important; } .hover\:text-negro-700:hover { color: #4D4D4D !important; } .hover\:bg-negro-700:hover { background-color: #4D4D4D !important; } .hover\:border-negro-700:hover { border-color: #4D4D4D !important; } .focus\:ring-negro-700:focus { --tw-ring-color: #4D4D4D; } .text-negro-800 { color: #333333 !important; } .decoration-negro-800 { text-decoration-color: #333333 !important; } .placeholder-negro-800::placeholder { color: #333333 !important; } .caret-negro-800 { caret-color: #333333 !important; } .bg-negro-800 { background-color: #333333 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-800 { --tw-gradient-from: #333333; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-800 { --tw-gradient-stops: var(--tw-gradient-from), #333333, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-800 { --tw-gradient-to: #333333; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-800 { border-color: #333333 !important; } .border-t-negro-800 { border-top-color: #333333 !important; } .border-b-negro-800 { border-bottom-color: #333333 !important; } .border-l-negro-800 { border-left-color: #333333 !important; } .border-r-negro-800 { border-right-color: #333333 !important; } .border-x-negro-800 { border-left-color: #333333 !important; border-right-color: #333333 !important; } .border-y-negro-800 { border-top-color: #333333 !important; border-bottom-color: #333333 !important; } .outline-negro-800 { outline-color: #333333 !important; } .divide-negro-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #333333 !important; } .divide-negro-800 > :not([hidden]) { border-color: #333333 !important; } .shadow-negro-800 { --tw-shadow-color: #333333; box-shadow: var(--tw-shadow); } .ring-negro-800 { --tw-ring-color: #333333; } .ring-offset-negro-800 { --tw-ring-offset-color: #333333 !important; } .accent-negro-800 { accent-color: #333333 !important; } .fill-negro-800 { fill: #333333 !important; } .stroke-negro-800 { stroke: #333333 !important; } .hover\:text-negro-800:hover { color: #333333 !important; } .hover\:bg-negro-800:hover { background-color: #333333 !important; } .hover\:border-negro-800:hover { border-color: #333333 !important; } .focus\:ring-negro-800:focus { --tw-ring-color: #333333; } .text-negro-900 { color: #191919 !important; } .decoration-negro-900 { text-decoration-color: #191919 !important; } .placeholder-negro-900::placeholder { color: #191919 !important; } .caret-negro-900 { caret-color: #191919 !important; } .bg-negro-900 { background-color: #191919 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-900 { --tw-gradient-from: #191919; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-900 { --tw-gradient-stops: var(--tw-gradient-from), #191919, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-900 { --tw-gradient-to: #191919; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-900 { border-color: #191919 !important; } .border-t-negro-900 { border-top-color: #191919 !important; } .border-b-negro-900 { border-bottom-color: #191919 !important; } .border-l-negro-900 { border-left-color: #191919 !important; } .border-r-negro-900 { border-right-color: #191919 !important; } .border-x-negro-900 { border-left-color: #191919 !important; border-right-color: #191919 !important; } .border-y-negro-900 { border-top-color: #191919 !important; border-bottom-color: #191919 !important; } .outline-negro-900 { outline-color: #191919 !important; } .divide-negro-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #191919 !important; } .divide-negro-900 > :not([hidden]) { border-color: #191919 !important; } .shadow-negro-900 { --tw-shadow-color: #191919; box-shadow: var(--tw-shadow); } .ring-negro-900 { --tw-ring-color: #191919; } .ring-offset-negro-900 { --tw-ring-offset-color: #191919 !important; } .accent-negro-900 { accent-color: #191919 !important; } .fill-negro-900 { fill: #191919 !important; } .stroke-negro-900 { stroke: #191919 !important; } .hover\:text-negro-900:hover { color: #191919 !important; } .hover\:bg-negro-900:hover { background-color: #191919 !important; } .hover\:border-negro-900:hover { border-color: #191919 !important; } .focus\:ring-negro-900:focus { --tw-ring-color: #191919; } .text-negro-1000 { color: #000000 !important; } .decoration-negro-1000 { text-decoration-color: #000000 !important; } .placeholder-negro-1000::placeholder { color: #000000 !important; } .caret-negro-1000 { caret-color: #000000 !important; } .bg-negro-1000 { background-color: #000000 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-negro-1000 { --tw-gradient-from: #000000; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-negro-1000 { --tw-gradient-stops: var(--tw-gradient-from), #000000, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-negro-1000 { --tw-gradient-to: #000000; } .to-transparent { --tw-gradient-to: transparent; } .border-negro-1000 { border-color: #000000 !important; } .border-t-negro-1000 { border-top-color: #000000 !important; } .border-b-negro-1000 { border-bottom-color: #000000 !important; } .border-l-negro-1000 { border-left-color: #000000 !important; } .border-r-negro-1000 { border-right-color: #000000 !important; } .border-x-negro-1000 { border-left-color: #000000 !important; border-right-color: #000000 !important; } .border-y-negro-1000 { border-top-color: #000000 !important; border-bottom-color: #000000 !important; } .outline-negro-1000 { outline-color: #000000 !important; } .divide-negro-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #000000 !important; } .divide-negro-1000 > :not([hidden]) { border-color: #000000 !important; } .shadow-negro-1000 { --tw-shadow-color: #000000; box-shadow: var(--tw-shadow); } .ring-negro-1000 { --tw-ring-color: #000000; } .ring-offset-negro-1000 { --tw-ring-offset-color: #000000 !important; } .accent-negro-1000 { accent-color: #000000 !important; } .fill-negro-1000 { fill: #000000 !important; } .stroke-negro-1000 { stroke: #000000 !important; } .hover\:text-negro-1000:hover { color: #000000 !important; } .hover\:bg-negro-1000:hover { background-color: #000000 !important; } .hover\:border-negro-1000:hover { border-color: #000000 !important; } .focus\:ring-negro-1000:focus { --tw-ring-color: #000000; } /* Gris */ .text-gris-100 { color: #F0F1F2 !important; } .decoration-gris-100 { text-decoration-color: #F0F1F2 !important; } .placeholder-gris-100::placeholder { color: #F0F1F2 !important; } .caret-gris-100 { caret-color: #F0F1F2 !important; } .bg-gris-100 { background-color: #F0F1F2 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-100 { --tw-gradient-from: #F0F1F2; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-100 { --tw-gradient-stops: var(--tw-gradient-from), #F0F1F2, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-100 { --tw-gradient-to: #F0F1F2; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-100 { border-color: #F0F1F2 !important; } .border-t-gris-100 { border-top-color: #F0F1F2 !important; } .border-b-gris-100 { border-bottom-color: #F0F1F2 !important; } .border-l-gris-100 { border-left-color: #F0F1F2 !important; } .border-r-gris-100 { border-right-color: #F0F1F2 !important; } .border-x-gris-100 { border-left-color: #F0F1F2 !important; border-right-color: #F0F1F2 !important; } .border-y-gris-100 { border-top-color: #F0F1F2 !important; border-bottom-color: #F0F1F2 !important; } .outline-gris-100 { outline-color: #F0F1F2 !important; } .divide-gris-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F0F1F2 !important; } .divide-gris-100 > :not([hidden]) { border-color: #F0F1F2 !important; } .shadow-gris-100 { --tw-shadow-color: #F0F1F2; box-shadow: var(--tw-shadow); } .ring-gris-100 { --tw-ring-color: #F0F1F2; } .ring-offset-gris-100 { --tw-ring-offset-color: #F0F1F2 !important; } .accent-gris-100 { accent-color: #F0F1F2 !important; } .fill-gris-100 { fill: #F0F1F2 !important; } .stroke-gris-100 { stroke: #F0F1F2 !important; } .hover\:text-gris-100:hover { color: #F0F1F2 !important; } .hover\:bg-gris-100:hover { background-color: #F0F1F2 !important; } .hover\:border-gris-100:hover { border-color: #F0F1F2 !important; } .focus\:ring-gris-100:focus { --tw-ring-color: #F0F1F2; } .text-gris-200 { color: #E2E3E5 !important; } .decoration-gris-200 { text-decoration-color: #E2E3E5 !important; } .placeholder-gris-200::placeholder { color: #E2E3E5 !important; } .caret-gris-200 { caret-color: #E2E3E5 !important; } .bg-gris-200 { background-color: #E2E3E5 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-200 { --tw-gradient-from: #E2E3E5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-200 { --tw-gradient-stops: var(--tw-gradient-from), #E2E3E5, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-200 { --tw-gradient-to: #E2E3E5; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-200 { border-color: #E2E3E5 !important; } .border-t-gris-200 { border-top-color: #E2E3E5 !important; } .border-b-gris-200 { border-bottom-color: #E2E3E5 !important; } .border-l-gris-200 { border-left-color: #E2E3E5 !important; } .border-r-gris-200 { border-right-color: #E2E3E5 !important; } .border-x-gris-200 { border-left-color: #E2E3E5 !important; border-right-color: #E2E3E5 !important; } .border-y-gris-200 { border-top-color: #E2E3E5 !important; border-bottom-color: #E2E3E5 !important; } .outline-gris-200 { outline-color: #E2E3E5 !important; } .divide-gris-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E2E3E5 !important; } .divide-gris-200 > :not([hidden]) { border-color: #E2E3E5 !important; } .shadow-gris-200 { --tw-shadow-color: #E2E3E5; box-shadow: var(--tw-shadow); } .ring-gris-200 { --tw-ring-color: #E2E3E5; } .ring-offset-gris-200 { --tw-ring-offset-color: #E2E3E5 !important; } .accent-gris-200 { accent-color: #E2E3E5 !important; } .fill-gris-200 { fill: #E2E3E5 !important; } .stroke-gris-200 { stroke: #E2E3E5 !important; } .hover\:text-gris-200:hover { color: #E2E3E5 !important; } .hover\:bg-gris-200:hover { background-color: #E2E3E5 !important; } .hover\:border-gris-200:hover { border-color: #E2E3E5 !important; } .focus\:ring-gris-200:focus { --tw-ring-color: #E2E3E5; } .text-gris-300 { color: #D3D6D8 !important; } .decoration-gris-300 { text-decoration-color: #D3D6D8 !important; } .placeholder-gris-300::placeholder { color: #D3D6D8 !important; } .caret-gris-300 { caret-color: #D3D6D8 !important; } .bg-gris-300 { background-color: #D3D6D8 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-300 { --tw-gradient-from: #D3D6D8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-300 { --tw-gradient-stops: var(--tw-gradient-from), #D3D6D8, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-300 { --tw-gradient-to: #D3D6D8; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-300 { border-color: #D3D6D8 !important; } .border-t-gris-300 { border-top-color: #D3D6D8 !important; } .border-b-gris-300 { border-bottom-color: #D3D6D8 !important; } .border-l-gris-300 { border-left-color: #D3D6D8 !important; } .border-r-gris-300 { border-right-color: #D3D6D8 !important; } .border-x-gris-300 { border-left-color: #D3D6D8 !important; border-right-color: #D3D6D8 !important; } .border-y-gris-300 { border-top-color: #D3D6D8 !important; border-bottom-color: #D3D6D8 !important; } .outline-gris-300 { outline-color: #D3D6D8 !important; } .divide-gris-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #D3D6D8 !important; } .divide-gris-300 > :not([hidden]) { border-color: #D3D6D8 !important; } .shadow-gris-300 { --tw-shadow-color: #D3D6D8; box-shadow: var(--tw-shadow); } .ring-gris-300 { --tw-ring-color: #D3D6D8; } .ring-offset-gris-300 { --tw-ring-offset-color: #D3D6D8 !important; } .accent-gris-300 { accent-color: #D3D6D8 !important; } .fill-gris-300 { fill: #D3D6D8 !important; } .stroke-gris-300 { stroke: #D3D6D8 !important; } .hover\:text-gris-300:hover { color: #D3D6D8 !important; } .hover\:bg-gris-300:hover { background-color: #D3D6D8 !important; } .hover\:border-gris-300:hover { border-color: #D3D6D8 !important; } .focus\:ring-gris-300:focus { --tw-ring-color: #D3D6D8; } .text-gris-400 { color: #C4C8CB !important; } .decoration-gris-400 { text-decoration-color: #C4C8CB !important; } .placeholder-gris-400::placeholder { color: #C4C8CB !important; } .caret-gris-400 { caret-color: #C4C8CB !important; } .bg-gris-400 { background-color: #C4C8CB !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-400 { --tw-gradient-from: #C4C8CB; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-400 { --tw-gradient-stops: var(--tw-gradient-from), #C4C8CB, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-400 { --tw-gradient-to: #C4C8CB; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-400 { border-color: #C4C8CB !important; } .border-t-gris-400 { border-top-color: #C4C8CB !important; } .border-b-gris-400 { border-bottom-color: #C4C8CB !important; } .border-l-gris-400 { border-left-color: #C4C8CB !important; } .border-r-gris-400 { border-right-color: #C4C8CB !important; } .border-x-gris-400 { border-left-color: #C4C8CB !important; border-right-color: #C4C8CB !important; } .border-y-gris-400 { border-top-color: #C4C8CB !important; border-bottom-color: #C4C8CB !important; } .outline-gris-400 { outline-color: #C4C8CB !important; } .divide-gris-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #C4C8CB !important; } .divide-gris-400 > :not([hidden]) { border-color: #C4C8CB !important; } .shadow-gris-400 { --tw-shadow-color: #C4C8CB; box-shadow: var(--tw-shadow); } .ring-gris-400 { --tw-ring-color: #C4C8CB; } .ring-offset-gris-400 { --tw-ring-offset-color: #C4C8CB !important; } .accent-gris-400 { accent-color: #C4C8CB !important; } .fill-gris-400 { fill: #C4C8CB !important; } .stroke-gris-400 { stroke: #C4C8CB !important; } .hover\:text-gris-400:hover { color: #C4C8CB !important; } .hover\:bg-gris-400:hover { background-color: #C4C8CB !important; } .hover\:border-gris-400:hover { border-color: #C4C8CB !important; } .focus\:ring-gris-400:focus { --tw-ring-color: #C4C8CB; } .text-gris-500 { color: #B6BABE !important; } .decoration-gris-500 { text-decoration-color: #B6BABE !important; } .placeholder-gris-500::placeholder { color: #B6BABE !important; } .caret-gris-500 { caret-color: #B6BABE !important; } .bg-gris-500 { background-color: #B6BABE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-500 { --tw-gradient-from: #B6BABE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-500 { --tw-gradient-stops: var(--tw-gradient-from), #B6BABE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-500 { --tw-gradient-to: #B6BABE; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-500 { border-color: #B6BABE !important; } .border-t-gris-500 { border-top-color: #B6BABE !important; } .border-b-gris-500 { border-bottom-color: #B6BABE !important; } .border-l-gris-500 { border-left-color: #B6BABE !important; } .border-r-gris-500 { border-right-color: #B6BABE !important; } .border-x-gris-500 { border-left-color: #B6BABE !important; border-right-color: #B6BABE !important; } .border-y-gris-500 { border-top-color: #B6BABE !important; border-bottom-color: #B6BABE !important; } .outline-gris-500 { outline-color: #B6BABE !important; } .divide-gris-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #B6BABE !important; } .divide-gris-500 > :not([hidden]) { border-color: #B6BABE !important; } .shadow-gris-500 { --tw-shadow-color: #B6BABE; box-shadow: var(--tw-shadow); } .ring-gris-500 { --tw-ring-color: #B6BABE; } .ring-offset-gris-500 { --tw-ring-offset-color: #B6BABE !important; } .accent-gris-500 { accent-color: #B6BABE !important; } .fill-gris-500 { fill: #B6BABE !important; } .stroke-gris-500 { stroke: #B6BABE !important; } .hover\:text-gris-500:hover { color: #B6BABE !important; } .hover\:bg-gris-500:hover { background-color: #B6BABE !important; } .hover\:border-gris-500:hover { border-color: #B6BABE !important; } .focus\:ring-gris-500:focus { --tw-ring-color: #B6BABE; } .text-gris-600 { color: #A7ACB1 !important; } .decoration-gris-600 { text-decoration-color: #A7ACB1 !important; } .placeholder-gris-600::placeholder { color: #A7ACB1 !important; } .caret-gris-600 { caret-color: #A7ACB1 !important; } .bg-gris-600 { background-color: #A7ACB1 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-600 { --tw-gradient-from: #A7ACB1; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-600 { --tw-gradient-stops: var(--tw-gradient-from), #A7ACB1, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-600 { --tw-gradient-to: #A7ACB1; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-600 { border-color: #A7ACB1 !important; } .border-t-gris-600 { border-top-color: #A7ACB1 !important; } .border-b-gris-600 { border-bottom-color: #A7ACB1 !important; } .border-l-gris-600 { border-left-color: #A7ACB1 !important; } .border-r-gris-600 { border-right-color: #A7ACB1 !important; } .border-x-gris-600 { border-left-color: #A7ACB1 !important; border-right-color: #A7ACB1 !important; } .border-y-gris-600 { border-top-color: #A7ACB1 !important; border-bottom-color: #A7ACB1 !important; } .outline-gris-600 { outline-color: #A7ACB1 !important; } .divide-gris-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #A7ACB1 !important; } .divide-gris-600 > :not([hidden]) { border-color: #A7ACB1 !important; } .shadow-gris-600 { --tw-shadow-color: #A7ACB1; box-shadow: var(--tw-shadow); } .ring-gris-600 { --tw-ring-color: #A7ACB1; } .ring-offset-gris-600 { --tw-ring-offset-color: #A7ACB1 !important; } .accent-gris-600 { accent-color: #A7ACB1 !important; } .fill-gris-600 { fill: #A7ACB1 !important; } .stroke-gris-600 { stroke: #A7ACB1 !important; } .hover\:text-gris-600:hover { color: #A7ACB1 !important; } .hover\:bg-gris-600:hover { background-color: #A7ACB1 !important; } .hover\:border-gris-600:hover { border-color: #A7ACB1 !important; } .focus\:ring-gris-600:focus { --tw-ring-color: #A7ACB1; } .text-gris-700 { color: #989EA4 !important; } .decoration-gris-700 { text-decoration-color: #989EA4 !important; } .placeholder-gris-700::placeholder { color: #989EA4 !important; } .caret-gris-700 { caret-color: #989EA4 !important; } .bg-gris-700 { background-color: #989EA4 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-700 { --tw-gradient-from: #989EA4; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-700 { --tw-gradient-stops: var(--tw-gradient-from), #989EA4, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-700 { --tw-gradient-to: #989EA4; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-700 { border-color: #989EA4 !important; } .border-t-gris-700 { border-top-color: #989EA4 !important; } .border-b-gris-700 { border-bottom-color: #989EA4 !important; } .border-l-gris-700 { border-left-color: #989EA4 !important; } .border-r-gris-700 { border-right-color: #989EA4 !important; } .border-x-gris-700 { border-left-color: #989EA4 !important; border-right-color: #989EA4 !important; } .border-y-gris-700 { border-top-color: #989EA4 !important; border-bottom-color: #989EA4 !important; } .outline-gris-700 { outline-color: #989EA4 !important; } .divide-gris-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #989EA4 !important; } .divide-gris-700 > :not([hidden]) { border-color: #989EA4 !important; } .shadow-gris-700 { --tw-shadow-color: #989EA4; box-shadow: var(--tw-shadow); } .ring-gris-700 { --tw-ring-color: #989EA4; } .ring-offset-gris-700 { --tw-ring-offset-color: #989EA4 !important; } .accent-gris-700 { accent-color: #989EA4 !important; } .fill-gris-700 { fill: #989EA4 !important; } .stroke-gris-700 { stroke: #989EA4 !important; } .hover\:text-gris-700:hover { color: #989EA4 !important; } .hover\:bg-gris-700:hover { background-color: #989EA4 !important; } .hover\:border-gris-700:hover { border-color: #989EA4 !important; } .focus\:ring-gris-700:focus { --tw-ring-color: #989EA4; } .text-gris-800 { color: #899197 !important; } .decoration-gris-800 { text-decoration-color: #899197 !important; } .placeholder-gris-800::placeholder { color: #899197 !important; } .caret-gris-800 { caret-color: #899197 !important; } .bg-gris-800 { background-color: #899197 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-800 { --tw-gradient-from: #899197; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-800 { --tw-gradient-stops: var(--tw-gradient-from), #899197, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-800 { --tw-gradient-to: #899197; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-800 { border-color: #899197 !important; } .border-t-gris-800 { border-top-color: #899197 !important; } .border-b-gris-800 { border-bottom-color: #899197 !important; } .border-l-gris-800 { border-left-color: #899197 !important; } .border-r-gris-800 { border-right-color: #899197 !important; } .border-x-gris-800 { border-left-color: #899197 !important; border-right-color: #899197 !important; } .border-y-gris-800 { border-top-color: #899197 !important; border-bottom-color: #899197 !important; } .outline-gris-800 { outline-color: #899197 !important; } .divide-gris-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #899197 !important; } .divide-gris-800 > :not([hidden]) { border-color: #899197 !important; } .shadow-gris-800 { --tw-shadow-color: #899197; box-shadow: var(--tw-shadow); } .ring-gris-800 { --tw-ring-color: #899197; } .ring-offset-gris-800 { --tw-ring-offset-color: #899197 !important; } .accent-gris-800 { accent-color: #899197 !important; } .fill-gris-800 { fill: #899197 !important; } .stroke-gris-800 { stroke: #899197 !important; } .hover\:text-gris-800:hover { color: #899197 !important; } .hover\:bg-gris-800:hover { background-color: #899197 !important; } .hover\:border-gris-800:hover { border-color: #899197 !important; } .focus\:ring-gris-800:focus { --tw-ring-color: #899197; } .text-gris-900 { color: #7B838A !important; } .decoration-gris-900 { text-decoration-color: #7B838A !important; } .placeholder-gris-900::placeholder { color: #7B838A !important; } .caret-gris-900 { caret-color: #7B838A !important; } .bg-gris-900 { background-color: #7B838A !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-900 { --tw-gradient-from: #7B838A; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-900 { --tw-gradient-stops: var(--tw-gradient-from), #7B838A, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-900 { --tw-gradient-to: #7B838A; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-900 { border-color: #7B838A !important; } .border-t-gris-900 { border-top-color: #7B838A !important; } .border-b-gris-900 { border-bottom-color: #7B838A !important; } .border-l-gris-900 { border-left-color: #7B838A !important; } .border-r-gris-900 { border-right-color: #7B838A !important; } .border-x-gris-900 { border-left-color: #7B838A !important; border-right-color: #7B838A !important; } .border-y-gris-900 { border-top-color: #7B838A !important; border-bottom-color: #7B838A !important; } .outline-gris-900 { outline-color: #7B838A !important; } .divide-gris-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #7B838A !important; } .divide-gris-900 > :not([hidden]) { border-color: #7B838A !important; } .shadow-gris-900 { --tw-shadow-color: #7B838A; box-shadow: var(--tw-shadow); } .ring-gris-900 { --tw-ring-color: #7B838A; } .ring-offset-gris-900 { --tw-ring-offset-color: #7B838A !important; } .accent-gris-900 { accent-color: #7B838A !important; } .fill-gris-900 { fill: #7B838A !important; } .stroke-gris-900 { stroke: #7B838A !important; } .hover\:text-gris-900:hover { color: #7B838A !important; } .hover\:bg-gris-900:hover { background-color: #7B838A !important; } .hover\:border-gris-900:hover { border-color: #7B838A !important; } .focus\:ring-gris-900:focus { --tw-ring-color: #7B838A; } .text-gris-1000 { color: #6C757D !important; } .decoration-gris-1000 { text-decoration-color: #6C757D !important; } .placeholder-gris-1000::placeholder { color: #6C757D !important; } .caret-gris-1000 { caret-color: #6C757D !important; } .bg-gris-1000 { background-color: #6C757D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-gris-1000 { --tw-gradient-from: #6C757D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-gris-1000 { --tw-gradient-stops: var(--tw-gradient-from), #6C757D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-gris-1000 { --tw-gradient-to: #6C757D; } .to-transparent { --tw-gradient-to: transparent; } .border-gris-1000 { border-color: #6C757D !important; } .border-t-gris-1000 { border-top-color: #6C757D !important; } .border-b-gris-1000 { border-bottom-color: #6C757D !important; } .border-l-gris-1000 { border-left-color: #6C757D !important; } .border-r-gris-1000 { border-right-color: #6C757D !important; } .border-x-gris-1000 { border-left-color: #6C757D !important; border-right-color: #6C757D !important; } .border-y-gris-1000 { border-top-color: #6C757D !important; border-bottom-color: #6C757D !important; } .outline-gris-1000 { outline-color: #6C757D !important; } .divide-gris-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #6C757D !important; } .divide-gris-1000 > :not([hidden]) { border-color: #6C757D !important; } .shadow-gris-1000 { --tw-shadow-color: #6C757D; box-shadow: var(--tw-shadow); } .ring-gris-1000 { --tw-ring-color: #6C757D; } .ring-offset-gris-1000 { --tw-ring-offset-color: #6C757D !important; } .accent-gris-1000 { accent-color: #6C757D !important; } .fill-gris-1000 { fill: #6C757D !important; } .stroke-gris-1000 { stroke: #6C757D !important; } .hover\:text-gris-1000:hover { color: #6C757D !important; } .hover\:bg-gris-1000:hover { background-color: #6C757D !important; } .hover\:border-gris-1000:hover { border-color: #6C757D !important; } .focus\:ring-gris-1000:focus { --tw-ring-color: #6C757D; } /* Verde */ .text-verde-100 { color: #EAF6EC !important; } .decoration-verde-100 { text-decoration-color: #EAF6EC !important; } .placeholder-verde-100::placeholder { color: #EAF6EC !important; } .caret-verde-100 { caret-color: #EAF6EC !important; } .bg-verde-100 { background-color: #EAF6EC !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-100 { --tw-gradient-from: #EAF6EC; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-100 { --tw-gradient-stops: var(--tw-gradient-from), #EAF6EC, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-100 { --tw-gradient-to: #EAF6EC; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-100 { border-color: #EAF6EC !important; } .border-t-verde-100 { border-top-color: #EAF6EC !important; } .border-b-verde-100 { border-bottom-color: #EAF6EC !important; } .border-l-verde-100 { border-left-color: #EAF6EC !important; } .border-r-verde-100 { border-right-color: #EAF6EC !important; } .border-x-verde-100 { border-left-color: #EAF6EC !important; border-right-color: #EAF6EC !important; } .border-y-verde-100 { border-top-color: #EAF6EC !important; border-bottom-color: #EAF6EC !important; } .outline-verde-100 { outline-color: #EAF6EC !important; } .divide-verde-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #EAF6EC !important; } .divide-verde-100 > :not([hidden]) { border-color: #EAF6EC !important; } .shadow-verde-100 { --tw-shadow-color: #EAF6EC; box-shadow: var(--tw-shadow); } .ring-verde-100 { --tw-ring-color: #EAF6EC; } .ring-offset-verde-100 { --tw-ring-offset-color: #EAF6EC !important; } .accent-verde-100 { accent-color: #EAF6EC !important; } .fill-verde-100 { fill: #EAF6EC !important; } .stroke-verde-100 { stroke: #EAF6EC !important; } .hover\:text-verde-100:hover { color: #EAF6EC !important; } .hover\:bg-verde-100:hover { background-color: #EAF6EC !important; } .hover\:border-verde-100:hover { border-color: #EAF6EC !important; } .focus\:ring-verde-100:focus { --tw-ring-color: #EAF6EC; } .text-verde-200 { color: #D4EDDA !important; } .decoration-verde-200 { text-decoration-color: #D4EDDA !important; } .placeholder-verde-200::placeholder { color: #D4EDDA !important; } .caret-verde-200 { caret-color: #D4EDDA !important; } .bg-verde-200 { background-color: #D4EDDA !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-200 { --tw-gradient-from: #D4EDDA; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-200 { --tw-gradient-stops: var(--tw-gradient-from), #D4EDDA, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-200 { --tw-gradient-to: #D4EDDA; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-200 { border-color: #D4EDDA !important; } .border-t-verde-200 { border-top-color: #D4EDDA !important; } .border-b-verde-200 { border-bottom-color: #D4EDDA !important; } .border-l-verde-200 { border-left-color: #D4EDDA !important; } .border-r-verde-200 { border-right-color: #D4EDDA !important; } .border-x-verde-200 { border-left-color: #D4EDDA !important; border-right-color: #D4EDDA !important; } .border-y-verde-200 { border-top-color: #D4EDDA !important; border-bottom-color: #D4EDDA !important; } .outline-verde-200 { outline-color: #D4EDDA !important; } .divide-verde-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #D4EDDA !important; } .divide-verde-200 > :not([hidden]) { border-color: #D4EDDA !important; } .shadow-verde-200 { --tw-shadow-color: #D4EDDA; box-shadow: var(--tw-shadow); } .ring-verde-200 { --tw-ring-color: #D4EDDA; } .ring-offset-verde-200 { --tw-ring-offset-color: #D4EDDA !important; } .accent-verde-200 { accent-color: #D4EDDA !important; } .fill-verde-200 { fill: #D4EDDA !important; } .stroke-verde-200 { stroke: #D4EDDA !important; } .hover\:text-verde-200:hover { color: #D4EDDA !important; } .hover\:bg-verde-200:hover { background-color: #D4EDDA !important; } .hover\:border-verde-200:hover { border-color: #D4EDDA !important; } .focus\:ring-verde-200:focus { --tw-ring-color: #D4EDDA; } .text-verde-300 { color: #BFE5C7 !important; } .decoration-verde-300 { text-decoration-color: #BFE5C7 !important; } .placeholder-verde-300::placeholder { color: #BFE5C7 !important; } .caret-verde-300 { caret-color: #BFE5C7 !important; } .bg-verde-300 { background-color: #BFE5C7 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-300 { --tw-gradient-from: #BFE5C7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-300 { --tw-gradient-stops: var(--tw-gradient-from), #BFE5C7, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-300 { --tw-gradient-to: #BFE5C7; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-300 { border-color: #BFE5C7 !important; } .border-t-verde-300 { border-top-color: #BFE5C7 !important; } .border-b-verde-300 { border-bottom-color: #BFE5C7 !important; } .border-l-verde-300 { border-left-color: #BFE5C7 !important; } .border-r-verde-300 { border-right-color: #BFE5C7 !important; } .border-x-verde-300 { border-left-color: #BFE5C7 !important; border-right-color: #BFE5C7 !important; } .border-y-verde-300 { border-top-color: #BFE5C7 !important; border-bottom-color: #BFE5C7 !important; } .outline-verde-300 { outline-color: #BFE5C7 !important; } .divide-verde-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #BFE5C7 !important; } .divide-verde-300 > :not([hidden]) { border-color: #BFE5C7 !important; } .shadow-verde-300 { --tw-shadow-color: #BFE5C7; box-shadow: var(--tw-shadow); } .ring-verde-300 { --tw-ring-color: #BFE5C7; } .ring-offset-verde-300 { --tw-ring-offset-color: #BFE5C7 !important; } .accent-verde-300 { accent-color: #BFE5C7 !important; } .fill-verde-300 { fill: #BFE5C7 !important; } .stroke-verde-300 { stroke: #BFE5C7 !important; } .hover\:text-verde-300:hover { color: #BFE5C7 !important; } .hover\:bg-verde-300:hover { background-color: #BFE5C7 !important; } .hover\:border-verde-300:hover { border-color: #BFE5C7 !important; } .focus\:ring-verde-300:focus { --tw-ring-color: #BFE5C7; } .text-verde-400 { color: #A9DCB5 !important; } .decoration-verde-400 { text-decoration-color: #A9DCB5 !important; } .placeholder-verde-400::placeholder { color: #A9DCB5 !important; } .caret-verde-400 { caret-color: #A9DCB5 !important; } .bg-verde-400 { background-color: #A9DCB5 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-400 { --tw-gradient-from: #A9DCB5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-400 { --tw-gradient-stops: var(--tw-gradient-from), #A9DCB5, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-400 { --tw-gradient-to: #A9DCB5; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-400 { border-color: #A9DCB5 !important; } .border-t-verde-400 { border-top-color: #A9DCB5 !important; } .border-b-verde-400 { border-bottom-color: #A9DCB5 !important; } .border-l-verde-400 { border-left-color: #A9DCB5 !important; } .border-r-verde-400 { border-right-color: #A9DCB5 !important; } .border-x-verde-400 { border-left-color: #A9DCB5 !important; border-right-color: #A9DCB5 !important; } .border-y-verde-400 { border-top-color: #A9DCB5 !important; border-bottom-color: #A9DCB5 !important; } .outline-verde-400 { outline-color: #A9DCB5 !important; } .divide-verde-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #A9DCB5 !important; } .divide-verde-400 > :not([hidden]) { border-color: #A9DCB5 !important; } .shadow-verde-400 { --tw-shadow-color: #A9DCB5; box-shadow: var(--tw-shadow); } .ring-verde-400 { --tw-ring-color: #A9DCB5; } .ring-offset-verde-400 { --tw-ring-offset-color: #A9DCB5 !important; } .accent-verde-400 { accent-color: #A9DCB5 !important; } .fill-verde-400 { fill: #A9DCB5 !important; } .stroke-verde-400 { stroke: #A9DCB5 !important; } .hover\:text-verde-400:hover { color: #A9DCB5 !important; } .hover\:bg-verde-400:hover { background-color: #A9DCB5 !important; } .hover\:border-verde-400:hover { border-color: #A9DCB5 !important; } .focus\:ring-verde-400:focus { --tw-ring-color: #A9DCB5; } .text-verde-500 { color: #94D3A2 !important; } .decoration-verde-500 { text-decoration-color: #94D3A2 !important; } .placeholder-verde-500::placeholder { color: #94D3A2 !important; } .caret-verde-500 { caret-color: #94D3A2 !important; } .bg-verde-500 { background-color: #94D3A2 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-500 { --tw-gradient-from: #94D3A2; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-500 { --tw-gradient-stops: var(--tw-gradient-from), #94D3A2, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-500 { --tw-gradient-to: #94D3A2; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-500 { border-color: #94D3A2 !important; } .border-t-verde-500 { border-top-color: #94D3A2 !important; } .border-b-verde-500 { border-bottom-color: #94D3A2 !important; } .border-l-verde-500 { border-left-color: #94D3A2 !important; } .border-r-verde-500 { border-right-color: #94D3A2 !important; } .border-x-verde-500 { border-left-color: #94D3A2 !important; border-right-color: #94D3A2 !important; } .border-y-verde-500 { border-top-color: #94D3A2 !important; border-bottom-color: #94D3A2 !important; } .outline-verde-500 { outline-color: #94D3A2 !important; } .divide-verde-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #94D3A2 !important; } .divide-verde-500 > :not([hidden]) { border-color: #94D3A2 !important; } .shadow-verde-500 { --tw-shadow-color: #94D3A2; box-shadow: var(--tw-shadow); } .ring-verde-500 { --tw-ring-color: #94D3A2; } .ring-offset-verde-500 { --tw-ring-offset-color: #94D3A2 !important; } .accent-verde-500 { accent-color: #94D3A2 !important; } .fill-verde-500 { fill: #94D3A2 !important; } .stroke-verde-500 { stroke: #94D3A2 !important; } .hover\:text-verde-500:hover { color: #94D3A2 !important; } .hover\:bg-verde-500:hover { background-color: #94D3A2 !important; } .hover\:border-verde-500:hover { border-color: #94D3A2 !important; } .focus\:ring-verde-500:focus { --tw-ring-color: #94D3A2; } .text-verde-600 { color: #7ECA8F !important; } .decoration-verde-600 { text-decoration-color: #7ECA8F !important; } .placeholder-verde-600::placeholder { color: #7ECA8F !important; } .caret-verde-600 { caret-color: #7ECA8F !important; } .bg-verde-600 { background-color: #7ECA8F !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-600 { --tw-gradient-from: #7ECA8F; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-600 { --tw-gradient-stops: var(--tw-gradient-from), #7ECA8F, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-600 { --tw-gradient-to: #7ECA8F; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-600 { border-color: #7ECA8F !important; } .border-t-verde-600 { border-top-color: #7ECA8F !important; } .border-b-verde-600 { border-bottom-color: #7ECA8F !important; } .border-l-verde-600 { border-left-color: #7ECA8F !important; } .border-r-verde-600 { border-right-color: #7ECA8F !important; } .border-x-verde-600 { border-left-color: #7ECA8F !important; border-right-color: #7ECA8F !important; } .border-y-verde-600 { border-top-color: #7ECA8F !important; border-bottom-color: #7ECA8F !important; } .outline-verde-600 { outline-color: #7ECA8F !important; } .divide-verde-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #7ECA8F !important; } .divide-verde-600 > :not([hidden]) { border-color: #7ECA8F !important; } .shadow-verde-600 { --tw-shadow-color: #7ECA8F; box-shadow: var(--tw-shadow); } .ring-verde-600 { --tw-ring-color: #7ECA8F; } .ring-offset-verde-600 { --tw-ring-offset-color: #7ECA8F !important; } .accent-verde-600 { accent-color: #7ECA8F !important; } .fill-verde-600 { fill: #7ECA8F !important; } .stroke-verde-600 { stroke: #7ECA8F !important; } .hover\:text-verde-600:hover { color: #7ECA8F !important; } .hover\:bg-verde-600:hover { background-color: #7ECA8F !important; } .hover\:border-verde-600:hover { border-color: #7ECA8F !important; } .focus\:ring-verde-600:focus { --tw-ring-color: #7ECA8F; } .text-verde-700 { color: #69C17D !important; } .decoration-verde-700 { text-decoration-color: #69C17D !important; } .placeholder-verde-700::placeholder { color: #69C17D !important; } .caret-verde-700 { caret-color: #69C17D !important; } .bg-verde-700 { background-color: #69C17D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-700 { --tw-gradient-from: #69C17D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-700 { --tw-gradient-stops: var(--tw-gradient-from), #69C17D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-700 { --tw-gradient-to: #69C17D; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-700 { border-color: #69C17D !important; } .border-t-verde-700 { border-top-color: #69C17D !important; } .border-b-verde-700 { border-bottom-color: #69C17D !important; } .border-l-verde-700 { border-left-color: #69C17D !important; } .border-r-verde-700 { border-right-color: #69C17D !important; } .border-x-verde-700 { border-left-color: #69C17D !important; border-right-color: #69C17D !important; } .border-y-verde-700 { border-top-color: #69C17D !important; border-bottom-color: #69C17D !important; } .outline-verde-700 { outline-color: #69C17D !important; } .divide-verde-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #69C17D !important; } .divide-verde-700 > :not([hidden]) { border-color: #69C17D !important; } .shadow-verde-700 { --tw-shadow-color: #69C17D; box-shadow: var(--tw-shadow); } .ring-verde-700 { --tw-ring-color: #69C17D; } .ring-offset-verde-700 { --tw-ring-offset-color: #69C17D !important; } .accent-verde-700 { accent-color: #69C17D !important; } .fill-verde-700 { fill: #69C17D !important; } .stroke-verde-700 { stroke: #69C17D !important; } .hover\:text-verde-700:hover { color: #69C17D !important; } .hover\:bg-verde-700:hover { background-color: #69C17D !important; } .hover\:border-verde-700:hover { border-color: #69C17D !important; } .focus\:ring-verde-700:focus { --tw-ring-color: #69C17D; } .text-verde-800 { color: #53B96A !important; } .decoration-verde-800 { text-decoration-color: #53B96A !important; } .placeholder-verde-800::placeholder { color: #53B96A !important; } .caret-verde-800 { caret-color: #53B96A !important; } .bg-verde-800 { background-color: #53B96A !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-800 { --tw-gradient-from: #53B96A; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-800 { --tw-gradient-stops: var(--tw-gradient-from), #53B96A, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-800 { --tw-gradient-to: #53B96A; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-800 { border-color: #53B96A !important; } .border-t-verde-800 { border-top-color: #53B96A !important; } .border-b-verde-800 { border-bottom-color: #53B96A !important; } .border-l-verde-800 { border-left-color: #53B96A !important; } .border-r-verde-800 { border-right-color: #53B96A !important; } .border-x-verde-800 { border-left-color: #53B96A !important; border-right-color: #53B96A !important; } .border-y-verde-800 { border-top-color: #53B96A !important; border-bottom-color: #53B96A !important; } .outline-verde-800 { outline-color: #53B96A !important; } .divide-verde-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #53B96A !important; } .divide-verde-800 > :not([hidden]) { border-color: #53B96A !important; } .shadow-verde-800 { --tw-shadow-color: #53B96A; box-shadow: var(--tw-shadow); } .ring-verde-800 { --tw-ring-color: #53B96A; } .ring-offset-verde-800 { --tw-ring-offset-color: #53B96A !important; } .accent-verde-800 { accent-color: #53B96A !important; } .fill-verde-800 { fill: #53B96A !important; } .stroke-verde-800 { stroke: #53B96A !important; } .hover\:text-verde-800:hover { color: #53B96A !important; } .hover\:bg-verde-800:hover { background-color: #53B96A !important; } .hover\:border-verde-800:hover { border-color: #53B96A !important; } .focus\:ring-verde-800:focus { --tw-ring-color: #53B96A; } .text-verde-900 { color: #3DB058 !important; } .decoration-verde-900 { text-decoration-color: #3DB058 !important; } .placeholder-verde-900::placeholder { color: #3DB058 !important; } .caret-verde-900 { caret-color: #3DB058 !important; } .bg-verde-900 { background-color: #3DB058 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-900 { --tw-gradient-from: #3DB058; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-900 { --tw-gradient-stops: var(--tw-gradient-from), #3DB058, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-900 { --tw-gradient-to: #3DB058; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-900 { border-color: #3DB058 !important; } .border-t-verde-900 { border-top-color: #3DB058 !important; } .border-b-verde-900 { border-bottom-color: #3DB058 !important; } .border-l-verde-900 { border-left-color: #3DB058 !important; } .border-r-verde-900 { border-right-color: #3DB058 !important; } .border-x-verde-900 { border-left-color: #3DB058 !important; border-right-color: #3DB058 !important; } .border-y-verde-900 { border-top-color: #3DB058 !important; border-bottom-color: #3DB058 !important; } .outline-verde-900 { outline-color: #3DB058 !important; } .divide-verde-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #3DB058 !important; } .divide-verde-900 > :not([hidden]) { border-color: #3DB058 !important; } .shadow-verde-900 { --tw-shadow-color: #3DB058; box-shadow: var(--tw-shadow); } .ring-verde-900 { --tw-ring-color: #3DB058; } .ring-offset-verde-900 { --tw-ring-offset-color: #3DB058 !important; } .accent-verde-900 { accent-color: #3DB058 !important; } .fill-verde-900 { fill: #3DB058 !important; } .stroke-verde-900 { stroke: #3DB058 !important; } .hover\:text-verde-900:hover { color: #3DB058 !important; } .hover\:bg-verde-900:hover { background-color: #3DB058 !important; } .hover\:border-verde-900:hover { border-color: #3DB058 !important; } .focus\:ring-verde-900:focus { --tw-ring-color: #3DB058; } .text-verde-1000 { color: #28A745 !important; } .decoration-verde-1000 { text-decoration-color: #28A745 !important; } .placeholder-verde-1000::placeholder { color: #28A745 !important; } .caret-verde-1000 { caret-color: #28A745 !important; } .bg-verde-1000 { background-color: #28A745 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-verde-1000 { --tw-gradient-from: #28A745; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-verde-1000 { --tw-gradient-stops: var(--tw-gradient-from), #28A745, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-verde-1000 { --tw-gradient-to: #28A745; } .to-transparent { --tw-gradient-to: transparent; } .border-verde-1000 { border-color: #28A745 !important; } .border-t-verde-1000 { border-top-color: #28A745 !important; } .border-b-verde-1000 { border-bottom-color: #28A745 !important; } .border-l-verde-1000 { border-left-color: #28A745 !important; } .border-r-verde-1000 { border-right-color: #28A745 !important; } .border-x-verde-1000 { border-left-color: #28A745 !important; border-right-color: #28A745 !important; } .border-y-verde-1000 { border-top-color: #28A745 !important; border-bottom-color: #28A745 !important; } .outline-verde-1000 { outline-color: #28A745 !important; } .divide-verde-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #28A745 !important; } .divide-verde-1000 > :not([hidden]) { border-color: #28A745 !important; } .shadow-verde-1000 { --tw-shadow-color: #28A745; box-shadow: var(--tw-shadow); } .ring-verde-1000 { --tw-ring-color: #28A745; } .ring-offset-verde-1000 { --tw-ring-offset-color: #28A745 !important; } .accent-verde-1000 { accent-color: #28A745 !important; } .fill-verde-1000 { fill: #28A745 !important; } .stroke-verde-1000 { stroke: #28A745 !important; } .hover\:text-verde-1000:hover { color: #28A745 !important; } .hover\:bg-verde-1000:hover { background-color: #28A745 !important; } .hover\:border-verde-1000:hover { border-color: #28A745 !important; } .focus\:ring-verde-1000:focus { --tw-ring-color: #28A745; } /* Rojo */ .text-rojo-100 { color: #FCEBEC !important; } .decoration-rojo-100 { text-decoration-color: #FCEBEC !important; } .placeholder-rojo-100::placeholder { color: #FCEBEC !important; } .caret-rojo-100 { caret-color: #FCEBEC !important; } .bg-rojo-100 { background-color: #FCEBEC !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-100 { --tw-gradient-from: #FCEBEC; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-100 { --tw-gradient-stops: var(--tw-gradient-from), #FCEBEC, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-100 { --tw-gradient-to: #FCEBEC; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-100 { border-color: #FCEBEC !important; } .border-t-rojo-100 { border-top-color: #FCEBEC !important; } .border-b-rojo-100 { border-bottom-color: #FCEBEC !important; } .border-l-rojo-100 { border-left-color: #FCEBEC !important; } .border-r-rojo-100 { border-right-color: #FCEBEC !important; } .border-x-rojo-100 { border-left-color: #FCEBEC !important; border-right-color: #FCEBEC !important; } .border-y-rojo-100 { border-top-color: #FCEBEC !important; border-bottom-color: #FCEBEC !important; } .outline-rojo-100 { outline-color: #FCEBEC !important; } .divide-rojo-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FCEBEC !important; } .divide-rojo-100 > :not([hidden]) { border-color: #FCEBEC !important; } .shadow-rojo-100 { --tw-shadow-color: #FCEBEC; box-shadow: var(--tw-shadow); } .ring-rojo-100 { --tw-ring-color: #FCEBEC; } .ring-offset-rojo-100 { --tw-ring-offset-color: #FCEBEC !important; } .accent-rojo-100 { accent-color: #FCEBEC !important; } .fill-rojo-100 { fill: #FCEBEC !important; } .stroke-rojo-100 { stroke: #FCEBEC !important; } .hover\:text-rojo-100:hover { color: #FCEBEC !important; } .hover\:bg-rojo-100:hover { background-color: #FCEBEC !important; } .hover\:border-rojo-100:hover { border-color: #FCEBEC !important; } .focus\:ring-rojo-100:focus { --tw-ring-color: #FCEBEC; } .text-rojo-200 { color: #F8D7DA !important; } .decoration-rojo-200 { text-decoration-color: #F8D7DA !important; } .placeholder-rojo-200::placeholder { color: #F8D7DA !important; } .caret-rojo-200 { caret-color: #F8D7DA !important; } .bg-rojo-200 { background-color: #F8D7DA !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-200 { --tw-gradient-from: #F8D7DA; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-200 { --tw-gradient-stops: var(--tw-gradient-from), #F8D7DA, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-200 { --tw-gradient-to: #F8D7DA; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-200 { border-color: #F8D7DA !important; } .border-t-rojo-200 { border-top-color: #F8D7DA !important; } .border-b-rojo-200 { border-bottom-color: #F8D7DA !important; } .border-l-rojo-200 { border-left-color: #F8D7DA !important; } .border-r-rojo-200 { border-right-color: #F8D7DA !important; } .border-x-rojo-200 { border-left-color: #F8D7DA !important; border-right-color: #F8D7DA !important; } .border-y-rojo-200 { border-top-color: #F8D7DA !important; border-bottom-color: #F8D7DA !important; } .outline-rojo-200 { outline-color: #F8D7DA !important; } .divide-rojo-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F8D7DA !important; } .divide-rojo-200 > :not([hidden]) { border-color: #F8D7DA !important; } .shadow-rojo-200 { --tw-shadow-color: #F8D7DA; box-shadow: var(--tw-shadow); } .ring-rojo-200 { --tw-ring-color: #F8D7DA; } .ring-offset-rojo-200 { --tw-ring-offset-color: #F8D7DA !important; } .accent-rojo-200 { accent-color: #F8D7DA !important; } .fill-rojo-200 { fill: #F8D7DA !important; } .stroke-rojo-200 { stroke: #F8D7DA !important; } .hover\:text-rojo-200:hover { color: #F8D7DA !important; } .hover\:bg-rojo-200:hover { background-color: #F8D7DA !important; } .hover\:border-rojo-200:hover { border-color: #F8D7DA !important; } .focus\:ring-rojo-200:focus { --tw-ring-color: #F8D7DA; } .text-rojo-300 { color: #F5C2C7 !important; } .decoration-rojo-300 { text-decoration-color: #F5C2C7 !important; } .placeholder-rojo-300::placeholder { color: #F5C2C7 !important; } .caret-rojo-300 { caret-color: #F5C2C7 !important; } .bg-rojo-300 { background-color: #F5C2C7 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-300 { --tw-gradient-from: #F5C2C7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-300 { --tw-gradient-stops: var(--tw-gradient-from), #F5C2C7, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-300 { --tw-gradient-to: #F5C2C7; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-300 { border-color: #F5C2C7 !important; } .border-t-rojo-300 { border-top-color: #F5C2C7 !important; } .border-b-rojo-300 { border-bottom-color: #F5C2C7 !important; } .border-l-rojo-300 { border-left-color: #F5C2C7 !important; } .border-r-rojo-300 { border-right-color: #F5C2C7 !important; } .border-x-rojo-300 { border-left-color: #F5C2C7 !important; border-right-color: #F5C2C7 !important; } .border-y-rojo-300 { border-top-color: #F5C2C7 !important; border-bottom-color: #F5C2C7 !important; } .outline-rojo-300 { outline-color: #F5C2C7 !important; } .divide-rojo-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F5C2C7 !important; } .divide-rojo-300 > :not([hidden]) { border-color: #F5C2C7 !important; } .shadow-rojo-300 { --tw-shadow-color: #F5C2C7; box-shadow: var(--tw-shadow); } .ring-rojo-300 { --tw-ring-color: #F5C2C7; } .ring-offset-rojo-300 { --tw-ring-offset-color: #F5C2C7 !important; } .accent-rojo-300 { accent-color: #F5C2C7 !important; } .fill-rojo-300 { fill: #F5C2C7 !important; } .stroke-rojo-300 { stroke: #F5C2C7 !important; } .hover\:text-rojo-300:hover { color: #F5C2C7 !important; } .hover\:bg-rojo-300:hover { background-color: #F5C2C7 !important; } .hover\:border-rojo-300:hover { border-color: #F5C2C7 !important; } .focus\:ring-rojo-300:focus { --tw-ring-color: #F5C2C7; } .text-rojo-400 { color: #F1AEB5 !important; } .decoration-rojo-400 { text-decoration-color: #F1AEB5 !important; } .placeholder-rojo-400::placeholder { color: #F1AEB5 !important; } .caret-rojo-400 { caret-color: #F1AEB5 !important; } .bg-rojo-400 { background-color: #F1AEB5 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-400 { --tw-gradient-from: #F1AEB5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-400 { --tw-gradient-stops: var(--tw-gradient-from), #F1AEB5, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-400 { --tw-gradient-to: #F1AEB5; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-400 { border-color: #F1AEB5 !important; } .border-t-rojo-400 { border-top-color: #F1AEB5 !important; } .border-b-rojo-400 { border-bottom-color: #F1AEB5 !important; } .border-l-rojo-400 { border-left-color: #F1AEB5 !important; } .border-r-rojo-400 { border-right-color: #F1AEB5 !important; } .border-x-rojo-400 { border-left-color: #F1AEB5 !important; border-right-color: #F1AEB5 !important; } .border-y-rojo-400 { border-top-color: #F1AEB5 !important; border-bottom-color: #F1AEB5 !important; } .outline-rojo-400 { outline-color: #F1AEB5 !important; } .divide-rojo-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F1AEB5 !important; } .divide-rojo-400 > :not([hidden]) { border-color: #F1AEB5 !important; } .shadow-rojo-400 { --tw-shadow-color: #F1AEB5; box-shadow: var(--tw-shadow); } .ring-rojo-400 { --tw-ring-color: #F1AEB5; } .ring-offset-rojo-400 { --tw-ring-offset-color: #F1AEB5 !important; } .accent-rojo-400 { accent-color: #F1AEB5 !important; } .fill-rojo-400 { fill: #F1AEB5 !important; } .stroke-rojo-400 { stroke: #F1AEB5 !important; } .hover\:text-rojo-400:hover { color: #F1AEB5 !important; } .hover\:bg-rojo-400:hover { background-color: #F1AEB5 !important; } .hover\:border-rojo-400:hover { border-color: #F1AEB5 !important; } .focus\:ring-rojo-400:focus { --tw-ring-color: #F1AEB5; } .text-rojo-500 { color: #EE9AA2 !important; } .decoration-rojo-500 { text-decoration-color: #EE9AA2 !important; } .placeholder-rojo-500::placeholder { color: #EE9AA2 !important; } .caret-rojo-500 { caret-color: #EE9AA2 !important; } .bg-rojo-500 { background-color: #EE9AA2 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-500 { --tw-gradient-from: #EE9AA2; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-500 { --tw-gradient-stops: var(--tw-gradient-from), #EE9AA2, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-500 { --tw-gradient-to: #EE9AA2; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-500 { border-color: #EE9AA2 !important; } .border-t-rojo-500 { border-top-color: #EE9AA2 !important; } .border-b-rojo-500 { border-bottom-color: #EE9AA2 !important; } .border-l-rojo-500 { border-left-color: #EE9AA2 !important; } .border-r-rojo-500 { border-right-color: #EE9AA2 !important; } .border-x-rojo-500 { border-left-color: #EE9AA2 !important; border-right-color: #EE9AA2 !important; } .border-y-rojo-500 { border-top-color: #EE9AA2 !important; border-bottom-color: #EE9AA2 !important; } .outline-rojo-500 { outline-color: #EE9AA2 !important; } .divide-rojo-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #EE9AA2 !important; } .divide-rojo-500 > :not([hidden]) { border-color: #EE9AA2 !important; } .shadow-rojo-500 { --tw-shadow-color: #EE9AA2; box-shadow: var(--tw-shadow); } .ring-rojo-500 { --tw-ring-color: #EE9AA2; } .ring-offset-rojo-500 { --tw-ring-offset-color: #EE9AA2 !important; } .accent-rojo-500 { accent-color: #EE9AA2 !important; } .fill-rojo-500 { fill: #EE9AA2 !important; } .stroke-rojo-500 { stroke: #EE9AA2 !important; } .hover\:text-rojo-500:hover { color: #EE9AA2 !important; } .hover\:bg-rojo-500:hover { background-color: #EE9AA2 !important; } .hover\:border-rojo-500:hover { border-color: #EE9AA2 !important; } .focus\:ring-rojo-500:focus { --tw-ring-color: #EE9AA2; } .text-rojo-600 { color: #EA868F !important; } .decoration-rojo-600 { text-decoration-color: #EA868F !important; } .placeholder-rojo-600::placeholder { color: #EA868F !important; } .caret-rojo-600 { caret-color: #EA868F !important; } .bg-rojo-600 { background-color: #EA868F !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-600 { --tw-gradient-from: #EA868F; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-600 { --tw-gradient-stops: var(--tw-gradient-from), #EA868F, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-600 { --tw-gradient-to: #EA868F; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-600 { border-color: #EA868F !important; } .border-t-rojo-600 { border-top-color: #EA868F !important; } .border-b-rojo-600 { border-bottom-color: #EA868F !important; } .border-l-rojo-600 { border-left-color: #EA868F !important; } .border-r-rojo-600 { border-right-color: #EA868F !important; } .border-x-rojo-600 { border-left-color: #EA868F !important; border-right-color: #EA868F !important; } .border-y-rojo-600 { border-top-color: #EA868F !important; border-bottom-color: #EA868F !important; } .outline-rojo-600 { outline-color: #EA868F !important; } .divide-rojo-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #EA868F !important; } .divide-rojo-600 > :not([hidden]) { border-color: #EA868F !important; } .shadow-rojo-600 { --tw-shadow-color: #EA868F; box-shadow: var(--tw-shadow); } .ring-rojo-600 { --tw-ring-color: #EA868F; } .ring-offset-rojo-600 { --tw-ring-offset-color: #EA868F !important; } .accent-rojo-600 { accent-color: #EA868F !important; } .fill-rojo-600 { fill: #EA868F !important; } .stroke-rojo-600 { stroke: #EA868F !important; } .hover\:text-rojo-600:hover { color: #EA868F !important; } .hover\:bg-rojo-600:hover { background-color: #EA868F !important; } .hover\:border-rojo-600:hover { border-color: #EA868F !important; } .focus\:ring-rojo-600:focus { --tw-ring-color: #EA868F; } .text-rojo-700 { color: #E7727D !important; } .decoration-rojo-700 { text-decoration-color: #E7727D !important; } .placeholder-rojo-700::placeholder { color: #E7727D !important; } .caret-rojo-700 { caret-color: #E7727D !important; } .bg-rojo-700 { background-color: #E7727D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-700 { --tw-gradient-from: #E7727D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-700 { --tw-gradient-stops: var(--tw-gradient-from), #E7727D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-700 { --tw-gradient-to: #E7727D; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-700 { border-color: #E7727D !important; } .border-t-rojo-700 { border-top-color: #E7727D !important; } .border-b-rojo-700 { border-bottom-color: #E7727D !important; } .border-l-rojo-700 { border-left-color: #E7727D !important; } .border-r-rojo-700 { border-right-color: #E7727D !important; } .border-x-rojo-700 { border-left-color: #E7727D !important; border-right-color: #E7727D !important; } .border-y-rojo-700 { border-top-color: #E7727D !important; border-bottom-color: #E7727D !important; } .outline-rojo-700 { outline-color: #E7727D !important; } .divide-rojo-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E7727D !important; } .divide-rojo-700 > :not([hidden]) { border-color: #E7727D !important; } .shadow-rojo-700 { --tw-shadow-color: #E7727D; box-shadow: var(--tw-shadow); } .ring-rojo-700 { --tw-ring-color: #E7727D; } .ring-offset-rojo-700 { --tw-ring-offset-color: #E7727D !important; } .accent-rojo-700 { accent-color: #E7727D !important; } .fill-rojo-700 { fill: #E7727D !important; } .stroke-rojo-700 { stroke: #E7727D !important; } .hover\:text-rojo-700:hover { color: #E7727D !important; } .hover\:bg-rojo-700:hover { background-color: #E7727D !important; } .hover\:border-rojo-700:hover { border-color: #E7727D !important; } .focus\:ring-rojo-700:focus { --tw-ring-color: #E7727D; } .text-rojo-800 { color: #E35D6A !important; } .decoration-rojo-800 { text-decoration-color: #E35D6A !important; } .placeholder-rojo-800::placeholder { color: #E35D6A !important; } .caret-rojo-800 { caret-color: #E35D6A !important; } .bg-rojo-800 { background-color: #E35D6A !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-800 { --tw-gradient-from: #E35D6A; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-800 { --tw-gradient-stops: var(--tw-gradient-from), #E35D6A, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-800 { --tw-gradient-to: #E35D6A; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-800 { border-color: #E35D6A !important; } .border-t-rojo-800 { border-top-color: #E35D6A !important; } .border-b-rojo-800 { border-bottom-color: #E35D6A !important; } .border-l-rojo-800 { border-left-color: #E35D6A !important; } .border-r-rojo-800 { border-right-color: #E35D6A !important; } .border-x-rojo-800 { border-left-color: #E35D6A !important; border-right-color: #E35D6A !important; } .border-y-rojo-800 { border-top-color: #E35D6A !important; border-bottom-color: #E35D6A !important; } .outline-rojo-800 { outline-color: #E35D6A !important; } .divide-rojo-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E35D6A !important; } .divide-rojo-800 > :not([hidden]) { border-color: #E35D6A !important; } .shadow-rojo-800 { --tw-shadow-color: #E35D6A; box-shadow: var(--tw-shadow); } .ring-rojo-800 { --tw-ring-color: #E35D6A; } .ring-offset-rojo-800 { --tw-ring-offset-color: #E35D6A !important; } .accent-rojo-800 { accent-color: #E35D6A !important; } .fill-rojo-800 { fill: #E35D6A !important; } .stroke-rojo-800 { stroke: #E35D6A !important; } .hover\:text-rojo-800:hover { color: #E35D6A !important; } .hover\:bg-rojo-800:hover { background-color: #E35D6A !important; } .hover\:border-rojo-800:hover { border-color: #E35D6A !important; } .focus\:ring-rojo-800:focus { --tw-ring-color: #E35D6A; } .text-rojo-900 { color: #E04958 !important; } .decoration-rojo-900 { text-decoration-color: #E04958 !important; } .placeholder-rojo-900::placeholder { color: #E04958 !important; } .caret-rojo-900 { caret-color: #E04958 !important; } .bg-rojo-900 { background-color: #E04958 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-900 { --tw-gradient-from: #E04958; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-900 { --tw-gradient-stops: var(--tw-gradient-from), #E04958, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-900 { --tw-gradient-to: #E04958; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-900 { border-color: #E04958 !important; } .border-t-rojo-900 { border-top-color: #E04958 !important; } .border-b-rojo-900 { border-bottom-color: #E04958 !important; } .border-l-rojo-900 { border-left-color: #E04958 !important; } .border-r-rojo-900 { border-right-color: #E04958 !important; } .border-x-rojo-900 { border-left-color: #E04958 !important; border-right-color: #E04958 !important; } .border-y-rojo-900 { border-top-color: #E04958 !important; border-bottom-color: #E04958 !important; } .outline-rojo-900 { outline-color: #E04958 !important; } .divide-rojo-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E04958 !important; } .divide-rojo-900 > :not([hidden]) { border-color: #E04958 !important; } .shadow-rojo-900 { --tw-shadow-color: #E04958; box-shadow: var(--tw-shadow); } .ring-rojo-900 { --tw-ring-color: #E04958; } .ring-offset-rojo-900 { --tw-ring-offset-color: #E04958 !important; } .accent-rojo-900 { accent-color: #E04958 !important; } .fill-rojo-900 { fill: #E04958 !important; } .stroke-rojo-900 { stroke: #E04958 !important; } .hover\:text-rojo-900:hover { color: #E04958 !important; } .hover\:bg-rojo-900:hover { background-color: #E04958 !important; } .hover\:border-rojo-900:hover { border-color: #E04958 !important; } .focus\:ring-rojo-900:focus { --tw-ring-color: #E04958; } .text-rojo-1000 { color: #DC3545 !important; } .decoration-rojo-1000 { text-decoration-color: #DC3545 !important; } .placeholder-rojo-1000::placeholder { color: #DC3545 !important; } .caret-rojo-1000 { caret-color: #DC3545 !important; } .bg-rojo-1000 { background-color: #DC3545 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-rojo-1000 { --tw-gradient-from: #DC3545; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-rojo-1000 { --tw-gradient-stops: var(--tw-gradient-from), #DC3545, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-rojo-1000 { --tw-gradient-to: #DC3545; } .to-transparent { --tw-gradient-to: transparent; } .border-rojo-1000 { border-color: #DC3545 !important; } .border-t-rojo-1000 { border-top-color: #DC3545 !important; } .border-b-rojo-1000 { border-bottom-color: #DC3545 !important; } .border-l-rojo-1000 { border-left-color: #DC3545 !important; } .border-r-rojo-1000 { border-right-color: #DC3545 !important; } .border-x-rojo-1000 { border-left-color: #DC3545 !important; border-right-color: #DC3545 !important; } .border-y-rojo-1000 { border-top-color: #DC3545 !important; border-bottom-color: #DC3545 !important; } .outline-rojo-1000 { outline-color: #DC3545 !important; } .divide-rojo-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #DC3545 !important; } .divide-rojo-1000 > :not([hidden]) { border-color: #DC3545 !important; } .shadow-rojo-1000 { --tw-shadow-color: #DC3545; box-shadow: var(--tw-shadow); } .ring-rojo-1000 { --tw-ring-color: #DC3545; } .ring-offset-rojo-1000 { --tw-ring-offset-color: #DC3545 !important; } .accent-rojo-1000 { accent-color: #DC3545 !important; } .fill-rojo-1000 { fill: #DC3545 !important; } .stroke-rojo-1000 { stroke: #DC3545 !important; } .hover\:text-rojo-1000:hover { color: #DC3545 !important; } .hover\:bg-rojo-1000:hover { background-color: #DC3545 !important; } .hover\:border-rojo-1000:hover { border-color: #DC3545 !important; } .focus\:ring-rojo-1000:focus { --tw-ring-color: #DC3545; } /* Amarillo */ .text-amarillo-100 { color: #FFF9E6 !important; } .decoration-amarillo-100 { text-decoration-color: #FFF9E6 !important; } .placeholder-amarillo-100::placeholder { color: #FFF9E6 !important; } .caret-amarillo-100 { caret-color: #FFF9E6 !important; } .bg-amarillo-100 { background-color: #FFF9E6 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-100 { --tw-gradient-from: #FFF9E6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-100 { --tw-gradient-stops: var(--tw-gradient-from), #FFF9E6, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-100 { --tw-gradient-to: #FFF9E6; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-100 { border-color: #FFF9E6 !important; } .border-t-amarillo-100 { border-top-color: #FFF9E6 !important; } .border-b-amarillo-100 { border-bottom-color: #FFF9E6 !important; } .border-l-amarillo-100 { border-left-color: #FFF9E6 !important; } .border-r-amarillo-100 { border-right-color: #FFF9E6 !important; } .border-x-amarillo-100 { border-left-color: #FFF9E6 !important; border-right-color: #FFF9E6 !important; } .border-y-amarillo-100 { border-top-color: #FFF9E6 !important; border-bottom-color: #FFF9E6 !important; } .outline-amarillo-100 { outline-color: #FFF9E6 !important; } .divide-amarillo-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFF9E6 !important; } .divide-amarillo-100 > :not([hidden]) { border-color: #FFF9E6 !important; } .shadow-amarillo-100 { --tw-shadow-color: #FFF9E6; box-shadow: var(--tw-shadow); } .ring-amarillo-100 { --tw-ring-color: #FFF9E6; } .ring-offset-amarillo-100 { --tw-ring-offset-color: #FFF9E6 !important; } .accent-amarillo-100 { accent-color: #FFF9E6 !important; } .fill-amarillo-100 { fill: #FFF9E6 !important; } .stroke-amarillo-100 { stroke: #FFF9E6 !important; } .hover\:text-amarillo-100:hover { color: #FFF9E6 !important; } .hover\:bg-amarillo-100:hover { background-color: #FFF9E6 !important; } .hover\:border-amarillo-100:hover { border-color: #FFF9E6 !important; } .focus\:ring-amarillo-100:focus { --tw-ring-color: #FFF9E6; } .text-amarillo-200 { color: #FFF3CD !important; } .decoration-amarillo-200 { text-decoration-color: #FFF3CD !important; } .placeholder-amarillo-200::placeholder { color: #FFF3CD !important; } .caret-amarillo-200 { caret-color: #FFF3CD !important; } .bg-amarillo-200 { background-color: #FFF3CD !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-200 { --tw-gradient-from: #FFF3CD; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-200 { --tw-gradient-stops: var(--tw-gradient-from), #FFF3CD, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-200 { --tw-gradient-to: #FFF3CD; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-200 { border-color: #FFF3CD !important; } .border-t-amarillo-200 { border-top-color: #FFF3CD !important; } .border-b-amarillo-200 { border-bottom-color: #FFF3CD !important; } .border-l-amarillo-200 { border-left-color: #FFF3CD !important; } .border-r-amarillo-200 { border-right-color: #FFF3CD !important; } .border-x-amarillo-200 { border-left-color: #FFF3CD !important; border-right-color: #FFF3CD !important; } .border-y-amarillo-200 { border-top-color: #FFF3CD !important; border-bottom-color: #FFF3CD !important; } .outline-amarillo-200 { outline-color: #FFF3CD !important; } .divide-amarillo-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFF3CD !important; } .divide-amarillo-200 > :not([hidden]) { border-color: #FFF3CD !important; } .shadow-amarillo-200 { --tw-shadow-color: #FFF3CD; box-shadow: var(--tw-shadow); } .ring-amarillo-200 { --tw-ring-color: #FFF3CD; } .ring-offset-amarillo-200 { --tw-ring-offset-color: #FFF3CD !important; } .accent-amarillo-200 { accent-color: #FFF3CD !important; } .fill-amarillo-200 { fill: #FFF3CD !important; } .stroke-amarillo-200 { stroke: #FFF3CD !important; } .hover\:text-amarillo-200:hover { color: #FFF3CD !important; } .hover\:bg-amarillo-200:hover { background-color: #FFF3CD !important; } .hover\:border-amarillo-200:hover { border-color: #FFF3CD !important; } .focus\:ring-amarillo-200:focus { --tw-ring-color: #FFF3CD; } .text-amarillo-300 { color: #FFECB5 !important; } .decoration-amarillo-300 { text-decoration-color: #FFECB5 !important; } .placeholder-amarillo-300::placeholder { color: #FFECB5 !important; } .caret-amarillo-300 { caret-color: #FFECB5 !important; } .bg-amarillo-300 { background-color: #FFECB5 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-300 { --tw-gradient-from: #FFECB5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-300 { --tw-gradient-stops: var(--tw-gradient-from), #FFECB5, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-300 { --tw-gradient-to: #FFECB5; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-300 { border-color: #FFECB5 !important; } .border-t-amarillo-300 { border-top-color: #FFECB5 !important; } .border-b-amarillo-300 { border-bottom-color: #FFECB5 !important; } .border-l-amarillo-300 { border-left-color: #FFECB5 !important; } .border-r-amarillo-300 { border-right-color: #FFECB5 !important; } .border-x-amarillo-300 { border-left-color: #FFECB5 !important; border-right-color: #FFECB5 !important; } .border-y-amarillo-300 { border-top-color: #FFECB5 !important; border-bottom-color: #FFECB5 !important; } .outline-amarillo-300 { outline-color: #FFECB5 !important; } .divide-amarillo-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFECB5 !important; } .divide-amarillo-300 > :not([hidden]) { border-color: #FFECB5 !important; } .shadow-amarillo-300 { --tw-shadow-color: #FFECB5; box-shadow: var(--tw-shadow); } .ring-amarillo-300 { --tw-ring-color: #FFECB5; } .ring-offset-amarillo-300 { --tw-ring-offset-color: #FFECB5 !important; } .accent-amarillo-300 { accent-color: #FFECB5 !important; } .fill-amarillo-300 { fill: #FFECB5 !important; } .stroke-amarillo-300 { stroke: #FFECB5 !important; } .hover\:text-amarillo-300:hover { color: #FFECB5 !important; } .hover\:bg-amarillo-300:hover { background-color: #FFECB5 !important; } .hover\:border-amarillo-300:hover { border-color: #FFECB5 !important; } .focus\:ring-amarillo-300:focus { --tw-ring-color: #FFECB5; } .text-amarillo-400 { color: #FFE69C !important; } .decoration-amarillo-400 { text-decoration-color: #FFE69C !important; } .placeholder-amarillo-400::placeholder { color: #FFE69C !important; } .caret-amarillo-400 { caret-color: #FFE69C !important; } .bg-amarillo-400 { background-color: #FFE69C !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-400 { --tw-gradient-from: #FFE69C; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-400 { --tw-gradient-stops: var(--tw-gradient-from), #FFE69C, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-400 { --tw-gradient-to: #FFE69C; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-400 { border-color: #FFE69C !important; } .border-t-amarillo-400 { border-top-color: #FFE69C !important; } .border-b-amarillo-400 { border-bottom-color: #FFE69C !important; } .border-l-amarillo-400 { border-left-color: #FFE69C !important; } .border-r-amarillo-400 { border-right-color: #FFE69C !important; } .border-x-amarillo-400 { border-left-color: #FFE69C !important; border-right-color: #FFE69C !important; } .border-y-amarillo-400 { border-top-color: #FFE69C !important; border-bottom-color: #FFE69C !important; } .outline-amarillo-400 { outline-color: #FFE69C !important; } .divide-amarillo-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFE69C !important; } .divide-amarillo-400 > :not([hidden]) { border-color: #FFE69C !important; } .shadow-amarillo-400 { --tw-shadow-color: #FFE69C; box-shadow: var(--tw-shadow); } .ring-amarillo-400 { --tw-ring-color: #FFE69C; } .ring-offset-amarillo-400 { --tw-ring-offset-color: #FFE69C !important; } .accent-amarillo-400 { accent-color: #FFE69C !important; } .fill-amarillo-400 { fill: #FFE69C !important; } .stroke-amarillo-400 { stroke: #FFE69C !important; } .hover\:text-amarillo-400:hover { color: #FFE69C !important; } .hover\:bg-amarillo-400:hover { background-color: #FFE69C !important; } .hover\:border-amarillo-400:hover { border-color: #FFE69C !important; } .focus\:ring-amarillo-400:focus { --tw-ring-color: #FFE69C; } .text-amarillo-500 { color: #FFE083 !important; } .decoration-amarillo-500 { text-decoration-color: #FFE083 !important; } .placeholder-amarillo-500::placeholder { color: #FFE083 !important; } .caret-amarillo-500 { caret-color: #FFE083 !important; } .bg-amarillo-500 { background-color: #FFE083 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-500 { --tw-gradient-from: #FFE083; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-500 { --tw-gradient-stops: var(--tw-gradient-from), #FFE083, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-500 { --tw-gradient-to: #FFE083; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-500 { border-color: #FFE083 !important; } .border-t-amarillo-500 { border-top-color: #FFE083 !important; } .border-b-amarillo-500 { border-bottom-color: #FFE083 !important; } .border-l-amarillo-500 { border-left-color: #FFE083 !important; } .border-r-amarillo-500 { border-right-color: #FFE083 !important; } .border-x-amarillo-500 { border-left-color: #FFE083 !important; border-right-color: #FFE083 !important; } .border-y-amarillo-500 { border-top-color: #FFE083 !important; border-bottom-color: #FFE083 !important; } .outline-amarillo-500 { outline-color: #FFE083 !important; } .divide-amarillo-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFE083 !important; } .divide-amarillo-500 > :not([hidden]) { border-color: #FFE083 !important; } .shadow-amarillo-500 { --tw-shadow-color: #FFE083; box-shadow: var(--tw-shadow); } .ring-amarillo-500 { --tw-ring-color: #FFE083; } .ring-offset-amarillo-500 { --tw-ring-offset-color: #FFE083 !important; } .accent-amarillo-500 { accent-color: #FFE083 !important; } .fill-amarillo-500 { fill: #FFE083 !important; } .stroke-amarillo-500 { stroke: #FFE083 !important; } .hover\:text-amarillo-500:hover { color: #FFE083 !important; } .hover\:bg-amarillo-500:hover { background-color: #FFE083 !important; } .hover\:border-amarillo-500:hover { border-color: #FFE083 !important; } .focus\:ring-amarillo-500:focus { --tw-ring-color: #FFE083; } .text-amarillo-600 { color: #FFDA6A !important; } .decoration-amarillo-600 { text-decoration-color: #FFDA6A !important; } .placeholder-amarillo-600::placeholder { color: #FFDA6A !important; } .caret-amarillo-600 { caret-color: #FFDA6A !important; } .bg-amarillo-600 { background-color: #FFDA6A !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-600 { --tw-gradient-from: #FFDA6A; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-600 { --tw-gradient-stops: var(--tw-gradient-from), #FFDA6A, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-600 { --tw-gradient-to: #FFDA6A; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-600 { border-color: #FFDA6A !important; } .border-t-amarillo-600 { border-top-color: #FFDA6A !important; } .border-b-amarillo-600 { border-bottom-color: #FFDA6A !important; } .border-l-amarillo-600 { border-left-color: #FFDA6A !important; } .border-r-amarillo-600 { border-right-color: #FFDA6A !important; } .border-x-amarillo-600 { border-left-color: #FFDA6A !important; border-right-color: #FFDA6A !important; } .border-y-amarillo-600 { border-top-color: #FFDA6A !important; border-bottom-color: #FFDA6A !important; } .outline-amarillo-600 { outline-color: #FFDA6A !important; } .divide-amarillo-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFDA6A !important; } .divide-amarillo-600 > :not([hidden]) { border-color: #FFDA6A !important; } .shadow-amarillo-600 { --tw-shadow-color: #FFDA6A; box-shadow: var(--tw-shadow); } .ring-amarillo-600 { --tw-ring-color: #FFDA6A; } .ring-offset-amarillo-600 { --tw-ring-offset-color: #FFDA6A !important; } .accent-amarillo-600 { accent-color: #FFDA6A !important; } .fill-amarillo-600 { fill: #FFDA6A !important; } .stroke-amarillo-600 { stroke: #FFDA6A !important; } .hover\:text-amarillo-600:hover { color: #FFDA6A !important; } .hover\:bg-amarillo-600:hover { background-color: #FFDA6A !important; } .hover\:border-amarillo-600:hover { border-color: #FFDA6A !important; } .focus\:ring-amarillo-600:focus { --tw-ring-color: #FFDA6A; } .text-amarillo-700 { color: #FFD451 !important; } .decoration-amarillo-700 { text-decoration-color: #FFD451 !important; } .placeholder-amarillo-700::placeholder { color: #FFD451 !important; } .caret-amarillo-700 { caret-color: #FFD451 !important; } .bg-amarillo-700 { background-color: #FFD451 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-700 { --tw-gradient-from: #FFD451; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-700 { --tw-gradient-stops: var(--tw-gradient-from), #FFD451, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-700 { --tw-gradient-to: #FFD451; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-700 { border-color: #FFD451 !important; } .border-t-amarillo-700 { border-top-color: #FFD451 !important; } .border-b-amarillo-700 { border-bottom-color: #FFD451 !important; } .border-l-amarillo-700 { border-left-color: #FFD451 !important; } .border-r-amarillo-700 { border-right-color: #FFD451 !important; } .border-x-amarillo-700 { border-left-color: #FFD451 !important; border-right-color: #FFD451 !important; } .border-y-amarillo-700 { border-top-color: #FFD451 !important; border-bottom-color: #FFD451 !important; } .outline-amarillo-700 { outline-color: #FFD451 !important; } .divide-amarillo-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFD451 !important; } .divide-amarillo-700 > :not([hidden]) { border-color: #FFD451 !important; } .shadow-amarillo-700 { --tw-shadow-color: #FFD451; box-shadow: var(--tw-shadow); } .ring-amarillo-700 { --tw-ring-color: #FFD451; } .ring-offset-amarillo-700 { --tw-ring-offset-color: #FFD451 !important; } .accent-amarillo-700 { accent-color: #FFD451 !important; } .fill-amarillo-700 { fill: #FFD451 !important; } .stroke-amarillo-700 { stroke: #FFD451 !important; } .hover\:text-amarillo-700:hover { color: #FFD451 !important; } .hover\:bg-amarillo-700:hover { background-color: #FFD451 !important; } .hover\:border-amarillo-700:hover { border-color: #FFD451 !important; } .focus\:ring-amarillo-700:focus { --tw-ring-color: #FFD451; } .text-amarillo-800 { color: #FFCD39 !important; } .decoration-amarillo-800 { text-decoration-color: #FFCD39 !important; } .placeholder-amarillo-800::placeholder { color: #FFCD39 !important; } .caret-amarillo-800 { caret-color: #FFCD39 !important; } .bg-amarillo-800 { background-color: #FFCD39 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-800 { --tw-gradient-from: #FFCD39; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-800 { --tw-gradient-stops: var(--tw-gradient-from), #FFCD39, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-800 { --tw-gradient-to: #FFCD39; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-800 { border-color: #FFCD39 !important; } .border-t-amarillo-800 { border-top-color: #FFCD39 !important; } .border-b-amarillo-800 { border-bottom-color: #FFCD39 !important; } .border-l-amarillo-800 { border-left-color: #FFCD39 !important; } .border-r-amarillo-800 { border-right-color: #FFCD39 !important; } .border-x-amarillo-800 { border-left-color: #FFCD39 !important; border-right-color: #FFCD39 !important; } .border-y-amarillo-800 { border-top-color: #FFCD39 !important; border-bottom-color: #FFCD39 !important; } .outline-amarillo-800 { outline-color: #FFCD39 !important; } .divide-amarillo-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFCD39 !important; } .divide-amarillo-800 > :not([hidden]) { border-color: #FFCD39 !important; } .shadow-amarillo-800 { --tw-shadow-color: #FFCD39; box-shadow: var(--tw-shadow); } .ring-amarillo-800 { --tw-ring-color: #FFCD39; } .ring-offset-amarillo-800 { --tw-ring-offset-color: #FFCD39 !important; } .accent-amarillo-800 { accent-color: #FFCD39 !important; } .fill-amarillo-800 { fill: #FFCD39 !important; } .stroke-amarillo-800 { stroke: #FFCD39 !important; } .hover\:text-amarillo-800:hover { color: #FFCD39 !important; } .hover\:bg-amarillo-800:hover { background-color: #FFCD39 !important; } .hover\:border-amarillo-800:hover { border-color: #FFCD39 !important; } .focus\:ring-amarillo-800:focus { --tw-ring-color: #FFCD39; } .text-amarillo-900 { color: #FFC720 !important; } .decoration-amarillo-900 { text-decoration-color: #FFC720 !important; } .placeholder-amarillo-900::placeholder { color: #FFC720 !important; } .caret-amarillo-900 { caret-color: #FFC720 !important; } .bg-amarillo-900 { background-color: #FFC720 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-900 { --tw-gradient-from: #FFC720; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-900 { --tw-gradient-stops: var(--tw-gradient-from), #FFC720, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-900 { --tw-gradient-to: #FFC720; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-900 { border-color: #FFC720 !important; } .border-t-amarillo-900 { border-top-color: #FFC720 !important; } .border-b-amarillo-900 { border-bottom-color: #FFC720 !important; } .border-l-amarillo-900 { border-left-color: #FFC720 !important; } .border-r-amarillo-900 { border-right-color: #FFC720 !important; } .border-x-amarillo-900 { border-left-color: #FFC720 !important; border-right-color: #FFC720 !important; } .border-y-amarillo-900 { border-top-color: #FFC720 !important; border-bottom-color: #FFC720 !important; } .outline-amarillo-900 { outline-color: #FFC720 !important; } .divide-amarillo-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFC720 !important; } .divide-amarillo-900 > :not([hidden]) { border-color: #FFC720 !important; } .shadow-amarillo-900 { --tw-shadow-color: #FFC720; box-shadow: var(--tw-shadow); } .ring-amarillo-900 { --tw-ring-color: #FFC720; } .ring-offset-amarillo-900 { --tw-ring-offset-color: #FFC720 !important; } .accent-amarillo-900 { accent-color: #FFC720 !important; } .fill-amarillo-900 { fill: #FFC720 !important; } .stroke-amarillo-900 { stroke: #FFC720 !important; } .hover\:text-amarillo-900:hover { color: #FFC720 !important; } .hover\:bg-amarillo-900:hover { background-color: #FFC720 !important; } .hover\:border-amarillo-900:hover { border-color: #FFC720 !important; } .focus\:ring-amarillo-900:focus { --tw-ring-color: #FFC720; } .text-amarillo-1000 { color: #FFC107 !important; } .decoration-amarillo-1000 { text-decoration-color: #FFC107 !important; } .placeholder-amarillo-1000::placeholder { color: #FFC107 !important; } .caret-amarillo-1000 { caret-color: #FFC107 !important; } .bg-amarillo-1000 { background-color: #FFC107 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-amarillo-1000 { --tw-gradient-from: #FFC107; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-amarillo-1000 { --tw-gradient-stops: var(--tw-gradient-from), #FFC107, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-amarillo-1000 { --tw-gradient-to: #FFC107; } .to-transparent { --tw-gradient-to: transparent; } .border-amarillo-1000 { border-color: #FFC107 !important; } .border-t-amarillo-1000 { border-top-color: #FFC107 !important; } .border-b-amarillo-1000 { border-bottom-color: #FFC107 !important; } .border-l-amarillo-1000 { border-left-color: #FFC107 !important; } .border-r-amarillo-1000 { border-right-color: #FFC107 !important; } .border-x-amarillo-1000 { border-left-color: #FFC107 !important; border-right-color: #FFC107 !important; } .border-y-amarillo-1000 { border-top-color: #FFC107 !important; border-bottom-color: #FFC107 !important; } .outline-amarillo-1000 { outline-color: #FFC107 !important; } .divide-amarillo-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFC107 !important; } .divide-amarillo-1000 > :not([hidden]) { border-color: #FFC107 !important; } .shadow-amarillo-1000 { --tw-shadow-color: #FFC107; box-shadow: var(--tw-shadow); } .ring-amarillo-1000 { --tw-ring-color: #FFC107; } .ring-offset-amarillo-1000 { --tw-ring-offset-color: #FFC107 !important; } .accent-amarillo-1000 { accent-color: #FFC107 !important; } .fill-amarillo-1000 { fill: #FFC107 !important; } .stroke-amarillo-1000 { stroke: #FFC107 !important; } .hover\:text-amarillo-1000:hover { color: #FFC107 !important; } .hover\:bg-amarillo-1000:hover { background-color: #FFC107 !important; } .hover\:border-amarillo-1000:hover { border-color: #FFC107 !important; } .focus\:ring-amarillo-1000:focus { --tw-ring-color: #FFC107; } /* Naranja */ .text-naranja-100 { color: #FFF4E6 !important; } .decoration-naranja-100 { text-decoration-color: #FFF4E6 !important; } .placeholder-naranja-100::placeholder { color: #FFF4E6 !important; } .caret-naranja-100 { caret-color: #FFF4E6 !important; } .bg-naranja-100 { background-color: #FFF4E6 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-100 { --tw-gradient-from: #FFF4E6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-100 { --tw-gradient-stops: var(--tw-gradient-from), #FFF4E6, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-100 { --tw-gradient-to: #FFF4E6; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-100 { border-color: #FFF4E6 !important; } .border-t-naranja-100 { border-top-color: #FFF4E6 !important; } .border-b-naranja-100 { border-bottom-color: #FFF4E6 !important; } .border-l-naranja-100 { border-left-color: #FFF4E6 !important; } .border-r-naranja-100 { border-right-color: #FFF4E6 !important; } .border-x-naranja-100 { border-left-color: #FFF4E6 !important; border-right-color: #FFF4E6 !important; } .border-y-naranja-100 { border-top-color: #FFF4E6 !important; border-bottom-color: #FFF4E6 !important; } .outline-naranja-100 { outline-color: #FFF4E6 !important; } .divide-naranja-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFF4E6 !important; } .divide-naranja-100 > :not([hidden]) { border-color: #FFF4E6 !important; } .shadow-naranja-100 { --tw-shadow-color: #FFF4E6; box-shadow: var(--tw-shadow); } .ring-naranja-100 { --tw-ring-color: #FFF4E6; } .ring-offset-naranja-100 { --tw-ring-offset-color: #FFF4E6 !important; } .accent-naranja-100 { accent-color: #FFF4E6 !important; } .fill-naranja-100 { fill: #FFF4E6 !important; } .stroke-naranja-100 { stroke: #FFF4E6 !important; } .hover\:text-naranja-100:hover { color: #FFF4E6 !important; } .hover\:bg-naranja-100:hover { background-color: #FFF4E6 !important; } .hover\:border-naranja-100:hover { border-color: #FFF4E6 !important; } .focus\:ring-naranja-100:focus { --tw-ring-color: #FFF4E6; } .text-naranja-200 { color: #FFE8CC !important; } .decoration-naranja-200 { text-decoration-color: #FFE8CC !important; } .placeholder-naranja-200::placeholder { color: #FFE8CC !important; } .caret-naranja-200 { caret-color: #FFE8CC !important; } .bg-naranja-200 { background-color: #FFE8CC !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-200 { --tw-gradient-from: #FFE8CC; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-200 { --tw-gradient-stops: var(--tw-gradient-from), #FFE8CC, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-200 { --tw-gradient-to: #FFE8CC; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-200 { border-color: #FFE8CC !important; } .border-t-naranja-200 { border-top-color: #FFE8CC !important; } .border-b-naranja-200 { border-bottom-color: #FFE8CC !important; } .border-l-naranja-200 { border-left-color: #FFE8CC !important; } .border-r-naranja-200 { border-right-color: #FFE8CC !important; } .border-x-naranja-200 { border-left-color: #FFE8CC !important; border-right-color: #FFE8CC !important; } .border-y-naranja-200 { border-top-color: #FFE8CC !important; border-bottom-color: #FFE8CC !important; } .outline-naranja-200 { outline-color: #FFE8CC !important; } .divide-naranja-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFE8CC !important; } .divide-naranja-200 > :not([hidden]) { border-color: #FFE8CC !important; } .shadow-naranja-200 { --tw-shadow-color: #FFE8CC; box-shadow: var(--tw-shadow); } .ring-naranja-200 { --tw-ring-color: #FFE8CC; } .ring-offset-naranja-200 { --tw-ring-offset-color: #FFE8CC !important; } .accent-naranja-200 { accent-color: #FFE8CC !important; } .fill-naranja-200 { fill: #FFE8CC !important; } .stroke-naranja-200 { stroke: #FFE8CC !important; } .hover\:text-naranja-200:hover { color: #FFE8CC !important; } .hover\:bg-naranja-200:hover { background-color: #FFE8CC !important; } .hover\:border-naranja-200:hover { border-color: #FFE8CC !important; } .focus\:ring-naranja-200:focus { --tw-ring-color: #FFE8CC; } .text-naranja-300 { color: #FFDDB3 !important; } .decoration-naranja-300 { text-decoration-color: #FFDDB3 !important; } .placeholder-naranja-300::placeholder { color: #FFDDB3 !important; } .caret-naranja-300 { caret-color: #FFDDB3 !important; } .bg-naranja-300 { background-color: #FFDDB3 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-300 { --tw-gradient-from: #FFDDB3; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-300 { --tw-gradient-stops: var(--tw-gradient-from), #FFDDB3, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-300 { --tw-gradient-to: #FFDDB3; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-300 { border-color: #FFDDB3 !important; } .border-t-naranja-300 { border-top-color: #FFDDB3 !important; } .border-b-naranja-300 { border-bottom-color: #FFDDB3 !important; } .border-l-naranja-300 { border-left-color: #FFDDB3 !important; } .border-r-naranja-300 { border-right-color: #FFDDB3 !important; } .border-x-naranja-300 { border-left-color: #FFDDB3 !important; border-right-color: #FFDDB3 !important; } .border-y-naranja-300 { border-top-color: #FFDDB3 !important; border-bottom-color: #FFDDB3 !important; } .outline-naranja-300 { outline-color: #FFDDB3 !important; } .divide-naranja-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFDDB3 !important; } .divide-naranja-300 > :not([hidden]) { border-color: #FFDDB3 !important; } .shadow-naranja-300 { --tw-shadow-color: #FFDDB3; box-shadow: var(--tw-shadow); } .ring-naranja-300 { --tw-ring-color: #FFDDB3; } .ring-offset-naranja-300 { --tw-ring-offset-color: #FFDDB3 !important; } .accent-naranja-300 { accent-color: #FFDDB3 !important; } .fill-naranja-300 { fill: #FFDDB3 !important; } .stroke-naranja-300 { stroke: #FFDDB3 !important; } .hover\:text-naranja-300:hover { color: #FFDDB3 !important; } .hover\:bg-naranja-300:hover { background-color: #FFDDB3 !important; } .hover\:border-naranja-300:hover { border-color: #FFDDB3 !important; } .focus\:ring-naranja-300:focus { --tw-ring-color: #FFDDB3; } .text-naranja-400 { color: #FFD199 !important; } .decoration-naranja-400 { text-decoration-color: #FFD199 !important; } .placeholder-naranja-400::placeholder { color: #FFD199 !important; } .caret-naranja-400 { caret-color: #FFD199 !important; } .bg-naranja-400 { background-color: #FFD199 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-400 { --tw-gradient-from: #FFD199; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-400 { --tw-gradient-stops: var(--tw-gradient-from), #FFD199, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-400 { --tw-gradient-to: #FFD199; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-400 { border-color: #FFD199 !important; } .border-t-naranja-400 { border-top-color: #FFD199 !important; } .border-b-naranja-400 { border-bottom-color: #FFD199 !important; } .border-l-naranja-400 { border-left-color: #FFD199 !important; } .border-r-naranja-400 { border-right-color: #FFD199 !important; } .border-x-naranja-400 { border-left-color: #FFD199 !important; border-right-color: #FFD199 !important; } .border-y-naranja-400 { border-top-color: #FFD199 !important; border-bottom-color: #FFD199 !important; } .outline-naranja-400 { outline-color: #FFD199 !important; } .divide-naranja-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFD199 !important; } .divide-naranja-400 > :not([hidden]) { border-color: #FFD199 !important; } .shadow-naranja-400 { --tw-shadow-color: #FFD199; box-shadow: var(--tw-shadow); } .ring-naranja-400 { --tw-ring-color: #FFD199; } .ring-offset-naranja-400 { --tw-ring-offset-color: #FFD199 !important; } .accent-naranja-400 { accent-color: #FFD199 !important; } .fill-naranja-400 { fill: #FFD199 !important; } .stroke-naranja-400 { stroke: #FFD199 !important; } .hover\:text-naranja-400:hover { color: #FFD199 !important; } .hover\:bg-naranja-400:hover { background-color: #FFD199 !important; } .hover\:border-naranja-400:hover { border-color: #FFD199 !important; } .focus\:ring-naranja-400:focus { --tw-ring-color: #FFD199; } .text-naranja-500 { color: #FFC680 !important; } .decoration-naranja-500 { text-decoration-color: #FFC680 !important; } .placeholder-naranja-500::placeholder { color: #FFC680 !important; } .caret-naranja-500 { caret-color: #FFC680 !important; } .bg-naranja-500 { background-color: #FFC680 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-500 { --tw-gradient-from: #FFC680; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-500 { --tw-gradient-stops: var(--tw-gradient-from), #FFC680, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-500 { --tw-gradient-to: #FFC680; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-500 { border-color: #FFC680 !important; } .border-t-naranja-500 { border-top-color: #FFC680 !important; } .border-b-naranja-500 { border-bottom-color: #FFC680 !important; } .border-l-naranja-500 { border-left-color: #FFC680 !important; } .border-r-naranja-500 { border-right-color: #FFC680 !important; } .border-x-naranja-500 { border-left-color: #FFC680 !important; border-right-color: #FFC680 !important; } .border-y-naranja-500 { border-top-color: #FFC680 !important; border-bottom-color: #FFC680 !important; } .outline-naranja-500 { outline-color: #FFC680 !important; } .divide-naranja-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFC680 !important; } .divide-naranja-500 > :not([hidden]) { border-color: #FFC680 !important; } .shadow-naranja-500 { --tw-shadow-color: #FFC680; box-shadow: var(--tw-shadow); } .ring-naranja-500 { --tw-ring-color: #FFC680; } .ring-offset-naranja-500 { --tw-ring-offset-color: #FFC680 !important; } .accent-naranja-500 { accent-color: #FFC680 !important; } .fill-naranja-500 { fill: #FFC680 !important; } .stroke-naranja-500 { stroke: #FFC680 !important; } .hover\:text-naranja-500:hover { color: #FFC680 !important; } .hover\:bg-naranja-500:hover { background-color: #FFC680 !important; } .hover\:border-naranja-500:hover { border-color: #FFC680 !important; } .focus\:ring-naranja-500:focus { --tw-ring-color: #FFC680; } .text-naranja-600 { color: #FFBA66 !important; } .decoration-naranja-600 { text-decoration-color: #FFBA66 !important; } .placeholder-naranja-600::placeholder { color: #FFBA66 !important; } .caret-naranja-600 { caret-color: #FFBA66 !important; } .bg-naranja-600 { background-color: #FFBA66 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-600 { --tw-gradient-from: #FFBA66; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-600 { --tw-gradient-stops: var(--tw-gradient-from), #FFBA66, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-600 { --tw-gradient-to: #FFBA66; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-600 { border-color: #FFBA66 !important; } .border-t-naranja-600 { border-top-color: #FFBA66 !important; } .border-b-naranja-600 { border-bottom-color: #FFBA66 !important; } .border-l-naranja-600 { border-left-color: #FFBA66 !important; } .border-r-naranja-600 { border-right-color: #FFBA66 !important; } .border-x-naranja-600 { border-left-color: #FFBA66 !important; border-right-color: #FFBA66 !important; } .border-y-naranja-600 { border-top-color: #FFBA66 !important; border-bottom-color: #FFBA66 !important; } .outline-naranja-600 { outline-color: #FFBA66 !important; } .divide-naranja-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFBA66 !important; } .divide-naranja-600 > :not([hidden]) { border-color: #FFBA66 !important; } .shadow-naranja-600 { --tw-shadow-color: #FFBA66; box-shadow: var(--tw-shadow); } .ring-naranja-600 { --tw-ring-color: #FFBA66; } .ring-offset-naranja-600 { --tw-ring-offset-color: #FFBA66 !important; } .accent-naranja-600 { accent-color: #FFBA66 !important; } .fill-naranja-600 { fill: #FFBA66 !important; } .stroke-naranja-600 { stroke: #FFBA66 !important; } .hover\:text-naranja-600:hover { color: #FFBA66 !important; } .hover\:bg-naranja-600:hover { background-color: #FFBA66 !important; } .hover\:border-naranja-600:hover { border-color: #FFBA66 !important; } .focus\:ring-naranja-600:focus { --tw-ring-color: #FFBA66; } .text-naranja-700 { color: #FFAF4D !important; } .decoration-naranja-700 { text-decoration-color: #FFAF4D !important; } .placeholder-naranja-700::placeholder { color: #FFAF4D !important; } .caret-naranja-700 { caret-color: #FFAF4D !important; } .bg-naranja-700 { background-color: #FFAF4D !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-700 { --tw-gradient-from: #FFAF4D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-700 { --tw-gradient-stops: var(--tw-gradient-from), #FFAF4D, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-700 { --tw-gradient-to: #FFAF4D; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-700 { border-color: #FFAF4D !important; } .border-t-naranja-700 { border-top-color: #FFAF4D !important; } .border-b-naranja-700 { border-bottom-color: #FFAF4D !important; } .border-l-naranja-700 { border-left-color: #FFAF4D !important; } .border-r-naranja-700 { border-right-color: #FFAF4D !important; } .border-x-naranja-700 { border-left-color: #FFAF4D !important; border-right-color: #FFAF4D !important; } .border-y-naranja-700 { border-top-color: #FFAF4D !important; border-bottom-color: #FFAF4D !important; } .outline-naranja-700 { outline-color: #FFAF4D !important; } .divide-naranja-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFAF4D !important; } .divide-naranja-700 > :not([hidden]) { border-color: #FFAF4D !important; } .shadow-naranja-700 { --tw-shadow-color: #FFAF4D; box-shadow: var(--tw-shadow); } .ring-naranja-700 { --tw-ring-color: #FFAF4D; } .ring-offset-naranja-700 { --tw-ring-offset-color: #FFAF4D !important; } .accent-naranja-700 { accent-color: #FFAF4D !important; } .fill-naranja-700 { fill: #FFAF4D !important; } .stroke-naranja-700 { stroke: #FFAF4D !important; } .hover\:text-naranja-700:hover { color: #FFAF4D !important; } .hover\:bg-naranja-700:hover { background-color: #FFAF4D !important; } .hover\:border-naranja-700:hover { border-color: #FFAF4D !important; } .focus\:ring-naranja-700:focus { --tw-ring-color: #FFAF4D; } .text-naranja-800 { color: #FFA333 !important; } .decoration-naranja-800 { text-decoration-color: #FFA333 !important; } .placeholder-naranja-800::placeholder { color: #FFA333 !important; } .caret-naranja-800 { caret-color: #FFA333 !important; } .bg-naranja-800 { background-color: #FFA333 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-800 { --tw-gradient-from: #FFA333; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-800 { --tw-gradient-stops: var(--tw-gradient-from), #FFA333, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-800 { --tw-gradient-to: #FFA333; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-800 { border-color: #FFA333 !important; } .border-t-naranja-800 { border-top-color: #FFA333 !important; } .border-b-naranja-800 { border-bottom-color: #FFA333 !important; } .border-l-naranja-800 { border-left-color: #FFA333 !important; } .border-r-naranja-800 { border-right-color: #FFA333 !important; } .border-x-naranja-800 { border-left-color: #FFA333 !important; border-right-color: #FFA333 !important; } .border-y-naranja-800 { border-top-color: #FFA333 !important; border-bottom-color: #FFA333 !important; } .outline-naranja-800 { outline-color: #FFA333 !important; } .divide-naranja-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FFA333 !important; } .divide-naranja-800 > :not([hidden]) { border-color: #FFA333 !important; } .shadow-naranja-800 { --tw-shadow-color: #FFA333; box-shadow: var(--tw-shadow); } .ring-naranja-800 { --tw-ring-color: #FFA333; } .ring-offset-naranja-800 { --tw-ring-offset-color: #FFA333 !important; } .accent-naranja-800 { accent-color: #FFA333 !important; } .fill-naranja-800 { fill: #FFA333 !important; } .stroke-naranja-800 { stroke: #FFA333 !important; } .hover\:text-naranja-800:hover { color: #FFA333 !important; } .hover\:bg-naranja-800:hover { background-color: #FFA333 !important; } .hover\:border-naranja-800:hover { border-color: #FFA333 !important; } .focus\:ring-naranja-800:focus { --tw-ring-color: #FFA333; } .text-naranja-900 { color: #FF9819 !important; } .decoration-naranja-900 { text-decoration-color: #FF9819 !important; } .placeholder-naranja-900::placeholder { color: #FF9819 !important; } .caret-naranja-900 { caret-color: #FF9819 !important; } .bg-naranja-900 { background-color: #FF9819 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-900 { --tw-gradient-from: #FF9819; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-900 { --tw-gradient-stops: var(--tw-gradient-from), #FF9819, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-900 { --tw-gradient-to: #FF9819; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-900 { border-color: #FF9819 !important; } .border-t-naranja-900 { border-top-color: #FF9819 !important; } .border-b-naranja-900 { border-bottom-color: #FF9819 !important; } .border-l-naranja-900 { border-left-color: #FF9819 !important; } .border-r-naranja-900 { border-right-color: #FF9819 !important; } .border-x-naranja-900 { border-left-color: #FF9819 !important; border-right-color: #FF9819 !important; } .border-y-naranja-900 { border-top-color: #FF9819 !important; border-bottom-color: #FF9819 !important; } .outline-naranja-900 { outline-color: #FF9819 !important; } .divide-naranja-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FF9819 !important; } .divide-naranja-900 > :not([hidden]) { border-color: #FF9819 !important; } .shadow-naranja-900 { --tw-shadow-color: #FF9819; box-shadow: var(--tw-shadow); } .ring-naranja-900 { --tw-ring-color: #FF9819; } .ring-offset-naranja-900 { --tw-ring-offset-color: #FF9819 !important; } .accent-naranja-900 { accent-color: #FF9819 !important; } .fill-naranja-900 { fill: #FF9819 !important; } .stroke-naranja-900 { stroke: #FF9819 !important; } .hover\:text-naranja-900:hover { color: #FF9819 !important; } .hover\:bg-naranja-900:hover { background-color: #FF9819 !important; } .hover\:border-naranja-900:hover { border-color: #FF9819 !important; } .focus\:ring-naranja-900:focus { --tw-ring-color: #FF9819; } .text-naranja-1000 { color: #FF8C00 !important; } .decoration-naranja-1000 { text-decoration-color: #FF8C00 !important; } .placeholder-naranja-1000::placeholder { color: #FF8C00 !important; } .caret-naranja-1000 { caret-color: #FF8C00 !important; } .bg-naranja-1000 { background-color: #FF8C00 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-naranja-1000 { --tw-gradient-from: #FF8C00; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-naranja-1000 { --tw-gradient-stops: var(--tw-gradient-from), #FF8C00, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-naranja-1000 { --tw-gradient-to: #FF8C00; } .to-transparent { --tw-gradient-to: transparent; } .border-naranja-1000 { border-color: #FF8C00 !important; } .border-t-naranja-1000 { border-top-color: #FF8C00 !important; } .border-b-naranja-1000 { border-bottom-color: #FF8C00 !important; } .border-l-naranja-1000 { border-left-color: #FF8C00 !important; } .border-r-naranja-1000 { border-right-color: #FF8C00 !important; } .border-x-naranja-1000 { border-left-color: #FF8C00 !important; border-right-color: #FF8C00 !important; } .border-y-naranja-1000 { border-top-color: #FF8C00 !important; border-bottom-color: #FF8C00 !important; } .outline-naranja-1000 { outline-color: #FF8C00 !important; } .divide-naranja-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #FF8C00 !important; } .divide-naranja-1000 > :not([hidden]) { border-color: #FF8C00 !important; } .shadow-naranja-1000 { --tw-shadow-color: #FF8C00; box-shadow: var(--tw-shadow); } .ring-naranja-1000 { --tw-ring-color: #FF8C00; } .ring-offset-naranja-1000 { --tw-ring-offset-color: #FF8C00 !important; } .accent-naranja-1000 { accent-color: #FF8C00 !important; } .fill-naranja-1000 { fill: #FF8C00 !important; } .stroke-naranja-1000 { stroke: #FF8C00 !important; } .hover\:text-naranja-1000:hover { color: #FF8C00 !important; } .hover\:bg-naranja-1000:hover { background-color: #FF8C00 !important; } .hover\:border-naranja-1000:hover { border-color: #FF8C00 !important; } .focus\:ring-naranja-1000:focus { --tw-ring-color: #FF8C00; } /* Azul */ .text-azul-100 { color: #E7F1FF !important; } .decoration-azul-100 { text-decoration-color: #E7F1FF !important; } .placeholder-azul-100::placeholder { color: #E7F1FF !important; } .caret-azul-100 { caret-color: #E7F1FF !important; } .bg-azul-100 { background-color: #E7F1FF !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-100 { --tw-gradient-from: #E7F1FF; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-100 { --tw-gradient-stops: var(--tw-gradient-from), #E7F1FF, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-100 { --tw-gradient-to: #E7F1FF; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-100 { border-color: #E7F1FF !important; } .border-t-azul-100 { border-top-color: #E7F1FF !important; } .border-b-azul-100 { border-bottom-color: #E7F1FF !important; } .border-l-azul-100 { border-left-color: #E7F1FF !important; } .border-r-azul-100 { border-right-color: #E7F1FF !important; } .border-x-azul-100 { border-left-color: #E7F1FF !important; border-right-color: #E7F1FF !important; } .border-y-azul-100 { border-top-color: #E7F1FF !important; border-bottom-color: #E7F1FF !important; } .outline-azul-100 { outline-color: #E7F1FF !important; } .divide-azul-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E7F1FF !important; } .divide-azul-100 > :not([hidden]) { border-color: #E7F1FF !important; } .shadow-azul-100 { --tw-shadow-color: #E7F1FF; box-shadow: var(--tw-shadow); } .ring-azul-100 { --tw-ring-color: #E7F1FF; } .ring-offset-azul-100 { --tw-ring-offset-color: #E7F1FF !important; } .accent-azul-100 { accent-color: #E7F1FF !important; } .fill-azul-100 { fill: #E7F1FF !important; } .stroke-azul-100 { stroke: #E7F1FF !important; } .hover\:text-azul-100:hover { color: #E7F1FF !important; } .hover\:bg-azul-100:hover { background-color: #E7F1FF !important; } .hover\:border-azul-100:hover { border-color: #E7F1FF !important; } .focus\:ring-azul-100:focus { --tw-ring-color: #E7F1FF; } .text-azul-200 { color: #CFE2FF !important; } .decoration-azul-200 { text-decoration-color: #CFE2FF !important; } .placeholder-azul-200::placeholder { color: #CFE2FF !important; } .caret-azul-200 { caret-color: #CFE2FF !important; } .bg-azul-200 { background-color: #CFE2FF !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-200 { --tw-gradient-from: #CFE2FF; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-200 { --tw-gradient-stops: var(--tw-gradient-from), #CFE2FF, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-200 { --tw-gradient-to: #CFE2FF; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-200 { border-color: #CFE2FF !important; } .border-t-azul-200 { border-top-color: #CFE2FF !important; } .border-b-azul-200 { border-bottom-color: #CFE2FF !important; } .border-l-azul-200 { border-left-color: #CFE2FF !important; } .border-r-azul-200 { border-right-color: #CFE2FF !important; } .border-x-azul-200 { border-left-color: #CFE2FF !important; border-right-color: #CFE2FF !important; } .border-y-azul-200 { border-top-color: #CFE2FF !important; border-bottom-color: #CFE2FF !important; } .outline-azul-200 { outline-color: #CFE2FF !important; } .divide-azul-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #CFE2FF !important; } .divide-azul-200 > :not([hidden]) { border-color: #CFE2FF !important; } .shadow-azul-200 { --tw-shadow-color: #CFE2FF; box-shadow: var(--tw-shadow); } .ring-azul-200 { --tw-ring-color: #CFE2FF; } .ring-offset-azul-200 { --tw-ring-offset-color: #CFE2FF !important; } .accent-azul-200 { accent-color: #CFE2FF !important; } .fill-azul-200 { fill: #CFE2FF !important; } .stroke-azul-200 { stroke: #CFE2FF !important; } .hover\:text-azul-200:hover { color: #CFE2FF !important; } .hover\:bg-azul-200:hover { background-color: #CFE2FF !important; } .hover\:border-azul-200:hover { border-color: #CFE2FF !important; } .focus\:ring-azul-200:focus { --tw-ring-color: #CFE2FF; } .text-azul-300 { color: #B6D4FE !important; } .decoration-azul-300 { text-decoration-color: #B6D4FE !important; } .placeholder-azul-300::placeholder { color: #B6D4FE !important; } .caret-azul-300 { caret-color: #B6D4FE !important; } .bg-azul-300 { background-color: #B6D4FE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-300 { --tw-gradient-from: #B6D4FE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-300 { --tw-gradient-stops: var(--tw-gradient-from), #B6D4FE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-300 { --tw-gradient-to: #B6D4FE; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-300 { border-color: #B6D4FE !important; } .border-t-azul-300 { border-top-color: #B6D4FE !important; } .border-b-azul-300 { border-bottom-color: #B6D4FE !important; } .border-l-azul-300 { border-left-color: #B6D4FE !important; } .border-r-azul-300 { border-right-color: #B6D4FE !important; } .border-x-azul-300 { border-left-color: #B6D4FE !important; border-right-color: #B6D4FE !important; } .border-y-azul-300 { border-top-color: #B6D4FE !important; border-bottom-color: #B6D4FE !important; } .outline-azul-300 { outline-color: #B6D4FE !important; } .divide-azul-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #B6D4FE !important; } .divide-azul-300 > :not([hidden]) { border-color: #B6D4FE !important; } .shadow-azul-300 { --tw-shadow-color: #B6D4FE; box-shadow: var(--tw-shadow); } .ring-azul-300 { --tw-ring-color: #B6D4FE; } .ring-offset-azul-300 { --tw-ring-offset-color: #B6D4FE !important; } .accent-azul-300 { accent-color: #B6D4FE !important; } .fill-azul-300 { fill: #B6D4FE !important; } .stroke-azul-300 { stroke: #B6D4FE !important; } .hover\:text-azul-300:hover { color: #B6D4FE !important; } .hover\:bg-azul-300:hover { background-color: #B6D4FE !important; } .hover\:border-azul-300:hover { border-color: #B6D4FE !important; } .focus\:ring-azul-300:focus { --tw-ring-color: #B6D4FE; } .text-azul-400 { color: #9EC5FE !important; } .decoration-azul-400 { text-decoration-color: #9EC5FE !important; } .placeholder-azul-400::placeholder { color: #9EC5FE !important; } .caret-azul-400 { caret-color: #9EC5FE !important; } .bg-azul-400 { background-color: #9EC5FE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-400 { --tw-gradient-from: #9EC5FE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-400 { --tw-gradient-stops: var(--tw-gradient-from), #9EC5FE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-400 { --tw-gradient-to: #9EC5FE; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-400 { border-color: #9EC5FE !important; } .border-t-azul-400 { border-top-color: #9EC5FE !important; } .border-b-azul-400 { border-bottom-color: #9EC5FE !important; } .border-l-azul-400 { border-left-color: #9EC5FE !important; } .border-r-azul-400 { border-right-color: #9EC5FE !important; } .border-x-azul-400 { border-left-color: #9EC5FE !important; border-right-color: #9EC5FE !important; } .border-y-azul-400 { border-top-color: #9EC5FE !important; border-bottom-color: #9EC5FE !important; } .outline-azul-400 { outline-color: #9EC5FE !important; } .divide-azul-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #9EC5FE !important; } .divide-azul-400 > :not([hidden]) { border-color: #9EC5FE !important; } .shadow-azul-400 { --tw-shadow-color: #9EC5FE; box-shadow: var(--tw-shadow); } .ring-azul-400 { --tw-ring-color: #9EC5FE; } .ring-offset-azul-400 { --tw-ring-offset-color: #9EC5FE !important; } .accent-azul-400 { accent-color: #9EC5FE !important; } .fill-azul-400 { fill: #9EC5FE !important; } .stroke-azul-400 { stroke: #9EC5FE !important; } .hover\:text-azul-400:hover { color: #9EC5FE !important; } .hover\:bg-azul-400:hover { background-color: #9EC5FE !important; } .hover\:border-azul-400:hover { border-color: #9EC5FE !important; } .focus\:ring-azul-400:focus { --tw-ring-color: #9EC5FE; } .text-azul-500 { color: #86B7FE !important; } .decoration-azul-500 { text-decoration-color: #86B7FE !important; } .placeholder-azul-500::placeholder { color: #86B7FE !important; } .caret-azul-500 { caret-color: #86B7FE !important; } .bg-azul-500 { background-color: #86B7FE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-500 { --tw-gradient-from: #86B7FE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-500 { --tw-gradient-stops: var(--tw-gradient-from), #86B7FE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-500 { --tw-gradient-to: #86B7FE; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-500 { border-color: #86B7FE !important; } .border-t-azul-500 { border-top-color: #86B7FE !important; } .border-b-azul-500 { border-bottom-color: #86B7FE !important; } .border-l-azul-500 { border-left-color: #86B7FE !important; } .border-r-azul-500 { border-right-color: #86B7FE !important; } .border-x-azul-500 { border-left-color: #86B7FE !important; border-right-color: #86B7FE !important; } .border-y-azul-500 { border-top-color: #86B7FE !important; border-bottom-color: #86B7FE !important; } .outline-azul-500 { outline-color: #86B7FE !important; } .divide-azul-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #86B7FE !important; } .divide-azul-500 > :not([hidden]) { border-color: #86B7FE !important; } .shadow-azul-500 { --tw-shadow-color: #86B7FE; box-shadow: var(--tw-shadow); } .ring-azul-500 { --tw-ring-color: #86B7FE; } .ring-offset-azul-500 { --tw-ring-offset-color: #86B7FE !important; } .accent-azul-500 { accent-color: #86B7FE !important; } .fill-azul-500 { fill: #86B7FE !important; } .stroke-azul-500 { stroke: #86B7FE !important; } .hover\:text-azul-500:hover { color: #86B7FE !important; } .hover\:bg-azul-500:hover { background-color: #86B7FE !important; } .hover\:border-azul-500:hover { border-color: #86B7FE !important; } .focus\:ring-azul-500:focus { --tw-ring-color: #86B7FE; } .text-azul-600 { color: #6EA8FE !important; } .decoration-azul-600 { text-decoration-color: #6EA8FE !important; } .placeholder-azul-600::placeholder { color: #6EA8FE !important; } .caret-azul-600 { caret-color: #6EA8FE !important; } .bg-azul-600 { background-color: #6EA8FE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-600 { --tw-gradient-from: #6EA8FE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-600 { --tw-gradient-stops: var(--tw-gradient-from), #6EA8FE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-600 { --tw-gradient-to: #6EA8FE; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-600 { border-color: #6EA8FE !important; } .border-t-azul-600 { border-top-color: #6EA8FE !important; } .border-b-azul-600 { border-bottom-color: #6EA8FE !important; } .border-l-azul-600 { border-left-color: #6EA8FE !important; } .border-r-azul-600 { border-right-color: #6EA8FE !important; } .border-x-azul-600 { border-left-color: #6EA8FE !important; border-right-color: #6EA8FE !important; } .border-y-azul-600 { border-top-color: #6EA8FE !important; border-bottom-color: #6EA8FE !important; } .outline-azul-600 { outline-color: #6EA8FE !important; } .divide-azul-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #6EA8FE !important; } .divide-azul-600 > :not([hidden]) { border-color: #6EA8FE !important; } .shadow-azul-600 { --tw-shadow-color: #6EA8FE; box-shadow: var(--tw-shadow); } .ring-azul-600 { --tw-ring-color: #6EA8FE; } .ring-offset-azul-600 { --tw-ring-offset-color: #6EA8FE !important; } .accent-azul-600 { accent-color: #6EA8FE !important; } .fill-azul-600 { fill: #6EA8FE !important; } .stroke-azul-600 { stroke: #6EA8FE !important; } .hover\:text-azul-600:hover { color: #6EA8FE !important; } .hover\:bg-azul-600:hover { background-color: #6EA8FE !important; } .hover\:border-azul-600:hover { border-color: #6EA8FE !important; } .focus\:ring-azul-600:focus { --tw-ring-color: #6EA8FE; } .text-azul-700 { color: #569AFE !important; } .decoration-azul-700 { text-decoration-color: #569AFE !important; } .placeholder-azul-700::placeholder { color: #569AFE !important; } .caret-azul-700 { caret-color: #569AFE !important; } .bg-azul-700 { background-color: #569AFE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-700 { --tw-gradient-from: #569AFE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-700 { --tw-gradient-stops: var(--tw-gradient-from), #569AFE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-700 { --tw-gradient-to: #569AFE; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-700 { border-color: #569AFE !important; } .border-t-azul-700 { border-top-color: #569AFE !important; } .border-b-azul-700 { border-bottom-color: #569AFE !important; } .border-l-azul-700 { border-left-color: #569AFE !important; } .border-r-azul-700 { border-right-color: #569AFE !important; } .border-x-azul-700 { border-left-color: #569AFE !important; border-right-color: #569AFE !important; } .border-y-azul-700 { border-top-color: #569AFE !important; border-bottom-color: #569AFE !important; } .outline-azul-700 { outline-color: #569AFE !important; } .divide-azul-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #569AFE !important; } .divide-azul-700 > :not([hidden]) { border-color: #569AFE !important; } .shadow-azul-700 { --tw-shadow-color: #569AFE; box-shadow: var(--tw-shadow); } .ring-azul-700 { --tw-ring-color: #569AFE; } .ring-offset-azul-700 { --tw-ring-offset-color: #569AFE !important; } .accent-azul-700 { accent-color: #569AFE !important; } .fill-azul-700 { fill: #569AFE !important; } .stroke-azul-700 { stroke: #569AFE !important; } .hover\:text-azul-700:hover { color: #569AFE !important; } .hover\:bg-azul-700:hover { background-color: #569AFE !important; } .hover\:border-azul-700:hover { border-color: #569AFE !important; } .focus\:ring-azul-700:focus { --tw-ring-color: #569AFE; } .text-azul-800 { color: #3D8BFD !important; } .decoration-azul-800 { text-decoration-color: #3D8BFD !important; } .placeholder-azul-800::placeholder { color: #3D8BFD !important; } .caret-azul-800 { caret-color: #3D8BFD !important; } .bg-azul-800 { background-color: #3D8BFD !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-800 { --tw-gradient-from: #3D8BFD; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-800 { --tw-gradient-stops: var(--tw-gradient-from), #3D8BFD, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-800 { --tw-gradient-to: #3D8BFD; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-800 { border-color: #3D8BFD !important; } .border-t-azul-800 { border-top-color: #3D8BFD !important; } .border-b-azul-800 { border-bottom-color: #3D8BFD !important; } .border-l-azul-800 { border-left-color: #3D8BFD !important; } .border-r-azul-800 { border-right-color: #3D8BFD !important; } .border-x-azul-800 { border-left-color: #3D8BFD !important; border-right-color: #3D8BFD !important; } .border-y-azul-800 { border-top-color: #3D8BFD !important; border-bottom-color: #3D8BFD !important; } .outline-azul-800 { outline-color: #3D8BFD !important; } .divide-azul-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #3D8BFD !important; } .divide-azul-800 > :not([hidden]) { border-color: #3D8BFD !important; } .shadow-azul-800 { --tw-shadow-color: #3D8BFD; box-shadow: var(--tw-shadow); } .ring-azul-800 { --tw-ring-color: #3D8BFD; } .ring-offset-azul-800 { --tw-ring-offset-color: #3D8BFD !important; } .accent-azul-800 { accent-color: #3D8BFD !important; } .fill-azul-800 { fill: #3D8BFD !important; } .stroke-azul-800 { stroke: #3D8BFD !important; } .hover\:text-azul-800:hover { color: #3D8BFD !important; } .hover\:bg-azul-800:hover { background-color: #3D8BFD !important; } .hover\:border-azul-800:hover { border-color: #3D8BFD !important; } .focus\:ring-azul-800:focus { --tw-ring-color: #3D8BFD; } .text-azul-900 { color: #257DFD !important; } .decoration-azul-900 { text-decoration-color: #257DFD !important; } .placeholder-azul-900::placeholder { color: #257DFD !important; } .caret-azul-900 { caret-color: #257DFD !important; } .bg-azul-900 { background-color: #257DFD !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-900 { --tw-gradient-from: #257DFD; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-900 { --tw-gradient-stops: var(--tw-gradient-from), #257DFD, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-900 { --tw-gradient-to: #257DFD; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-900 { border-color: #257DFD !important; } .border-t-azul-900 { border-top-color: #257DFD !important; } .border-b-azul-900 { border-bottom-color: #257DFD !important; } .border-l-azul-900 { border-left-color: #257DFD !important; } .border-r-azul-900 { border-right-color: #257DFD !important; } .border-x-azul-900 { border-left-color: #257DFD !important; border-right-color: #257DFD !important; } .border-y-azul-900 { border-top-color: #257DFD !important; border-bottom-color: #257DFD !important; } .outline-azul-900 { outline-color: #257DFD !important; } .divide-azul-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #257DFD !important; } .divide-azul-900 > :not([hidden]) { border-color: #257DFD !important; } .shadow-azul-900 { --tw-shadow-color: #257DFD; box-shadow: var(--tw-shadow); } .ring-azul-900 { --tw-ring-color: #257DFD; } .ring-offset-azul-900 { --tw-ring-offset-color: #257DFD !important; } .accent-azul-900 { accent-color: #257DFD !important; } .fill-azul-900 { fill: #257DFD !important; } .stroke-azul-900 { stroke: #257DFD !important; } .hover\:text-azul-900:hover { color: #257DFD !important; } .hover\:bg-azul-900:hover { background-color: #257DFD !important; } .hover\:border-azul-900:hover { border-color: #257DFD !important; } .focus\:ring-azul-900:focus { --tw-ring-color: #257DFD; } .text-azul-1000 { color: #0D6EFD !important; } .decoration-azul-1000 { text-decoration-color: #0D6EFD !important; } .placeholder-azul-1000::placeholder { color: #0D6EFD !important; } .caret-azul-1000 { caret-color: #0D6EFD !important; } .bg-azul-1000 { background-color: #0D6EFD !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-azul-1000 { --tw-gradient-from: #0D6EFD; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-azul-1000 { --tw-gradient-stops: var(--tw-gradient-from), #0D6EFD, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-azul-1000 { --tw-gradient-to: #0D6EFD; } .to-transparent { --tw-gradient-to: transparent; } .border-azul-1000 { border-color: #0D6EFD !important; } .border-t-azul-1000 { border-top-color: #0D6EFD !important; } .border-b-azul-1000 { border-bottom-color: #0D6EFD !important; } .border-l-azul-1000 { border-left-color: #0D6EFD !important; } .border-r-azul-1000 { border-right-color: #0D6EFD !important; } .border-x-azul-1000 { border-left-color: #0D6EFD !important; border-right-color: #0D6EFD !important; } .border-y-azul-1000 { border-top-color: #0D6EFD !important; border-bottom-color: #0D6EFD !important; } .outline-azul-1000 { outline-color: #0D6EFD !important; } .divide-azul-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #0D6EFD !important; } .divide-azul-1000 > :not([hidden]) { border-color: #0D6EFD !important; } .shadow-azul-1000 { --tw-shadow-color: #0D6EFD; box-shadow: var(--tw-shadow); } .ring-azul-1000 { --tw-ring-color: #0D6EFD; } .ring-offset-azul-1000 { --tw-ring-offset-color: #0D6EFD !important; } .accent-azul-1000 { accent-color: #0D6EFD !important; } .fill-azul-1000 { fill: #0D6EFD !important; } .stroke-azul-1000 { stroke: #0D6EFD !important; } .hover\:text-azul-1000:hover { color: #0D6EFD !important; } .hover\:bg-azul-1000:hover { background-color: #0D6EFD !important; } .hover\:border-azul-1000:hover { border-color: #0D6EFD !important; } .focus\:ring-azul-1000:focus { --tw-ring-color: #0D6EFD; } /* Morado */ .text-morado-100 { color: #F0E7FE !important; } .decoration-morado-100 { text-decoration-color: #F0E7FE !important; } .placeholder-morado-100::placeholder { color: #F0E7FE !important; } .caret-morado-100 { caret-color: #F0E7FE !important; } .bg-morado-100 { background-color: #F0E7FE !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-100 { --tw-gradient-from: #F0E7FE; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-100 { --tw-gradient-stops: var(--tw-gradient-from), #F0E7FE, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-100 { --tw-gradient-to: #F0E7FE; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-100 { border-color: #F0E7FE !important; } .border-t-morado-100 { border-top-color: #F0E7FE !important; } .border-b-morado-100 { border-bottom-color: #F0E7FE !important; } .border-l-morado-100 { border-left-color: #F0E7FE !important; } .border-r-morado-100 { border-right-color: #F0E7FE !important; } .border-x-morado-100 { border-left-color: #F0E7FE !important; border-right-color: #F0E7FE !important; } .border-y-morado-100 { border-top-color: #F0E7FE !important; border-bottom-color: #F0E7FE !important; } .outline-morado-100 { outline-color: #F0E7FE !important; } .divide-morado-100 > :not([hidden]) ~ :not([hidden]) { border-top-color: #F0E7FE !important; } .divide-morado-100 > :not([hidden]) { border-color: #F0E7FE !important; } .shadow-morado-100 { --tw-shadow-color: #F0E7FE; box-shadow: var(--tw-shadow); } .ring-morado-100 { --tw-ring-color: #F0E7FE; } .ring-offset-morado-100 { --tw-ring-offset-color: #F0E7FE !important; } .accent-morado-100 { accent-color: #F0E7FE !important; } .fill-morado-100 { fill: #F0E7FE !important; } .stroke-morado-100 { stroke: #F0E7FE !important; } .hover\:text-morado-100:hover { color: #F0E7FE !important; } .hover\:bg-morado-100:hover { background-color: #F0E7FE !important; } .hover\:border-morado-100:hover { border-color: #F0E7FE !important; } .focus\:ring-morado-100:focus { --tw-ring-color: #F0E7FE; } .text-morado-200 { color: #E0CFFC !important; } .decoration-morado-200 { text-decoration-color: #E0CFFC !important; } .placeholder-morado-200::placeholder { color: #E0CFFC !important; } .caret-morado-200 { caret-color: #E0CFFC !important; } .bg-morado-200 { background-color: #E0CFFC !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-200 { --tw-gradient-from: #E0CFFC; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-200 { --tw-gradient-stops: var(--tw-gradient-from), #E0CFFC, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-200 { --tw-gradient-to: #E0CFFC; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-200 { border-color: #E0CFFC !important; } .border-t-morado-200 { border-top-color: #E0CFFC !important; } .border-b-morado-200 { border-bottom-color: #E0CFFC !important; } .border-l-morado-200 { border-left-color: #E0CFFC !important; } .border-r-morado-200 { border-right-color: #E0CFFC !important; } .border-x-morado-200 { border-left-color: #E0CFFC !important; border-right-color: #E0CFFC !important; } .border-y-morado-200 { border-top-color: #E0CFFC !important; border-bottom-color: #E0CFFC !important; } .outline-morado-200 { outline-color: #E0CFFC !important; } .divide-morado-200 > :not([hidden]) ~ :not([hidden]) { border-top-color: #E0CFFC !important; } .divide-morado-200 > :not([hidden]) { border-color: #E0CFFC !important; } .shadow-morado-200 { --tw-shadow-color: #E0CFFC; box-shadow: var(--tw-shadow); } .ring-morado-200 { --tw-ring-color: #E0CFFC; } .ring-offset-morado-200 { --tw-ring-offset-color: #E0CFFC !important; } .accent-morado-200 { accent-color: #E0CFFC !important; } .fill-morado-200 { fill: #E0CFFC !important; } .stroke-morado-200 { stroke: #E0CFFC !important; } .hover\:text-morado-200:hover { color: #E0CFFC !important; } .hover\:bg-morado-200:hover { background-color: #E0CFFC !important; } .hover\:border-morado-200:hover { border-color: #E0CFFC !important; } .focus\:ring-morado-200:focus { --tw-ring-color: #E0CFFC; } .text-morado-300 { color: #D1B7FB !important; } .decoration-morado-300 { text-decoration-color: #D1B7FB !important; } .placeholder-morado-300::placeholder { color: #D1B7FB !important; } .caret-morado-300 { caret-color: #D1B7FB !important; } .bg-morado-300 { background-color: #D1B7FB !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-300 { --tw-gradient-from: #D1B7FB; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-300 { --tw-gradient-stops: var(--tw-gradient-from), #D1B7FB, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-300 { --tw-gradient-to: #D1B7FB; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-300 { border-color: #D1B7FB !important; } .border-t-morado-300 { border-top-color: #D1B7FB !important; } .border-b-morado-300 { border-bottom-color: #D1B7FB !important; } .border-l-morado-300 { border-left-color: #D1B7FB !important; } .border-r-morado-300 { border-right-color: #D1B7FB !important; } .border-x-morado-300 { border-left-color: #D1B7FB !important; border-right-color: #D1B7FB !important; } .border-y-morado-300 { border-top-color: #D1B7FB !important; border-bottom-color: #D1B7FB !important; } .outline-morado-300 { outline-color: #D1B7FB !important; } .divide-morado-300 > :not([hidden]) ~ :not([hidden]) { border-top-color: #D1B7FB !important; } .divide-morado-300 > :not([hidden]) { border-color: #D1B7FB !important; } .shadow-morado-300 { --tw-shadow-color: #D1B7FB; box-shadow: var(--tw-shadow); } .ring-morado-300 { --tw-ring-color: #D1B7FB; } .ring-offset-morado-300 { --tw-ring-offset-color: #D1B7FB !important; } .accent-morado-300 { accent-color: #D1B7FB !important; } .fill-morado-300 { fill: #D1B7FB !important; } .stroke-morado-300 { stroke: #D1B7FB !important; } .hover\:text-morado-300:hover { color: #D1B7FB !important; } .hover\:bg-morado-300:hover { background-color: #D1B7FB !important; } .hover\:border-morado-300:hover { border-color: #D1B7FB !important; } .focus\:ring-morado-300:focus { --tw-ring-color: #D1B7FB; } .text-morado-400 { color: #C29FFA !important; } .decoration-morado-400 { text-decoration-color: #C29FFA !important; } .placeholder-morado-400::placeholder { color: #C29FFA !important; } .caret-morado-400 { caret-color: #C29FFA !important; } .bg-morado-400 { background-color: #C29FFA !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-400 { --tw-gradient-from: #C29FFA; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-400 { --tw-gradient-stops: var(--tw-gradient-from), #C29FFA, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-400 { --tw-gradient-to: #C29FFA; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-400 { border-color: #C29FFA !important; } .border-t-morado-400 { border-top-color: #C29FFA !important; } .border-b-morado-400 { border-bottom-color: #C29FFA !important; } .border-l-morado-400 { border-left-color: #C29FFA !important; } .border-r-morado-400 { border-right-color: #C29FFA !important; } .border-x-morado-400 { border-left-color: #C29FFA !important; border-right-color: #C29FFA !important; } .border-y-morado-400 { border-top-color: #C29FFA !important; border-bottom-color: #C29FFA !important; } .outline-morado-400 { outline-color: #C29FFA !important; } .divide-morado-400 > :not([hidden]) ~ :not([hidden]) { border-top-color: #C29FFA !important; } .divide-morado-400 > :not([hidden]) { border-color: #C29FFA !important; } .shadow-morado-400 { --tw-shadow-color: #C29FFA; box-shadow: var(--tw-shadow); } .ring-morado-400 { --tw-ring-color: #C29FFA; } .ring-offset-morado-400 { --tw-ring-offset-color: #C29FFA !important; } .accent-morado-400 { accent-color: #C29FFA !important; } .fill-morado-400 { fill: #C29FFA !important; } .stroke-morado-400 { stroke: #C29FFA !important; } .hover\:text-morado-400:hover { color: #C29FFA !important; } .hover\:bg-morado-400:hover { background-color: #C29FFA !important; } .hover\:border-morado-400:hover { border-color: #C29FFA !important; } .focus\:ring-morado-400:focus { --tw-ring-color: #C29FFA; } .text-morado-500 { color: #B388F9 !important; } .decoration-morado-500 { text-decoration-color: #B388F9 !important; } .placeholder-morado-500::placeholder { color: #B388F9 !important; } .caret-morado-500 { caret-color: #B388F9 !important; } .bg-morado-500 { background-color: #B388F9 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-500 { --tw-gradient-from: #B388F9; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-500 { --tw-gradient-stops: var(--tw-gradient-from), #B388F9, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-500 { --tw-gradient-to: #B388F9; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-500 { border-color: #B388F9 !important; } .border-t-morado-500 { border-top-color: #B388F9 !important; } .border-b-morado-500 { border-bottom-color: #B388F9 !important; } .border-l-morado-500 { border-left-color: #B388F9 !important; } .border-r-morado-500 { border-right-color: #B388F9 !important; } .border-x-morado-500 { border-left-color: #B388F9 !important; border-right-color: #B388F9 !important; } .border-y-morado-500 { border-top-color: #B388F9 !important; border-bottom-color: #B388F9 !important; } .outline-morado-500 { outline-color: #B388F9 !important; } .divide-morado-500 > :not([hidden]) ~ :not([hidden]) { border-top-color: #B388F9 !important; } .divide-morado-500 > :not([hidden]) { border-color: #B388F9 !important; } .shadow-morado-500 { --tw-shadow-color: #B388F9; box-shadow: var(--tw-shadow); } .ring-morado-500 { --tw-ring-color: #B388F9; } .ring-offset-morado-500 { --tw-ring-offset-color: #B388F9 !important; } .accent-morado-500 { accent-color: #B388F9 !important; } .fill-morado-500 { fill: #B388F9 !important; } .stroke-morado-500 { stroke: #B388F9 !important; } .hover\:text-morado-500:hover { color: #B388F9 !important; } .hover\:bg-morado-500:hover { background-color: #B388F9 !important; } .hover\:border-morado-500:hover { border-color: #B388F9 !important; } .focus\:ring-morado-500:focus { --tw-ring-color: #B388F9; } .text-morado-600 { color: #A370F7 !important; } .decoration-morado-600 { text-decoration-color: #A370F7 !important; } .placeholder-morado-600::placeholder { color: #A370F7 !important; } .caret-morado-600 { caret-color: #A370F7 !important; } .bg-morado-600 { background-color: #A370F7 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-600 { --tw-gradient-from: #A370F7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-600 { --tw-gradient-stops: var(--tw-gradient-from), #A370F7, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-600 { --tw-gradient-to: #A370F7; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-600 { border-color: #A370F7 !important; } .border-t-morado-600 { border-top-color: #A370F7 !important; } .border-b-morado-600 { border-bottom-color: #A370F7 !important; } .border-l-morado-600 { border-left-color: #A370F7 !important; } .border-r-morado-600 { border-right-color: #A370F7 !important; } .border-x-morado-600 { border-left-color: #A370F7 !important; border-right-color: #A370F7 !important; } .border-y-morado-600 { border-top-color: #A370F7 !important; border-bottom-color: #A370F7 !important; } .outline-morado-600 { outline-color: #A370F7 !important; } .divide-morado-600 > :not([hidden]) ~ :not([hidden]) { border-top-color: #A370F7 !important; } .divide-morado-600 > :not([hidden]) { border-color: #A370F7 !important; } .shadow-morado-600 { --tw-shadow-color: #A370F7; box-shadow: var(--tw-shadow); } .ring-morado-600 { --tw-ring-color: #A370F7; } .ring-offset-morado-600 { --tw-ring-offset-color: #A370F7 !important; } .accent-morado-600 { accent-color: #A370F7 !important; } .fill-morado-600 { fill: #A370F7 !important; } .stroke-morado-600 { stroke: #A370F7 !important; } .hover\:text-morado-600:hover { color: #A370F7 !important; } .hover\:bg-morado-600:hover { background-color: #A370F7 !important; } .hover\:border-morado-600:hover { border-color: #A370F7 !important; } .focus\:ring-morado-600:focus { --tw-ring-color: #A370F7; } .text-morado-700 { color: #9458F6 !important; } .decoration-morado-700 { text-decoration-color: #9458F6 !important; } .placeholder-morado-700::placeholder { color: #9458F6 !important; } .caret-morado-700 { caret-color: #9458F6 !important; } .bg-morado-700 { background-color: #9458F6 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-700 { --tw-gradient-from: #9458F6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-700 { --tw-gradient-stops: var(--tw-gradient-from), #9458F6, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-700 { --tw-gradient-to: #9458F6; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-700 { border-color: #9458F6 !important; } .border-t-morado-700 { border-top-color: #9458F6 !important; } .border-b-morado-700 { border-bottom-color: #9458F6 !important; } .border-l-morado-700 { border-left-color: #9458F6 !important; } .border-r-morado-700 { border-right-color: #9458F6 !important; } .border-x-morado-700 { border-left-color: #9458F6 !important; border-right-color: #9458F6 !important; } .border-y-morado-700 { border-top-color: #9458F6 !important; border-bottom-color: #9458F6 !important; } .outline-morado-700 { outline-color: #9458F6 !important; } .divide-morado-700 > :not([hidden]) ~ :not([hidden]) { border-top-color: #9458F6 !important; } .divide-morado-700 > :not([hidden]) { border-color: #9458F6 !important; } .shadow-morado-700 { --tw-shadow-color: #9458F6; box-shadow: var(--tw-shadow); } .ring-morado-700 { --tw-ring-color: #9458F6; } .ring-offset-morado-700 { --tw-ring-offset-color: #9458F6 !important; } .accent-morado-700 { accent-color: #9458F6 !important; } .fill-morado-700 { fill: #9458F6 !important; } .stroke-morado-700 { stroke: #9458F6 !important; } .hover\:text-morado-700:hover { color: #9458F6 !important; } .hover\:bg-morado-700:hover { background-color: #9458F6 !important; } .hover\:border-morado-700:hover { border-color: #9458F6 !important; } .focus\:ring-morado-700:focus { --tw-ring-color: #9458F6; } .text-morado-800 { color: #8540F5 !important; } .decoration-morado-800 { text-decoration-color: #8540F5 !important; } .placeholder-morado-800::placeholder { color: #8540F5 !important; } .caret-morado-800 { caret-color: #8540F5 !important; } .bg-morado-800 { background-color: #8540F5 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-800 { --tw-gradient-from: #8540F5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-800 { --tw-gradient-stops: var(--tw-gradient-from), #8540F5, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-800 { --tw-gradient-to: #8540F5; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-800 { border-color: #8540F5 !important; } .border-t-morado-800 { border-top-color: #8540F5 !important; } .border-b-morado-800 { border-bottom-color: #8540F5 !important; } .border-l-morado-800 { border-left-color: #8540F5 !important; } .border-r-morado-800 { border-right-color: #8540F5 !important; } .border-x-morado-800 { border-left-color: #8540F5 !important; border-right-color: #8540F5 !important; } .border-y-morado-800 { border-top-color: #8540F5 !important; border-bottom-color: #8540F5 !important; } .outline-morado-800 { outline-color: #8540F5 !important; } .divide-morado-800 > :not([hidden]) ~ :not([hidden]) { border-top-color: #8540F5 !important; } .divide-morado-800 > :not([hidden]) { border-color: #8540F5 !important; } .shadow-morado-800 { --tw-shadow-color: #8540F5; box-shadow: var(--tw-shadow); } .ring-morado-800 { --tw-ring-color: #8540F5; } .ring-offset-morado-800 { --tw-ring-offset-color: #8540F5 !important; } .accent-morado-800 { accent-color: #8540F5 !important; } .fill-morado-800 { fill: #8540F5 !important; } .stroke-morado-800 { stroke: #8540F5 !important; } .hover\:text-morado-800:hover { color: #8540F5 !important; } .hover\:bg-morado-800:hover { background-color: #8540F5 !important; } .hover\:border-morado-800:hover { border-color: #8540F5 !important; } .focus\:ring-morado-800:focus { --tw-ring-color: #8540F5; } .text-morado-900 { color: #7528F3 !important; } .decoration-morado-900 { text-decoration-color: #7528F3 !important; } .placeholder-morado-900::placeholder { color: #7528F3 !important; } .caret-morado-900 { caret-color: #7528F3 !important; } .bg-morado-900 { background-color: #7528F3 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-900 { --tw-gradient-from: #7528F3; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-900 { --tw-gradient-stops: var(--tw-gradient-from), #7528F3, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-900 { --tw-gradient-to: #7528F3; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-900 { border-color: #7528F3 !important; } .border-t-morado-900 { border-top-color: #7528F3 !important; } .border-b-morado-900 { border-bottom-color: #7528F3 !important; } .border-l-morado-900 { border-left-color: #7528F3 !important; } .border-r-morado-900 { border-right-color: #7528F3 !important; } .border-x-morado-900 { border-left-color: #7528F3 !important; border-right-color: #7528F3 !important; } .border-y-morado-900 { border-top-color: #7528F3 !important; border-bottom-color: #7528F3 !important; } .outline-morado-900 { outline-color: #7528F3 !important; } .divide-morado-900 > :not([hidden]) ~ :not([hidden]) { border-top-color: #7528F3 !important; } .divide-morado-900 > :not([hidden]) { border-color: #7528F3 !important; } .shadow-morado-900 { --tw-shadow-color: #7528F3; box-shadow: var(--tw-shadow); } .ring-morado-900 { --tw-ring-color: #7528F3; } .ring-offset-morado-900 { --tw-ring-offset-color: #7528F3 !important; } .accent-morado-900 { accent-color: #7528F3 !important; } .fill-morado-900 { fill: #7528F3 !important; } .stroke-morado-900 { stroke: #7528F3 !important; } .hover\:text-morado-900:hover { color: #7528F3 !important; } .hover\:bg-morado-900:hover { background-color: #7528F3 !important; } .hover\:border-morado-900:hover { border-color: #7528F3 !important; } .focus\:ring-morado-900:focus { --tw-ring-color: #7528F3; } .text-morado-1000 { color: #6610F2 !important; } .decoration-morado-1000 { text-decoration-color: #6610F2 !important; } .placeholder-morado-1000::placeholder { color: #6610F2 !important; } .caret-morado-1000 { caret-color: #6610F2 !important; } .bg-morado-1000 { background-color: #6610F2 !important; } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; } .from-morado-1000 { --tw-gradient-from: #6610F2; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .via-morado-1000 { --tw-gradient-stops: var(--tw-gradient-from), #6610F2, var(--tw-gradient-to, rgba(0, 0, 0, 0)); } .to-morado-1000 { --tw-gradient-to: #6610F2; } .to-transparent { --tw-gradient-to: transparent; } .border-morado-1000 { border-color: #6610F2 !important; } .border-t-morado-1000 { border-top-color: #6610F2 !important; } .border-b-morado-1000 { border-bottom-color: #6610F2 !important; } .border-l-morado-1000 { border-left-color: #6610F2 !important; } .border-r-morado-1000 { border-right-color: #6610F2 !important; } .border-x-morado-1000 { border-left-color: #6610F2 !important; border-right-color: #6610F2 !important; } .border-y-morado-1000 { border-top-color: #6610F2 !important; border-bottom-color: #6610F2 !important; } .outline-morado-1000 { outline-color: #6610F2 !important; } .divide-morado-1000 > :not([hidden]) ~ :not([hidden]) { border-top-color: #6610F2 !important; } .divide-morado-1000 > :not([hidden]) { border-color: #6610F2 !important; } .shadow-morado-1000 { --tw-shadow-color: #6610F2; box-shadow: var(--tw-shadow); } .ring-morado-1000 { --tw-ring-color: #6610F2; } .ring-offset-morado-1000 { --tw-ring-offset-color: #6610F2 !important; } .accent-morado-1000 { accent-color: #6610F2 !important; } .fill-morado-1000 { fill: #6610F2 !important; } .stroke-morado-1000 { stroke: #6610F2 !important; } .hover\:text-morado-1000:hover { color: #6610F2 !important; } .hover\:bg-morado-1000:hover { background-color: #6610F2 !important; } .hover\:border-morado-1000:hover { border-color: #6610F2 !important; } .focus\:ring-morado-1000:focus { --tw-ring-color: #6610F2; } /* ==================================== CLASES UTILITARIAS DE TIPOGRAFÍA Compatible con: .font-component, .text-component, .weight-component ==================================== */ .font-component { font-family: var(--font-family-component) !important; } .text-component { font-size: var(--font-size-component) !important; } .weight-component { font-weight: var(--font-weight-component) !important; } .line-height-component { line-height: var(--line-height-component) !important; } .font-h1 { font-family: var(--font-family-h1) !important; } .text-h1 { font-size: var(--font-size-h1) !important; } .weight-h1 { font-weight: var(--font-weight-h1) !important; } .font-h2 { font-family: var(--font-family-h2) !important; } .text-h2 { font-size: var(--font-size-h2) !important; } .weight-h2 { font-weight: var(--font-weight-h2) !important; } .font-h3 { font-family: var(--font-family-h3) !important; } .text-h3 { font-size: var(--font-size-h3) !important; } .weight-h3 { font-weight: var(--font-weight-h3) !important; } .font-h4 { font-family: var(--font-family-h4) !important; } .text-h4 { font-size: var(--font-size-h4) !important; } .weight-h4 { font-weight: var(--font-weight-h4) !important; } .font-h5 { font-family: var(--font-family-h5) !important; } .text-h5 { font-size: var(--font-size-h5) !important; } .weight-h5 { font-weight: var(--font-weight-h5) !important; } .font-h6 { font-family: var(--font-family-h6) !important; } .text-h6 { font-size: var(--font-size-h6) !important; } .weight-h6 { font-weight: var(--font-weight-h6) !important; } .font-subtitulo { font-family: var(--font-family-subtitulo) !important; } .text-subtitulo { font-size: var(--font-size-subtitulo) !important; } .weight-subtitulo { font-weight: var(--font-weight-subtitulo) !important; } .font-body { font-family: var(--font-family-body) !important; } .text-body { font-size: var(--font-size-body) !important; } .weight-body { font-weight: var(--font-weight-body) !important; } .font-caption { font-family: var(--font-family-caption) !important; } .text-caption { font-size: var(--font-size-caption) !important; } .weight-caption { font-weight: var(--font-weight-caption) !important; } .font-button { font-family: var(--font-family-button) !important; } .text-button { font-size: var(--font-size-button) !important; } .weight-button { font-weight: var(--font-weight-button) !important; }