/* =====================================================================
   Tema corporativo IUS Legal & Consulting para vistas Bootstrap 5.
   Cargar DESPUES del CSS de Bootstrap y de styles.css.
   Paleta tomada del logo: navy (#1f2d52) + naranja (#e96a2c).
   ===================================================================== */

/* Reduce el tamaño global de las vistas BS5 a ~75% (Bootstrap usa rem):
   1rem = 12px en vez de 16px. Escala fuentes, paddings, botones, tablas, etc. */
html { font-size: 12px; }

:root {
	/* Colores corporativos (hex exactos del PDF "Detalles finales" del cliente) */
	--ius-navy: #16294d;       /* primario (boton Ingresar) */
	--ius-navy-700: #0f1c36;   /* hover / activo (mas oscuro) */
	--ius-navy-bar: #1b2d5b;   /* segmento "facturables" de la barra */
	--ius-orange: #f15b22;     /* acento / "no facturables" */
	--ius-orange-700: #d44e1a;

	/* Mapeo a variables de Bootstrap */
	--bs-primary: var(--ius-navy);
	--bs-primary-rgb: 22, 41, 77;
	--bs-link-color: var(--ius-navy);
	--bs-link-color-rgb: 22, 41, 77;
	--bs-link-hover-color: var(--ius-navy-700);
	--bs-link-hover-color-rgb: 15, 28, 54;

	/* Tipografia e identidad de texto (igual que el sitio) */
	--bs-body-font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--bs-body-color: #334155;
	--bs-body-color-rgb: 51, 65, 85;
}

/* ---- Titulos livianos, como el sitio (Nunito Sans 300) ---- */
h1, h2, h4, h5, h6,
.h1, .h2, .h4, .h5, .h6,
.page-header { font-weight: 300; }

/* ---- Botones primary (navy) ---- */
.btn-primary {
	--bs-btn-bg: var(--ius-navy);
	--bs-btn-border-color: var(--ius-navy);
	--bs-btn-hover-bg: var(--ius-navy-700);
	--bs-btn-hover-border-color: var(--ius-navy-700);
	--bs-btn-active-bg: var(--ius-navy-700);
	--bs-btn-active-border-color: var(--ius-navy-700);
	--bs-btn-disabled-bg: var(--ius-navy);
	--bs-btn-disabled-border-color: var(--ius-navy);
}
.btn-outline-primary {
	--bs-btn-color: var(--ius-navy);
	--bs-btn-border-color: var(--ius-navy);
	--bs-btn-hover-bg: var(--ius-navy);
	--bs-btn-hover-border-color: var(--ius-navy);
	--bs-btn-active-bg: var(--ius-navy);
	--bs-btn-active-border-color: var(--ius-navy);
}

/* ---- Utilidades de color primary ---- */
.text-primary { color: var(--ius-navy) !important; }
.bg-primary   { background-color: var(--ius-navy) !important; }

/* ---- Monograma "ius" recortado del logo blanco (navbar) ---- */
.navbar-ius { display:inline-block; height:32px; width:60px; overflow:hidden; vertical-align:middle; }
.navbar-ius img { height:32px; width:auto; max-width:none; display:block; }

/* ---- Navbar navy corporativo; sidebar un azul mas claro para diferenciarlo ---- */
.navbar.bg-dark { background-color: var(--ius-navy) !important; }
.sidebar        { background-color: #11326A !important; }
/* El sidebar BS5 aparece solo en lg+ (igual que el navbar-expand-lg); oculto en mobile/tablet (<992px),
   donde se navega por el menú hamburguesa. (styles.css lo mostraba desde 768px). */
.sidebar { display: none; }
@media (min-width: 992px) { .sidebar { display: block; } }

/* ---- Pestanas: activa en navy, subrayada con el naranja del logo ---- */
.nav-tabs .nav-link { color: var(--ius-navy); }
.nav-tabs .nav-link:hover { color: var(--ius-navy-700); }
.nav-tabs .nav-link.active {
	color: var(--ius-navy);
	font-weight: 600;
	border-bottom: 3px solid var(--ius-orange);
}

/* ---- Acento naranja reutilizable ---- */
.text-ius-orange { color: var(--ius-orange) !important; }
.bg-ius-orange   { background-color: var(--ius-orange) !important; color: #fff; }
.btn-ius-orange {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--ius-orange);
	--bs-btn-border-color: var(--ius-orange);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--ius-orange-700);
	--bs-btn-hover-border-color: var(--ius-orange-700);
}

/* ---- Tom Select (comboboxes con busqueda de Cliente / Proceso) ---- */
.ts-dropdown { z-index: 1057; }   /* por encima del modal (1055) y su backdrop */
.ts-wrapper.single .ts-control > .item,
.ts-dropdown .option {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}