.sedes-hero{

    background:#fff;
}

.breadcrumb-custom{

    color:#7a7a7a;
}

.sede-card{

    padding:25px;
    border-radius:18px;
    margin-bottom:20px;
    cursor:pointer;
    transition:.3s;
    border:1px solid #e9ecef;
}

.sede-card:hover{

    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.sede-card.active{

    border-left:5px solid var(--primary);
    background:#f8fff9;
}

.sede-card h4{

    color:var(--primary);
    font-weight:700;
}

iframe{

    border:none;
    border-radius:20px;
}

.beneficio{

    padding:35px 25px;
    border-radius:20px;
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
    height:100%;
    transition:.3s;
}

.beneficio:hover{

    transform:translateY(-5px);
}

.beneficio i{

    font-size:40px;
    color:var(--primary);
}

.cta-sedes{

    background:#f9fcfa;
    border-radius:30px;
}

#mapa{

    width:100%;
    height:650px;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.sede-card{

    padding:25px;

    border-radius:20px;

    background:#fff;

    margin-bottom:20px;

    cursor:pointer;

    transition:.35s;

    border:1px solid #eee;

}

.sede-card:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.sede-card.active{

    border-left:6px solid var(--primary);

    background:#f7fcf8;

}

.sede-card h4{

    color:var(--primary);

}

.leaflet-popup-content{

    font-family:Poppins;

}