/* Marca KontrolCON en el osTicket de soporte.kontrolcon.com (15-10-2026): los mismos colores, letras y
   logotipos que el ERP (wwwroot/app.css). Lo lleva al servidor herramientas/soporte-osticket.sh, que también
   engancha estas hojas en las cabeceras de osTicket: después de actualizar osTicket, volver a pasarlo. */

@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url("Poppins-400.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap; src: url("Poppins-500.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url("Poppins-600.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap; src: url("Poppins-700.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 400 700; font-style: normal; font-display: swap; src: url("PublicSans-400-700.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("IBMPlexMono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: normal; font-display: swap; src: url("IBMPlexMono-500.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: normal; font-display: swap; src: url("IBMPlexMono-600.woff2") format("woff2"); }

:root {
    --kc-azul: #1B54FF;
    --kc-azul-hover: #1544D6;
    --kc-azul-tinta: #1440C4;
    --kc-azul-suave: rgba(27, 84, 255, 0.09);
    --kc-azul-borde: rgba(27, 84, 255, 0.35);
    --kc-sobre-azul: #FFFFFF;
    --kc-tinta: #161616;
    --kc-marino: #19234A;
    --kc-rail: #141416;
    --kc-rail-borde: #2B2C33;
    --kc-rail-texto: #C4C6CF;
    --kc-rail-mudo: #7D808C;
    --kc-sobre-oscuro: #FFFFFF;
    --kc-fondo: #F5F6F8;
    --kc-superficie: #FFFFFF;
    --kc-texto: #16171B;
    --kc-mudo: #626878;
    --kc-borde: #E3E5EA;
    --kc-borde-fuerte: #CDD1D9;
    --kc-peligro: #C4261D;
    --kc-f-titulo: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
    --kc-f-texto: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --kc-f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
    --kc-radio: 4px;
}

body, input, select, textarea, button { font-family: var(--kc-f-texto) !important; }
h1, h2 { font-family: var(--kc-f-titulo) !important; }

/* El logotipo lo pone kontrolcon.js, en línea como en el ERP (las letras son texto en Poppins): mientras
   tanto, nada del de osTicket. */
#logo img { visibility: hidden; }
.kc-soporte-marca { display: inline-flex; align-items: center; gap: 14px; line-height: 1; color: var(--kc-tinta); }
.kc-soporte-marca svg { display: block; height: 34px; width: auto; }
.kc-soporte-rotulo {
    font-family: var(--kc-f-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--kc-mudo);
    border-left: 1px solid var(--kc-borde-fuerte);
    padding: 3px 0 3px 14px;
}
#logo:hover, #logo a:hover { text-decoration: none !important; border-bottom: 0 !important; }

/* Los créditos, como al pie del ERP: lo desarrolla KontrolIN, powered by Atinfor, dentro de EFGrupo. */
.kc-creditos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 22px; color: var(--kc-mudo); margin: 14px 0 4px; }
.kc-creditos-oscuro { color: #9A9EAD; justify-content: flex-start; }
.kc-creditos-par { display: inline-flex; align-items: center; gap: 8px; }
.kc-creditos-rotulo { font-family: var(--kc-f-mono); font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; }
.kc-creditos-enlace, .kc-creditos-enlace:hover { display: inline-flex; line-height: 0; color: var(--kc-texto); border: 0 !important; text-decoration: none !important; margin: 0 !important; }
.kc-creditos-oscuro .kc-creditos-enlace { color: var(--kc-sobre-oscuro); }
.kc-creditos svg { width: 74px; height: auto; }
.kc-creditos-atinfor { height: 12px; width: auto; }
.kc-creditos-efgrupo { height: 26px; width: auto; }
.kc-creditos:not(.kc-creditos-oscuro) .kc-creditos-enlace { opacity: 0.85; }
.kc-creditos-enlace:hover { opacity: 1; }