:root {
    --color-primary: #0d6efd;
    --color-secondary: #198754;
    --color-tertiary: #ffc107;
    --color-quaternary: #dc3545;
}

.header, .container-fluid.bg-primary {
    /* background-color: var(--color-primary); */
    background-color: #222036 !important;
}

.footer {
    background-color: #333;
}

/* Colores de fondo para las cards de Zona 2 */
.bg-light-primary {
    background-color: var(--color-primary) !important;
    background: linear-gradient(145deg, #5fa4fd, #0c63e4) !important;
    color: #fff;
}

.bg-light-secondary {
    background-color: var(--color-secondary) !important;
    background: linear-gradient(145deg, #71b696, #198754) !important;
    color: #fff;
}

.bg-light-tertiary {
    background-color: var(--color-tertiary) !important;
    /* background: linear-gradient(145deg, #fade89, #ffc107) !important; */
    background: linear-gradient(145deg, #8a83d1, #222036) !important;
    color: #FFF;
}

.bg-light-quaternary {
    background-color: var(--color-quaternary) !important;
    background: linear-gradient(145deg, #fa8e99, #dc3545) !important;
    color: #fff;
}

.type-list li:not(:last-child){
    margin-right: 20px;
}

div.table-responsive {
    overflow-y: auto;
    height: 344px;
    max-height: 344px;
}

#tablaActividades td{
    cursor: pointer;
}

.modal{
    backdrop-filter: blur(10px)
}

.record-card:hover{
    cursor: pointer;
}

#map{
    height: 400px;
}

#elevationChart {
    width: 100%;
    height: 400px;
    max-height: 400px;
}

/* Añadidos */

body{
    background-color: #e0e0e0;
}

h2{
    color: #23262c !important;
}

.card{
    border-radius: 8px;
    background: linear-gradient(145deg, #f0f0f0, #cacaca);
    box-shadow:  6px 6px 13px #b1b1b1,
                 -6px -6px 13px #ffffff;
                border: 0px;
}

.btn-link{
    color: rgb(33, 37, 41);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.main-svg{
    background: none !important;
}

rect.bg{
    fill-opacity: 0.3 !important;
}

.my-shadow{
    box-shadow: rgba(0,0,0,.25) !important;
}

h1.logo img{
    width: 200px;
    height: auto;
}

.content-card{
    background: rgba(255,255,255,0.7);
    padding: 16px 17px;
    border-radius: 7px;
}


.content-card ul li:first-child{
    border-top: #dadada 1px solid;
}

.content-card ul li{
    border-bottom: #cacaca 1px solid;
    padding:10px 0;
}

.actv-basic-data{
    line-height: 24px;
}

footer li{
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}

footer a, footer a:visited{
    color: #e5e7e8;
    text-decoration: none;
}