/*Estilos del Body*/
body{
    background-color: var(--blanco);
}
@media (min-width: 1768px) {
    body{
        min-height: 70vh;
    }
}
/*Estilos del Main Areas*/
h1, h2{
    font-family: 'Zodiak';
    color: var(--dorado1) !important;
}
h4{
    font-family: 'OpenSans';
    color: var(--dorado2);
}
p{
    font-family: 'OpenSans';
    color: var(--dorado2);
}
.mainhistorico{
    width: 100%;
}
@media (min-width: 768px) {
    .contenedor2{
        width: 100% !important;
        margin: 0 !important;
    }
}
@media (min-width: 1024px) {
    .contenedor2{
        width: 75% !important;
    }
}
.nav-tabs .nav-link{
    color: var(--blanco);
    background-color: rgba(38, 91, 77, 0.9);
    border: solid 1px #cecece;
}
.nav-tabs .nav-link.active{
    color: var(--blanco);
    background-color: var(--verde2);
    border: solid 1px var(--verde2);
}
.table img{
    width: 50%;
    display: block;
    margin: auto;
}
@media (min-width: 768px) {
    .table img{
        width: 40%;
    }
}
@media (min-width: 1024px) {
    .table img{
        width: 30%;
    }
}
.accordion{
    width: 100% !important;
}
.custom-accordion{
    background-color: #f8fafc;
    color: black;
}
.custom-accordion:focus {
    box-shadow: none;
    outline: none;
}
.custom-accordion:not(.collapsed) {
    background-color: #f8fafc; /* Color cuando está seleccionado (expandido) */
    color: black;
}
@media (min-width: 1200px) {
    .contenedor2{
        width: 100% !important;
    }
}
.color1{background-color: var(--verde1);}
.color2{background-color: var(--verde2);}
.color3{background-color: var(--guinda2);}
.color4{background-color: #f2ede2;}
.color5{background-color: var(--dorado2);}
.box{
    aspect-ratio: 1/1;
}
.box img{
    width: 30%;
}
.textodorado{
    color: var(--dorado1) !important;
}
.dropdown button{
    background-color: var(--dorado1) !important;
    border-color: var(--dorado1);
}
.dropdown-item, .dropdown-toggle{
    font-family: 'OpenSans';
}
.dropdown-item:hover{
    background-color: var(--guinda1);
    color: var(--blanco);
}