:root{
    --fondo: #f6f3ef;
    --azul1: #7499dfaf;
    --azul2:#0900af;
}
.tcenter{
 text-align: center;
}.redtop{
	color:red;
	font-size: 18px;
	font-weight: bold;
}
.dashboardtit{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(206px, 1fr));
    gap: 10px;
	margin-bottom:5px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
	background-color: var(--fondo);
}.dashboardtitbt{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(206px, 1fr));
    gap: 10px;
	margin-bottom:5px;
	margin-top: 10px;
	font-size: 18px;
}
.titcat99{
	background-color:var(--fondo);
	border-bottom: 3px solid var(--azul1); 
}
.dashboardtit-item{ 
	min-height: 50px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.cat1{ 
    color: white; 
    background-color: var(--azul1);}
.cat2{ 
    color: var(--azul1); 
    background-color: var(--azul2);}
.button1{
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: transparent;
  color:var(--azul1); 
  border: 2px solid var(--azul1); 
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}.button1:hover{
	background-color: var(--azul1); 
    color: white; 
}
@media (max-width: 768px) {
.navbar a .material-symbols-outlined{ 
        text-decoration: none; 
        color: var(--marron); 
    }
body{
        background-color: var(--crema); 
    }
.material-symbols-outlined{
        background-color: var(--crema);
        border-radius: 5px;
    }
footer .material-symbols-outlined,.metismenu .material-symbols-outlined{
        background-color: white;
    }
}