/* Configuración básica general */
		
		body { 
			background-color: #E8E6E6;
			padding:0px;
		}
		
		/*Main*/
		main {
			margin-left: 240px;/* ajusta según el ancho del sidebar */
		}
		
		h1, h2, h3, h4, h5, p, a, li{
			font-family:Inter;
			margin-bottom:0px;
		}
		
		
		.box{
			border-radius:5px;
			background-color: #FFFFFF;
			box-shadow: 0 0 5px rgba(0,0,0,0.4);
			overflow:hidden;
		}
		
		.section-div{
			padding:1rem;
			background-color:#05478a;
			box-shadow: 0 0 15px rgba(0,0,0,0.4);
		}
		
		.section-title{
			color:#fff;
			margin:0px;
			font-family: Inter;
		}
		
		.breadcrumb-box {
			border-radius:5px;
			background-color: #FFFFFF;
			padding:1rem;
			box-shadow: 0 0 5px rgba(0,0,0,0.1);
		
		}
		
		.btn-primary {
		--bs-btn-color: #fff;
		--bs-btn-bg: #05478a;
		--bs-btn-border-color: #05478a;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #0b5ed7;
		--bs-btn-hover-border-color: #0a58ca;
		--bs-btn-focus-shadow-rgb: 49, 132, 253;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #0a58ca;
		--bs-btn-active-border-color: #0a53be;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #fff;
		--bs-btn-disabled-bg: #05478a;
		--bs-btn-disabled-border-color: #05478a;
		}
		
		.pointer{
			cursor:pointer;
		}
		
		/* En pantallas pequeñas, el sidebar se convierte en overlay */
		@media (max-width: 768px) {
			main {
				margin-left: 0px; /* ajusta según el ancho del sidebar */
				padding:0px;
			}
			
			.box{
			width:AUTO;
		}
		}