.container{display:flex;flex-direction:row;gap:20px;padding:20px;max-width:1200px;margin:0 auto}.sidebar{width:40%;display:flex;flex-direction:column;gap:15px}#sede-list{height:500px;overflow-y:auto;padding-right:10px;border:1px solid var(--gris-medio);border-radius:8px;background-color:var(--fondo-claro)}#sede-list::-webkit-scrollbar{width:8px}#sede-list::-webkit-scrollbar-track{background:var(--gris-claro);border-radius:4px}#sede-list::-webkit-scrollbar-thumb{background-color:var(--verde-principal);border-radius:4px}.sede-item{padding:15px;margin-bottom:10px;background-color:var(--fondo-claro);border-radius:8px;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.sede-item:hover{background-color:var(--gris-claro);transform:translate(5px)}.sede-item.active{border-left:4px solid var(--verde-principal);background-color:var(--gris-claro)}.map-container{width:60%;height:500px}#map{width:100%;height:100%;border-radius:8px;box-shadow:0 2px 10px #0000001a}.sede-selector select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--gris-medio);background-color:var(--fondo-claro);cursor:pointer}.title{text-align:center;padding:30px 20px;background-color:var(--fondo-claro)}.title h1{color:var(--verde-oscuro);margin-bottom:10px}.header-description{color:var(--gris-oscuro);font-size:1.1rem}@media (max-width: 768px){.container{flex-direction:column}.sidebar,.map-container{width:100%}#sede-list{height:300px}.map-container{height:400px}}