/* Buscador de estaciones compartido (mismo aspecto y comportamiento que el buscador del visor de mapas): /webcams/ y /apres-ski/. Usa las variables de tema del sitio. */
.ss{position:relative;min-width:0;max-width:560px}
.ss-bar{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--line,#d6dbe3);border-radius:12px;background:var(--surface,#fff)}
.ss-bar:focus-within{border-color:var(--accent,#2f6fd0);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#2f6fd0) 22%,transparent)}
.ss-ico{flex:none;width:18px;height:18px;fill:none;stroke:var(--muted,#64748b);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ss-bar input.ss-input{flex:1;min-width:0;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--fg,#0a0a0a);font:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
.ss-input::placeholder{color:var(--muted,#64748b);opacity:.85}
.ss-input::-webkit-search-cancel-button,.ss-input::-webkit-search-decoration{display:none;-webkit-appearance:none}
.ss-clr{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--muted,#64748b) 28%,transparent);color:var(--fg,#0a0a0a);cursor:pointer;position:relative}
.ss-clr::after{content:"";position:absolute;inset:-11px}
.ss-clr svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.ss-clr[hidden],.ss-panel[hidden]{display:none}
.ss-panel{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;max-height:min(60vh,420px);overflow:hidden;border:1px solid var(--line,#d6dbe3);border-radius:16px;background:var(--surface,#fff);box-shadow:0 20px 45px -12px rgba(0,0,0,.45)}
.ss-info{flex:none;padding:8px 16px;font-size:12px;color:var(--muted,#64748b);border-bottom:1px solid var(--line,#d6dbe3)}
.ss-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.ss-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 12px;width:100%;box-sizing:border-box;text-align:left;font:inherit;color:var(--fg,#0a0a0a);text-decoration:none;cursor:pointer;background:color-mix(in srgb,var(--muted,#64748b) 7%,transparent);border:1px solid var(--line,#d6dbe3);border-radius:14px;-webkit-tap-highlight-color:transparent}
.ss-item:hover,.ss-item.on{background:color-mix(in srgb,var(--muted,#64748b) 16%,transparent);border-color:var(--accent,#2f6fd0)}
.ss-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ss-t b{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-t small{font-size:12px;color:var(--muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-go{flex:none;font-size:22px;line-height:1;color:var(--muted,#64748b)}
.ss-empty{padding:24px 16px;text-align:center;font-size:13.5px;color:var(--muted,#64748b)}