@font-face{font-family:Petrona;font-weight:500;font-style:normal;font-display:swap;src:url(/fuentes/petrona-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Petrona;font-weight:600;font-style:normal;font-display:swap;src:url(/fuentes/petrona-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Petrona;font-weight:500;font-style:italic;font-display:swap;src:url(/fuentes/petrona-latin-500-italic.woff2)format("woff2")}@font-face{font-family:Albert Sans;font-weight:400;font-display:swap;src:url(/fuentes/albert-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Albert Sans;font-weight:600;font-display:swap;src:url(/fuentes/albert-sans-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Kalam;font-weight:400;font-display:swap;src:url(/fuentes/kalam-latin-400-normal.woff2)format("woff2")}:root{--papel:#fbfbf8;--cuadricula:#e2e9ed;--tinta:#1d3c4c;--tinta-suave:#3f5866;--teja:#a8411c;--prado:#4a6530;--madera:#3b2a20;--cinta:#e7dcc0;--lapiz:#c9d3d8;--serif:"Petrona", Georgia, serif;--sans:"Albert Sans", system-ui, sans-serif;--mano:"Kalam", "Comic Sans MS", cursive}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background-color:var(--papel);background-image:linear-gradient(var(--cuadricula) 1px, transparent 1px), linear-gradient(90deg, var(--cuadricula) 1px, transparent 1px);color:var(--tinta);font:400 1.0625rem/1.6 var(--sans);background-size:24px 24px;margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;-webkit-tap-highlight-color:#1d3c4c26}:focus-visible{outline:3px solid var(--teja);outline-offset:3px;border-radius:2px}.saltar{z-index:10;background:var(--tinta);color:var(--papel);padding:10px 14px;text-decoration:none;position:absolute;top:-60px;left:12px}.saltar:focus{top:12px}.cuaderno{max-width:1180px;margin:0 auto;padding:0 20px}.a-mano{font-family:var(--mano);color:var(--tinta-suave);line-height:1.35}.titulo{font:600 clamp(1.9rem, 6.4vw, 2.75rem)/1.08 var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 14px}.entradilla{max-width:36em;color:var(--tinta-suave);margin:0 0 28px}.boton{min-height:50px;font:600 1.0625rem/1.2 var(--sans);touch-action:manipulation;border-radius:4px;justify-content:center;align-items:center;padding:12px 22px;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.boton:active{transform:translateY(1px)}.boton-tinta{background:var(--tinta);color:var(--papel)}.boton-tinta:hover{background:#142c38}.boton-linea{border:2px solid var(--tinta);color:var(--tinta);background:var(--papel)}.boton-linea:hover{background:#eef2f4}.boton-papel{background:var(--papel);color:var(--tinta)}.boton-papel:hover{background:#fff}.portada{gap:8px;padding:28px 0 40px;display:grid}.lugar{margin:0 0 2px;font-size:1.15rem}.portada h1{font:500 clamp(2.6rem, 12.4vw, 5.6rem)/.95 var(--serif);letter-spacing:-.025em;margin:0 0 16px}.bajada{max-width:30em;margin:0 0 20px;font-size:1.125rem}.acciones{flex-wrap:wrap;gap:10px;display:flex}.acciones .boton{white-space:nowrap;flex:auto;padding:12px 16px}.portada-mapa{margin:16px -6px 0;position:relative}.portada-mapa figcaption{text-align:right;margin-top:-4px;font-size:.95rem}.mapa{width:100%;height:auto;overflow:visible}.m-mar{font:400 21px var(--mano);fill:#3f6274;letter-spacing:.04em}.m-txt{font:400 15px var(--sans);fill:var(--tinta)}.m-nota{font:400 16px var(--mano);fill:var(--tinta-suave)}.m-casa{font:600 19px var(--serif);fill:var(--teja)}.norte text{font:600 13px var(--sans);fill:var(--tinta)}.mirada{fill:none;stroke:var(--teja);stroke-width:1.6px;stroke-dasharray:2 6;stroke-linecap:round}@media (prefers-reduced-motion:no-preference){.mirada{animation:1.4s ease-out .5s both mirar}.casa{transform-box:fill-box;transform-origin:50% 100%;animation:.6s cubic-bezier(.3,1.4,.5,1) .2s both posar}@keyframes mirar{0%{opacity:0;stroke-dashoffset:60px}to{opacity:1;stroke-dashoffset:0}}@keyframes posar{0%{opacity:0;transform:translateY(-14px)scale(.8)}to{opacity:1;transform:none}}}.hoja{border-top:2px dashed var(--lapiz);padding:48px 0;position:relative}.ventana{max-width:820px}.marco{background:var(--madera);border-radius:3px;padding:14px;box-shadow:inset 0 0 0 2px #523b2c,0 18px 30px -18px #1d3c4c8c}.cristal{aspect-ratio:4/3;background:#9bb3bf;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #2a1d15}.vista{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.vista.activa{opacity:1}.travesano{pointer-events:none;background:linear-gradient(90deg, transparent calc(50% - 5px), var(--madera) calc(50% - 5px), var(--madera) calc(50% + 5px), transparent calc(50% + 5px));position:absolute;inset:0;box-shadow:inset 0 0 40px #0000002e}.alfeizar{background:#4a3528;border-radius:3px;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 -8px;padding:8px;display:grid}.alfeizar button{min-height:48px;font:600 .95rem/1.15 var(--sans);color:#f3ebe2;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:3px;padding:8px 6px;transition:background-color .2s,color .2s}.alfeizar button:hover{background:#ffffff1a}.alfeizar button[aria-selected=true]{background:var(--papel);color:var(--tinta)}.alfeizar button:focus-visible{outline-color:#f2b38f}.nota-ventana{max-width:30em;min-height:3.3em;margin:18px 0 0;font-size:1.2rem}.casa-hoja{gap:34px;display:grid}.pegada{background:#fff;width:min(78%,360px);margin:0 auto 0 4px;padding:10px;position:relative;box-shadow:0 10px 22px -14px #1d3c4c99}.inclinada-izq{transform:rotate(-2deg)}.esquina{background:var(--tinta);width:34px;height:34px;position:absolute}.e1{clip-path:polygon(0 0,100% 0,0 100%);top:-6px;left:-6px}.e2{clip-path:polygon(0 0,100% 0,100% 100%);top:-6px;right:-6px}.e3{clip-path:polygon(0 0,100% 100%,0 100%);bottom:-6px;left:-6px}.e4{clip-path:polygon(100% 0,100% 100%,0 100%);bottom:-6px;right:-6px}.flecha-nota{white-space:nowrap;font-size:1.05rem;position:absolute;transform:rotate(2deg)}.flecha-nota:before{content:"";background:var(--tinta-suave);width:34px;height:1.5px;position:absolute;top:50%}.fn-balcon{top:22%;left:calc(100% + 18px)}.fn-balcon:before{right:calc(100% + 6px)}.fn-terraza{top:64%;left:calc(100% + 18px)}.fn-terraza:before{right:calc(100% + 6px)}.texto-hoja p{max-width:34em;margin:0 0 14px}.cuartos{gap:30px;display:grid}.cuarto{background:#fff;margin:0;padding:10px 10px 8px;box-shadow:0 10px 22px -14px #1d3c4c8c}.cuarto figcaption{margin-top:8px;font-size:1.05rem}.c-grande{width:82%;margin-left:auto;transform:rotate(1.4deg)}.c-media{width:92%;transform:rotate(-1deg)}.c-peque{width:72%;margin-left:auto;transform:rotate(1.8deg)}.cuarto img{aspect-ratio:auto}.notas{gap:16px;margin:0;padding:0;list-style:none;display:grid}.nota{font:400 1.25rem/1.35 var(--mano);color:var(--tinta);background:#fff;max-width:24em;padding:22px 18px 16px;position:relative;box-shadow:0 8px 16px -12px #1d3c4c99}.nota:before{content:"";background:var(--cinta);opacity:.85;width:84px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.n1{transform:rotate(-1.2deg)}.n2{margin-left:auto;transform:rotate(1.5deg)}.n3{transform:rotate(-.6deg)}.n4{margin-left:12%;transform:rotate(1deg)}.n5{margin-left:auto;transform:rotate(-1.6deg)}.apuntes{grid-template-columns:1fr 1fr;gap:0 20px;max-width:760px;margin:0;display:grid}.apuntes div{border-bottom:1px solid var(--lapiz);padding:12px 0}.apuntes .ancho{grid-column:1/-1}.apuntes dt{font:400 1.05rem var(--mano);color:var(--teja)}.apuntes dd{font-variant-numeric:tabular-nums;font:500 1.2rem/1.35 var(--serif);margin:0}.contraportada{padding:56px 20px calc(40px + env(safe-area-inset-bottom));background:var(--tinta);color:var(--papel);background-image:repeating-linear-gradient(45deg,#ffffff09 0 2px,#0000 2px 6px);margin:24px -20px 0}.contraportada h2{font:500 clamp(2.2rem, 9vw, 3.4rem)/1.02 var(--serif);margin:0 0 14px}.contraportada p{color:#dce6ea;max-width:30em;margin:0 0 24px}.contraportada .boton{width:100%;max-width:360px}.enlace-mapa{color:var(--papel);text-underline-offset:4px;margin:18px 0 0;padding:10px 0;font-weight:600;display:inline-block}.contraportada .pie{color:#b9c9d1;margin:40px 0 0;font-size:.95rem}@media (width>=900px){.cuaderno{padding:0 40px}.portada{grid-template-columns:1fr 1.05fr;align-items:center;gap:64px;padding:56px 0 72px;position:relative}.portada:after{content:"";background:linear-gradient(transparent, var(--lapiz) 15%, var(--lapiz) 85%, transparent);width:2px;position:absolute;top:40px;bottom:40px;left:48.6%}.portada-mapa{margin:0}.hoja{padding:72px 0}.ventana-hoja{grid-template-rows:auto auto 1fr;grid-template-columns:1fr 1.6fr;align-items:start;gap:0 56px;display:grid}.ventana-hoja .titulo,.ventana-hoja .entradilla,.ventana-hoja .nota-ventana{grid-column:1}.ventana-hoja .ventana{grid-area:1/2/span 3}.casa-hoja{grid-template-columns:1fr 1fr;align-items:center;gap:56px}.pegada{margin:0 auto}.cuartos{grid-template-columns:1fr 1.25fr .9fr;align-items:start;gap:34px}.cuarto{width:auto;margin:0}.c-media{margin-top:70px}.c-peque{margin-top:20px}.notas{grid-template-columns:repeat(3,1fr);gap:34px 28px}.nota,.n2,.n4,.n5{margin-left:0}.contraportada{border-radius:4px;grid-template-columns:1.2fr 1fr;align-items:end;gap:0 48px;margin:40px 0 48px;padding:64px 56px;display:grid}.contraportada h2,.contraportada>p:first-of-type{grid-column:1}.contraportada .boton,.contraportada .enlace-mapa{grid-column:2}.contraportada .boton{grid-row:1;align-self:end}.contraportada .enlace-mapa{grid-row:2;align-self:start}.contraportada .pie{grid-column:1/-1}}.desde-casa{background:#fff;width:31%;padding:5px 5px 3px;position:absolute;top:43%;left:1%;transform:rotate(-4deg);box-shadow:0 8px 16px -10px #1d3c4cb3}.desde-casa:before{content:"";background:var(--cinta);opacity:.9;width:46px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(3deg)}.desde-casa span{text-align:center;color:var(--tinta-suave);font-size:.85rem;display:block}.ventana-hoja,.dicen-hoja{border-top:0}.ventana-hoja{clip-path:inset(0 -100vmax);background:#e4edf1;box-shadow:0 0 0 100vmax #e4edf1}.dicen-hoja{clip-path:inset(0 -100vmax);background:#e8eddf;box-shadow:0 0 0 100vmax #e8eddf}@media (width<=899px){.flecha-nota,.fn-balcon,.fn-terraza{background:var(--papel);padding:0 8px;font-size:.95rem;left:14px;right:auto;transform:rotate(-2deg)}.flecha-nota:before{display:none}.fn-balcon{top:30%}.fn-terraza{top:auto;bottom:18%}}.contraportada :focus-visible{outline-color:#f2b38f}.m-txt,.m-casa,.m-nota{paint-order:stroke;stroke:#fbfbf8;stroke-width:5px;stroke-linejoin:round}