/* 
SAARGO 23/06/2025
Basado en el KIT DIGITAL DEL GOBIERNO
https://www.figma.com/community/file/1489363238516545637/ui-kit-community-v3-0-0
*/

:root {
	--primario-lighten-2: #649CFD;
	--primario-base: #0F69C4;
    --primario-darken-1: #0051A8;
	--primario-darken-2: #003B8D;
    --primario-darken-3: #002673;
    --primario-darken-4: #00135A;
	
	--secundario-base: #CFE1F3;
	
	--exito-base: #67ad5b;
	--exito-darken-1: #5d9e52;
	
	--focus-base: #f5c16d;
  
  	--black-26: linear-gradient(rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.26));
}

/* GENERAL */

p {
	font-size: 1rem!important;
}
a {
	color: var(--primario-base);
}
.no-transform {
	transform: translateY(0)!important;
}
#overlay {
	background: rgba(0, 0, 0, 0.9)!important;
}

/* Table */

.table th {
	background-color: var(--primario-base);
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #fff;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
	background-color: #fff;
	--bs-table-bg-type: #fff;
}
.table-striped>tbody>tr:nth-of-type(even)>* {
	background-color: #e2ebf4;
	--bs-table-bg-type: #e2ebf4;
}
thead,
thead tr,
thead tr th:first-child,
thead tr th:last-child {
	border-radius: 0;
}

/* Navigation */

.page-link {
	color: var(--primario-base);
}
.active>.page-link, .page-link.active {
	background-color: var(--primario-base);
	border-color:  var(--primario-base);
}

/* Buttons */

.btn-primary {
	background-color: var(--primario-base);
	border-color: var(--primario-base);
}
.btn-primary:hover {
	background-color: var(--primario-darken-1);
	background-image: var(--black-26);
	border-color: var(--primario-base);
}
.btn-primary-darken-2 {
	background-color: var(--primario-darken-2);
	border-color: var(--primario-darken-2);
}
.btn-primary-darken-2:hover {
	background-color: var(--primario-darken-2);
	background-image: var(--black-26);
	border-color: var(--primario-darken-1);
}
.btn,
.btn-cu.rounded-middle {
	border-radius: 0!important;
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
}
.btn-outline-primary {
	border-color: var(--primario-base);
	color: var(--primario-base);
}
.btn-cu.btn-m {
	font-size: 1.25rem;
	font-weight: normal;
}
.btn-outline-primary:hover,
.btn-check:checked+.btn, 
.btn.active, 
.btn.show, 
.btn:first-child:active, 
:not(.btn-check)+.btn:active {
	background-color: var(--primario-base);
	border-color: var(--primario-base);
}
.btn-cu.btn-color-estandar {
	background-color: var(--primario-base);
	border-color: var(--primario-base);
}
.btn-cu.btn-color-estandar:hover {
	background-color: var(--primario-darken-1);
	background-image: var(--black-26);
}
.btn-success {
	background-color: var(--exito-base);
	border-color: var(--exito-base);
}
.btn-success:hover {
	background-color: var(--exito-darken-1);
	background-image: var(--black-26);
}
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
	color: var(--primario-lighten-2);
}
.btn-group-ssm>.btn, .btn-ssm {
	border-radius: 30px!important;
}
.btn.btn-xs {
	padding: 0.2rem 0.5rem;
	border-radius: 30px!important;
	font-size: .6rem;
}
.label-default {
	background: #ccc;
	padding: 0.25rem 0.5rem!important;
	margin: 0 .5rem .5rem 0;
}

/* Form */

.form-control,
.form-select,
.selectize-input {
	border: 1px solid rgba(0,0,0,0.87);
	border-radius: 0;
}
.selectize-dropdown, 
.selectize-input,
.selectize-input input{
	font-size: 1rem!important;
	color: var(--bs-body-color)!important;
}
.form-control:focus,
.form-select:focus,
.selectize-input:focus,
.selectize-input.focus {
	border-color: rgba(0,0,0,0.87);
	box-shadow: 0 0 0 .25rem var(--focus-base);
}
.select2-container--default .select2-selection--single {
	border-radius: 0!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%!important;
}
label[for=sujeto_pasivo_cargo] {
	padding-top: 0;
}
.datepicker,
.input-group-text {
	border-radius: 0!important;
	border-color: rgba(0,0,0,0.87)!important;
}

/* HEADER */

.nav_header {
	background-color: var(--primario-darken-3)!important;
	height: 65px;
}
.header_logo_rrss {
	background-color: var(--primario-darken-4);
	height: 100px;
}
.navbar-brand > img {
	width: 150px;
}
.nav-link:hover,
.nav-link:focus {
	color: var(--primario-lighten-2);
}
.nav-link.btn:hover {
	text-decoration: none;
}
#accessibilidadMenu {
	background-color: var(--primario-base)!important;
	padding: .5rem;
}
#accessibilidadMenu:hover {
	background-color: var(--primario-darken-1)!important;
}
#loginApp {
	color: var(--primario-base);
}
.navbar-toggler {
	right: 0;
	top: -19px;
}

/* FOOTER */

footer {
	background-color: var(--primario-darken-4);
}

/* BREADCRUMB */

nav[aria-label='breadcrumb'] {
	margin-top: 1rem!important;
	margin-bottom: 4rem!important;
}
nav[aria-label='breadcrumb'] li,
nav[aria-label='breadcrumb'] li a {
	font-size: .85rem;
}


/* HOME */

.card-home .card-body {
	background-color: var(--primario-base);
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.card.bienvenidos {
	margin-bottom: 6rem;
	border: 0;
}

/* PRELOGIN */

.prelogin .btn-cu.btn-m,
.prelogin .btn {
	width: 100%!important;
}
.prelogin > .row .col-md-6 {
	padding-bottom: 2rem;
}
.login-content button[type=submit],
.login-content .btn-cu  {
	min-height: 55px;
}
.login-content .btn-cu {
	width: 100%!important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem!important;
}
.login-content .btn-cu.btn-m .cl-claveunica {
	background-size: 30px;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
}

/* ADMIN */

.herramientas-administrativas .card-home .card-header {
	background-color: #fff;
}
.herramientas-administrativas .card-home .card-body a {
	color: #fff;
}
.left-nav-menu .col-2,
.title-cards .card-home .card-header {
	background-color: var(--primario-base);
}
.left-nav-menu .col-2 ul li a {
	display: block;
	border-radius: 0;
}




@media screen and (min-width: 992px) {
	
	.prelogin > .row .col-md-6 {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.prelogin > .row .col-md-6:last-child {
		border-left: 1px solid rgba(0,0,0,0.2);
	}
	.login-content {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.login-content .form-control {
		min-height: 55px;
	}
	.left-nav-menu .col-lg-10,
	.left-nav-menu .col-10 {
		padding: 1.5rem;
		border: 1px solid var(--primario-base);
	}
	.left-nav-menu ul.nav {
		margin-left: 0!important;
	}
	.left-nav-menu ul.nav li {
		width: 100%;
	}
	.left-nav-menu ul.nav li a {
		width: 100%;
		display: block;
	}
	.left-nav-menu ul.nav li.active a {
		background-color: #fff;
		padding-left: 12px;
		color: #2A63A9;
	}
	
}

@media screen and (max-width: 767px) {
	
	.navbar-collapse {
		width: 100%;
		position: absolute;
		top: 55px;
	}
	.navbar-collapse ul.nav li {
		width: 100%;
	}
	.navbar-collapse ul li {
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	.navbar-collapse ul.navbar-nav li:first-child {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.dropdown-menu.show {
		width: 100%;
	}
	.navbar > .container {
		display: block;
	}
	ul.nav .nav-link {
		padding-left: 0;
		padding-right: 0;
	}	
	#overlay {
		height: 100%!important;
	}
	nav[aria-label='breadcrumb'] {
		margin-bottom: 2rem!important;
	}
	.mb-xs-5 {
		margin-bottom: 3rem!important;
	}
	.d-flex.justify-content-between.mb-5 {
		flex-wrap: wrap;
	}
	.d-flex.justify-content-between h2,
	.d-flex.justify-content-between .btn {
		margin-bottom: 2rem!important;
	}
	#menuUsuarios {
		border: 1px solid var(--primario-darken-1);
	}
	#menuUsuarios ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#menuUsuarios ul li {
		border-bottom: 1px solid var(--primario-darken-1);
	}
	#menuUsuarios ul li:last-child {
		border: 0;
	}
	#menuUsuarios ul li a {
		width: 100%;
		padding: .5rem 1rem;
		display: block;
		text-decoration: none;
	}
	#menuUsuarios ul li a i {
		margin-right: 7px;
	}
}