/*Estilos del Body*/
body{
    background-color: var(--blancosuave);
}
/*Estilos del Main FTI*/
h1{
    font-family: 'Zodiak';
    color: var(--dorado1);
}
.mainfichas{
    width: 100%;
}
.card{
    width: 90% !important;
}
@media (min-width: 1200px) {
    .card{
        max-width: 940px !important;
    }
}
.divtitulofti{
    background-color: var(--guinda2);
}
.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;
}
.table{
    font-family: 'OpenSans';
    margin-bottom: 0 !important;
    background-color: var(--blancosuave) !important;
}
.table .clave{
    font-size: 12px;
}
.table th{
    color: var(--guinda2);
}
.table .clave div{
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--guinda2);
    color: var(--blanco);
}
.table img{
    width: 50%;
    display: block;
    margin: auto;
}
@media (min-width: 768px) {
    .table img{
        width: 40%;
    }
}
@media (min-width: 1024px) {
    .table img{
        width: 30%;
    }
}
.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;
}