/* Portal Root: la barra es ROJA OSCURA (el portal de clientes es azul) para que nunca se confundan. */
.pv-root-barra {
    background: #7f1d1d !important;
    border-bottom: 3px solid #fca5a5;
}

.pv-root-barra .navbar-brand,
.pv-root-barra .nav-link {
    color: #fff;
}

.pv-root-menu {
    background: #fff5f5;
    border-bottom: 1px solid #fecaca;
}

.pv-root-menu .nav-item.active .nav-link {
    color: #991b1b;
    font-weight: 600;
}

.pv-root-vacio {
    background: #fff5f5;
}

/* La cabecera de la página: el título nunca queda debajo de sus botones. Tabler pone min-width: 0 a las columnas de una fila
   (.row > *) y, con poco ancho, el título se encogía a lo que dejaban las acciones: a 390 px «1 de 5 vigilantes del plan» quedaba
   encima de «Vigilantes» y «Editar» encima del nombre de la sede. Con su ancho mínimo (la palabra más larga), las acciones bajan
   a la línea de abajo solo cuando no caben al lado; en computadora no cambia nada (ola 5, AG-0001-final-web;
   tests/e2e/ola5/cabeceras_390.py). */
.page-header .row > .col {
    min-width: min-content;
}