/* ══════════════════════════════════════════════════════════════════════════════ El Grecko — capa de marca sobre OneUI 5.12 ────────────────────────────────────────────────────────────────────────────── El rojo de marca YA NO se parchea acá: lo hornea el tema compilado (assets/oneui/css/themes/grecko.min.css, fuente en assets/oneui/_src/grecko.scss). Recompilar con: npx gulp css-scss-themes && npx gulp css-min-themes en ui_ejemplo/oneui/ — en ese orden, no juntos: gulp los corre en paralelo y el minificador se adelanta al compilador. Acá quedan solo dos cosas: los huecos del tema, y lo específico de Grecko. ══════════════════════════════════════════════════════════════════════════════ */ /* ── Hueco del tema de OneUI ────────────────────────────────────────────────── El mixin color-theme() no regenera .border-primary: queda con el azul #2356d7 literal aunque el resto del tema esté en rojo. Es un bug del template. Si en una versión futura lo arreglan, esta regla se puede borrar. */ /* .border-primary { border-color: #bf1a00 !important; } */ /* ── Variables de texto de Grecko → tokens de OneUI ─────────────────────────── HALLAZGO (2026-07-15): --tx-1..4, --bd, --bg-raised y --bg-2 se usan 388 veces entre index.php, grecko.css y grecko.js — y NO ESTÁN DEFINIDAS EN NINGÚN LADO. Ni acá ni en producción. Verificado en el browser: var(--tx-1) resuelve a "", el var() queda inválido y la propiedad hereda. Resultado: un

con color:var(--tx-1) y un

con color:var(--tx-4) computan al MISMO gris (rgb(51,65,85), el color del body). La jerarquía de texto que el autor quiso nunca existió — está todo plano. Definirlas acá, mapeadas a los tokens de Bootstrap/OneUI, repara las 388 de una sola vez y recupera la jerarquía original, ahora con la paleta del template. Alternativa era editar 388 declaraciones a mano; esto es una. A medida que se migre cada vista, los estilos inline se van reemplazando por clases de OneUI (text-muted, fs-sm…) y este bloque se puede ir achicando. */ :root { --tx-1: var(--bs-emphasis-color); /* títulos */ --tx-2: var(--bs-body-color); /* texto normal */ --tx-3: var(--bs-secondary-color); /* secundario */ --tx-4: var(--bs-tertiary-color); /* apagado / muted */ --bd: var(--bs-border-color); --bg-raised: var(--bs-tertiary-bg); --bg-2: var(--bs-body-bg); --scs-red: #bf1a00; /* rojo de marca (renders JS heredados; --bs-primary sigue azul por un quirk del tema) */ } /* ── Botón de marca ─────────────────────────────────────────────────────────── btn-alt-primary de OneUI es un botón "suave" (fondo tenue). Para el CTA de marca lo queremos sólido en rojo. */ /* .btn-alt-primary { --bs-btn-color: #fff; --bs-btn-bg: #bf1a00; --bs-btn-border-color: #bf1a00; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #b91c1c; --bs-btn-hover-border-color: #b91c1c; --bs-btn-active-bg: #b91c1c; --bs-btn-active-border-color: #b91c1c; } */ /* Panel de marca del login: el gradiente + halo rojo del UI que le gustó al grupo, acá sobre el layout de OneUI en vez de Tailwind. */ .grk-hero { background: radial-gradient(circle at top left, rgba(191,26,0, .20), transparent 40%), linear-gradient(135deg, #050505, #101010, #181818); } .grk-hero-logo { max-width: 150px; height: auto; } .grk-hero-ico { color: #f87171; } /* El foco de los inputs viene azul del build de OneUI. */ .form-control:focus { border-color: #bf1a00; box-shadow: 0 0 0 .25rem rgba(191,26,0, .15); } /* ── Bloque de sesión del sidebar ───────────────────────────────────────────── El .env-badge-side de grecko.css estaba dimensionado para el sidebar viejo (.grk-sidebar) y se desborda dentro del #sidebar de OneUI. Esto lo reemplaza. */ .grk-side-sesion { padding: .5rem 1.25rem 1rem; } .grk-side-env { display: inline-flex; align-items: center; gap: .4rem; font-size: .72rem; font-weight: 600; border-radius: 6px; padding: .25rem .6rem; max-width: 100%; } .grk-side-env.lab { background: rgba(245, 158, 11, .12); color: #fbbf24; } .grk-side-env.prod { background: rgba(22, 163, 74, .12); color: #4ade80; } /* El logout es un