@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: #0e0f10;--superficie: #17181a;--linea: #2b2d30;--texto: #ecebe7;--tenue: #9b9a95;--acento: #ff6b2c;--acento-texto: #140a05;--radio: 4px;--lado: clamp(16px, 4vw, 40px);--ancho: 1240px;--mono: "Plex Mono", ui-monospace, "Cascadia Mono", monospace;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:-.02em;font-weight:700;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}.etiqueta,.cota,.clave,.paso-num,.ficha dt{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.etiqueta{color:var(--acento);margin-bottom:.8em}.entrada{font-size:1.12rem;color:#cfcdc7;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:rgba(14,15,16,.92);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}.barra nav a:hover{color:var(--acento)}.marca{display:flex;align-items:center}.marca img{height:46px;width:auto}.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:#ff8350}.boton-linea{background:rgba(0,0,0,0);color:var(--texto);border-color:#4a4c50}.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:#ff8350}.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,.45);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{padding:32px var(--lado) 8px}@media (min-width: 900px){.portada-texto{padding:0}}.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:rgba(14,15,16,.8);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)}.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(--acento);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:#34363a;-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:color .15s ease}.muestras a:hover{color:var(--acento)}.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, #484a50, 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(--acento)}.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:210px;margin-bottom:14px}.pie-sub{margin-top:16px !important}.pie a{text-underline-offset:3px}.pie a:hover{color:var(--acento)}