/* mxgana.info — "Patio de muros" · Mexican modernist courtyard: lime-plaster ground, saturated wall planes
   (rosa, ocre, lila, agua), hard cast shadows. Gloock display + Rethink Sans body. */
:root{color-scheme:light;
--cal:#f4ece2;--cal-2:#ebe0d2;--cal-3:#ddccb7;--blanco:#fbf7f1;
--tinta:#2a1a22;--tinta-2:#5c4650;--linea:rgba(42,26,34,.15);--linea-2:rgba(42,26,34,.28);
--rosa:#d63f77;--rosa-b:#c4326a;--rosa-l:#ee86aa;--rosa-t:#a3234f;
--ocre:#e7a531;--ocre-l:#f2c46a;--lila:#9a8bd0;--morado:#4e3f8f;--agua:#6fbfc0;--agua-t:#16646d;
--noche:#22161f;--sombra:rgba(42,26,34,.17);
--font-head:"Gloock",Georgia,"Times New Roman",serif;--font-body:"Rethink Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
--gut:16px;--max:1280px;--hh:64px;
--grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .1 0 0 0 0 .13 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (min-width:600px){:root{--gut:28px}}
@media (min-width:1100px){:root{--gut:40px;--hh:76px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--cal) var(--grano);color:var(--tinta);font:400 17px/1.66 var(--font-body);overflow-x:hidden;text-rendering:optimizeLegibility}
@media (min-width:1100px){body{font-size:18px}}
img,svg{display:block;max-width:100%}
a{color:var(--rosa-t);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--morado);outline-offset:3px}
h1,h2,h3{font-family:var(--font-head);font-weight:400;line-height:1.1;color:var(--tinta);margin:0;text-wrap:balance}
p{margin:0 0 1em}
strong{font-weight:700;color:var(--tinta)}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--tinta);color:var(--cal);padding:12px 18px;font-weight:700;text-decoration:none}
.skip:focus{top:10px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 22px;border:0;border-radius:0;font:700 17px/1.2 var(--font-body);text-decoration:none;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.btn .ar{width:20px;height:20px;flex:none}
.btn-rosa{background:var(--rosa-b);color:#fff;box-shadow:7px 7px 0 var(--sombra)}
.btn-rosa:hover{color:#fff;background:#b12a5e;transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--sombra)}
.btn-linea{color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}
.btn-linea:hover{background:var(--tinta);color:var(--cal)}
.btn-tinta{background:var(--tinta);color:var(--cal)}
.btn-tinta:hover{color:#fff;background:#140b10}

/* header: plaster lintel with a stripe of wall tops */
.dintel{position:sticky;top:0;z-index:40;background:var(--cal);box-shadow:0 1px 0 var(--linea)}
.dintel::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;pointer-events:none;
 background:linear-gradient(90deg,var(--rosa) 0 34%,var(--ocre) 34% 58%,var(--lila) 58% 83%,var(--agua) 83%)}
.dintel-in{max-width:var(--max);margin:0 auto;padding:0 var(--gut);height:var(--hh);display:flex;align-items:center;gap:10px}
.marca{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--tinta);margin-right:auto}
.marca .logo{width:32px;height:32px;flex:none}
.marca-n{font:400 22px/1 var(--font-head);letter-spacing:.04em}
.marca-t{font:600 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);padding:5px 7px;box-shadow:inset 0 0 0 1px var(--linea-2);display:none}
@media (min-width:430px){.marca-t{display:inline-block}}
.idioma{display:flex}
.idioma a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;font:700 14px/1 var(--font-body);letter-spacing:.06em;color:var(--tinta);text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--tinta)}
.idioma a+a{margin-left:-1.5px}
.idioma a[aria-current]{background:var(--tinta);color:var(--cal)}
.idioma a:hover:not([aria-current]){background:var(--cal-2)}
.menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 12px;border:0;border-radius:0;background:var(--rosa-b);color:#fff;font:700 15px/1 var(--font-body);cursor:pointer}
.menu-ic{position:relative;width:18px;height:12px;flex:none}
.menu-ic i{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .2s}
.menu-ic i:first-child{top:1px}.menu-ic i:last-child{bottom:1px;right:5px}
.nav-open .menu-ic i:first-child{transform:translateY(4px) rotate(45deg)}
.nav-open .menu-ic i:last-child{right:0;transform:translateY(-5px) rotate(-45deg)}
@media (max-width:379px){.menu-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.menu-btn{padding:0 13px}}
.nav{display:none}
.nav ul{list-style:none;margin:0;padding:0}
@media (max-width:1099px){
 .nav-open .nav{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:calc(var(--hh) + 4px);bottom:0;z-index:39;overflow:auto;background:var(--morado);padding:18px var(--gut) 32px;
  background-image:linear-gradient(135deg,transparent 62%,rgba(0,0,0,.14) 62%)}
 .nav-open .nav::before{content:"";position:fixed;right:0;bottom:0;width:30%;height:150px;background:var(--rosa);pointer-events:none}
 .nav-open .nav::after{content:"";position:fixed;right:30%;bottom:0;width:24%;height:70px;background:var(--ocre);pointer-events:none}
 .nav li{border-bottom:1px solid rgba(255,255,255,.2);position:relative}
 .nav li a{display:flex;align-items:center;min-height:58px;padding:10px 0;font:400 clamp(24px,7vw,34px)/1.15 var(--font-head);color:var(--cal);text-decoration:none}
 .nav li a[aria-current]{color:var(--ocre-l)}
 .nav li a[aria-current]::before{content:"";width:12px;height:12px;background:var(--ocre);margin-right:14px;flex:none}
 .nav-play{margin-top:26px;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:14px 20px;background:var(--ocre);color:var(--tinta);font:700 17px/1.2 var(--font-body);text-decoration:none;box-shadow:7px 7px 0 rgba(0,0,0,.2)}
 .nav-play .ar{width:20px;height:20px}
 .nav :focus-visible{outline-color:var(--ocre-l)}
}
@media (min-width:1100px){
 .menu-btn{display:none}
 .nav{display:flex;align-items:center;gap:6px;margin-right:12px}
 .nav ul{display:flex;gap:2px}
 .nav li a{display:flex;align-items:center;min-height:44px;padding:0 12px;font:600 15px/1.2 var(--font-body);color:var(--tinta);text-decoration:none;position:relative}
 .nav li a::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:3px;background:var(--rosa);transform:scaleX(0);transform-origin:left;transition:transform .2s}
 .nav li a:hover::after,.nav li a[aria-current]::after{transform:scaleX(1)}
 .nav li a[aria-current]{color:var(--rosa-t)}
 .nav-play{display:none}
}
@media (min-width:1360px){.nav-play{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;margin-left:8px;background:var(--rosa-b);color:#fff;font:700 14px/1 var(--font-body);text-decoration:none}.nav-play .ar{width:16px;height:16px}.nav-play:hover{background:#b12a5e;color:#fff}}

/* coloured wall planes (decor) */
.planos{position:relative;overflow:hidden}
.planos i{position:absolute;display:block}
.pl-rosa{left:8%;top:0;width:46%;height:88%;background:var(--rosa)}
.pl-ocre{right:0;top:28%;width:52%;height:60%;background:var(--ocre)}
.pl-lila{left:0;bottom:0;width:74%;height:12%;background:var(--lila)}
.pl-agua{right:5%;bottom:0;width:42%;height:6%;background:var(--agua)}
.pl-sombra{left:8%;top:0;width:92%;height:88%;background:rgba(42,26,34,.2);clip-path:polygon(38% 0,50% 0,100% 72%,100% 100%,78% 100%);mix-blend-mode:multiply;transform-origin:50% 100%}
@media (prefers-reduced-motion:no-preference){.pl-sombra{animation:sol 16s ease-in-out infinite alternate}}
@keyframes sol{from{transform:skewX(-9deg)}to{transform:skewX(7deg)}}

/* HOME — courtyard */
.patio{position:relative;padding:0 0 clamp(40px,6vw,80px)}
.patio-in{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.patio .planos{order:-1;height:88px;margin:0 calc(var(--gut)*-1)}
.patio-txt{padding-top:6px}
.patio h1{font-size:clamp(34px,8.2vw,68px);line-height:1.04;letter-spacing:-.01em;margin-bottom:22px}
.lead p{font-size:clamp(18px,2.2vw,21px);line-height:1.6;color:var(--tinta-2);max-width:62ch}
.lead p strong{color:var(--tinta)}
.acciones{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:26px}
.acciones .btn{flex:1 1 220px}
.sellos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sellos li{display:flex;align-items:center;gap:10px;padding:9px 13px 9px 10px;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--linea);font:600 15px/1.3 var(--font-body)}
.sellos li::before{content:"";width:12px;height:12px;flex:none;background:var(--rosa)}
.sellos li:nth-child(2)::before{background:var(--ocre)}
.sellos li:nth-child(3)::before{background:var(--lila)}
.nicho{position:relative;container:nicho/inline-size;background:var(--cal-2);box-shadow:inset 0 0 0 1px var(--linea);border-bottom:12px solid var(--ocre);scroll-margin-top:calc(var(--hh) + 10px)}
.nicho::before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 10px 0 rgba(42,26,34,.07)}
.nicho-cab{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 0 16px}
.nicho-t{display:flex;align-items:center;gap:10px;font:700 13px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.nicho-t::before{content:"";width:10px;height:22px;background:var(--rosa);flex:none}
.nicho-18{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:30px;padding:0 6px;background:var(--tinta);color:var(--cal);font:700 13px/1 var(--font-body)}
@media (min-width:1000px){
 .patio-in{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:34px;padding-top:44px}
 .patio-txt{grid-column:1/8;grid-row:1/3;padding-top:0}
 .patio .planos{order:0;grid-column:8/13;grid-row:1;height:auto;min-height:280px;margin:0}
 .sellos{grid-column:8/13;grid-row:2;flex-direction:column;align-self:end}
 .nicho{grid-column:1/13;grid-row:3}
 .acciones .btn{flex:0 0 auto}
}

/* INNER — entrance hall */
.zaguan{border-bottom:1px solid var(--linea);background:linear-gradient(180deg,transparent,rgba(221,204,183,.35))}
.zaguan-in{max-width:var(--max);margin:0 auto;padding:18px var(--gut) clamp(30px,5vw,56px);display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.migas ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;align-items:center;font:500 15px/1.3 var(--font-body)}
.migas li{display:flex;align-items:center}
.migas li+li::before{content:"";width:18px;height:2px;background:var(--linea-2);margin:0 10px}
.migas a{display:inline-flex;align-items:center;min-height:44px;color:var(--rosa-t)}
.migas [aria-current]{color:var(--tinta-2)}
.zaguan h1{font-size:clamp(32px,7vw,64px);line-height:1.06;margin-bottom:20px;max-width:20ch}
.zaguan .planos-s{order:-1;height:64px;margin:0 calc(var(--gut)*-1) 6px}
.zaguan-legal h1{font-size:clamp(30px,5.4vw,50px)}
@media (min-width:1000px){
 .zaguan-in{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:56px;padding-top:24px}
 .zaguan-in>*{grid-column:1}
 .zaguan .planos-s{order:0;grid-column:2;grid-row:1/4;height:auto;min-height:260px;margin:0}
}

/* reading layout */
.recorrido{max-width:var(--max);margin:0 auto;padding:clamp(20px,4vw,48px) var(--gut) clamp(48px,7vw,96px);display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.lado,.lado-in{display:contents}
.escalera{order:-1}
.placa{order:2}
@media (min-width:1000px){
 .recorrido{grid-template-columns:minmax(0,1fr) 300px;column-gap:clamp(48px,6vw,88px)}
 .lado{display:block}
 .lado-in{display:flex;flex-direction:column;gap:28px;position:sticky;top:calc(var(--hh) + 28px)}
 .texto{max-width:760px}
}
.texto{min-width:0}
.pieza{position:relative;isolation:isolate;padding:34px 0 10px;border-top:1px solid var(--linea)}
.pieza:first-child,.pieza-intro+.pieza{border-top:0}
.pieza-intro{padding-top:0}
.pieza h2{position:relative;font-size:clamp(28px,4.4vw,42px);line-height:1.12;margin:10px 0 22px;max-width:24ch}
.pieza h2::before{content:"";position:absolute;z-index:-1;left:-10px;top:-14px;width:2.1em;height:1.5em;background:var(--rosa-l)}
.pieza h2::after{content:"";position:absolute;z-index:-1;left:-10px;top:-14px;width:2.1em;height:1.5em;background:rgba(42,26,34,.14);clip-path:polygon(55% 0,100% 0,100% 100%,20% 100%)}
.pieza:nth-of-type(4n+2) h2::before{background:var(--ocre-l)}
.pieza:nth-of-type(4n+3) h2::before{background:var(--lila)}
.pieza:nth-of-type(4n) h2::before{background:var(--agua)}
@media (min-width:1100px){.pieza h2::before,.pieza h2::after{left:-18px}}
.pieza h3{font:700 20px/1.3 var(--font-body);margin:26px 0 10px}
.pieza ul,.pieza ol{margin:0 0 1.2em;padding:0}
.pieza ul{list-style:none}
.pieza ul li{position:relative;padding-left:26px;margin-bottom:.6em}
.pieza ul li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;background:var(--rosa)}
.pieza ol{list-style:none;counter-reset:n}
.pieza ol li{position:relative;counter-increment:n;padding-left:46px;margin-bottom:.8em;min-height:34px}
.pieza ol li::before{content:counter(n);position:absolute;left:0;top:.05em;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--tinta);color:var(--cal);font:400 18px/1 var(--font-head)}
.pieza code{font:500 .9em/1.4 ui-monospace,Consolas,monospace;background:var(--cal-2);padding:2px 6px;overflow-wrap:anywhere}
.pieza em{font-style:italic}
.tabla{overflow-x:auto;margin:0 0 1.4em;box-shadow:inset 0 0 0 1px var(--linea);background:var(--blanco)}
.tabla table{border-collapse:collapse;width:100%;min-width:480px;font-size:16px}
.tabla th,.tabla td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--linea)}
.tabla th{background:var(--cal-2);font-weight:700}
.tabla tr:last-child td{border-bottom:0}

/* FAQ — doors */
.puertas-l{border-bottom:1px solid var(--linea-2)}
.puertas details{border-top:1px solid var(--linea-2)}
.puertas summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none}
.puertas summary::-webkit-details-marker{display:none}
.puertas .q{font:600 18px/1.4 var(--font-body)}
.puerta{flex:none;position:relative;width:26px;height:34px;box-shadow:inset 0 0 0 2px var(--tinta);perspective:90px}
.puerta i{position:absolute;inset:3px;background:var(--rosa);transform-origin:left center;transition:transform .35s ease}
.puertas details[open] .puerta i{transform:rotateY(-62deg);background:var(--rosa-t)}
.puertas details[open] .puerta{background:var(--ocre-l)}
.puertas summary:hover .q{color:var(--rosa-t)}
.puertas .a{padding:0 0 18px;max-width:66ch}
.puertas .a p{color:var(--tinta-2)}

/* CTA window on inner pages */
.ventana{margin-top:44px;background:var(--morado);padding:clamp(18px,4vw,34px);background-image:linear-gradient(120deg,transparent 58%,rgba(0,0,0,.16) 58%)}
.ventana-in{background:var(--cal);padding:clamp(20px,4vw,32px);box-shadow:inset 12px 12px 0 rgba(42,26,34,.09);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ventana p{font:400 clamp(22px,3vw,30px)/1.25 var(--font-head);max-width:30ch}

/* side: cantilevered stair TOC + demo plaque */
.escalera{background:var(--blanco);box-shadow:inset 0 0 0 1px var(--linea)}
.escalera summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;cursor:pointer;list-style:none;font:700 13px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.escalera summary::-webkit-details-marker{display:none}
.pm{position:relative;width:14px;height:14px}
.pm::before,.pm::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--tinta);transition:transform .2s}
.pm::after{transform:rotate(90deg)}
details[open]>summary .pm::after{transform:rotate(0)}
.escalera ol{list-style:none;margin:0;padding:4px 16px 18px}
.escalera li{margin-left:calc(var(--i) * 9px);border-left:3px solid var(--tinta);border-bottom:1px solid var(--linea)}
.escalera li:last-child{border-bottom:0}
.escalera a{display:flex;align-items:center;min-height:44px;padding:8px 10px 8px 12px;font:500 15px/1.35 var(--font-body);color:var(--tinta);text-decoration:none;transition:background .2s}
.escalera a:hover{background:var(--cal-2)}
.escalera a[aria-current]{background:var(--rosa-l);font-weight:700}
.placa{position:relative;background:var(--ocre);padding:22px 20px 20px;box-shadow:9px 9px 0 var(--sombra)}
.placa::before{content:"";position:absolute;right:0;top:0;width:38%;height:14px;background:var(--rosa)}
.placa-t{font:400 25px/1.15 var(--font-head);margin-bottom:8px}
.placa p{font-size:16px;line-height:1.5}
.placa .btn{width:100%;margin-top:6px;font-size:16px}

/* related — wall openings */
.vanos{background:var(--cal-2);border-top:1px solid var(--linea);padding:clamp(40px,6vw,72px) 0}
.vanos-in{max-width:var(--max);margin:0 auto;padding:0 var(--gut);container:vanos/inline-size}
.vanos h2{font-size:clamp(28px,4vw,42px);margin-bottom:26px}
.vanos ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@container vanos (min-width:620px){.vanos ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container vanos (min-width:1000px){.vanos ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.vanos a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px 14px;height:100%;padding:22px 20px 20px;background:var(--blanco);border-top:12px solid var(--rosa);box-shadow:8px 8px 0 var(--sombra);color:var(--tinta);text-decoration:none;transition:transform .2s,box-shadow .2s}
.vanos li:nth-child(4n+2) a{border-top-color:var(--ocre)}
.vanos li:nth-child(4n+3) a{border-top-color:var(--lila)}
.vanos li:nth-child(4n) a{border-top-color:var(--agua)}
.vanos a:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--sombra)}
.vanos strong{grid-column:1;font:400 23px/1.18 var(--font-head)}
.vanos .d{grid-column:1;font-size:16px;line-height:1.5;color:var(--tinta-2)}
.vanos .ar{grid-column:2;grid-row:1;width:22px;height:22px;margin-top:3px;color:var(--rosa-t)}

/* footer */
.pie{background:var(--noche);color:#e7dccd}
.pie-muros{height:46px;background:var(--cal-2);position:relative}
.pie-muros::after{content:"";position:absolute;inset:0;background:
 linear-gradient(var(--rosa),var(--rosa)) 0 100%/22% 100% no-repeat,linear-gradient(var(--ocre),var(--ocre)) 22% 100%/24% 62% no-repeat,
 linear-gradient(var(--lila),var(--lila)) 58% 100%/30% 80% no-repeat,linear-gradient(var(--agua),var(--agua)) 100% 100%/14% 40% no-repeat,
 linear-gradient(var(--noche),var(--noche)) 0 100%/100% 8px no-repeat}
.pie-in{max-width:var(--max);margin:0 auto;padding:40px var(--gut) 28px;display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.pie .marca{color:#f4ece2;margin-bottom:14px}
.pie-marca p{font-size:16px;line-height:1.6;color:#cbbdb0;max-width:52ch}
.pie h2{font:700 13px/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ocre-l);margin-bottom:8px}
.pie ul{list-style:none;margin:0;padding:0}
.pie li a{display:flex;align-items:center;min-height:44px;color:#f4ece2;text-decoration:none}
.pie li a:hover{color:var(--ocre-l);text-decoration:underline}
.pie :focus-visible{outline-color:var(--ocre-l)}
.pie-base{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:22px;border-top:1px solid rgba(244,236,226,.16);font-size:16px;color:#cbbdb0}
.edad{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--rosa-b);color:#fff;font:700 17px/1 var(--font-body)}
.idioma-pie{margin-left:auto}
.idioma-pie a{color:#f4ece2;box-shadow:inset 0 0 0 1.5px rgba(244,236,226,.6)}
.idioma-pie a[aria-current]{background:#f4ece2;color:var(--noche)}
.idioma-pie a:hover:not([aria-current]){background:rgba(244,236,226,.1)}
@media (min-width:760px){.pie-in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);column-gap:40px}.pie-base{grid-column:1/-1}}

/* 404 */
.nf{min-height:70vh;display:grid;align-content:center;max-width:var(--max);margin:0 auto;padding:40px var(--gut);gap:28px}
.nf-code{font:400 clamp(90px,22vw,200px)/1 var(--font-head);color:var(--rosa);margin:0}
.nf h1{font-size:clamp(30px,5vw,48px);margin-bottom:14px}
.nf .planos{height:90px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.dintel,.lado,.vanos,.pie-muros,.planos{display:none}}