#branch-info-box::-webkit-scrollbar {
  width: 6px;
}

#branch-info-box::-webkit-scrollbar-track {
  background: var(--gray);
}

#branch-info-box::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

#branch-info-box::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.contenedor-columnas {
  display: flex;
  width: 100%;
}

#custom-map-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-block: 5em;
}

#svg-map-wrapper {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}

svg#Colombia {
    width: 100%;
    transform: scale(2.0);
    pointer-events: none;
}

#branch-info-box {
  height: 600px;
  box-shadow: var(--cb-box-shadow);
  border-radius: var(--cb-border-radius);
  padding: 20px;
  width: 40%;
  overflow-y: auto; /* Agrega scroll vertical */
  max-height: 600px; /* Asegura que el contenido no se desborde */
}


svg#Colombia > * {
    pointer-events: all;
}

.st0 {
    cursor: pointer;
    transition: fill 300ms ease-in-out;
}

.st0:hover {
    fill: var(--cb-primary-color);
}

.st0.dp-selected {
    fill: var(--cb-primary-color);
}