/*
 # ########*###########################
 Autor: José Luis Rodriguez
 Mail: jrodriguez@bincodex.com
 Web: https://bincodex.com
 Fecha: 2026-07-02 11:23:07
 Archivo: base.css
 Codificación: UTF-8
 Editado en: Kate 25.04.3
 ####################################
 */


:root {

	--color-panles: #2b2b2b;
	--bg-principal: #2c2c41;
    --bg-paneles: #ffffff;
    --texto-oscuro: #1e293b;
    --texto-mutado: #94a3b8;
    --sidebar-color: #0f172a;

	/* Colores Principales */
	--color-primario-dark: #1e3a6d; /* Azul oscuro del texto 'Horizonte' */
	--color-secundario-green: #2ecc71; /* Verde brillante central */
	--color-secundario-lime: #a2d24a; /* Verde lima superior */
	--color-acento-coral: #ff8a75; /* Coral/Rosa derecho */

	/* Paleta de Grises y Fondos */
	--bg-gris-principal: #f4f7f6; /* Fondo de la app más limpio */
	--bg-panel: #ffffff;
	--bg-borde: #e1e8ed;
	--texto-principal: #333333;
	--texto-mutado: #757575;



	/* Efectos */
	--sombra-suave: 0 4px 6px rgba(0, 0, 0, 0.05);
	--sombra-panel: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--radio-borde: 8px; /* Redondeado general */
	--radio-borde-lg: 16px; /* Redondeado para botones/paneles principales */
	--transicion: all 0.2s ease-in-out;


	/* Paleta de riesgos de la BD */
    --color-Ninguno: #10b981;      /* Nivel 0 */
    --color-Bajo: #facc15;     /* Nivel 1 */
    --color-Medio: #f59e0b;      /* Nivel 2 */
    --color-Alto: #ef4444;   /* Nivel 3 */


    /* Colores decorativos */
    --color-azul: #3b82f6;
    --color-purpura: #a855f7;
    --fuente-sistema: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	/* Tipografía */
	--fuente-principal: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}


/* Clases de alineación estándar */
.iz { text-align: left; }
.cn { text-align: center; }
.dr { text-align: right; }


/* Clases interactivas */
.lk, .cks_all_sel {
	cursor: pointer;
	user-select: none;
	color: var(--color-primario-dark);
	transition: var(--transicion);
}

.lk:hover {
	color: var(--color-secundario-green);
}


.bckRed { background: #e74c3c !important; color: white !important; }
.bckGreen { background: var(--color-secundario-green) !important; color: white; }
.bckOrange { background: #f39c12 !important; color: white; }
.bckBlue { background: var(--color-primario-dark) !important; color: white; }
.bckSilver { background: #95a5a6 !important; color: white; }
.bckPurple { background: #8e44ad !important; color: white; }


.alert {
	font-size: 1.2em;
	padding: 15px;
	border-radius: var(--radio-borde);
	background-color: #fef9c3; /* Amarillo pastel suave */
	color: #854d0e;
	border: 1px solid #fde047;
}