:root {
  --color-Oficial:#0b4972;
}
.Titulo td {
   
   background: linear-gradient(to right, var(--color-Oficial),#ffffff);   
   width: 100%;
}

.GridDgr :is( td, th){
   padding: 8px 4px;
}
.GridDgr thead th{
   background: var(--color-Oficial);
   color:white;
   
   
}

@media (max-width: 800){
.GridDgr{
   display: block;
   height: 0;
   width: 0;
   margin: 0 auto;
   border: 20px solid transparent;
   border-top: 0;
   border-bottom: 0;
   pointer-events:all;
}
.GridDgr{
   display: flex;
   gap: 2px;
   justify-content: space-between;
   overflow:hidden;
   background:#f9f2fc;
}
.GridDgr thead {
   display: block;
   flex: 1 0;
   height: fit-content;
}
.GridDgr tbody {
   flex: 2 0 auto;
   overflow-y: hidden;
   scroll-snap-type: y mandatory;
}
.GridDgr thead tr{
   display: flex;
   flex-direction: column;
   row-gap: 2px;
   flex: 1 0 100%;
}
.GridDgr tbody tr{
   display: flex;
   flex-direction: column;
   row-gap: 2px;
   flex: 1 0 100%;
   scroll-snap-align: start;
}
.GridDgr tbody tr:nth-child(odd){
   background:#f4fff5
}
.GridDgr :is(th, td){
  display: block;
}

}
.GridDgr  thead  tr  th{
  background-color: #5c86bb;
  color: #ffffff;
  border-collapse: collapse;	
}

.GridDgr  tr {
    background-color: #eee; 
}

.GridDgr  tr:nth-child(2) {
   background-color: #eee;
}

.GridDgr  tr:nth-child(even) {
   background-color: #eee;
}

.GridDgr  tr:nth-child(odd) {
   background-color: #fff;
}
.GridDgr  tbody  tr:last-of-type { 
border-bottom: 2px solid #ECE2E0; 

}
/*********************Estilos Grid Menu********************************/
.GridDgrMenu :is( td, th){
   padding: 8px 13px;

}
.GridDgrMenu thead th{
   background: var(--color-Oficial);
   color:white;
   font-size:13px;
   font-weight: normal;

}

@media (max-width: 300px){
.GridDgrMenu{
   display: block;
   height: 0;
   width: 0;
   margin: 0 auto;
   border: 20px solid transparent;
   border-top: 0;
   border-bottom: 0;
   pointer-events:all;
}
.GridDgrMenu{
   display: flex;
   gap: 2px;
   justify-content: space-between;
   overflow:hidden;
   background:#f9f2fc;
}


.GridDgrMenu thead {
   display: block;
   flex: 1 0;
   height: fit-content;
}
.GridDgrMenu tbody {
   flex: 2 0 auto;
   overflow-y: hidden;
   scroll-snap-type: y mandatory;
}
.GridDgrMenu thead tr{
   display: flex;
   flex-direction: column;
   row-gap: 2px;
   flex: 1 0 100%;
}
.GridDgrMenu tbody tr{
   display: flex;
   flex-direction: column;
   row-gap: 2px;
   flex: 1 0 100%;
   scroll-snap-align: start;
}
.GridDgrMenu tbody tr:nth-child(odd){
   background:#f4fff5
}
.GridDgrMenu :is(th, td){
  display: block;

}

}
.GridDgrMenu  thead  tr  th{
  background-color: var(--color-Oficial);
  color: #ffffff;
  border-collapse: collapse;
  text-align: center !important;	
}

.GridDgrMenu  tr {
    background-color: #eee; 
}

.GridDgrMenu  tr:nth-child(2) {
   background-color: #eee;
}

.GridDgrMenu  tr:nth-child(even) {
   background-color: #eee;
}

.GridDgrMenu  tr:nth-child(odd) {
   background-color: #fff;
}
.GridDgrMenu  tbody  tr:last-of-type { 
border-bottom: 2px solid #ECE2E0; 

}

.GridDgrMenu td{
   text-align: center !important;	
}