@layer components{.mapa-grade{align-items:stretch;gap:22px;max-width:1500px;margin-inline:auto;display:grid}@media (min-width:1024px){.mapa-grade{grid-template-columns:1.45fr .85fr}}.mapimg{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0e2a30;border-radius:14px;min-height:440px;position:relative;overflow:hidden}.mapimg[data-arrastando]{cursor:grabbing}.mapcanvas{transform-origin:0 0;transform:translate3d(var(--tx,0px), var(--ty,0px), 0) scale(var(--s,1));position:absolute;top:0;left:0}.mapcanvas[data-suave]{transition:transform .62s cubic-bezier(.22,.61,.36,1)}.mapbase{pointer-events:none;display:block}.maplayer{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pin{z-index:3;cursor:pointer;pointer-events:auto;transform-origin:50%;transition:transform .2s var(--ease-out-quad);background:0 0;border:0;padding:0;line-height:0;position:absolute;transform:translate(-50%,-50%)}.pin:before{content:"";opacity:0;pointer-events:none;background:#c79d4066;border-radius:50%;width:100%;height:100%;transition:transform .3s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.pin>b{z-index:2;background:var(--color-gold);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,border-color .2s;display:flex;position:relative}.pin>b svg{width:15px;height:15px;color:var(--color-navy)}.pin:hover,.pin:focus-visible,.pin[data-aceso]{z-index:7;transform:translate(-50%,-50%)scale(1.24)}.pin:hover>b,.pin:focus-visible>b,.pin[data-aceso]>b{border-color:var(--color-gold);background:#fff}.pin[data-aceso]:before{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.mapimg[data-realce] .pin:not([data-aceso])>b{opacity:.42}.tip{opacity:0;visibility:hidden;pointer-events:none;background:#021c21f0;border:1px solid #c79d4059;border-radius:9px;width:max-content;max-width:min(240px,54vw);padding:9px 12px;line-height:1.25;transition:opacity .18s;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%)}.pin[data-tb] .tip{top:calc(100% + 11px);bottom:auto}.pin:hover .tip,.pin:focus-visible .tip,.pin[data-aceso] .tip{opacity:1;visibility:visible}.tip .tn{color:#fff;font-size:12.5px;font-weight:600;display:block}.tip .tc{color:var(--color-gold-light);margin-top:3px;font-size:11px;display:block}.star{z-index:8;pointer-events:none;transform-origin:50% 100%;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.st-plate{border:1px solid var(--color-gold);background:linear-gradient(158deg,#0d4c59 0%,#04222a 62%,#02181d 100%);border-radius:9px;width:max-content;padding:7px 12px 8px;position:relative;transform:perspective(320px)rotateX(13deg)}.st-plate:after{content:"";background:linear-gradient(var(--color-gold-dark), #6d4a04);border-radius:0 0 8px 8px;height:5px;position:absolute;bottom:-4px;left:3px;right:3px}.st-plate img{width:104px;max-width:none;height:auto;display:block}.st-stem{background:linear-gradient(to bottom, var(--color-gold), #c79d4026);border-radius:1px;width:2px;height:13px;margin-top:5px}.st-dot{background:var(--color-gold);border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:relative}.st-dot:before{content:"";background:#c79d408c;border-radius:50%;width:11px;height:11px;animation:2.6s ease-out infinite starPulse;position:absolute;top:50%;left:50%}@keyframes starPulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3.4)}}.mapctl{z-index:12;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.mapctl button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#021c21c7;border:1px solid #ffffff2e;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;line-height:1;transition:all .18s;display:flex}.mapctl button:hover{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-navy)}.maphint{z-index:12;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffc;letter-spacing:.05em;background:#021c21b8;border:1px solid #ffffff24;border-radius:999px;padding:6px 11px;font-size:10.5px;transition:opacity .3s;position:absolute;bottom:12px;left:12px}.mapimg[data-usado] .maphint{opacity:0}.points{background:var(--color-navy);color:#fff;border-radius:14px;flex-direction:column;padding:22px 20px;display:flex}.points h3{font-family:var(--font-sans);font-size:var(--text-kicker);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold-light);font-weight:600}.points .phint{color:#fff9;border-bottom:1px solid #ffffff1f;margin:8px 0 18px;padding-bottom:16px;font-size:12px;line-height:1.45}.points li>*{text-align:left;color:#ffffffe0;border-radius:8px;grid-template-columns:1.6rem auto 1fr auto;align-items:center;gap:12px;width:100%;padding:9px 10px;font-size:13.5px;transition:background .18s,color .18s;display:grid}.points li+li>*{border-top:1px solid #ffffff12;border-radius:8px}.points button{cursor:pointer}.points .n{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#ffffff9e;font-size:11px;font-weight:600;transition:color .18s}.points .ico{background:#c79d4021;border-radius:50%;place-items:center;width:26px;height:26px;transition:background .18s;display:grid}.points .ico svg{color:#dcb866c7;width:14px;height:14px;transition:color .18s}.points .nome{min-width:0;line-height:1.3}.points .dist{font-variant-numeric:tabular-nums;color:var(--color-gold-light);white-space:nowrap;font-size:12px;font-weight:600}.points [aria-current]{color:#fff;background:#c79d4029}.points [aria-current] .n{color:var(--color-gold-light)}.points [aria-current] .ico{background:var(--color-gold)}.points [aria-current] .ico svg{color:var(--color-navy)}.points button:hover{background:#ffffff0f}.points .mapcap{color:#ffffffa8;border-top:1px solid #ffffff17;margin-top:auto;padding-top:11px;font-size:11px;line-height:1.5}.polo-lista{border-block-start:1px solid var(--color-rule)}.polo-lista li{border-block-end:1px solid var(--color-rule);text-align:start;justify-content:space-between;align-items:baseline;gap:24px;padding-block:16px;display:flex}.polo-nome{font-family:var(--font-sans);letter-spacing:-.012em;color:var(--color-ink);font-size:clamp(1.125rem,1.7vw,1.5rem);font-weight:500;line-height:1.2}.polo-dist{font-variant-numeric:tabular-nums;font-size:var(--text-note);letter-spacing:.08em;color:var(--color-muted);flex:none;font-weight:600}}
