/* ====================================================================================================
   CodeLis · utilidades de color para textos e íconos
   Archivo generado a partir de codelis-colors-web.css.
   Cada clase .txt-* aplica el color de la variable CSS equivalente.
   ==================================================================================================== */

.txt-header-data {
    color: var(--blanco) !important;
    font-family: 'Roboto Mono', monospace;
}

/* ---------------------------------------------------------------------------------------------------------------------- Codelis */
.txt-codelis-logoR { color: var(--codelis-logoR); }
.txt-codelis-logoL { color: var(--codelis-logoL); }
.txt-codelis-claro { color: var(--codelis-claro); }
.txt-codelis-extra-claro { color: var(--codelis-extra-claro); }
.txt-codelis-extra-extra-claro { color: var(--codelis-extra-extra-claro); }
.txt-codelis-oscuro { color: var(--codelis-oscuro); }
.txt-codelis-extra-oscuro { color: var(--codelis-extra-oscuro); }
.txt-codelis-extra-extra-oscuro { color: var(--codelis-extra-extra-oscuro); }

/* ---------------------------------------------------------------------------------------------------------------------- Azules y celestes */
.txt-azul-brillante { color: var(--azul-brillante); }
.txt-azul-navy { color: var(--azul-navy); }
.txt-azul-profundo { color: var(--azul-profundo); }
.txt-celeste { color: var(--celeste); }
.txt-celeste-claro { color: var(--celeste-claro); }
.txt-celeste-extraClaro { color: var(--celeste-extraClaro); }

/* ---------------------------------------------------------------------------------------------------------------------- Neutros */
.txt-blanco { color: var(--blanco); }
.txt-gris { color: var(--gris); }
.txt-gris-medio { color: var(--gris-medio); }
.txt-gris-claro { color: var(--gris-claro); }
.txt-gris-extra-claro { color: var(--gris-extra-claro); }
.txt-gris-super-extra-claro { color: var(--gris-super-extra-claro); }
.txt-negro { color: var(--negro); }

/* ---------------------------------------------------------------------------------------------------------------------- Amarillos */
.txt-amarillo-claro { color: var(--amarillo-claro); }
.txt-amarillo-extra-claro { color: var(--amarillo-extra-claro); }
.txt-amarillo { color: var(--amarillo); }

/* ---------------------------------------------------------------------------------------------------------------------- Violetas y magentas */
.txt-violeta { color: var(--violeta); }
.txt-violeta-claro { color: var(--violeta-claro); }
.txt-purpura { color: var(--purpura); }
.txt-magenta { color: var(--magenta); }
.txt-magenta-oscuro { color: var(--magenta-oscuro); }

/* ---------------------------------------------------------------------------------------------------------------------- Rojos */
.txt-rojo { color: var(--rojo); }
.txt-rojo-oscuro { color: var(--rojo-oscuro); }
.txt-rojo-tomate { color: var(--rojo-tomate); }
.txt-granate { color: var(--granate); }

/* ---------------------------------------------------------------------------------------------------------------------- Naranjas */
.txt-naranja { color: var(--naranja); }
.txt-naranja-oscuro { color: var(--naranja-oscuro); }
.txt-naranja-extra-oscuro { color: var(--naranja-extra-oscuro); }
.txt-naranja-claro { color: var(--naranja-claro); }

/* ---------------------------------------------------------------------------------------------------------------------- Cremas */
.txt-crema { color: var(--crema); }
.txt-crema-oscuro { color: var(--crema-oscuro); }

/* ---------------------------------------------------------------------------------------------------------------------- Rosas y fucsias */
.txt-rosa { color: var(--rosa); }
.txt-rosa-claro { color: var(--rosa-claro); }
.txt-rosa-oscuro { color: var(--rosa-oscuro); }
.txt-fucsia { color: var(--fucsia); }

/* ---------------------------------------------------------------------------------------------------------------------- Verdes */
.txt-verde { color: var(--verde); }
.txt-verde-claro { color: var(--verde-claro); }
.txt-verde-oscuro { color: var(--verde-oscuro); }
.txt-verde-azulado { color: var(--verde-azulado); }
.txt-verde-azulado-oscuro { color: var(--verde-azulado-oscuro); }

/* ---------------------------------------------------------------------------------------------------------------------- Limas y olivas */
.txt-lima { color: var(--lima); }
.txt-lima-claro { color: var(--lima-claro); }
.txt-lima-oscuro { color: var(--lima-oscuro); }
.txt-oliva { color: var(--oliva); }
.txt-oliva-claro { color: var(--oliva-claro); }
.txt-oliva-oscuro { color: var(--oliva-oscuro); }

/* ---------------------------------------------------------------------------------------------------------------------- Dorados y marrones */
.txt-dorado { color: var(--dorado); }
.txt-dorado-oscuro { color: var(--dorado-oscuro); }
.txt-marron { color: var(--marron); }
.txt-marron-extra-claro { color: var(--marron-extra-claro); }
.txt-marron-oscuro { color: var(--marron-oscuro); }
.txt-marron-extra-oscuro { color: var(--marron-extra-oscuro); }
.txt-marron-extra-extra-oscuro { color: var(--marron-extra-extra-oscuro); }

/* ---------------------------------------------------------------------------------------------------------------------- Regiones */
.txt-noroeste { color: var(--noroeste); }
.txt-noroeste-claro { color: var(--noroeste-claro); }
.txt-litoral { color: var(--litoral); }
.txt-litoral-claro { color: var(--litoral-claro); }
.txt-cuyo { color: var(--cuyo); }
.txt-cuyo-claro { color: var(--cuyo-claro); }
.txt-serrana { color: var(--serrana); }
.txt-serrana-claro { color: var(--serrana-claro); }
.txt-pampeana { color: var(--pampeana); }
.txt-pampeana-claro { color: var(--pampeana-claro); }
.txt-patagonica { color: var(--patagonica); }
.txt-patagonica-claro { color: var(--patagonica-claro); }

/* ---------------------------------------------------------------------------------------------------------------------- CMYK */
.txt-cyan { color: var(--cyan); }

/* ---------------------------------------------------------------------------------------------------------------------- Estados */
.txt-info { color: var(--info); }
.txt-info-claro { color: var(--info-claro); }
.txt-info-extra-claro { color: var(--info-extra-claro); }
.txt-info-extra-extra-claro { color: var(--info-extra-extra-claro); }
.txt-info-oscuro { color: var(--info-oscuro); }
.txt-info-extra-oscuro { color: var(--info-extra-oscuro); }
.txt-info-extra-extra-oscuro { color: var(--info-extra-extra-oscuro); }
.txt-success { color: var(--success); }
.txt-success-claro { color: var(--success-claro); }
.txt-success-oscuro { color: var(--success-oscuro); }
.txt-success-extra-oscuro { color: var(--success-extra-oscuro); }
.txt-warning { color: var(--warning); }
.txt-warning-oscuro { color: var(--warning-oscuro); }
.txt-warning-extra-oscuro { color: var(--warning-extra-oscuro); }
.txt-warning-claro { color: var(--warning-claro); }
.txt-warning-extra-claro { color: var(--warning-extra-claro); }
.txt-danger { color: var(--danger); }
.txt-danger-claro { color: var(--danger-claro); }
.txt-danger-extraClaro { color: var(--danger-extraClaro); }
.txt-danger-extraExtraClaro { color: var(--danger-extraExtraClaro); }
.txt-danger-oscuro { color: var(--danger-oscuro); }
.txt-danger-extra-oscuro { color: var(--danger-extra-oscuro); }

/* ---------------------------------------------------------------------------------------------------------------------- Social */
.txt-whatsapp { color: var(--bg-whatsapp); }
.txt-whatsapp-oscuro { color: var(--bg-whatsapp-oscuro); }
.txt-facebook { color: var(--bg-facebook); }
.txt-facebook-claro { color: var(--bg-facebook-claro); }
.txt-x { color: var(--bg-x); }
.txt-x-gray { color: var(--bg-x-gray); }
.txt-x-gray-claro { color: var(--bg-x-gray-claro); }
.txt-telegram { color: var(--bg-telegram); }
.txt-linkedin { color: var(--bg-linkedin); }
.txt-wordpress { color: var(--bg-wordpress); }
.txt-wordpress-gray { color: var(--bg-wordpress-gray); }
.txt-mercadoPago { color: var(--bg-mercadoPago); }
.txt-youtube { color: var(--bg-youtube); }
.txt-twitch { color: var(--bg-twitch); }
.txt-kick { color: var(--bg-kick); }
.txt-instagram {
    display: inline-block;
    background: var(--bg-instagram);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.txt-tiktok {
    display: inline-block;
    background: var(--bg-tiktok);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


/* ---------------------------------------------------------------------------------------------------------------------- Alias compatibles */
.txt-instagram {
    display: inline-block;
    background: var(--bg-instagram);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.txt-instagram-rgb {
    display: inline-block;
    background: var(--bg-instagram-rgb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.txt-tiktok {
    display: inline-block;
    background: var(--bg-tiktok);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.txt-tiktok-rgb {
    display: inline-block;
    background: var(--bg-tiktok-rgb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.txt-y-brand {
    color:#DBA33E;
}

.txt-y-brand-rgb {
    color:rgb(219, 163, 62);
}