@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* ui.css — ajustes de interfaz comunes. Creado 2026-08-16.
   El navbar y los tabs viven DENTRO de un .container-fluid, que trae padding
   lateral propio: por eso no llegaban al borde de la pantalla. Se compensa con
   margen negativo en vez de mover el HTML. */
.container-fluid > .navbar,
.container-fluid > .nav-tabs{
	margin-left: calc(var(--bs-gutter-x, 1.5rem) * -.5);
	margin-right: calc(var(--bs-gutter-x, 1.5rem) * -.5);
}

/* 2026-08-25 — La linea de color identificatoria de cada seccion va como
   border-bottom DEL NAVBAR (o de la barra de paneles), no como un <div> suelto
   debajo. Antes convivian las dos y se veia doble linea con un hueco en medio.
   Las reglas que ajustaban aquellos <div style="height:3px"> se retiraron
   porque ya no queda ninguno en el sitio. */

/* ── Header unificado (2026-08-28) ──────────────────────────────────────────
   Los headers de pwv2, city y muestras se habian ido separando: city traia
   Roboto por el <style> viejo de la pagina y pwv2 se quedaba con la pila de
   fuentes del sistema. Ahora la tipografia sale de un solo lugar.

   ⚠️ El color de los links NO es cosmetico: en city/pedido.php y sus tres
   hermanas, el <style> de la pagina declara `li a{color:#333}` para el menu
   viejo, y eso pintaba los botones del navbar de gris oscuro SOBRE FONDO
   OSCURO — practicamente ilegibles. La regla de abajo gana por especificidad
   (.navbar .nav-link = 2 clases) y arregla las cuatro de una. */
.navbar,
.navbar-brand,
.navbar .nav-link,
.navbar .dropdown-item{
	font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.navbar-brand{ font-weight: 500; }

/* Mas contraste que el rgba(255,255,255,.55) que trae Bootstrap por defecto:
   sobre bg-dark, .55 ya se leia flojo. */
.navbar .nav-link{ color: rgba(255,255,255,.85); }
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.show{ color: #fff; }

/* Separacion pareja entre el icono y su texto, en el navbar y en los
   desplegables. Sin esto cada pantalla dependia del espacio suelto que
   hubiera quedado en el HTML. */
.navbar .nav-link > i,
.navbar .dropdown-item > i{ margin-right: .35rem; }