/* Sacado de templates/base.html el 14/08/2026: estaba DENTRO del HTML, o sea que el
   navegador se lo volvia a bajar en cada cambio de pantalla. Mismas
   reglas, mismo sitio en el orden de las hojas. */
      :root {
        --primary: 210 100% 40%;
        --primary-foreground: 0 0% 100%;
        --background: 0 0% 100%;
        --foreground: 220 20% 15%;
        --accent-yellow: 55 82% 52%;
        --cyan: 187 100% 42%;
        --border: 214 32% 91%;
        --card: 0 0% 100%;
        --card-foreground: 220 20% 15%;
        --muted: 210 40% 96%;
        --muted-foreground: 215 16% 47%;
        --ring: 210 100% 40%;
        --radius: 0.75rem;
      }

      /* Body offset for fixed navbar. El menú es position:fixed y su ALTURA varía
         (si hay muchos ítems, se parte en 2 líneas). Un offset fijo tapaba el
         principio de la página; ahora se ajusta a la altura real vía --nav-offset
         (script al final), con 90px de reserva por si el JS no corre. */
      body.page-legacy { padding-top: var(--nav-offset, 90px) !important; }

      /* Navbar: show desktop nav on lg+, hamburger below */
      body > .navbar .nav-links { display: flex !important; }
      body > .navbar .mobile-toggle { display: none !important; }
      @media (max-width: 1023px) {
        body > .navbar .nav-links { display: none !important; }
        body > .navbar .mobile-toggle { display: flex !important; }
      }

      /* Footer: full width, no extra padding from legacy rules */
      .site-footer {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      /* Consistent v2 button border-radius */
      .btn-hero,
      .btn-outline,
      .btn-outline-white,
      .btn-hero-sm,
      .btn-outline-sm,
      .btn-danger-sm {
        border-radius: calc(0.75rem - 2px) !important;
      }

      /* Card hover: prevent jump on dashboard stat cards */
      .dashboard-welcome-card,
      .dashboard-welcome-card:hover,
      .dashboard-credits-card,
      .dashboard-credits-card:hover,
      .dashboard-stat-card,
      .dashboard-stat-card:hover {
        transform: none !important;
      }
      .footer-logo-img {
    height: 48px !important;
}
.site-footer .brand-block {
    max-width: 22rem !important;
}