/*@font-face {
  font-family: fuenteUUGoogle;
  src: url("../fonts/Public_Sans/PublicSans-VariableFont_wght.ttf");
}*/

body {
  font-family:"Sans-serif", Helvetica !important;
  font-size: 13px;
}
/*
Se comento lo siguiente en CSS para quitar los icono de Beta y la marca de agua que salia en el usuario unico
27/10/2025
body:after{
	content: "beta";
	position: fixed;
	z-index: 1070;
	width: 80px;
	height: 25px;
	background: #EE8E4A;
	top: 7px;
	left: -20px;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #222;
	line-height: 27px;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
  }
  
 .container:after {
	content: "beta beta"; 
	font-size: 30em;  
	color: rgba(189, 205, 233, 0.12);
	z-index: 9999;
   
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top:-20;
	right: 0;
	bottom: -200;
	left: 0;
	-ms-transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	transform:rotate(-20deg);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
  
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}*/

:root{
	--body-color: #E5D8C3;
	--sidebar-color: #E5D8C3;
	--primary-color: #5D4031;
	--primary-color-light:#f8f9f9;
	--toggle-color: #DDD;
	--text-color:  #233542;
	
	--tran-02: all 0.2s ease;
	--tran-03: all 0.3s ease;
	--tran-04: all 0.4s ease;
	--tran-05: all 0.5s ease;
	
}
.sidebar .image{
	min-width: 60px;
	display: flex;
	align-items: center;
	
}

/* ====== SideBar ======*/
.sidebar{
	position: fixed;
	top: 45px;
	left: 0;
	height: 100%;
	width: 250px;
	padding: 10px 14px;
	background: var(--primary-color-light);
	z-index: 1;
	
}
.sidebar li{
	height: 50px;
	margin-top: 10px;
	list-style: none;
	display: flex;
	align-items: center;
	
}
.sidebar li .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 60px;
	font-size: 20px;
}
.sidebar li .icon,
.sidebar li .text{
	color: black;
	transition: var(--tran-02);
	
}
.sidebar li a{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	border-radius: 6px;
	transition: var(--tran-04);
	
}
.sidebar li a:hover{
	background: var(--primary-color);
}
.sidebar li a:hover .icon,
.sidebar li a:hover .text{
	color: var(--sidebar-color);
}

.sidebar header{
	position: relative;
}

.sidebar .image-text img{
	width: 50px;
	border-radius: 6px;
	margin-left: 5px;
}

.sidebar header .image-text{
	/*padding: 5px;*/
	display: flex;
	border-radius: 6px;
	align-items: center;
	margin-top: 25px;
	
	
}
.sidebar header .text{
	margin-left: 10px;
	font-size: 20px;
}

.header .image-text .header-text{
	display: flex;
	flex-direction: column;
}
.header-text .name{
	font-weight: 600;
}
.header-text .profession{
	margin-top: -2px;
}
div.content {
	margin-top: 0;
	margin-left: 130px;
	padding: 1px 16px;
	/*height: 1000px;*/
}

@media screen and (max-width: 700px) {
	.sidebar {top: 73px; width: 80%; height: auto; left: -100%; position: fixed;}
	.sidebar header .image-text{margin-top: 25px;}
	.sidebar a {float: left; }
	.sidebar header .image{padding: 3px; margin-left: 25px;}
	.sidebar header .header-text{margin-left: 20px;}
  /*div.content {margin-left: 0;}*/
}
@media screen and (max-width: 500px) {
	.sidebar {top: 44px; width: 80%; height: 100%; left: -100%;}
	.sidebar header .btnOculto {margin-left: 270px; margin-top: 30px; visibility: visible;}
	.sidebar header .menu_bar{display: block}
	.sidebar header .image-text{margin-top: 25px;}
	.sidebar a {float: left; }
	.sidebar header .image{padding: 3px; margin-left: 25px;}
	.sidebar header .header-text{margin-left: 20px;}
	
	div.content {
	margin-top: 130px;
	margin-left: 0;
	padding: 1px 16px;
	/*height: 1000px;*/
	}

	}

@media screen and (max-width: 400px) {
  .sidebar a {float: none;}
  .sidebar header .image{padding: 3px; margin-left: 0;}
  .sidebar header .header-text{margin-left: 0;}
}