/* Autos Esquivel — pin minimalista premium para sucursales.
 * Sin logotipo ni apariencia de diana: marcador clásico, limpio y compacto.
 */

.ae-contact-map .ae-branch-marker {
    background: transparent !important;
    border: 0 !important;
}

.ae-contact-map .ae-map-pin {
    position: relative !important;
    width: 42px !important;
    height: 52px !important;
    transform-origin: 50% 92% !important;
    transition:
        transform 180ms cubic-bezier(.2,.8,.2,1),
        filter 180ms ease !important;
}

/* Sombra mínima para separar el marcador del mapa sin hacerlo pesado. */
.ae-contact-map .ae-map-pin__halo {
    position: absolute !important;
    left: 50% !important;
    bottom: 1px !important;
    width: 14px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .22) !important;
    filter: blur(4px) !important;
    transform: translateX(-50%) !important;
    opacity: .55 !important;
}

/* Marcador clásico: negro mate, contorno fino y proporciones más elegantes. */
.ae-contact-map .ae-map-pin__shell {
    position: absolute !important;
    top: 3px !important;
    left: 50% !important;
    width: 32px !important;
    height: 32px !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
    border: 1.5px solid rgba(255, 255, 255, .96) !important;
    border-radius: 50% 50% 50% 5px !important;
    background: #111214 !important;
    box-shadow:
        0 8px 18px rgba(0, 0, 0, .28),
        0 2px 5px rgba(0, 0, 0, .12) !important;
    transform: translateX(-50%) rotate(-45deg) !important;
    transform-origin: center !important;
}

/* El logo queda desactivado: el pin funciona como elemento gráfico puro. */
.ae-contact-map .ae-map-pin__shell img {
    display: none !important;
}

/* Centro simple: un único punto blanco, sin aro ni centro negro. */
.ae-contact-map .ae-map-pin__shell::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: translate(-50%, -50%) !important;
}

.ae-contact-map .ae-map-pin__shell::after {
    content: none !important;
    display: none !important;
}

/* El drop ya contiene la punta; se eliminan piezas antiguas del marcador. */
.ae-contact-map .ae-map-pin__tip,
.ae-contact-map .ae-map-pin__tip::after {
    display: none !important;
    content: none !important;
}

/* Hover/activo: solo elevación y halo fino, sin inflar el marcador. */
.ae-contact-map .ae-branch-marker.is-active .ae-map-pin,
.ae-contact-map .leaflet-marker-icon:hover .ae-map-pin {
    transform: translateY(-2px) scale(1.06) !important;
    filter: drop-shadow(0 6px 9px rgba(0, 0, 0, .12)) !important;
}

.ae-contact-map .ae-branch-marker.is-active .ae-map-pin__shell,
.ae-contact-map .leaflet-marker-icon:hover .ae-map-pin__shell {
    border-color: #ffffff !important;
    background: #050607 !important;
    box-shadow:
        0 11px 22px rgba(0, 0, 0, .34),
        0 0 0 3px rgba(255, 255, 255, .10) !important;
}

/* Light mode: el negro se mantiene, pero con sombra más corta y limpia. */
html[data-theme="light"] .ae-contact-map .ae-map-pin__shell {
    border-color: rgba(255, 255, 255, .98) !important;
    box-shadow:
        0 7px 16px rgba(17, 18, 20, .20),
        0 2px 4px rgba(17, 18, 20, .08) !important;
}

html[data-theme="light"] .ae-contact-map .ae-map-pin__halo {
    background: rgba(17, 18, 20, .16) !important;
}

html[data-theme="light"] .ae-contact-map .ae-branch-marker.is-active .ae-map-pin__shell,
html[data-theme="light"] .ae-contact-map .leaflet-marker-icon:hover .ae-map-pin__shell {
    box-shadow:
        0 10px 20px rgba(17, 18, 20, .23),
        0 0 0 3px rgba(17, 18, 20, .06) !important;
}

html:not([data-theme="light"]) .ae-contact-map .ae-map-pin__halo {
    background: rgba(255, 255, 255, .08) !important;
}

@media (max-width: 700px) {
    .ae-contact-map .ae-map-pin {
        width: 38px !important;
        height: 48px !important;
    }

    .ae-contact-map .ae-map-pin__shell {
        width: 29px !important;
        height: 29px !important;
        border-radius: 50% 50% 50% 5px !important;
    }

    .ae-contact-map .ae-map-pin__shell::before {
        width: 7px !important;
        height: 7px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ae-contact-map .ae-map-pin {
        transition: none !important;
    }
}