.map-section{padding-block:var(--space-20)}.map-container{max-width:700px;margin-inline:auto;margin-bottom:var(--space-12)}.map-wrapper{position:relative;width:100%;background:var(--color-bg-alt);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.map-wrapper img{width:100%;height:auto;display:block;filter:saturate(0) opacity(0.6) sepia(0.2)}.map-pins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-pin{position:absolute;transform:translate(-50%,-50%);cursor:pointer;pointer-events:all}.map-pin__dot{width:14px;height:14px;background:var(--color-primary);border:2.5px solid white;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.4);position:relative;z-index:2;transition:transform 0.2s ease}.map-pin:hover .map-pin__dot,.map-pin:focus .map-pin__dot{transform:scale(1.5)}.map-pin:focus{outline:none}.map-pin:focus .map-pin__dot{box-shadow:0 0 0 3px var(--color-accent),0 2px 8px rgba(0,0,0,0.4)}.map-pin__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--color-primary);opacity:0.5;animation:pinPulse 2.5s ease-out infinite;z-index:1;pointer-events:none}@keyframes pinPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:0.5}100%{transform:translate(-50%,-50%) scale(3.5);opacity:0}}@media (prefers-reduced-motion:reduce){.map-pin__pulse{animation:none}}.map-pin--forming .map-pin__dot{background:rgba(245,158,11,0.2);border:2.5px solid var(--color-accent)}.map-pin--forming .map-pin__pulse{background:var(--color-accent);animation-duration:3.5s}.map-card{display:none;position:absolute;background:white;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xl);width:200px;z-index:10;border-left:4px solid var(--color-primary);pointer-events:all}.map-card.open{display:block}.map-card--forming{border-left-color:var(--color-accent)}.map-card__close{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--color-text-secondary);line-height:1;padding:2px 6px;border-radius:var(--radius-sm);transition:background 0.15s ease}.map-card__close:hover{background:var(--color-bg-alt)}.map-card__title{font-weight:700;font-size:0.9375rem;margin-bottom:var(--space-1);margin-right:20px;line-height:1.3}.map-card__city{font-size:0.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.map-card__badge{display:inline-block;font-size:0.6875rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:#fce4e6;color:var(--color-primary);letter-spacing:0.05em;text-transform:uppercase}.map-card__badge--forming{background:#fef3c7;color:#92400e}.map-legend{display:flex;gap:var(--space-6);justify-content:center;margin-top:var(--space-4);flex-wrap:wrap}.map-legend__item{display:flex;align-items:center;gap:var(--space-2);font-size:0.875rem}.map-legend__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.map-legend__dot--active{background:var(--color-primary)}.map-legend__dot--forming{background:transparent;border:2px solid var(--color-accent)}.grupos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-12)}.grupo-card{background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-6);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-md);transition:transform 0.2s ease,box-shadow 0.2s ease}.grupo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.grupo-card--forming{border-left-color:var(--color-accent)}.grupo-card__city{font-size:0.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:0.05em}.grupo-card__name{font-family:var(--font-serif);font-size:1.375rem;font-weight:700;margin-bottom:var(--space-3)}.grupo-card__badge{display:inline-block;font-size:0.75rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);background:#fce4e6;color:var(--color-primary);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:var(--space-4)}.grupo-card__badge--forming{background:#fef3c7;color:#92400e}@media (max-width:640px){.map-container{padding-inline:var(--space-4)}.grupos-grid{grid-template-columns:1fr}.map-card{width:160px;font-size:0.8125rem}}