/*Estilos del Body*/
body{
    background-color: var(--blancosuave);
    font-family: 'OpenSans';
}
/*Estilos del Main Informes*/
h1{
    font-family: 'Zodiak';
    color: var(--dorado1) !important;
}
.maininformes{
    width: 100%;
}
.card{
    width: 90% !important;
}
@media (min-width: 1200px) {
    .card{
        max-width: 940px !important;
    }
}
.divtitulofti{
    background-color: var(--guinda2) !important;
}
.divtitulofti h3{
    font-family: 'OpenSans';
    color: var(--blanco);
    margin: 0 !important;
}
.divtitulofti p{
    font-size: 'OpenSans';
    color: var(--blanco);
    background-color: var(--dorado1);
    margin: 0 !important;
    border-radius: 0.2rem;
}
tr th{
    font-family: 'OpenSans';
    color: var(--guinda2) !important;
}
.año div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--blanco) !important;
    aspect-ratio: 1/1 !important;
    background-color: var(--guinda2) !important;
    border-radius: 50% !important;
}
.datos h5{
    font-family: 'OpenSans';
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.datos span{
    font-weight: 600;
}
.datos p{
    font-family: 'OpenSans';
    font-size: 14px;
    margin: 0;
}
.datos p:last-of-type{
    color: var(--guinda1);
}
@media (min-width: 1200px) {
    .datos h5{
        font-size: 20px;
    }
    .datos p{
        font-size: 16px;
    }
}
.dropdown button{
    background-color: var(--guinda1) !important;
}
.dropdown-item{
    font-family: 'OpenSans';
}
.dropdown-item:hover{
    background-color: var(--guinda1);
    color: var(--blanco);
}
.pagination{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    margin-top: 10px;
}
.active .page-link{
    background-color: var(--guinda2) !important;
    border-color: var(--guinda2) !important;
    color: var(--blanco) !important;
}
.page-item span, .page-item a{
    font-family: 'Zodiak';
    font-weight: 700;
}
.page-link{
    color: #555 !important;
    border: 1px solid var(--blanco) !important;
}
.page-link:hover{
    background-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
    color: var(--guinda2) !important;
}
.text-muted{
    font-family: 'OpenSans' !important;
}