/* Selector de país (con banderas) y campo de ciudad con sugerencias. Usa las variables de la página: --surface, --ink, --muted, --line, --campo, --accent, --accent-soft, --bg */
.sp{position:relative}
.campo .sp-btn{display:flex;align-items:center;gap:12px;width:100%;font:inherit;font-size:18px;font-weight:400;text-align:left;color:var(--ink);background:var(--surface);border:1.5px solid var(--campo);border-radius:12px;padding:15px 18px;cursor:pointer}
.campo .sp-btn:hover{border-color:var(--accent)}
.campo .sp-btn[aria-expanded="true"]{border-color:var(--accent);outline:3px solid var(--accent-soft)}
.sp-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-txt.ph{color:var(--muted);opacity:.8}
.sp-flecha{flex:none;color:var(--muted);transition:transform .15s}
.sp-btn[aria-expanded="true"] .sp-flecha{transform:rotate(180deg)}
.sp-flag{flex:none;display:grid;place-items:center;width:30px;height:22px;border-radius:3px;overflow:hidden;background:var(--bg);box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.sp-flag img{display:block;width:100%;height:100%;object-fit:cover}
.sp-flag svg{width:15px;height:15px;color:var(--muted)}
.sp-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(13,20,18,.22);overflow:hidden}
.campo .sp-q{display:block;width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 16px}
.campo .sp-q:focus-visible{outline:none;border-bottom-color:var(--accent)}
.sp-list{list-style:none;margin:0;padding:6px;max-height:min(300px,45vh);overflow:auto}
.sp-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:16px;color:var(--ink)}
.sp-list li:hover,.sp-list li.act{background:var(--accent-soft)}
.sp-list li[aria-selected="true"]{font-weight:600}
.sp-list li[aria-selected="true"]::after{content:"✓";margin-left:auto;color:var(--accent)}
.sp-vacio{padding:14px 16px;color:var(--muted);font-size:14.5px}
/* ciudad */
.sc-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(13,20,18,.22)}
.sc-pin{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:99px;background:var(--bg);color:var(--muted)}
.sc-pin svg{width:16px;height:16px}
.sc-txt{min-width:0;display:flex;flex-wrap:wrap;column-gap:8px;align-items:baseline;line-height:1.3}
.sc-main{font-weight:500}
.sc-sub{color:var(--muted);font-size:14px}
.sc-list li[aria-selected="true"]::after{content:none}
@media (prefers-reduced-motion:reduce){.sp-flecha{transition:none}}