/* ══════════════════════════════════════════════════════════
   ¿QUÉ TENGO CERCA? en las páginas de lugares (22-oct-2026)
   La sección de la portada (inicio-estilos, .cerca-sec) adaptada a las páginas
   que no cargan la hoja agrupada: una franja oscura a media página, como
   invitación a explorar. La lista la pinta cerca.js (mismas clases).
   ══════════════════════════════════════════════════════════ */
.cerca-pag{position:relative;overflow:hidden;overflow:clip;color:#fff;padding:clamp(46px,6vw,76px) 0;
  background:
    radial-gradient(520px 320px at 92% 12%,rgba(0,166,200,.22),transparent 70%),
    radial-gradient(460px 300px at 4% 96%,rgba(236,10,130,.18),transparent 70%),
    linear-gradient(160deg,#1E1733,#2A1F45 70%)}
.cerca-pag[hidden]{display:none}
.cerca-pag .cerca-pag-in{width:100%;max-width:1180px;margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.cerca-pag .cerca-lista,.cerca-pag .cerca-nota{grid-column:1/-1}
.cerca-pag-ey{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-family:'Oswald',sans-serif;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;font-size:12px;color:#3FD8F0}
.cerca-pag-ey::before{content:"";width:34px;height:2px;background:currentColor}
.cerca-pag-h{margin:0;font-family:'Fraunces','Fraunces Respaldo',Georgia,serif;font-weight:900;
  font-size:clamp(32px,4.4vw,52px);line-height:1;letter-spacing:-.02em;color:#fff}
.cerca-pag-p{margin:14px 0 0;font-size:16.5px;line-height:1.6;color:#D6CCEA;max-width:52ch}
/* el radar: un pin con ondas, a la derecha */
.cerca-pag-radar{position:relative;justify-self:center;width:min(260px,70vw);aspect-ratio:1}
.cerca-pag-radar i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(63,216,240,.45);
  animation:cercaOnda 3.6s ease-out infinite;opacity:0}
.cerca-pag-radar i:nth-child(2){animation-delay:1.2s}
.cerca-pag-radar i:nth-child(3){animation-delay:2.4s}
.cerca-pag-radar b{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-40px 0 0 -32px;
  border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#EC0A82,#F7941D);
  box-shadow:0 14px 30px rgba(236,10,130,.45)}
.cerca-pag-radar b::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;
  border-radius:50%;background:#fff}
.cerca-pag-radar span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--c,#FBB200);
  box-shadow:0 0 12px var(--c,#FBB200)}
.cerca-pag-radar span:nth-of-type(1){left:14%;top:30%;--c:#FBB200}
.cerca-pag-radar span:nth-of-type(2){right:12%;top:22%;--c:#3FD8F0}
.cerca-pag-radar span:nth-of-type(3){left:26%;bottom:12%;--c:#5FB924}
.cerca-pag-radar span:nth-of-type(4){right:20%;bottom:20%;--c:#EC0A82}
@keyframes cercaOnda{0%{transform:scale(.25);opacity:.9}100%{transform:scale(1);opacity:0}}

/* botón y resultados (las mismas clases que pinta cerca.js en la portada) */
.cerca-pag .cerca-btn{margin-top:22px;min-height:52px;padding:0 28px;border:none;border-radius:999px;
  font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-size:13px;
  color:#fff;cursor:pointer;background:linear-gradient(100deg,#00A6C8,#0B7FA0);box-shadow:0 10px 26px rgba(0,166,200,.35);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .16s,box-shadow .16s,opacity .16s;
  touch-action:manipulation}
.cerca-pag .cerca-btn svg{width:18px;height:18px}
.cerca-pag .cerca-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,166,200,.45)}
.cerca-pag .cerca-btn:active{transform:scale(.97)}
.cerca-pag .cerca-btn:disabled{opacity:.6;cursor:default;transform:none}
.cerca-pag .cerca-btn:focus-visible{outline:3px solid #FBB200;outline-offset:3px}
.cerca-pag .cerca-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px;margin-top:6px}
.cerca-pag .cerca-lista:empty{display:none}
.cerca-pag .cerca-item{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px 16px 10px 10px;min-height:76px;
  transition:background .18s,border-color .18s;opacity:0;transform:translateY(10px);
  animation:cercaEntra .42s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(var(--i,0)*.07s)}
@keyframes cercaEntra{to{opacity:1;transform:translateY(0)}}
.cerca-pag .cerca-item:hover{background:rgba(255,255,255,.11);border-color:var(--cc,rgba(255,255,255,.4))}
.cerca-pag .cerca-foto{flex:0 0 56px;width:56px;height:56px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.08)}
.cerca-pag .cerca-foto img{width:100%;height:100%;object-fit:cover;display:block}
.cerca-pag .cerca-txt{flex:1;min-width:0}
.cerca-pag .cerca-txt b{display:block;font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:15.5px;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cerca-pag .cerca-txt small{display:block;font-size:11.5px;color:#C9BFDD;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cerca-pag .cerca-dist{flex:0 0 auto;text-align:right}
.cerca-pag .cerca-dist b{display:block;font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;color:var(--cc,#3FD8F0)}
.cerca-pag .cerca-pie{display:block;font-size:10.5px;color:#B3A7CC;margin-top:1px;white-space:nowrap}
.cerca-pag .cerca-nota{margin-top:6px;padding:15px 18px;border-radius:14px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);font-size:14px;line-height:1.55;color:#E2DAF0}
.cerca-pag .cerca-nota-error{background:rgba(240,24,58,.12);border-color:rgba(240,24,58,.32);color:#FFC9D0}
.cerca-pag .cerca-srv{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12)}
.cerca-pag .cerca-srv-eti{font-family:'Oswald',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;
  color:#B3A7CC;width:100%;margin-bottom:2px}
.cerca-pag .cerca-srv-item{display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 14px;min-height:38px;
  font-size:12.5px;color:#E2DAF0}
.cerca-pag .cerca-srv-item b{font-family:'Oswald',sans-serif;font-weight:600;font-size:12px;color:#3FD8F0}
@media (max-width:760px){
  .cerca-pag .cerca-pag-in{grid-template-columns:minmax(0,1fr);padding:0 16px}
  .cerca-pag-radar{display:none}
  .cerca-pag .cerca-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .cerca-pag-radar i{animation:none;opacity:.35;transform:scale(.7)}
  .cerca-pag .cerca-item{animation:none;opacity:1;transform:none}
}