.marker-icon-blue {
    color: #007BFF;
}

.marker-icon-yellow {
    color: #FFFF00;
}

.custom-icon {
    font-size: 24px;
    color: #0F97A6;
}

.hidden {
    display: none;
}

.leaflet-control-layers {
    background-color: transparent;
    border: none;
}

#mapa-coslada {
    width: 100%;
    height: 75vh;
    margin: 0;
    padding: 0;
}

#ver-recursos,
#ver-entidades,
#ver-todo {
    background: none; 
    border: none; 
    font-weight: 600;
    text-transform: uppercase; 
    font-size: 1rem; 
    cursor: pointer; 
    padding: 0.25rem; 
    transition: color 0.3s;
}

#ver-recursos {
    color: #88a885; 
}

#ver-entidades {
    color: #EC9069;
}

#ver-todo {
    color: #cf2e2e; 
}

#ver-recursos.active-button,
#ver-entidades.active-button,
#ver-todo.active-button {
    font-weight: bold; 
}