:root {
    --blanco: #ffffff;
    --azulo: #033c73;
    --azulc: #2fa4e7;
    --verde: #73a839;
    --naranja: #dd5600;
    --gris: #e1e1e1;
    
    --grad1: #bbd4d8; 
    --grad2: #88b1b5;
    
    
    --fuente1: 'Great Vibes', cursive;
    --fuente2:'Zen Loop', cursive;
    --fuente3: 'Changa', sans-serif;
}

/*Fondos*/
.bggris{
    background-color: var(--gris);
}

.bggrad{
    background: rgba(212,228,239,1);
    background: -moz-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(136,177,181,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(136,177,181,1)));
    background: -webkit-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(136,177,181,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(136,177,181,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(136,177,181,1) 100%);
    background: linear-gradient(135deg, rgba(212,228,239,1) 0%, rgba(136,177,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#88b1b5', GradientType=1 );
}

/*Tabla*/

.ths {
    position: sticky;
    top: 0;
}

/*Fondos*/
.bgblanco {
    background-color: var(--blanco);
}

/*Fuentes*/
.f-global{
    font-size: .8rem;
    color: red;
}

.table .no-hover:hover {
    background-color: initial;
  }