.tope.tope-plan .btn:not(.btn-t){background:var(--green);color:var(--paper)}.tope.tope-plan .btn:not(.btn-t):hover{background:var(--ink)}.tope-plan h1{font-size:clamp(2.25rem,1.5rem + 2.9vw,4rem);line-height:1.04;max-width:13em}.tope-plan .tope-topo{display:none}.tope-plan .tope-img{box-shadow:0 18px 40px -24px #14282273}@media(max-width:899px){.tope-plan .tope-in{gap:20px}.tope-plan .tope-img{order:-1;aspect-ratio:16/10}}.mapa-n{container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:4/3;margin:0;border-radius:var(--r-l);overflow:hidden;background:#f4ead9}.mapa-n>img{width:100%;height:100%;object-fit:cover}.pins-n{position:absolute;inset:0;width:100%;height:100%}.pin-n{fill:var(--green);stroke:var(--paper);stroke-width:2;filter:drop-shadow(0 2px 3px rgba(20,40,34,.35))}.pin-sitio{cursor:pointer;outline:none}.pin-t{fill:transparent}.pin-sitio .pin-n{transition:fill .16s ease}.pin-sitio.is-on .pin-n,.pin-sitio:hover .pin-n{fill:var(--teja)}.pin-sitio:focus-visible .pin-n{stroke:var(--ink);stroke-width:3}.sitio{transition:box-shadow .2s ease}.sitio.is-marcado{box-shadow:0 0 0 3px var(--green);border-radius:var(--r-m)}.pin-halo-n{fill:var(--green);opacity:.22}.pins-n text{fill:var(--paper);font-size:13px;font-weight:700}@media(prefers-reduced-motion:reduce){.pin-sitio .pin-n,.sitio{transition:none}}@container (max-width: 380px){circle.pin-n{r:11px}.pins-n text{font-size:11px}}.con-mapa{display:grid;gap:24px}.sitio-n{display:inline-grid;place-items:center;width:26px;height:26px;margin-inline-end:8px;border-radius:50%;background:var(--green);color:var(--paper);font-family:var(--cuerpo, inherit);font-size:.8125rem;font-weight:700;vertical-align:.15em}@media(min-width:900px){.con-mapa{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}.con-mapa>.mapa-n{position:sticky;top:84px}.con-mapa .sitios{grid-template-columns:repeat(2,minmax(0,1fr))}}.donde{display:grid;gap:20px;align-items:center}.donde h2{margin-block-end:8px}.donde .mapa-n{aspect-ratio:16/10}@media(min-width:900px){.donde{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}}.oc-gr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oc-t{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-m);background:var(--surface);box-shadow:var(--sombra-1);color:var(--ink);text-decoration:none;scroll-margin-block-start:96px;transition:transform .18s var(--ease-out),box-shadow .18s ease}.oc-t-f{display:block;aspect-ratio:4/3;background:var(--sunken)}.oc-t-f picture{display:block;height:100%}.oc-t-f img{display:block;width:100%;height:100%;object-fit:cover}.oc-t-n{padding:10px 12px 0;font-family:var(--titular);font-size:1.1875rem;line-height:1.15}.oc-t-x{padding:3px 12px 12px;color:var(--muted);font-size:.875rem;line-height:1.3}.oc-t-sin{justify-content:center;background:var(--block-b);box-shadow:none}.oc-t-sin .oc-t-n{padding-block-start:16px;font-size:1.375rem}.oc-t-sin .oc-t-x{color:var(--ink);padding-block-end:16px}.oc-t:active{transform:scale(.98)}@media(hover:hover){.oc-t:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}}@media(prefers-reduced-motion:reduce){.oc-t{transition:none}.oc-t:hover,.oc-t:active{transform:none}}@media(min-width:640px){.oc-gr{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-t:last-child{grid-column:span 2}}@media(min-width:1000px){.oc-gr{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.oc-t:last-child{grid-column:auto}}@media(min-width:900px){.con-mapa .sitio:last-child:nth-child(odd){grid-column:1 / -1}.con-mapa .sitio:last-child:nth-child(odd) .sitio-f{aspect-ratio:21/9}}.idea-mas{margin-block:20px 0}@media(max-width:599.98px){:is(.oc-lista>.idea,.grid-ideas [data-item]>.idea){display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto 1fr}:is(.oc-lista>.idea,.grid-ideas [data-item]>.idea) .idea-img{grid-row:1 / -1;aspect-ratio:auto;height:100%}:is(.oc-lista>.idea,.grid-ideas [data-item]>.idea) .idea-img picture{display:block;height:100%}:is(.oc-lista>.idea,.grid-ideas [data-item]>.idea) .idea-tag{padding:12px 14px 0}:is(.oc-lista>.idea,.grid-ideas [data-item]>.idea) .idea-t{padding:2px 14px 0;font-size:1.1875rem}:is(.oc-lista>.idea,.grid-ideas [data-item]>.idea) .idea-x{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:4px 14px 12px;padding:0;font-size:.9rem}:is(.oc-lista>.idea,.grid-ideas [data-item]>.idea) .idea-cta{display:none}}