/* Neutrales */
.color-blanco {
    color: #ffffff;
}
.color-negro {
    color: #000000;
}
.color-gris-oscuro {
    color: #333333;
}
.color-gris-medio {
    color: #666666;
}
.color-gris-claro {
    color: #cccccc;
}

/* Colores Primarios Potentes */
.color-rojo {
    color: #981f1f;  /* Tu rojo original (conservado) */
}
.color-rojo-vivo {
    color: #ff0000;  /* Rojo puro para llamadas a acción */
}
.color-azul {
    color: #143850;  /* Tu azul original (conservado) */
}
.color-azul-cielo {
    color: #1e90ff;  /* Azul brillante para enlaces */
}
.color-verde {
    color: #72bd52;  /* Tu verde original (conservado) */
}
.color-verde-menta {
    color: #3cb371;  /* Verde fresco para éxito/confirmación */
}
.color-naranja {
    color: #e3622e;  /* Tu naranja original (conservado) */
}
.color-naranja-vivo {
    color: #ff8c00;  /* Naranja intenso para alertas */
}


.color-fondo-claro {
    color: #f5f5f5;  /* Gris muy claro para fondos */
}

/* Morados y Violetas */
.color-morado {
    color: #800080;  /* Clásico para creatividad */
}
.color-lavanda {
    color: #9370db;  /* Tonos suaves para diseños modernos */
}

/* Amarillos y Dorados */
.color-amarillo {
    color: #ffd700;  /* Dorado para destacar */
}
.color-ambar {
    color: #ffbf00;  /* Amarillo cálido */
}
/* Rosas y Magentas */
.color-rosa {
    color: #ff69b4;  /* Rosa vibrante */
}
.color-fucsia {
    color: #ff00ff;  /* Magenta para elementos destacados */
}

/* Colores para UX/UI (estados) */
.color-exito {
    color: #4caf50;  /* Verde para confirmaciones */
}
.color-error {
    color: #f44336;  /* Rojo para errores */
}
.color-advertencia {
    color: #ff9800;  /* Naranja para advertencias */
}
.color-info {
    color: #2196f3;  /* Azul claro para información */
}



.negrita {
    font-weight: bold;
}


/* Neutrales */
.fondo-blanco {
    background: #ffffff;
}
.fondo-negro {
    background: #000000;
}
.fondo-gris-oscuro {
    background: #333333;
}
.fondo-gris-medio {
    background: #666666;
}
.fondo-gris-claro {
    background: #cccccc;
}

/* Colores Primarios Potentes */
.fondo-rojo {
    background: #981f1f;  /* Tu rojo original (conservado) */
}
.fondo-rojo-vivo {
    background: #ff0000;  /* Rojo puro para llamadas a acción */
}
.fondo-azul {
    background: #143850;  /* Tu azul original (conservado) */
}
.fondo-azul-cielo {
    background: #1e90ff;  /* Azul brillante para enlaces */
}
.fondo-verde {
    background: #72bd52;  /* Tu verde original (conservado) */
}
.fondo-verde-menta {
    background: #3cb371;  /* Verde fresco para éxito/confirmación */
}
.fondo-naranja {
    background: #e3622e;  /* Tu naranja original (conservado) */
}
.fondo-naranja-vivo {
    background: #ff8c00;  /* Naranja intenso para alertas */
}


.fondo-fondo-claro {
    background: #f5f5f5;  /* Gris muy claro para fondos */
}

/* Morados y Violetas */
.fondo-morado {
    background: #800080;  /* Clásico para creatividad */
}
.fondo-lavanda {
    background: #9370db;  /* Tonos suaves para diseños modernos */
}

/* Amarillos y Dorados */
.fondo-amarillo {
    background: #ffd700;  /* Dorado para destacar */
}
.fondo-ambar {
    background: #ffbf00;  /* Amarillo cálido */
}
/* Rosas y Magentas */
.fondo-rosa {
    background: #ff69b4;  /* Rosa vibrante */
}
.fondo-fucsia {
    background: #ff00ff;  /* Magenta para elementos destacados */
}

/* Colores para UX/UI (estados) */
.fondo-exito {
    background: #4caf50;  /* Verde para confirmaciones */
}
.fondo-error {
    background: #f44336;  /* Rojo para errores */
}
.fondo-advertencia {
    background: #ff9800;  /* Naranja para advertencias */
}
.fondo-info {
    background: #2196f3;  /* Azul claro para información */
}


.bg-azul {
    background-color: rgb(3, 158, 227);
}

.color-azul {
    color: rgb(3, 158, 227);
}