/*
 * Identidad visual de Tartanga (Markaren eskuliburua) sobre Tabler.
 *  - Colores corporativos: azul R16 G43 B68 (#102B44) y amarillo R255 G243 B62 (#FFF33E).
 *  - Tipografía: Montserrat para títulos (H1-H3) y Roboto para el texto.
 *  - El amarillo nunca se usa para texto sobre blanco: solo como acento gráfico.
 * Las fuentes van en el propio servidor (sin Google Fonts) para no enviar datos fuera.
 */
@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat.woff") format("woff"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/roboto.woff") format("woff"); font-weight: 100 900; font-stretch: 75% 100%; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/roboto-italic.woff") format("woff"); font-weight: 100 900; font-stretch: 75% 100%; font-style: italic; font-display: swap; }

:root, [data-bs-theme=light] {
  --tartanga-azul: #102B44;
  --tartanga-azul-rgb: 16, 43, 68;
  --tartanga-amarillo: #FFF33E;
  --tartanga-azul-suave: #E7EAEE;   /* azul al 10 % sobre blanco */

  --tblr-font-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-primary: var(--tartanga-azul);
  --tblr-primary-rgb: var(--tartanga-azul-rgb);
  --tblr-primary-fg: #fff;
  --tblr-primary-darken: #0C2236;
  --tblr-primary-lt: var(--tartanga-azul-suave);
  --tblr-primary-lt-rgb: 231, 234, 238;
  --tblr-primary-text-emphasis: var(--tartanga-azul);
  --tblr-primary-bg-subtle: var(--tartanga-azul-suave);
  --tblr-link-color: var(--tartanga-azul);
  --tblr-link-color-rgb: var(--tartanga-azul-rgb);
  --tblr-link-hover-color: #0C2236;
  --tblr-focus-ring-color: rgba(var(--tartanga-azul-rgb), .25);
}

body { font-family: var(--tblr-font-sans-serif); }
h1, h2, h3, .h1, .h2, .h3, .page-title, .card-title, .marca-app { font-family: "Montserrat", var(--tblr-font-sans-serif); }
.page-title { font-weight: 600; }

/* Botones y elementos activos en azul corporativo */
.btn-primary { --tblr-btn-bg: var(--tartanga-azul); --tblr-btn-border-color: var(--tartanga-azul); --tblr-btn-hover-bg: #0C2236; --tblr-btn-hover-border-color: #0C2236; --tblr-btn-active-bg: #0A1D2E; --tblr-btn-color: #fff; --tblr-btn-hover-color: #fff; }
.nav-pills .nav-link.active { background: var(--tartanga-azul); color: #fff; }
.form-control:focus, .form-select:focus { border-color: rgba(var(--tartanga-azul-rgb), .5); box-shadow: 0 0 0 .25rem rgba(var(--tartanga-azul-rgb), .15); }

/* Enlaces dentro de tablas y texto: subrayados para distinguirlos del texto, que también es oscuro */
.page-body a:not(.btn, .nav-link, .badge, .rejilla a, .list-group-item) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }

/* Cabecera: fondo blanco (versión corporativa del logotipo) y acento amarillo */
.navbar { border-top: 4px solid var(--tartanga-amarillo); }
.navbar .nav-item.active .nav-link, .navbar .nav-link.active { color: var(--tartanga-azul); font-weight: 600; }
.navbar-expand-md .navbar-nav .nav-item.active::after,
.navbar-expand-md .navbar-nav .nav-link.active::after { border-color: var(--tartanga-amarillo); border-bottom-width: 3px; }
.marca { display: flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--tartanga-azul); }
.marca img { height: 34px; width: auto; }
.marca-app { font-weight: 600; font-size: 1rem; line-height: 1.1; }
.marca-app small { display: block; font-family: var(--tblr-font-sans-serif); font-weight: 400; font-size: .75rem; color: var(--tblr-secondary); }

/* Pantalla de entrada: logotipo horizontal completo, con su zona de protección */
.entrar-logo { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto 1.75rem; }

/* Nombre de la aplicación en la pantalla de entrada */
.entrar-app { text-align: center; margin: 0 0 1.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--tblr-border-color); }
.entrar-app-nombre { display: block; font-family: "Montserrat", var(--tblr-font-sans-serif); font-weight: 700; font-size: 1.75rem; letter-spacing: .02em; color: var(--tartanga-azul); }
.entrar-app-lema { display: block; font-size: .8rem; color: var(--tblr-secondary); }

/* Portada: el logo de la aplicación en color */
.entrar-logo-app { display: block; width: 100%; max-width: 230px; height: auto; margin: 0 auto 1rem; }

/* Cabecera: a la izquierda la aplicación (símbolo y nombre como en su logo), a la derecha el centro */
.marca-app .marca-ikas { font-weight: 800; color: #102B44; letter-spacing: .01em; }
.marca-app .marca-gedi { font-weight: 400; color: #13A570; letter-spacing: .01em; }
.marca-app { font-size: 1.15rem; }
.marca-centro { display: inline-flex; align-items: center; }
.marca-centro img { height: 38px; width: auto; }
.marca-centro-isotipo { display: none; }
@media (max-width: 1399.98px) { .marca-centro-completo { display: none; } .marca-centro-isotipo { display: inline; height: 26px !important; } }