/* Pin de mapa para centros con logo de cliente.
   Usa punto-pickup.png como pin base (azul, con círculo blanco/rojo) y
   superpone el logo del cliente recortado en círculo, tapando blanco y rojo.
   Clase contenedora: .okd-pin-cliente — nada en :root ni global. */


.okd-pin-cliente {
    width: 50px;
    height: 50px;
    position: relative;
    background-image: url('/images/punto-pickup.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
}

/* El logo se posiciona sobre el círculo blanco/rojo del pin.
   Coordenadas calibradas para punto-pickup.png (cuadrado, gota centrada):
   - Centro del círculo blanco en ~36% desde arriba, 50% horizontal.
   - Diámetro útil ~44% del ancho del pin (cubre blanco y rojo). */
.okd-pin-cliente__img {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}