body { display: grid; place-items: center; padding: 16px; }
.mapa { width: min(100%, 460px); padding: 34px 26px; text-align: center; display: grid; gap: 12px; justify-items: center; }
.mapa h1 { font-size: 2rem; }
.mapa p { margin: 0; color: var(--suave); }
.pin { width: 70px; height: 70px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--neon); display: grid; place-items: center; box-shadow: 0 0 40px rgba(139, 92, 255, .7); animation: rebote 1.6s ease-in-out infinite; margin-bottom: 8px; }
.pin i { width: 24px; height: 24px; border-radius: 50%; background: #07051a; }
@keyframes rebote { 50% { transform: rotate(-45deg) translate(4px, -4px); } }