.calles{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--r-l);overflow:hidden;background:var(--f);color:var(--t)}.calles .mapa{order:-1;border-radius:0;aspect-ratio:640 / 520}.calles-t{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,4vw,48px)}.calles-t .ante{color:var(--a)}.calles-t h2{color:var(--h);overflow-wrap:break-word;hyphens:auto}.calles-t .lead{color:var(--t)}@media(min-width:900px){.calles{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.calles .mapa{order:0}.calles-t{justify-content:space-between}}.calles-b{display:grid;gap:18px;justify-items:start}@media(min-width:900px){.privada .par{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.privada .lead{margin-block-start:14px}.demo-campo{position:relative;container:campo / inline-size;border-radius:var(--r-l);background:var(--surface);box-shadow:var(--filo);user-select:none;-webkit-user-select:none}.demo-campo .demo-m{aspect-ratio:640 / 520;border-radius:var(--r-l) var(--r-l) 0 0}[data-demo].demo{grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:700px){[data-demo].demo{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,3vw,40px)}}.demo-c1{--c: var(--teja)}.demo-c2{--c: var(--mar)}.demo-c3{--c: #a06d08}.demo-c4{--c: var(--rio)}.demo-gente{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px}.demo-gente-t{font-size:.875rem;color:var(--muted);line-height:1.2}.demo-campo .demo-p{position:absolute;left:0;top:0;z-index:5;width:36px;height:44px;margin:0;padding:0;background:none;box-shadow:none;transition:none;touch-action:none;cursor:grab;will-change:transform}.demo-campo .demo-p:after{content:"";position:absolute;inset:-6px -6px -2px}.demo-campo .demo-p svg{width:100%;height:100%;overflow:visible;transform-origin:50% 100%;transition:transform .2s var(--ease-out),filter .2s ease;filter:drop-shadow(0 2px 2px rgba(24,44,40,.35))}.demo-campo .demo-p .pin{fill:var(--c);stroke:#fff;stroke-width:1.5}.demo-campo .demo-p:active{cursor:grabbing}.demo-campo .demo-p.is-agarrada{z-index:6;cursor:grabbing}.demo-campo .demo-p.is-agarrada svg{transform:scale(1.18) translateY(-3px);filter:drop-shadow(0 10px 8px rgba(24,44,40,.35))}@media(hover:hover)and (pointer:fine){.demo-campo .demo-p:hover svg{transform:translateY(-3px)}.demo-campo .demo-p.is-agarrada:hover svg{transform:scale(1.18) translateY(-3px)}}.demo-hueco{fill:#fff;stroke:var(--ink);stroke-opacity:.35;stroke-width:2;transform-box:fill-box;transform-origin:center;transition:transform .18s var(--ease-out),stroke-opacity .18s ease}.is-arrastrando .demo-hueco{transform:scale(1.5);stroke-opacity:.7}.demo-hueco.is-cerca{fill:var(--tint);stroke:var(--green);stroke-opacity:1;transform:scale(2.2)}.demo-campo .demo-ruta{animation:none;stroke:var(--c);stroke-width:4;stroke-dashoffset:0}.demo-andar{color:var(--c)}.demo-andar circle{fill:#fff;stroke:var(--c);stroke-width:2}.demo-andar use{fill:currentColor}.demo-zona-g{transition:transform .46s cubic-bezier(.34,1.4,.64,1)}.demo-zona-g.sin-salto{transition:none}.demo-campo .demo-sitio{fill:var(--green);stroke:#fff;stroke-width:2}.demo-sitio-g use{fill:#fff}.demo-sitio-g{transform-box:fill-box;transform-origin:center;animation:demo-sitio .24s var(--ease-out) backwards}@keyframes demo-sitio{0%{transform:scale(.4)}}.demo-globo{padding:14px 16px 16px;border-top:1px solid var(--line)}.demo-globo strong{display:block;font-family:var(--titular);font-weight:400;font-size:1.3rem;line-height:1.15}.demo-globo-x{display:block;font-size:.875rem;color:var(--muted)}.demo-globo ul{display:grid;gap:4px;margin:8px 0 0;padding:0;list-style:none}.demo-globo li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;font-size:.95rem}.demo-globo li span:before{content:"";display:inline-block;width:10px;height:10px;margin-inline-end:8px;border-radius:50%;background:var(--c)}.demo-globo b{display:inline-flex;align-items:center;gap:4px;font-weight:650;font-variant-numeric:tabular-nums}.demo-mini{width:15px;height:15px;color:var(--muted);fill:currentColor}.demo-i{align-content:start;justify-items:start}.demo-remate img{display:none}@media(min-width:700px){[data-demo] .demo-i{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}[data-demo] .demo-remate{position:relative;flex:1;align-content:space-between;overflow:hidden}[data-demo] .demo-remate img{display:block;position:absolute;right:18px;bottom:-14px;width:auto}}@media(min-width:700px)and (max-width:899.98px){[data-demo] .demo-remate{padding-block-end:150px}[data-demo] .demo-remate img{height:160px}}@media(min-width:900px){[data-demo] .demo-remate{padding:28px 170px 28px 28px}[data-demo] .demo-remate p{font-size:clamp(1.5rem,2.2vw,2.125rem);line-height:1.12}[data-demo] .demo-remate img{height:min(340px,88%)}}.demo-remate{display:grid;gap:12px;justify-items:start;width:100%;margin-block-start:8px;padding:18px;border-radius:var(--r-m);background:var(--tint)}.demo-remate p{font-family:var(--titular);font-size:1.25rem;line-height:1.2;color:var(--ink)}.demo-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.hero-foto img{animation:asentar 1.1s var(--ease-out) backwards}}@keyframes asentar{0%{transform:scale(1.05)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){:is(.revela .seccion-h>*,.revela .par>*,.revela .puerta,.revela .pilar,.revela .ficha){animation:revela linear both;animation-timeline:view();animation-range:entry 0% entry 60%}:is(.revela .seccion-h>*,.revela .par>*,.revela .puerta,.revela .pilar,.revela .ficha):nth-child(2){animation-range:entry 8% entry 68%}:is(.revela .seccion-h>*,.revela .puerta,.revela .pilar,.revela .ficha):nth-child(3){animation-range:entry 16% entry 76%}}}@keyframes revela{0%{translate:0 16px}}.acciones .btn,.demo-remate .btn{transition:transform .14s var(--ease-out),background-color .16s ease,box-shadow .16s ease}.acciones .btn:active,.demo-remate .btn:active,.ocas .pill:active{transform:scale(.97)}.cuaderno-c img{transition:transform .22s var(--ease-out)}.puerta h3,.puerta p{transition:translate .26s var(--ease-out)}@media(hover:hover)and (pointer:fine){.puerta:hover h3,.puerta:hover p{translate:0 -4px}.cuaderno-c img:hover{transform:rotate(-5deg) scale(1.08)}.ocas .pill{transition:background-color .16s ease,translate .16s var(--ease-out)}.ocas .pill:hover{translate:0 -2px}}