/* ==========================================================================
   inrtran — Sistema de Diseño GOV.CO (aplicado sobre Bootstrap 5.3)
   Tokens oficiales de GOV.CO: tipografía Work Sans, azul institucional,
   amarillo de acento y paleta semántica del Estado colombiano.
   Se carga después de Bootstrap en los dos layouts base, así que prevalece.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');

:root {
    /* --- Paleta oficial GOV.CO --- */
    --govco-azul: #3366CC;          /* azul institucional (primario) */
    --govco-azul-oscuro: #26417D;   /* hover / activo */
    --govco-azul-header: #004884;   /* franja de gobierno */
    --govco-azul-claro: #E4EEFA;
    --govco-amarillo: #FFAB00;      /* acento */
    --govco-verde: #069169;         /* éxito */
    --govco-rojo: #A80521;          /* error / peligro */
    --govco-advertencia: #F3A81D;   /* advertencia */
    --govco-gris: #F6F8F9;
    --govco-texto: #242C34;

    /* --- Mapeo a variables de Bootstrap --- */
    --bs-primary: var(--govco-azul);
    --bs-primary-rgb: 51, 102, 204;
    --bs-link-color: var(--govco-azul);
    --bs-link-color-rgb: 51, 102, 204;
    --bs-link-hover-color: var(--govco-azul-oscuro);
    --bs-success: var(--govco-verde);
    --bs-success-rgb: 6, 145, 105;
    --bs-danger: var(--govco-rojo);
    --bs-danger-rgb: 168, 5, 33;
    --bs-warning: var(--govco-advertencia);
    --bs-warning-rgb: 243, 168, 29;
    --bs-body-bg: var(--govco-gris);
    --bs-body-color: var(--govco-texto);
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.35rem;
    --bs-font-sans-serif: 'Work Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

body {
    font-family: var(--bs-font-sans-serif);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .navbar-brand { font-weight: 700; letter-spacing: -0.01em; }

/* --- Botones GOV.CO --- */
.btn-primary {
    --bs-btn-bg: var(--govco-azul);
    --bs-btn-border-color: var(--govco-azul);
    --bs-btn-hover-bg: var(--govco-azul-oscuro);
    --bs-btn-hover-border-color: var(--govco-azul-oscuro);
    --bs-btn-active-bg: var(--govco-azul-oscuro);
    --bs-btn-active-border-color: var(--govco-azul-oscuro);
    --bs-btn-disabled-bg: var(--govco-azul);
    --bs-btn-disabled-border-color: var(--govco-azul);
    font-weight: 600;
}
.btn-outline-primary {
    --bs-btn-color: var(--govco-azul);
    --bs-btn-border-color: var(--govco-azul);
    --bs-btn-hover-bg: var(--govco-azul);
    --bs-btn-hover-border-color: var(--govco-azul);
    --bs-btn-active-bg: var(--govco-azul);
    font-weight: 600;
}
.btn-success { --bs-btn-bg: var(--govco-verde); --bs-btn-border-color: var(--govco-verde); --bs-btn-hover-bg: #057a58; --bs-btn-hover-border-color: #057a58; }
.btn-danger  { --bs-btn-bg: var(--govco-rojo);  --bs-btn-border-color: var(--govco-rojo);  --bs-btn-hover-bg: #8c0419; --bs-btn-hover-border-color: #8c0419; }
.btn-warning { --bs-btn-bg: var(--govco-advertencia); --bs-btn-border-color: var(--govco-advertencia); color: #3a2c00; }
.btn { border-radius: 0.5rem; }

/* --- Franja GOV.CO (encabezado obligatorio del Estado) --- */
.govco-franja {
    background-color: var(--govco-azul);
    padding: 0.4rem 0;
}
.govco-logo {
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.02em;
    text-decoration: none;
}
.govco-logo .govco-co { font-weight: 400; }
.govco-logo:hover { color: #fff; opacity: 0.92; }
.govco-enlace {
    color: #fff;
    font-size: 0.8rem;
    text-decoration: none;
    opacity: 0.95;
}
.govco-enlace:hover { color: var(--govco-amarillo); }

/* --- Franja de gobierno (barra superior azul) al estilo GOV.CO --- */
header > .bg-primary:first-child { background-color: var(--govco-azul-header) !important; }

/* --- Barra de navegación (sticky) --- */
header .navbar.bg-white { position: sticky; top: 0; z-index: 1030; border-bottom: 3px solid var(--govco-azul) !important; }
.navbar-brand .text-primary { color: var(--govco-azul) !important; }
.nav-link { font-weight: 500; }

/* --- Tarjetas: elevación al pasar el mouse --- */
.card {
    border: 1px solid rgba(51, 102, 204, 0.1);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
    transition: box-shadow 0.16s ease, transform 0.16s ease;
}
a.card:hover, .card.hover-lift:hover {
    box-shadow: 0 10px 26px rgba(16, 24, 40, 0.13);
    transform: translateY(-2px);
}

/* --- Tablas --- */
.table > thead { --bs-table-bg: #eaf0f9; }
.table > thead th { font-weight: 600; color: #2b3b57; }
.table-hover > tbody > tr:hover > * { --bs-table-bg-state: #eef4fd; }

/* --- Pestañas (nav-pills) --- */
.nav-pills { --bs-nav-pills-link-active-bg: var(--govco-azul); }
.nav-pills .nav-link { color: var(--govco-azul); font-weight: 600; }
.nav-pills .nav-link:hover:not(.active) { background: var(--govco-azul-claro); }

/* --- Insignias y progreso --- */
.badge { font-weight: 600; letter-spacing: 0.01em; }
.progress { background-color: #e6ebf2; }

/* --- Formularios (foco GOV.CO) --- */
.form-control:focus, .form-select:focus {
    border-color: rgba(51, 102, 204, 0.55);
    box-shadow: 0 0 0 0.2rem rgba(51, 102, 204, 0.18);
}

/* --- Accesibilidad: foco de teclado visible (obligatorio en GOV.CO) --- */
:focus-visible { outline: 3px solid rgba(51, 102, 204, 0.45); outline-offset: 2px; }

/* --- Footer: enlaces con acento amarillo GOV.CO al hover --- */
footer a.link-light:hover { color: var(--govco-amarillo) !important; }