:root{--ink:#0d4073;--cream:#f5efe4;--coral:#ee9d20;--yellow:#f8d433;--blue:#2f6fb0;--wall:#ead9bd;--pad:clamp(20px,5vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}[hidden]{display:none!important}.delivery-bar{background:var(--ink);color:#fff;height:46px;display:flex;align-items:center;overflow:hidden}.delivery-bar-inner{width:100%;padding:0 var(--pad);display:flex;align-items:center;gap:14px}.delivery-bar-icon{font-size:19px;flex:none}.delivery-bar-text{margin:0;flex:1;line-height:1.3;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-bar-text b{color:var(--yellow);font-weight:800}.delivery-bar-text span{color:#cfd8e2}.delivery-bar-cta{flex:none;background:var(--coral);color:#12263e;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:.2s}.delivery-bar-cta:hover{background:#d9890f}.topbar{height:80px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27231c1a}.logo{display:flex;align-items:center;color:inherit;text-decoration:none}.logo img{height:48px;width:auto;display:block}.phase{font-size:10px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:8px}.phase span{width:7px;height:7px;background:#56a96c;border-radius:50%;box-shadow:0 0 0 4px #56a96c22}.back{color:inherit;text-decoration:none;font-size:13px;font-weight:700}.intro{padding:55px var(--pad) 44px;display:flex;justify-content:space-between;align-items:end;gap:35px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em}.intro h1{font:400 clamp(50px,6vw,87px)/.93 "Paytone One";letter-spacing:-.05em;margin:14px 0 0}.intro h1 em{font-style:normal;color:var(--coral)}.intro p{max-width:455px;color:#6c665e;line-height:1.65;margin:0 0 8px}.studio{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.68fr);min-height:720px;border-top:1px solid #0001}.scene-panel{position:sticky;top:0;height:100vh;min-height:670px;overflow:hidden;background:#cdb99c}.scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s,transform .55s;transform:scale(1.03)}.scene.active{opacity:1;transform:scale(1)}.wall{position:absolute;inset:0 0 27%;background:var(--wall);transition:background .55s ease,filter .4s}.wall:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff2,transparent 40%,#0001);pointer-events:none}.floor{position:absolute;inset:73% 0 0;background:repeating-linear-gradient(100deg,#bd9a70 0,#bd9a70 80px,#ae895e 82px,#ae895e 85px);clip-path:polygon(0 17%,100% 0,100% 100%,0 100%)}.scene-label{position:absolute;left:25px;top:25px;background:#fffdf7e8;backdrop-filter:blur(8px);padding:11px 17px;border-radius:50px;display:flex;align-items:center;gap:11px;z-index:5}.scene-label>span{font-size:22px}.scene-label div{display:flex;flex-direction:column}.scene-label small{font-size:8px;letter-spacing:.12em}.scene-label strong{font-size:13px}.compare{position:absolute;right:24px;top:26px;z-index:5;border:0;background:var(--ink);color:white;border-radius:50px;padding:12px 17px;font-size:12px;font-weight:700;cursor:pointer}.window{position:absolute;left:8%;top:12%;width:190px;height:235px;background:#a9d4e8;border:13px solid #f8f3e9;box-shadow:0 12px 25px #0002;display:grid;grid-template-columns:1fr 1fr}.window:after{content:"";position:absolute;height:100%;width:5px;background:#f8f3e9;left:calc(50% - 2px)}.window i{background:linear-gradient(25deg,transparent 60%,#fff6 61%)}.bed{position:absolute;width:55%;height:180px;right:5%;bottom:-10%;background:#e7e0d4;border-radius:24px 24px 4px 4px;box-shadow:0 22px 0 #9b6c52;z-index:2}.bed:before{content:"";position:absolute;left:5%;right:5%;top:18%;height:45%;background:#d76655;border-radius:20px}.bed span{position:absolute;left:13%;top:-33px;width:135px;height:80px;background:#f7f2e8;border-radius:50% 50% 15px 15px;transform:rotate(-5deg)}.nightstand{position:absolute;left:25%;bottom:-6%;width:95px;height:110px;background:#8b674a;z-index:2}.nightstand i{position:absolute;width:8px;height:8px;border-radius:50%;background:#e9c352;left:44px;top:18px}.lamp{position:absolute;z-index:3}.floor-lamp{right:4%;top:28%;width:110px;height:100px;background:#efc744;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.floor-lamp i{position:absolute;width:8px;height:300px;background:#282727;left:51px;top:88px}.plant{position:absolute;z-index:3;color:#38664e;font-size:90px;filter:drop-shadow(8px 8px 0 #264a38)}.room-scene .plant{left:3%;bottom:9%}.picture-set{position:absolute;left:8%;top:17%;display:flex;gap:18px}.picture-set i{width:95px;height:130px;border:8px solid #f5ead6;background:#edbd3a;box-shadow:0 7px 12px #0002}.picture-set i:nth-child(2){background:#de6956;height:100px}.picture-set i:nth-child(3){background:#447563}.sofa{position:absolute;left:18%;bottom:-7%;width:64%;height:220px;background:#e6d1b3;border-radius:60px 60px 15px 15px;box-shadow:0 22px 0 #2f302e;z-index:2}.sofa:before,.sofa:after{content:"";position:absolute;top:28px;width:32%;height:100px;background:#bd634f;border-radius:22px}.sofa:before{left:13%}.sofa:after{right:13%;background:#53765f}.sofa i{position:absolute;width:28px;height:75px;background:#292929;bottom:-55px}.sofa i:first-child{left:10%}.sofa i:last-child{right:10%}.coffee-table{position:absolute;left:33%;bottom:-20%;width:35%;height:115px;border-radius:50%;background:#e8c13e;z-index:4;box-shadow:0 18px 0 #2d2d2c}.table-lamp{right:9%;top:29%;width:90px;height:75px;background:#e8b935;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.table-lamp i{position:absolute;top:70px;left:43px;width:7px;height:190px;background:#222}.big-plant{left:3%;bottom:6%}.office-art{position:absolute;left:8%;top:17%;font:40px/1 "Paytone One";transform:rotate(-4deg)}.office-art b{color:#ec6250;font-weight:400}.desk{position:absolute;left:19%;bottom:-2%;width:61%;height:42px;background:#a5734e;z-index:3;box-shadow:0 15px 0 #292929}.desk:before,.desk:after{content:"";position:absolute;width:18px;height:190px;background:#292929;top:40px}.desk:before{left:30px}.desk:after{right:30px}.screen{position:absolute;left:36%;bottom:40px;width:190px;height:130px;background:#23282b;border:9px solid #333;border-radius:8px;box-shadow:0 17px 0 -7px #333}.books{position:absolute;left:6%;bottom:41px;width:120px;height:16px;background:#e5be39;box-shadow:0 -18px 0 #527460,0 -36px 0 #d96855}.chair{position:absolute;left:42%;bottom:-15%;width:160px;height:210px;background:#db6a56;border-radius:50px 50px 15px 15px;z-index:4;box-shadow:0 14px 0 #252525}.shelf{position:absolute;right:5%;top:13%;width:190px;height:300px;border:15px solid #644b38;display:flex;flex-direction:column;justify-content:space-around}.shelf i{height:12px;background:#644b38;width:100%}.desk-plant{right:4%;bottom:8%;font-size:75px}.controls{background:#fffaf1;padding:46px clamp(25px,4vw,55px)}.step{padding:0 0 38px;margin-bottom:35px;border-bottom:1px solid #1c19151b}.step-title{display:flex;align-items:center;gap:14px}.step-title>span{display:grid;place-items:center;background:var(--ink);color:white;width:36px;height:36px;border-radius:50%;font:14px "Paytone One"}.step-title small{font-size:8px;font-weight:800;letter-spacing:.15em;color:#918a80}.step-title h2{font:25px "Paytone One";letter-spacing:-.03em;margin:2px 0}.room-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.room-tab{border:1px solid #d8d0c4;background:transparent;border-radius:13px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:700;cursor:pointer;transition:.2s}.room-tab span{font-size:20px}.room-tab.active{background:var(--ink);color:white;border-color:var(--ink);transform:translateY(-3px)}.hint{font-size:11px;color:#817a70;margin:18px 0 13px}.palette{display:flex;flex-wrap:wrap;gap:11px}.swatch,.custom-color{width:43px;height:43px;border-radius:50%;border:3px solid white;outline:1px solid #c8c1b7;background:var(--swatch);cursor:pointer;display:grid;place-items:center;transition:.2s}.swatch:hover{transform:scale(1.1)}.swatch i{font-style:normal;opacity:0;color:white;font-weight:900;text-shadow:0 1px 2px #0005}.swatch.active{outline:3px solid var(--ink);outline-offset:2px}.swatch.active i{opacity:1}.custom-color{background:conic-gradient(#f66,#fc3,#6b6,#57d,#b6d,#f66);position:relative}.custom-color span{display:grid;place-items:center;width:25px;height:25px;background:white;border-radius:50%;font-size:19px}.custom-color input{position:absolute;width:1px;height:1px;opacity:0}.selected-color{display:flex;align-items:center;gap:10px;margin-top:20px;background:#f0e9dd;border-radius:13px;padding:11px}.selected-color>span{width:34px;height:34px;background:var(--wall);border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.selected-color div{display:flex;flex-direction:column;flex:1}.selected-color small{font-size:7px;letter-spacing:.12em}.selected-color strong{font-size:12px}.selected-color code{font-size:10px;color:#776f65}.decor-options{display:flex;gap:7px;margin-top:17px;flex-wrap:wrap}.decor-options button{border:1px solid #d8d0c4;background:transparent;padding:10px 12px;border-radius:30px;font-size:10px;cursor:pointer}.decor-options button.active{background:#f1c63f;border-color:#f1c63f;font-weight:800}.quote{width:100%;border:0;border-radius:50px;background:var(--coral);color:white;padding:18px 24px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer;transition:.25s}.quote:hover{transform:translateY(-3px);box-shadow:0 13px 25px #ed645044}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,130px);background:var(--ink);color:white;border-radius:50px;padding:15px 25px;z-index:10;font-size:12px;transition:.4s;box-shadow:0 15px 40px #0003}.toast.show{transform:translate(-50%,0)}body.cool-light .scene .wall{filter:saturate(.95) brightness(.94)}body.more-plants .plant{transform:scale(1.25);filter:drop-shadow(8px 8px 0 #264a38) saturate(1.4)}body.minimal .scene .picture-set,body.minimal .scene .plant,body.minimal .scene .office-art,body.minimal .scene .frame{opacity:0}.plant,.picture-set,.office-art,.frame{transition:.35s}
@media(max-width:900px){.delivery-bar-text span{display:none}.phase{display:none}.intro{align-items:flex-start;flex-direction:column}.studio{grid-template-columns:1fr}.scene-panel{position:relative;height:65vh;min-height:520px}.controls{padding:42px var(--pad)}.window{transform:scale(.75);transform-origin:left top}.back{font-size:0}.back:after{content:"← Inicio";font-size:12px}}
@media(max-width:560px){.topbar{height:68px}.intro{padding-top:38px}.intro h1{font-size:49px}.scene-panel{height:500px;min-height:0}.scene-label{top:13px;left:13px}.compare{top:14px;right:13px;font-size:10px}.wall{bottom:24%}.window{left:2%}.bed{width:75%;right:-9%}.sofa{left:8%;width:84%}.picture-set{left:3%;transform:scale(.7);transform-origin:left}.desk{left:7%;width:82%}.shelf{display:none}.chair{left:34%}.room-tabs{gap:4px}.room-tab{font-size:9px}.toast{width:90%;border-radius:18px;text-align:center}}

/* Fase fotográfica: la capa conserva la luz y textura originales de la pared. */
.photo-scene{background-repeat:no-repeat;background-position:center;background-size:cover}
.photo-scene.room-scene{background-image:url("assets/rooms/layers/habitacion-fondo.png")}
.photo-scene.living-scene{background-image:url("assets/rooms/layers/sala-fondo.png")}
.photo-scene.office-scene{background-image:url("assets/rooms/layers/oficina-fondo.png")}
.photo-scene .wall{inset:0;background:var(--wall);opacity:.72;mix-blend-mode:multiply;transition:background .55s ease,opacity .4s;z-index:1}
.photo-scene.room-scene .wall{clip-path:polygon(0 0,100% 0,100% 82%,0 82%)}
.photo-scene.living-scene .wall{clip-path:polygon(14% 0,98% 0,98% 80%,14% 80%)}
.photo-scene.office-scene .wall{clip-path:polygon(0 0,89% 0,89% 87%,0 87%)}
.photo-scene .wall>*{display:none}
.photo-scene .floor{display:none}
.photo-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000000d,transparent 28%,transparent 72%,#0000000b);pointer-events:none;z-index:2}
.foreground-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;pointer-events:none}
body.more-plants .photo-scene{background-size:106% auto}
body.minimal .photo-scene{filter:saturate(.72) contrast(1.03)}
body.cool-light .photo-scene{filter:saturate(.95) brightness(.94)}
@media(max-width:560px){.photo-scene{background-size:auto 100%;background-position:center}.photo-scene.office-scene{background-position:55% center}.photo-scene.room-scene .wall{clip-path:polygon(0 0,100% 0,100% 82%,0 82%)}.photo-scene.living-scene .wall{clip-path:polygon(14% 0,98% 0,98% 80%,14% 80%)}.photo-scene.office-scene .wall{clip-path:polygon(0 0,89% 0,89% 87%,0 87%)}}
.your-space{padding:clamp(50px,7vw,100px) var(--pad);background:#e8e1d4}.your-space-heading{max-width:760px;margin-bottom:32px}.your-space-heading h2{font:400 clamp(36px,5vw,64px)/1.05 "Paytone One";letter-spacing:-.045em;margin:12px 0}.your-space-heading h2 em{font-style:normal;color:#d6674e}.your-space-heading p{line-height:1.6;color:#5d5b57}.your-space-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:22px}.your-space-preview{min-height:420px;background:#d1c7b7;border-radius:24px;display:grid;place-items:center;overflow:hidden}.your-space-preview canvas{max-width:100%;max-height:650px;width:auto;height:auto;cursor:crosshair;touch-action:none;display:block}.your-space-preview #wallEmpty{text-align:center;display:grid;gap:8px;padding:30px;color:#29496a}.your-space-preview #wallEmpty span{font-size:55px;color:#d6674e}.your-space-preview #wallEmpty strong{font:28px "Paytone One"}.your-space-preview #wallEmpty small{font-size:13px}.your-space-tools{background:#fffaf1;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:15px}.wall-upload{background:#e88d32;color:#173758;padding:17px 20px;border-radius:15px;font-weight:800;text-align:center;cursor:pointer}.wall-upload input{display:block;width:100%;margin-top:8px;font-size:11px}.your-space-tools p{font-size:13px;line-height:1.5;margin:0}.wall-range{display:grid;gap:8px;font-size:12px;font-weight:700}.wall-range input{width:100%;accent-color:#d6674e}.wall-tool-row{display:flex;gap:8px}.wall-tool-row button,.wall-download{border:1px solid #cfc7b9;background:white;color:#173758;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:800;cursor:pointer;flex:1}.wall-tool-row button.active{background:#173758;color:white}.wall-tool-row button:disabled,.wall-download:disabled{opacity:.45;cursor:default}.wall-download{background:#173758;color:white;width:100%;flex:none}.wall-note{font-size:11px;color:#766f66;line-height:1.5}
@media(max-width:900px){.your-space-grid{grid-template-columns:1fr}.your-space-preview{min-height:320px}}
.wall-colors{display:grid;gap:10px}.wall-colors strong{font-size:13px}.wall-palette{display:flex;flex-wrap:wrap;gap:9px}.wall-color{width:34px;height:34px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c6beb0;cursor:pointer}.wall-color.active{box-shadow:0 0 0 3px #173758}.wall-custom{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.wall-custom input{width:44px;height:34px;border:0;background:transparent;cursor:pointer}.wall-tool-row button{min-width:0}
.intro p a{display:inline-block;margin-top:8px;color:var(--ink);font-weight:800;text-decoration-thickness:2px;text-underline-offset:4px}
.living-art{position:absolute;z-index:2;left:40%;top:14%;width:27%;aspect-ratio:1.28;padding:10px;background:#6b4833;border:2px solid #9b714a;box-shadow:0 2px 0 #d2b18c inset,0 10px 24px #1d172055,3px 4px 3px #1d172035;transform:rotate(-1.5deg);pointer-events:none}.living-art-print{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 78% 22%,#f2d1a6 0 11%,transparent 12%),linear-gradient(155deg,#eee4d2 0 48%,#d9bd98 49% 71%,#e7d8c4 72%);border:5px solid #f6f0e6;box-shadow:inset 0 0 0 1px #6d5b4933}.living-art-print:before{content:"";position:absolute;left:7%;bottom:-26%;width:60%;height:95%;border-radius:51% 49% 42% 58%;background:#ab6a48;transform:rotate(-26deg)}.living-art-print:after{content:"";position:absolute;right:13%;bottom:-15%;width:35%;height:84%;border-radius:48% 52% 44% 56%;background:#69765f;transform:rotate(24deg)}.living-art-print i{position:absolute;z-index:1;left:41%;top:22%;width:31%;height:65%;border:5px solid #f2e5ce;border-radius:55% 45% 54% 46%;transform:rotate(24deg)}.living-art-print b{position:absolute;z-index:1;left:9%;top:12%;width:43%;height:2px;background:#6f5947;transform:rotate(-17deg)}.living-art-print span{position:absolute;z-index:1;right:8%;top:42%;width:22%;height:2px;background:#f0ddc2;transform:rotate(-33deg)}@media(max-width:900px){.living-art{left:40%;top:16%;width:27%}}@media(max-width:560px){.living-art{left:37%;top:20%;width:32%;padding:5px}.living-art-print{border-width:3px}}