:root {
    --tecnm-navy: #13355A;
    --tecnm-maroon: #7A1F3D;
    --tecnm-gold: #C9A227;
}

/* Barra superior */
.topbar-tecnm {
    background-color: var(--tecnm-maroon);
    font-size: .85rem;
}

/* Navbar principal */
.navbar-tecnm {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.navbar-tecnm .nav-link {
    color: var(--tecnm-navy) !important;
    font-weight: 500;
}
.navbar-tecnm .nav-link:hover,
.navbar-tecnm .nav-link:focus {
    color: var(--tecnm-maroon) !important;
}
.navbar-tecnm .dropdown-menu {
    border-top: 3px solid var(--tecnm-maroon);
}

/* Botones institucionales */
.btn-tecnm-primary {
    background-color: var(--tecnm-maroon);
    border-color: var(--tecnm-maroon);
    color: #fff;
}
.btn-tecnm-primary:hover {
    background-color: #5f1830;
    border-color: #5f1830;
    color: #fff;
}

/* Hero */
.hero-tecnm {
    background: linear-gradient(135deg, var(--tecnm-navy), #1d4a7a);
    color: #fff;
}

/* Utilidades de color institucional */
.text-tecnm-navy { color: var(--tecnm-navy); }
.text-tecnm-maroon { color: var(--tecnm-maroon); }
.bg-tecnm-navy { background-color: var(--tecnm-navy); }

/* Footer */
.footer-tecnm {
    background-color: var(--tecnm-navy);
    color: #e8ecf1;
}
.footer-tecnm a {
    color: #e8ecf1;
    text-decoration: none;
}
.footer-tecnm a:hover {
    color: var(--tecnm-gold);
}

/* Contadores */
.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--tecnm-maroon);
}