@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk.woff2") format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:"Plex Mono";src:url("fonts/plex-mono-400.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Plex Mono";src:url("fonts/plex-mono-500.woff2") format("woff2");font-weight:500;font-display:swap}:root{--fondo: #f6f5f2;--superficie: #ffffff;--linea: #dddad3;--linea-fuerte: #b5b2aa;--texto: #141414;--suave: #3d3c39;--tenue: #6a6965;--mariposa: #e7e4dd;--acento: #141414;--acento-texto: #f6f5f2;--radio: 4px;--lado: clamp(16px, 4vw, 40px);--ancho: 1240px;--mono: "Plex Mono", ui-monospace, "Cascadia Mono", monospace;color-scheme:light}.tinta{--fondo: #141414;--superficie: #1c1c1c;--linea: #333231;--linea-fuerte: #5a5855;--texto: #f3f1ec;--suave: #cfcdc7;--tenue: #a3a19b;--mariposa: #262524;--acento: #f3f1ec;--acento-texto: #141414;background:var(--fondo);color:var(--texto);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--fondo);color:var(--texto);font:400 17px/1.55 "Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit}h1,h2,h3{margin:0 0 .4em;line-height:1.08;letter-spacing:-.025em;font-weight:600;text-wrap:balance}h1{font-size:clamp(2.1rem,7vw,3.8rem)}h2{font-size:clamp(1.6rem,4.6vw,2.5rem)}h3{font-size:1.15rem}p{margin:0 0 1em;text-wrap:pretty}.cota,.clave,.paso-num,.ficha dt{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.etiqueta{font-size:.74rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--etiqueta, var(--tenue));margin-bottom:1em}.entrada{font-size:1.12rem;color:var(--suave);max-width:38em}.tenue{color:var(--tenue)}.nota{font-size:.9rem;margin-top:.8em}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.saltar{position:absolute;left:-999px}.saltar:focus{left:var(--lado);top:8px;z-index:20;background:var(--acento);color:var(--acento-texto);padding:8px 12px}:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--lado);background:color-mix(in srgb, var(--fondo) 94%, rgba(0,0,0,0));border-bottom:1px solid var(--linea)}.barra nav{display:flex;gap:clamp(14px,3vw,32px);font-size:.95rem}.barra nav a{text-decoration:none;padding:10px 0;text-underline-offset:6px}.barra nav a:hover{text-decoration:underline}.marca{display:flex;align-items:center}.marca img{height:50px;width:auto}@media (min-width: 900px){.marca img{height:68px}}.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--radio);border:1px solid rgba(0,0,0,0);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.boton:active{transform:translateY(1px)}.boton svg{width:20px;height:20px;flex:none}.boton-wa{background:var(--acento);color:var(--acento-texto)}.boton-wa:hover{background:color-mix(in srgb, var(--acento) 80%, var(--fondo))}.boton-linea{background:rgba(0,0,0,0);color:var(--texto);border-color:var(--linea-fuerte)}.boton-linea:hover{border-color:var(--texto)}.boton-disena{display:flex;align-items:center;gap:14px;width:100%;max-width:440px;min-height:72px;padding:12px 16px;border:1px solid var(--acento);border-radius:var(--radio);text-decoration:none;color:var(--texto);background-color:var(--superficie);background-image:linear-gradient(var(--linea) 1px, rgba(0,0,0,0) 1px),linear-gradient(90deg, var(--linea) 1px, rgba(0,0,0,0) 1px);background-size:24px 24px;transition:transform .15s ease,border-color .15s ease}.boton-disena:active{transform:translateY(1px)}.boton-disena:hover{border-color:var(--tenue)}.boton-disena:hover .boton-disena-flecha{transform:translateX(3px)}.boton-disena-dibujo{flex:none;width:26px;height:46px;color:var(--acento)}.boton-disena-texto{display:grid;gap:2px;flex:1;line-height:1.3}.boton-disena-texto strong{font-size:1.05rem}.boton-disena-texto span{font-size:.86rem;color:var(--tenue)}.boton-disena-flecha{flex:none;width:22px;height:22px;color:var(--acento);transition:transform .15s ease}.flotante{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:15;box-shadow:0 8px 24px rgba(0,0,0,.28);border-radius:999px}.acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.6em}.acciones .boton-wa{width:100%;max-width:440px}.enlace-flecha,.enlace-atras{font-family:var(--mono);font-size:.85rem;text-decoration:none;color:var(--tenue)}.enlace-flecha:hover,.enlace-atras:hover{color:var(--texto)}.enlace-flecha::after{content:" →"}.enlace-atras{display:inline-block;margin-bottom:1.2em}.enlace-atras::before{content:"← "}.bloque{max-width:var(--ancho);margin:0 auto;padding:clamp(56px,9vw,112px) var(--lado)}.bloque+.bloque{border-top:1px solid var(--linea)}.bloque-cabeza{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.portada{display:grid;max-width:var(--ancho);margin:0 auto}@media (min-width: 900px){.portada{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:48px var(--lado) 32px}}.portada-foto{position:relative;margin:0}.portada-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}@media (max-width: 899px){.portada-foto img{aspect-ratio:4/4.2}}@media (min-width: 900px){.portada-foto{order:2}}.portada-texto{position:relative;isolation:isolate;padding:32px var(--lado) 36px}@media (min-width: 900px){.portada-texto{padding:0}}.portada-texto::before{content:"";position:absolute;z-index:-1;top:4px;right:var(--lado);width:min(58%,330px);aspect-ratio:201/189;background:var(--mariposa);-webkit-mask:url("mariposa.svg") center/contain no-repeat;mask:url("mariposa.svg") center/contain no-repeat}@media (min-width: 900px){.portada-texto::before{top:-70px;right:-10px}}.cota{display:flex;align-items:center;gap:10px;color:var(--tenue);margin:10px 0 0}.cota span{color:var(--acento)}.portada-foto .cota{position:absolute;left:12px;bottom:12px;margin:0;padding:6px 10px;background:color-mix(in srgb, var(--fondo) 88%, rgba(0,0,0,0));color:var(--texto)}.carrusel,.rejilla{list-style:none;margin:0;padding:0}.carrusel{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(var(--lado)*-1);padding-inline:var(--lado);scroll-padding-inline:var(--lado);scrollbar-width:none}.carrusel li{scroll-snap-align:start}@media (min-width: 900px){.carrusel{grid-auto-flow:row;grid-template-columns:repeat(4, 1fr);overflow:visible;margin-inline:0;padding-inline:0}}.rejilla{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%,280px), 1fr));gap:18px;margin-top:28px}.tarjeta{display:block;text-decoration:none}.tarjeta img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--superficie);transition:filter .2s ease}.tarjeta:hover img{filter:brightness(1.08)}.rejilla .tarjeta img.apaisada{aspect-ratio:4/3}.tarjeta-pie{display:flex;gap:10px;align-items:baseline;padding:10px 2px 0;font-weight:600;line-height:1.3}.clave{color:var(--acento);flex:none}.filtros,.estilos,.tipos,.acabados{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:24px 0 0}.filtros label,.estilos label,.tipos label,.acabados label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--linea);border-radius:999px;cursor:pointer;font-size:.95rem}.filtros label:has(:checked),.estilos label:has(:checked),.tipos label:has(:checked),.acabados label:has(:checked){background:var(--texto);color:var(--fondo);border-color:var(--texto)}.filtros label:has(:focus-visible),.estilos label:has(:focus-visible),.tipos label:has(:focus-visible),.acabados label:has(:focus-visible){outline:2px solid var(--acento);outline-offset:2px}.filtros input,.estilos input,.tipos input,.acabados input{position:absolute;opacity:0;pointer-events:none}.servicios{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea)}@media (min-width: 480px){.servicios{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 900px){.servicios{grid-template-columns:repeat(4, 1fr)}}.servicios li{display:flex;align-items:center;gap:12px;padding:18px 16px;background:var(--fondo);font-weight:600}.servicios li::before{content:"";flex:none;width:9px;height:9px;border:2px solid var(--acento)}.promo{display:grid;gap:28px;padding:clamp(24px,4vw,48px);background:var(--superficie);border:1px solid var(--linea)}@media (min-width: 900px){.promo{grid-template-columns:1fr 1fr;gap:56px;align-items:center}}.promo p{color:var(--suave);max-width:30em}.promo .boton{width:100%;max-width:440px;margin-top:8px}.incluye{list-style:none;margin:0;padding:0}.incluye li{position:relative;display:grid;gap:2px;padding:16px 0 16px 36px;border-top:1px solid var(--linea)}.incluye li:last-child{border-bottom:1px solid var(--linea)}.incluye li::before{content:"";position:absolute;left:4px;top:21px;width:15px;height:8px;border:solid var(--acento);border-width:0 0 2px 2px;transform:rotate(-45deg)}.incluye span{color:var(--tenue);font-size:.95rem}.pasos{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:28px}@media (min-width: 720px){.pasos{grid-template-columns:repeat(4, 1fr)}}.pasos li{border-top:1px solid var(--linea);padding-top:16px}.pasos p{color:var(--tenue);margin:0}.paso-num{display:block;color:var(--acento);margin-bottom:10px}.clima-grid{display:grid;gap:16px;margin-top:28px}@media (min-width: 720px){.clima-grid{grid-template-columns:repeat(3, 1fr)}}.clima-grid article{background:var(--superficie);border:1px solid var(--linea);padding:22px}.clima-grid p{color:var(--tenue);margin:0}.disenador-lienzo{background-color:var(--superficie);background-image:linear-gradient(var(--linea) 1px, rgba(0,0,0,0) 1px),linear-gradient(90deg, var(--linea) 1px, rgba(0,0,0,0) 1px);background-size:24px 24px;border:1px solid var(--linea)}.marcas{position:relative}.marcas::before,.marcas::after{content:"";position:absolute;z-index:1;width:22px;height:22px;border:0 solid var(--esquina, #fff);pointer-events:none}.marcas::before{top:10px;left:10px;border-width:2px 0 0 2px}.marcas::after{right:10px;bottom:10px;border-width:0 2px 2px 0}.celosia{height:clamp(48px,8vw,84px);background:var(--celosia, #c9c6bf);-webkit-mask:url("celosia.svg") center/auto 100% repeat-x;mask:url("celosia.svg") center/auto 100% repeat-x}.muestrario{display:grid;gap:28px}@media (min-width: 900px){.muestrario{grid-template-columns:1fr 1.6fr;align-items:center;gap:56px}}.muestrario-texto .boton-disena{margin-top:8px}.muestras{background-color:var(--superficie);background-image:linear-gradient(var(--linea) 1px, rgba(0,0,0,0) 1px),linear-gradient(90deg, var(--linea) 1px, rgba(0,0,0,0) 1px);background-size:24px 24px;view-timeline:--muestras block;list-style:none;margin:0 calc(var(--lado)*-1);padding:28px var(--lado) 20px;display:flex;align-items:flex-end;gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-block:1px solid var(--linea)}@media (min-width: 900px){.muestras{margin:0;border:1px solid var(--linea)}}.muestras li{flex:none}.muestras a{display:block;text-decoration:none;color:var(--texto);transition:opacity .15s ease}.muestras a:hover{opacity:.65}.muestras svg{height:170px;width:auto}.muestras .cota{font-size:.7rem;gap:6px;white-space:nowrap}.cierre{position:relative;border-top:1px solid var(--linea);padding:clamp(56px,9vw,112px) var(--lado);text-align:center;overflow:hidden}.cierre::before{content:"";position:absolute;inset:0;background:radial-gradient(farthest-side, var(--celosia, #c4c1ba), rgba(0,0,0,0));-webkit-mask:url("celosia.svg") center/auto 240px repeat;mask:url("celosia.svg") center/auto 240px repeat}.cierre-caja{position:relative;max-width:34em;margin:0 auto;padding:36px 24px;background:var(--fondo);border:1px solid var(--linea)}.cierre-caja p{color:var(--tenue)}.cierre-caja .boton{margin-top:8px}@media (prefers-reduced-motion: no-preference){@view-transition{navigation:auto}@supports (animation-timeline: view()){.muestras svg path{stroke-dasharray:1;animation:trazar linear both;animation-timeline:--muestras;animation-range:entry 10% cover 45%}.muestras svg rect{animation:aparecer linear both;animation-timeline:--muestras;animation-range:entry 0% entry 60%}}}@keyframes trazar{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes aparecer{from{opacity:0}to{opacity:1}}.trabajo{display:grid;max-width:var(--ancho);margin:0 auto}@media (min-width: 900px){.trabajo{grid-template-columns:1.2fr 1fr;gap:56px;padding:40px var(--lado) 96px;align-items:start}}.trabajo-fotos{display:grid;gap:12px}.trabajo-fotos figure{margin:0}.trabajo-fotos img{width:100%}.trabajo-texto{padding:28px var(--lado) 96px}@media (min-width: 900px){.trabajo-texto{position:sticky;top:88px;padding:0}}.trabajo-texto .boton{width:100%;margin-top:8px}.ficha{display:grid;grid-template-columns:repeat(2, 1fr);gap:1px;margin:24px 0;background:var(--linea);border:1px solid var(--linea)}.ficha div{background:var(--fondo);padding:12px 14px}.ficha div:last-child:nth-child(odd){grid-column:1/-1}.ficha dt{color:var(--tenue);margin-bottom:4px}.ficha dd{margin:0;font-weight:600}.vecinos{display:grid;gap:8px;margin-top:40px;border-top:1px solid var(--linea);padding-top:20px}.vecinos a{display:flex;gap:10px;text-decoration:none;padding:8px 0}.vecinos a:hover{color:var(--tenue)}.disenador{display:grid;gap:28px;padding-top:24px}@media (min-width: 900px){.disenador{grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}}.disenador-lienzo{padding:16px;position:sticky;top:62px;z-index:2}@media (min-width: 900px){.disenador-lienzo{position:sticky;top:88px}}.dibujo{display:grid;place-items:center;margin:0;color:var(--texto)}.dibujo svg{width:auto;height:34vh}@media (min-width: 900px){.dibujo svg{height:60vh}}.disenador-lienzo.con-foto{position:static}@media (min-width: 900px){.disenador-lienzo.con-foto{position:sticky}}.escena{display:block;width:100%;max-height:62vh;touch-action:none;user-select:none;cursor:grab}.escena:active{cursor:grabbing}.escena path{opacity:.96}.asa{fill:var(--acento);stroke:#fff;pointer-events:none}.asa-zona{fill:rgba(0,0,0,0);stroke:none;cursor:crosshair}.lienzo-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.lienzo-pie .cota{margin:0}.boton-chico{min-height:40px;padding:0 14px;font-size:.92rem;background-color:var(--fondo)}.boton-chico.boton-wa{background-color:var(--acento)}.boton-chico:has(:focus-visible){outline:2px solid var(--acento);outline-offset:3px}.foto-controles{margin-top:12px}.foto-controles .nota{margin:0 0 12px}.acabados{margin:0 0 12px}.acabados label{gap:8px;background:var(--fondo);padding:0 12px}.acabados i{width:16px;height:16px;border-radius:50%;border:1px solid #6b6d71}.acabados .c-negro{background:#141414}.acabados .c-oxford{background:#3b3e44}.acabados .c-bronce{background:#4a3728}.acabados .c-blanco{background:#e9e7e1}.acciones-foto{display:flex;flex-wrap:wrap;gap:8px}.acciones-foto #guardar{margin-left:auto}.taller{margin-top:28px;border-top:1px solid var(--linea);padding-top:16px}.taller summary{cursor:pointer;font-family:var(--mono);font-size:.85rem;color:var(--tenue);min-height:40px;display:flex;align-items:center;gap:8px}.taller summary::before{content:"+";color:var(--acento)}.taller summary::-webkit-details-marker{display:none}.taller[open] summary::before{content:"−"}.taller table{width:100%;border-collapse:collapse;margin:8px 0 12px;font-family:var(--mono);font-size:.92rem;font-variant-numeric:tabular-nums}.taller th,.taller td{text-align:left;padding:7px 0;border-bottom:1px solid var(--linea)}.taller th{color:var(--tenue);font-weight:400;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.taller td:first-child,.taller th:first-child{width:5.5em}.taller #tramos{font-weight:600;margin:0 0 6px}.controles{display:grid;gap:20px;margin-top:8px}.medidas{display:grid;grid-template-columns:1fr 1fr;gap:12px}.medidas label{display:grid;gap:6px;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tenue)}.medidas span{display:flex;align-items:center;gap:8px;color:var(--texto);font-size:1rem;text-transform:none}.medidas input{width:100%;min-height:48px;padding:0 12px;background:var(--superficie);color:var(--texto);border:1px solid var(--linea);border-radius:var(--radio);font:600 1.15rem/1 var(--mono)}.tipos{margin:0}.tipos legend{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tenue);margin-bottom:8px;padding:0}.tipos label:has(:checked){background:var(--acento);border-color:var(--acento);color:var(--acento-texto)}.estilos label.sugerido::after,.leyenda-sugerido::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acento)}.estilos label.sugerido::after{margin-left:8px}.leyenda-sugerido{display:inline-flex;align-items:center;gap:6px;margin-left:10px;text-transform:none;letter-spacing:0}.estilos{margin:0}.estilos legend{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tenue);margin-bottom:8px;padding:0}.disenador-panel .ficha div:first-child{grid-column:1/-1}.disenador-panel #codigo{font-family:var(--mono);letter-spacing:.04em}.disenador-panel #enviar{width:100%}.pie{border-top:1px solid var(--linea);padding:48px var(--lado) 112px;font-size:.95rem}.pie-grid{max-width:var(--ancho);margin:0 auto;display:grid;gap:28px}@media (min-width: 720px){.pie-grid{grid-template-columns:2fr 2fr 1fr}}.pie-grid .etiqueta{margin-bottom:6px}.pie-grid p{margin:0}.pie-logo{width:230px;margin-bottom:14px}.pie-sub{margin-top:16px !important}.pie a{text-underline-offset:3px}.pie a:hover{color:var(--tenue)}html[data-tema="1"]{--fondo: #0e0f10;--superficie: #17181a;--linea: #2b2d30;--linea-fuerte: #4a4c50;--texto: #ecebe7;--suave: #cfcdc7;--tenue: #9b9a95;--mariposa: #1b1c1e;--acento: #ff6b2c;--acento-texto: #140a05;color-scheme:dark;--etiqueta: #ff6b2c;--esquina: #ff6b2c;--celosia: #34363a}html[data-tema="1"] .tinta{--fondo: #151618;--superficie: #1d1e21;--linea: #303236;--linea-fuerte: #4f5156;--texto: #ecebe7;--suave: #cfcdc7;--tenue: #9b9a95;--mariposa: #1b1c1e;--acento: #ff6b2c;--acento-texto: #140a05;color-scheme:dark}html[data-tema="2"]{--fondo: #27282b;--superficie: #303135;--linea: #44454a;--linea-fuerte: #66676c;--texto: #f2f0eb;--suave: #d5d3cd;--tenue: #a8a6a0;--mariposa: #323336;--acento: #f2f0eb;--acento-texto: #1b1c1e;color-scheme:dark;--celosia: #4a4b50}html[data-tema="2"] .tinta{--fondo: #1b1c1e;--superficie: #232427;--linea: #37383c;--linea-fuerte: #595a5f;--texto: #f2f0eb;--suave: #d5d3cd;--tenue: #a8a6a0;--mariposa: #323336;--acento: #f2f0eb;--acento-texto: #1b1c1e;color-scheme:dark}html[data-tema="3"]{--fondo: #111110;--superficie: #1a1918;--linea: #2e2c29;--linea-fuerte: #57534b;--texto: #f1eee8;--suave: #d2cec6;--tenue: #a09b92;--mariposa: #1e1d1b;--acento: #d4a76a;--acento-texto: #17120a;color-scheme:dark;--etiqueta: #d4a76a;--esquina: #d4a76a;--celosia: #36332e}html[data-tema="3"] .tinta{--fondo: #191817;--superficie: #211f1d;--linea: #353230;--linea-fuerte: #5c574f;--texto: #f1eee8;--suave: #d2cec6;--tenue: #a09b92;--mariposa: #1e1d1b;--acento: #d4a76a;--acento-texto: #17120a;color-scheme:dark}.temas{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:16;display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:5px;background:#000;border:1px solid #666;border-radius:24px;font-size:.84rem;box-shadow:0 8px 24px rgba(0,0,0,.5)}.temas span{padding:0 6px 0 10px;color:#ccc}.temas button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px 0 9px;border:0;border-radius:999px;background:rgba(0,0,0,0);color:#fff;font:inherit;font-weight:600;cursor:pointer}.temas button::before{content:"";width:16px;height:16px;border-radius:50%;border:1px solid #888}.temas button[value="1"]::before{background:linear-gradient(135deg, #0e0f10 50%, #ff6b2c 50%)}.temas button[value="2"]::before{background:linear-gradient(135deg, #27282b 50%, #f2f0eb 50%)}.temas button[value="3"]::before{background:linear-gradient(135deg, #111110 50%, #d4a76a 50%)}.temas button[aria-pressed=true]{background:#fff;color:#000}@media (max-width: 900px){.temas{bottom:76px}}@media (max-width: 560px){.temas{right:12px;justify-content:center}.temas span{width:100%;padding:2px 0 0;text-align:center}}