/*
 * Salgado Abogados - capa de marca sobre Metronic 8.3.2 (demo39)
 * Colores tomados del logo oficial:
 *   #2E277A  azul marino (primary)
 *   #009CDF  cian (info / acento)
 *   #1E1E1C  negro tipografico
 * Este archivo se carga DESPUES de style.bundle.css y solo redefine variables,
 * para no tocar el bundle del theme y poder actualizarlo sin perder la marca.
 */

:root,
[data-bs-theme="light"] {
	/* Primary: azul marino del logo */
	--bs-primary: #2E277A;
	--bs-primary-active: #241E63;
	--bs-primary-light: #EDECF5;
	--bs-primary-inverse: #FFFFFF;
	--bs-primary-rgb: 46, 39, 122;
	--bs-primary-clarity: rgba(46, 39, 122, 0.2);
	--bs-primary-bg-subtle: #E4E2F0;
	--bs-primary-border-subtle: #A9A4CE;
	--bs-primary-text-emphasis: #1C1849;
	--bs-text-primary: #2E277A;

	/* Info: cian del logo */
	--bs-info: #009CDF;
	--bs-info-active: #0086C0;
	--bs-info-light: #E5F5FC;
	--bs-info-inverse: #FFFFFF;
	--bs-info-rgb: 0, 156, 223;
	--bs-info-clarity: rgba(0, 156, 223, 0.2);
	--bs-text-info: #009CDF;

	/* Links */
	--bs-link-color: #2E277A;
	--bs-link-hover-color: #241E63;
}

/*
 * El sidebar NO se repinta aqui. El theme lo deja en #F9F9F9 (y #0D0E12 en modo
 * oscuro), que es el gris muy claro que lo separa del contenido en demo39.
 * Estuvo forzado a #FFFFFF y el resultado era un sidebar que se fundia con la
 * pagina. Si hay que cambiarlo, el par de variables es:
 *   --bs-app-sidebar-base-bg-color  y  --bs-app-sidebar-minimize-bg-color
 * y hay que darles el mismo valor, o el sidebar cambia de color al minimizarlo.
 */

/* Marca de agua del login: degradado del logo */
.salgado-auth-aside {
	background: linear-gradient(135deg, #2E277A 0%, #241E63 55%, #009CDF 100%);
}

/* Los listados heredados traen tablas muy densas; damos aire sin tocar cada vista */
.table.gy-salgado > :not(caption) > * > * {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

/* ------------------------------------------------------------------
 * Compatibilidad temporal con las vistas aun no migradas.
 *
 * Las vistas heredadas vienen de AdminLTE 2 / Bootstrap 3 y usan clases que
 * Bootstrap 5 ya no tiene. Esto las deja legibles y usables mientras se migran
 * modulo por modulo. Cuando no quede ninguna vista con estas clases, borrar
 * este bloque completo.
 * ------------------------------------------------------------------ */

/* Cabecera de pagina de AdminLTE, convertida en el toolbar de Metronic */
.content-header {
	padding: 0 0 1.5rem 0;
}

.content-header > h1 {
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--bs-gray-900);
	margin: 0;
}

.content-header > .breadcrumb {
	background: none;
	padding: 0.35rem 0 0 0;
	margin: 0;
	font-size: 0.9rem;
}

.content-header > .breadcrumb > li {
	color: var(--bs-gray-500);
}

.content-header > .breadcrumb > li + li::before {
	content: "/";
	padding: 0 0.5rem;
	color: var(--bs-gray-400);
}

.content-wrapper,
.content-wrapper > .content {
	padding: 0;
	margin: 0;
	background: none;
}

/* Grilla: Bootstrap 3 usaba col-xs-*, Bootstrap 5 lo renombro a col-* */
.col-xs-1  { flex: 0 0 auto; width: 8.33333333%; }
.col-xs-2  { flex: 0 0 auto; width: 16.66666667%; }
.col-xs-3  { flex: 0 0 auto; width: 25%; }
.col-xs-4  { flex: 0 0 auto; width: 33.33333333%; }
.col-xs-5  { flex: 0 0 auto; width: 41.66666667%; }
.col-xs-6  { flex: 0 0 auto; width: 50%; }
.col-xs-7  { flex: 0 0 auto; width: 58.33333333%; }
.col-xs-8  { flex: 0 0 auto; width: 66.66666667%; }
.col-xs-9  { flex: 0 0 auto; width: 75%; }
.col-xs-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xs-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }

[class*="col-xs-"] {
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/* Utilidades que Bootstrap 5 renombro */
.pull-right { float: right; }
.pull-left  { float: left; }
.hidden     { display: none !important; }
.text-right { text-align: right; }

/* Espaciado de formularios de Bootstrap 3 */
.form-group { margin-bottom: 1rem; }

.form-horizontal .control-label {
	font-weight: 500;
	padding-top: calc(0.75rem + 1px);
}

/* Cajas de AdminLTE, resueltas como card de Metronic */
.box {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 0.625rem;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.03);
	margin-bottom: 1.5rem;
}

.box-header {
	padding: 1.25rem 2.25rem;
	border-bottom: 1px solid var(--bs-border-color);
}

.box-header .box-title {
	font-size: 1.1rem;
	font-weight: 600;
	margin: 0;
}

.box-body,
.box-footer {
	padding: 1.5rem 2.25rem;
}

/* Tarjetas de indicador de AdminLTE (small-box) */
.small-box {
	position: relative;
	border-radius: 0.625rem;
	padding: 1.25rem;
	margin-bottom: 1.25rem;
	color: #fff;
}

.small-box .inner h3 {
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	margin: 0 0 0.25rem 0;
}

.small-box .inner p { margin: 0; opacity: 0.85; }

.small-box .icon {
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	font-size: 2.5rem;
	opacity: 0.25;
}

.small-box .small-box-footer {
	display: block;
	margin: 1rem -1.25rem -1.25rem;
	padding: 0.5rem;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	background: rgba(0, 0, 0, 0.12);
	border-radius: 0 0 0.625rem 0.625rem;
	text-decoration: none;
}

.small-box .small-box-footer:hover { background: rgba(0, 0, 0, 0.2); color: #fff; }

.bg-aqua   { background-color: #009CDF !important; color: #fff !important; }
.bg-green  { background-color: var(--bs-success) !important; color: #fff !important; }
.bg-yellow { background-color: var(--bs-warning) !important; color: #fff !important; }
.bg-red    { background-color: var(--bs-danger) !important; color: #fff !important; }
.bg-blue   { background-color: var(--bs-primary) !important; color: #fff !important; }