@font-face{font-family:Manrope;src:url("assets/fonts/manrope-variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{--bg:#161a19;--surface:#232a27;--text:#f2eee7;--muted:#c4cac5;--accent:#e3a592;--button:#ad351f;--line:#52615a;--pad:clamp(24px,5vw,88px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Manrope,sans-serif;overflow-x:clip}.rural{--bg:#142019;--surface:#203428;--muted:#ccd4c7;--accent:#e6bd80;--button:#e6bd80;--line:#63795e}.rural .button{color:#142019}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:active,.button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}input{caret-color:var(--accent)}[hidden]{display:none!important}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-weight:650;letter-spacing:-.035em}h1{font-size:clamp(48px,5.35vw,82px);line-height:1.08}h2{font-size:clamp(36px,4.1vw,62px);line-height:1.13}h3{font-size:clamp(25px,2.2vw,34px);line-height:1.2;letter-spacing:-.025em}p{max-width:64ch}h1 span,h2 span{color:var(--accent)}.skip{position:fixed;top:-80px;left:16px;z-index:99;background:var(--text);color:var(--bg);padding:12px}.skip:focus{top:12px}.wrap{width:min(1400px,100%);margin:auto;padding-inline:var(--pad)}.header{position:absolute;top:0;left:0;width:100%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px var(--pad)}.brand{display:flex;align-items:baseline;gap:11px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.brand small{font-size:13px;letter-spacing:.09em;font-weight:650;text-transform:uppercase}.header p{font-size:12px;color:var(--muted);margin-left:auto}.header>a:last-child{font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:5px}.hero{position:relative;min-height:830px;min-height:820px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;z-index:-3;animation:camera 20s ease-in-out infinite alternate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,19,17,.91),rgba(14,19,17,.79) 30%,rgba(14,19,17,.22) 72%,rgba(14,19,17,.04)),linear-gradient(0deg,var(--bg),transparent 24%)}.rural .hero:before{background:linear-gradient(90deg,rgba(13,25,18,.94),rgba(13,25,18,.77) 32%,rgba(13,25,18,.13) 80%),linear-gradient(0deg,var(--bg),transparent 30%)}.hero-content{padding-top:138px;padding-bottom:145px}.hero h1{max-width:900px}.hero h1 span{display:block;margin-top:10px}.hero-intro{margin-top:26px;font-size:19px;line-height:1.5}.hero-offer{margin-top:18px;color:var(--muted);max-width:450px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;min-height:56px;background:var(--button);color:#fff;border:0;border-radius:12px;text-decoration:none;font-size:15px;font-weight:750;transition:transform 180ms var(--ease),background-color 180ms var(--ease)}.button:hover{transform:translateY(-3px);background:#922a19}.rural .button:hover{background:#f4cc92}.hero .button{margin-top:32px}.arrow{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.hero-bottom{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-bottom p{font-size:11px;color:var(--muted)}.motion-toggle{border:1px solid #748277;background:#142019;color:var(--text);border-radius:12px;padding:9px 14px;font-size:12px;min-height:44px}.thread{position:absolute;left:var(--pad);bottom:95px;right:var(--pad);height:1px;background:#65726566}.thread span{display:block;height:1px;width:35%;background:var(--accent);transform-origin:left;animation:thread 8s var(--ease) infinite}.section{padding-block:100px}.pain{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(36px,6vw,90px);align-items:center}.pain-copy>p{margin-top:25px;font-size:18px;color:var(--muted);max-width:520px}.pain-copy .punch{margin-top:34px;max-width:510px;font-size:24px;line-height:1.35;font-weight:650;color:var(--accent)}.pulse-dot{display:inline-block;width:9px;height:9px;background:var(--accent);border-radius:50%;margin-right:12px;vertical-align:middle;animation:pulse 3s ease-in-out infinite}.calculator{padding:27px;border-radius:16px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.17);max-width:430px;justify-self:end}.calculator h3{font-size:23px;line-height:1.25}.calculator .calc-intro{font-size:13px;color:var(--muted);margin-top:10px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.calc-fields label{font-size:11px;font-weight:650;color:var(--muted);display:block;line-height:1.4}.calc-fields input{width:100%;min-width:0;margin-top:9px;border:1px solid #79867b;background:var(--bg);color:var(--text);padding:10px 12px;border-radius:8px;font-size:19px;font-variant-numeric:tabular-nums;min-height:48px}.calc-result{display:block;font-size:44px;font-weight:600;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:24px;color:var(--accent)}.calc-note{margin-top:12px;font-size:11px;line-height:1.55;color:var(--muted)}.proof{background:var(--surface);position:relative;overflow:hidden}.proof-top{display:flex;justify-content:space-between;gap:45px;align-items:flex-end}.proof-top p{max-width:390px;color:var(--muted);font-size:16px}.proof-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(35px,5vw,80px);align-items:center;margin-top:48px}.visual{min-width:0}.stage{height:460px;position:relative;perspective:1400px;isolation:isolate}.stage-inner{position:absolute;inset:0;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform 450ms var(--ease)}.photo-plane{position:absolute;inset:42px 15px 46px 0;transform:rotateY(-9deg) rotateX(5deg) rotateZ(-2deg);border-radius:14px;overflow:hidden;background:var(--bg);box-shadow:18px 26px 45px #0006;transition:transform 650ms var(--ease)}.photo-plane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal,45%)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--reveal,45%);width:2px;background:#fff;pointer-events:none}.compare-line:after{content:"";position:absolute;top:47%;left:-7px;width:16px;height:35px;border-radius:12px;background:var(--text)}.image-label{position:absolute;bottom:15px;padding:6px 10px;font-size:10px;font-weight:700;background:#142019e8;border-radius:8px;color:#fff}.image-label.left{left:15px}.image-label.right{right:15px}.peek{position:absolute;width:52%;height:62%;right:-4%;top:55px;z-index:-1;border-radius:14px;overflow:hidden;transform:translateZ(-110px) rotateY(-22deg) rotateZ(9deg);box-shadow:8px 20px 38px #0006}.peek.second{right:6%;top:22px;transform:translateZ(-170px) rotateY(-20deg) rotateZ(-7deg)}.peek img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.case-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}.case-controls button,.material-controls button{padding:11px 15px;min-height:44px;border:1px solid #7f9385;background:transparent;color:var(--text);border-radius:12px;font-size:12px;transition:background-color 180ms var(--ease),color 180ms var(--ease)}.case-controls button[aria-pressed=true],.material-controls button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.case-controls button:hover,.material-controls button:hover{border-color:var(--accent)}.compare-control{display:grid;grid-template-columns:1fr auto;gap:5px 20px;margin-top:19px;align-items:center}.compare-control label{font-size:12px;color:var(--muted)}.compare-control input{grid-column:1/-1;width:100%;height:30px;accent-color:var(--accent);cursor:ew-resize}.compare-control output{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.material-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.case-copy h3{max-width:360px}.case-copy>p{color:var(--muted);margin-top:20px;max-width:400px}.case-copy .case-note{font-size:11px;line-height:1.6;margin-top:20px}.case-copy .button{margin-top:28px}.methods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:60px;padding-top:32px;border-top:1px solid var(--line)}.methods h3{font-size:18px}.methods p{color:var(--muted);font-size:13px;margin-top:9px}.closing{min-height:600px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.closing img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.closing:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,19,17,.96),rgba(14,19,17,.82) 35%,rgba(14,19,17,.2))}.rural .closing:after{background:linear-gradient(90deg,rgba(13,25,18,.96),rgba(13,25,18,.8) 35%,rgba(13,25,18,.15))}.closing .wrap{padding-block:90px}.closing h2{max-width:780px}.closing p{max-width:440px;color:var(--muted);margin-top:25px}.closing .button{margin-top:30px}.closing .scope{font-size:11px;margin-top:24px;max-width:450px}.contact{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:start}.contact h2{font-size:clamp(35px,3.4vw,52px)}.contact p{color:var(--muted);margin-top:20px}.direct-phone{display:inline-block;margin-top:25px;font-size:20px;color:var(--accent);font-weight:650}.callback-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.callback-form label{font-size:13px;font-weight:650}.callback-form input{display:block;width:100%;min-width:0;border:1px solid #839085;background:var(--surface);border-radius:8px;color:var(--text);padding:15px 13px;margin-top:7px}.callback-form .button,.callback-form .form-status,.callback-form .privacy,.callback-form #turnstile{grid-column:1/-1}.callback-form .button:disabled{background:#47524b;color:#e0e5df;transform:none}.callback-form .form-status{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.callback-form .privacy{font-size:11px;color:var(--muted);margin:0}.suite{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.suite .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.suite p{font-size:12px;color:var(--muted)}.suite nav{display:flex;flex-wrap:wrap;gap:22px}.suite a{font-size:13px;text-decoration:none}.suite a:hover{color:var(--accent)}footer{padding:30px var(--pad);display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;font-size:11px;color:var(--muted)}footer nav{display:flex;gap:15px;flex-wrap:wrap}.legal-main{max-width:900px;margin:0 auto;padding:130px var(--pad) 90px}.legal-main h1{font-size:clamp(35px,5vw,60px)}.legal-main h2{font-size:25px;margin-top:40px}.legal-main p{margin-top:17px;color:var(--muted)}.legal-main .draft{padding:18px;background:var(--surface);border-radius:12px;margin-top:30px}.legal-header{position:static}.motion-paused *{animation-play-state:paused!important}.motion-paused .stage-inner{transform:none!important}@keyframes camera{from{transform:scale(1)}to{transform:scale(1.045) translateX(-.5%)}}@keyframes thread{0%{transform:scaleX(.15);opacity:.7}65%,100%{transform:scaleX(2.85);opacity:1}}@keyframes pulse{0%,70%,100%{transform:scale(1);opacity:.7}80%{transform:scale(1.45);opacity:1}90%{transform:scale(1.12)}}
@media(min-width:1600px){.hero-content{padding-top:170px;padding-bottom:160px}}
@media(max-width:950px){.header p{display:none}.pain{grid-template-columns:1fr 1fr;gap:35px}.proof-top{display:block}.proof-top p{margin-top:24px}.proof-layout{gap:35px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.stage{height:350px}.contact{gap:35px}.hero h1{max-width:750px}.hero:before{background:linear-gradient(90deg,rgba(14,19,17,.94),rgba(14,19,17,.64) 65%,rgba(14,19,17,.18)),linear-gradient(0deg,var(--bg),transparent 30%)}}
@media(max-width:700px){.header{padding-block:20px}.brand{font-size:23px;gap:8px}.brand small{font-size:11px}.hero{min-height:830px;min-height:800px}.hero-image{object-position:64% center}.hero:before{background:linear-gradient(90deg,rgba(14,19,17,.86),rgba(14,19,17,.52)),linear-gradient(0deg,var(--bg),transparent 35%)}.rural .hero:before{background:linear-gradient(90deg,rgba(13,25,18,.89),rgba(13,25,18,.55)),linear-gradient(0deg,var(--bg),transparent 35%)}.hero-content{padding-top:120px;padding-bottom:145px}.hero h1{font-size:clamp(43px,10.8vw,62px);max-width:580px;line-height:1.12}.hero h1 span{margin-top:16px}.hero-intro{font-size:17px;margin-top:26px}.hero-offer{font-size:14px;max-width:340px}.hero-bottom{align-items:flex-end}.hero-bottom p{max-width:190px;font-size:10px}.motion-toggle{font-size:10px;white-space:nowrap;padding-inline:10px}.section{padding-block:70px}.pain{grid-template-columns:1fr;gap:34px}.pain-copy>p{font-size:16px}.pain-copy .punch{font-size:22px;margin-top:28px}.calculator{justify-self:stretch;max-width:none;padding:25px}.calculator h3{font-size:22px}.calc-result{font-size:40px}.proof-layout{grid-template-columns:1fr;margin-top:28px;gap:35px}.stage{height:330px;max-width:550px}.photo-plane{inset:30px 12px 35px 0;transform:rotateY(-5deg) rotateZ(-2deg)}.peek{right:-3%;top:43px}.peek.second{top:15px}.case-controls{gap:7px}.case-controls button{padding:10px 12px;font-size:11px}.case-copy h3,.case-copy>p{max-width:550px}.methods{grid-template-columns:1fr;gap:23px;margin-top:35px;padding-top:28px}.methods h3{font-size:18px}.methods p{max-width:500px}.closing{min-height:580px}.closing .wrap{padding-block:70px}.closing:after{background:linear-gradient(90deg,rgba(14,19,17,.94),rgba(14,19,17,.65))}.rural .closing:after{background:linear-gradient(90deg,rgba(13,25,18,.94),rgba(13,25,18,.65))}.contact{grid-template-columns:1fr;gap:30px}.callback-form{gap:14px}.suite .wrap{display:block}.suite nav{margin-top:18px;gap:18px}footer{display:block}footer nav{margin-top:16px}.legal-main{padding-top:50px}}
@media(max-width:360px){.brand small{font-size:10px}.hero h1{font-size:40px}.hero{min-height:850px}.stage{height:280px}.callback-form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage-inner{transform:none!important}}
.header{background:linear-gradient(180deg,rgba(9,16,12,.65),rgba(9,16,12,0));}.legal-header{background:none}


/* Movimiento solicitado por Tomás: cámara y fotografía en profundidad, visibles. */
.hero-image,.closing>img{animation:camera-visible 12s ease-in-out infinite alternate;transform-origin:65% 55%}
.photo-plane{animation:photo-orbit 9s ease-in-out infinite alternate}
.peek{animation:peek-drift 9s ease-in-out infinite alternate}
.peek.second{animation-name:peek-drift-back}
.stage.dragging .photo-plane,.stage.dragging .peek{animation-play-state:paused!important}
.motion-region:not(.in-view) .hero-image,.motion-region:not(.in-view)>img,.motion-region:not(.in-view) .photo-plane,.motion-region:not(.in-view) .peek,.motion-region:not(.in-view) .thread span{animation-play-state:paused}
.motion-paused .hero-image,.motion-paused .closing>img,.motion-paused .photo-plane,.motion-paused .peek{animation-play-state:paused!important}
.image-compare{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.image-compare:focus-visible{opacity:.001;outline:0}
.photo-plane:focus-within{outline:3px solid var(--accent);outline-offset:5px}
.compare-line{z-index:4;width:2px;background:#fff}
.compare-line:after{top:calc(50% - 22px);left:-21px;width:44px;height:44px;border-radius:50%;background:#f2eee7;box-shadow:0 4px 14px #0005;border:1px solid #384b3e}
.compare-line:before{content:"";position:absolute;z-index:1;top:calc(50% - 6px);left:-3px;width:8px;height:12px;background:linear-gradient(90deg,#203428 0 2px,transparent 2px 6px,#203428 6px 8px)}
.image-label{z-index:3;pointer-events:none}
.photo-plane.food-case #before-image{height:128%;object-position:center top}
@keyframes camera-visible{from{transform:scale(1) translateX(0)}to{transform:scale(1.14) translateX(-2%)}}
@keyframes photo-orbit{from{transform:translateY(10px) rotateY(-11deg) rotateX(5deg) rotateZ(-2.5deg) scale(1)}to{transform:translateY(-10px) rotateY(-3deg) rotateX(1deg) rotateZ(.5deg) scale(1.04)}}
@keyframes peek-drift{from{transform:translateZ(-110px) translateY(8px) rotateY(-22deg) rotateZ(9deg)}to{transform:translateZ(-110px) translateY(-8px) rotateY(-16deg) rotateZ(5deg)}}
@keyframes peek-drift-back{from{transform:translateZ(-170px) translateY(-5px) rotateY(-20deg) rotateZ(-7deg)}to{transform:translateZ(-170px) translateY(7px) rotateY(-15deg) rotateZ(-4deg)}}
@media(prefers-reduced-motion:reduce){body.motion-enabled .hero-image,body.motion-enabled .closing>img{animation:camera-visible 12s ease-in-out infinite alternate!important}body.motion-enabled .photo-plane{animation:photo-orbit 9s ease-in-out infinite alternate!important}body.motion-enabled .peek{animation:peek-drift 9s ease-in-out infinite alternate!important}body.motion-enabled .peek.second{animation-name:peek-drift-back!important}body.motion-enabled .motion-region:not(.in-view) .hero-image,body.motion-enabled .motion-region:not(.in-view)>img,body.motion-enabled .motion-region:not(.in-view) .photo-plane,body.motion-enabled .motion-region:not(.in-view) .peek{animation-play-state:paused!important}}
@media(max-width:700px){.hero-image,.closing>img{animation-duration:10s}.photo-plane{animation-duration:8s}}

@media(prefers-reduced-motion:reduce){body.motion-enabled.motion-paused .hero-image,body.motion-enabled.motion-paused .closing>img,body.motion-enabled.motion-paused .photo-plane,body.motion-enabled.motion-paused .peek{animation-play-state:paused!important}}

.project-manifest{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.project-manifest p{color:var(--muted);margin-top:28px;font-size:18px}.manifest-side h3{font-size:30px}.manifest-side p{font-size:16px}.manifest-side .button{margin-top:30px}.feature-head{display:flex;gap:50px;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.feature-head h2{max-width:820px}.feature-head>p{color:var(--muted);max-width:380px;font-size:16px}.feature-media{position:relative;overflow:hidden;border-radius:14px;isolation:isolate}.feature-media>img{display:block;width:100%;height:100%;object-fit:cover}.exterior-stage{height:540px;margin-bottom:22px}.demo-label{position:absolute;bottom:18px;left:20px;font-size:11px;background:#142019e8;padding:7px 11px;border-radius:8px}.motion-photo{animation:camera-visible 12s ease-in-out infinite alternate}.motion-region:not(.in-view) .motion-photo{animation-play-state:paused}.video-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.video-demo{margin:0}.video-demo video{width:100%;display:block;border-radius:14px;aspect-ratio:4/3;background:#0e1711;object-fit:cover}.video-demo figcaption{font-size:11px;color:var(--muted);margin-top:12px}.video-copy p{color:var(--muted);margin-top:22px}.video-copy .button{margin-top:25px}.interior-views{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.interior-views figure{margin:0;height:300px}.interior-views figcaption{position:absolute;bottom:15px;left:20px;background:#142019dd;border-radius:8px;padding:7px 10px;font-size:11px}.dossier-section{background:var(--surface)}.dossier-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.dossier-visual{height:480px;perspective:1200px}.dossier-visual img{object-fit:contain;background:#13201a}.dossier-layout p{margin-top:24px;color:var(--muted)}.dossier-layout .case-note{font-size:11px}.dossier-layout .button{margin-top:30px}.hero-services{position:absolute;bottom:100px;left:var(--pad);right:var(--pad);display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.hero-services a{text-decoration:none;padding-bottom:4px;border-bottom:1px solid #edf0e855}.hero-services a:hover{color:var(--accent)}.proyecto .hero-content{padding-bottom:200px}.web-demo-section{background:var(--surface)}.website-frame{border-radius:14px;overflow:hidden;background:#edf0e8;box-shadow:0 22px 60px #0005}.website-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 20px;background:#e5eadf;color:#183525;font-size:11px}.website-toolbar a{font-weight:700}.website-frame iframe{display:block;border:0;width:100%;height:620px;background:#edf0e8}.web-deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.web-deliverables h3{font-size:20px}.web-deliverables p{font-size:14px;margin-top:12px;color:var(--muted)}.web-demo-section .button{margin-top:35px}@media(max-width:950px){.project-manifest,.video-layout,.dossier-layout{gap:35px}.feature-head{display:block}.feature-head>p{margin-top:24px;max-width:620px}.exterior-stage{height:430px}.dossier-visual{height:370px}}@media(max-width:700px){.project-manifest,.video-layout,.dossier-layout{grid-template-columns:1fr;gap:35px}.project-manifest p{font-size:16px}.manifest-side{border-top:1px solid var(--line);padding-top:30px}.exterior-stage{height:340px}.interior-views{grid-template-columns:1fr;gap:20px}.interior-views figure{height:270px}.dossier-visual{height:300px}.hero-services{bottom:108px;gap:8px 15px;font-size:10px;max-width:340px}.proyecto .hero{min-height:900px}.proyecto .hero-content{padding-bottom:200px}.website-toolbar{padding:12px;gap:12px;font-size:10px}.website-frame iframe{height:570px}.web-deliverables{grid-template-columns:1fr;gap:25px}.web-demo-section .button{font-size:13px}}

.project-about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,6vw,85px);align-items:center}.about-image{height:550px;margin:0}.about-image img{object-position:55% center}.about-copy h2{font-size:clamp(34px,3.35vw,50px)}.about-copy p{margin-top:25px;font-size:17px;color:var(--muted);line-height:1.75}.about-copy .button{margin-top:30px}@media(max-width:950px){.project-about{gap:35px}.about-image{height:520px}.about-copy p{font-size:15px}}@media(max-width:700px){.project-about{grid-template-columns:1fr;gap:35px}.about-image{height:350px}.about-copy h2{font-size:35px}.about-copy p{font-size:16px}}

.language-switch{display:flex;gap:5px;align-items:center}.language-switch a{min-height:40px;min-width:34px;display:grid;place-items:center;font-size:11px;font-weight:700;text-decoration:none;border-radius:8px;border:1px solid #f6eee344}.language-switch a[aria-current=page]{background:var(--text);color:var(--bg)}.header{gap:16px}.header p{margin-left:auto}.rural .callback-form :focus-visible{outline-color:#9f341e}
.header>a[href="#hablemos"]{font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:5px}

/* Constructoras: fotografía que cambia y dossier editorial navegable. */
.hero-possibility{font-size:21px;color:var(--accent);font-weight:700;max-width:540px}.hero-production{font-size:14px;color:var(--muted);max-width:470px;margin-top:18px}.proyecto .hero h1{max-width:960px;font-size:clamp(46px,5vw,76px);font-weight:750}.facade-intro{margin:52px 0 24px;display:flex;align-items:flex-end;gap:45px;justify-content:space-between}.facade-intro h3{max-width:480px;font-size:clamp(29px,3vw,44px)}.facade-intro p{max-width:430px;color:var(--muted)}.facade-stage{height:510px;background:#101513;margin-bottom:20px}.facade-stage>img{object-fit:cover;object-position:center}.facade-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none;perspective:900px;z-index:2}.facade-tiles span{background-repeat:no-repeat;animation:tile-drop 560ms var(--ease) both;animation-delay:var(--delay);transform-origin:bottom center}.exterior-stage .demo-label{z-index:3;max-width:calc(100% - 40px)}@keyframes tile-drop{to{transform:translateY(60%) rotateX(-70deg) scale(.85);opacity:0}}.material-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.material-controls button{position:relative;border:0;border-radius:0;background:transparent;padding:13px 3px 16px;font-weight:700;font-size:14px;color:var(--muted);text-align:left}.material-controls button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--line);transition:background 180ms}.material-controls button[aria-pressed=true]{color:var(--accent);background:transparent}.material-controls button[aria-pressed=true]:after,.material-controls button:hover:after{background:var(--accent)}.compare-line:before{width:14px;height:6px;left:-6px;top:calc(50% - 3px);background:radial-gradient(circle at 3px 3px,#203428 0 2px,transparent 2.5px),radial-gradient(circle at 11px 3px,#203428 0 2px,transparent 2.5px)}.dossier-section{background:#e9e2d6;color:#1e2822}.dossier-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:38px}.dossier-heading h2{max-width:900px;font-weight:750;font-size:clamp(38px,4.3vw,64px)}.dossier-heading h2 span{color:#9d3823}.dossier-heading p{margin-top:22px;max-width:650px;color:#4e574c}.dossier-open{display:inline-flex;align-items:center;gap:18px;max-width:200px;font-weight:750;flex-shrink:0}.dossier-reader{outline-offset:8px;--book-ink:#253127;--book-paper:#faf7f0}.book-stage{position:relative;perspective:1600px;min-height:590px;background:#c7bcab;border-radius:14px;box-shadow:0 20px 40px #34281826;overflow:hidden}.book-page{display:grid;grid-template-columns:1.3fr 1fr;min-height:590px;background:var(--book-paper);color:var(--book-ink);transform-origin:left center}.book-media{position:relative;overflow:hidden;min-width:0;background:#ddd3c3}.book-media>img{width:100%;height:100%;object-fit:cover}.book-copy{position:relative;padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:center}.book-brand{font-size:16px;font-weight:800;margin-bottom:38px}.book-brand span{font-size:10px;margin-left:10px;letter-spacing:.09em}.book-copy h3{font-size:clamp(30px,3.2vw,47px);line-height:1.12;font-weight:750;letter-spacing:-.03em}.book-subtitle{margin-top:22px;font-size:21px;font-weight:650;color:#9d3823;line-height:1.4}.book-description{font-size:14px;line-height:1.65;color:#4d574c;margin-top:20px}.book-folio{position:absolute;bottom:22px;right:30px;font-size:12px;color:#4d574c;font-variant-numeric:tabular-nums}.book-facades .book-media,.book-styles .book-media{display:grid;grid-template-rows:repeat(3,1fr);gap:2px}.book-media figure{margin:0;position:relative;min-height:0;overflow:hidden}.book-media figure img{width:100%;height:100%;object-fit:cover}.book-media figcaption{position:absolute;bottom:8px;left:12px;background:#18221ded;color:#faf7f0;font-size:11px;padding:5px 9px;border-radius:6px}.book-angles .book-media{display:grid;grid-template-rows:1fr 1fr;gap:2px}.book-controls{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:24px;color:#253127}.book-controls>button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #746c5f;border-radius:10px;background:transparent;color:#253127}.book-controls>button:disabled{opacity:.35}.book-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.book-controls [data-book-count]{font-size:13px;font-variant-numeric:tabular-nums;min-width:80px}.book-dots{display:flex;gap:6px}.book-dots button{width:32px;min-height:40px;border:0;background:transparent;color:#4e574c;font-size:12px;border-bottom:2px solid transparent}.book-dots button[aria-pressed=true]{border-color:#9d3823;color:#9d3823;font-weight:800}.dossier-reader:focus-visible,.dossier-reader :focus-visible,.dossier-open:focus-visible{outline-color:#9d3823}.dossier-disclaimer{font-size:12px;color:#4e574c;margin-top:24px}.dossier-section>.wrap>.button{margin-top:28px}.book-outgoing{position:absolute;inset:0;z-index:2;pointer-events:none;backface-visibility:hidden;animation:book-turn 620ms var(--ease) both}.book-outgoing.backward{transform-origin:right center;animation-name:book-back}@keyframes book-turn{to{transform:rotateY(-100deg);opacity:0}}@keyframes book-back{to{transform:rotateY(100deg);opacity:0}}.dossier-standalone .dossier-section{padding-top:45px}.dossier-standalone .header{background:#161a19}
@media(max-width:700px){.proyecto .hero h1{font-size:clamp(40px,10.4vw,62px)}.hero-possibility{font-size:18px}.hero-production{font-size:13px}.proyecto .hero{min-height:970px}.facade-intro{display:block}.facade-intro p{margin-top:18px}.facade-stage{height:300px}.material-controls{gap:9px}.material-controls button{font-size:12px}.dossier-heading{display:block}.dossier-open{margin-top:22px;max-width:none}.book-stage{min-height:660px}.book-page{min-height:660px;grid-template-columns:1fr;grid-template-rows:280px auto}.book-copy{padding:28px 25px 55px;justify-content:flex-start}.book-brand{margin-bottom:20px}.book-copy h3{font-size:30px}.book-subtitle{font-size:18px;margin-top:16px}.book-description{font-size:12px;margin-top:15px}.book-controls{gap:12px;flex-wrap:wrap}.book-dots{order:4;flex-basis:100%;justify-content:center}.book-facades .book-media,.book-styles .book-media{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.book-media figcaption{font-size:9px;left:5px;right:5px;bottom:7px;padding:5px}.book-angles .book-media{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}
@media(prefers-reduced-motion:reduce){.facade-tiles{display:none}.book-outgoing{animation:none}}
.facade-stage>img{object-fit:contain}.facade-tiles span{position:relative;overflow:hidden}.facade-tiles span img{position:absolute;width:400%;height:300%;max-width:none;object-fit:contain}.exterior-stage .facade-tiles span img{object-fit:cover}.book-facades .book-media figure img{object-fit:contain;background:#ddd3c3}
/* Altura estable al pasar de portada a composiciones de varias imágenes. */
.book-stage{height:590px;min-height:0}.book-page{height:590px;min-height:0}.book-media{min-height:0}.book-media figure{min-height:0}.book-angles .book-media>img{min-height:0}@media(max-width:700px){.book-stage,.book-page{height:680px}.book-page{grid-template-rows:280px minmax(0,1fr)}}

.language-switch a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:5px}.language-switch img{display:block;width:28px;height:19px;object-fit:contain;border-radius:0}
/* Marco común de las fachadas originales: proporción de la foto de ladrillo, sin zoom. */
.facade-stage{width:min(100%,870px);height:auto;aspect-ratio:870/383;margin-inline:auto;border-radius:10px;background:#101513}.facade-stage>img{width:100%;height:100%;object-fit:contain;animation:none;transform:none}.facade-controls{justify-content:center}.daylight-photo{margin:0 auto;max-width:1100px}.daylight-photo img{width:100%;height:auto;border-radius:12px}.daylight-photo figcaption{font-size:11px;color:var(--muted);margin-top:12px}
/* El dossier abre una sola vez, en su propia página: fotografía y negro profundo. */
.dossier-section{background:#101214;color:#f7f3ec}.dossier-heading h2 span{color:#e3c38a}.dossier-heading p,.dossier-disclaimer{color:#c9c6bf}.dossier-open{color:#e3c38a;font-size:18px;text-decoration-thickness:1px;max-width:none;white-space:nowrap}.dossier-section:not(.dossier-standalone .dossier-section){padding-block:80px}.dossier-reader{--book-ink:#f7f3ec;--book-paper:#101214}.book-stage{background:#101214;box-shadow:0 20px 45px #0006}.book-media,.book-facades .book-media figure img{background:#171c1b}.book-copy h3{color:#f7f3ec}.book-brand,.book-subtitle{color:#e3c38a}.book-description,.book-folio{color:#c9c6bf}.book-controls,.book-controls>button{color:#f7f3ec}.book-controls>button{border-color:#8b8477}.book-dots button{color:#c9c6bf}.book-dots button[aria-pressed=true]{color:#e3c38a;border-color:#e3c38a}.dossier-reader:focus-visible,.dossier-reader :focus-visible,.dossier-open:focus-visible{outline-color:#e3c38a}.book-cover .book-media img,.book-closing .book-media img{object-fit:contain;background:#171c1b}.dossier-heading{margin-bottom:0}.dossier-standalone .dossier-heading{margin-bottom:38px}@media(max-width:700px){.facade-stage{height:auto}.dossier-open{margin-top:26px}.daylight-section .feature-head h2{font-size:36px}}
.visual-book-reader{max-width:1082px;margin:0 auto;color:#f7f3ec}.visual-book-sheet{margin:0;background:#101214;overflow:hidden;border-radius:10px}.visual-book-sheet svg{display:block;width:100%;height:auto;aspect-ratio:1082/721;max-height:760px}.visual-book-reader.panel-selected .visual-book-sheet svg{aspect-ratio:1.7;max-height:620px}.visual-book-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.visual-book-controls button{font:inherit;min-height:44px;min-width:44px;padding:9px 14px;background:transparent;border:1px solid #8b8477;color:#f7f3ec;border-radius:8px;cursor:pointer}.visual-book-controls button[aria-pressed=true]{background:#e3c38a;border-color:#e3c38a;color:#101214}.visual-book-caption{text-align:center;font-size:14px;color:#e3c38a;margin:20px 0 0;max-width:none}.visual-book-download{display:block;text-align:center;margin-top:20px;font-size:13px;color:#c9c6bf}.visual-book-reader :focus-visible,.visual-book-reader:focus-visible{outline-color:#e3c38a}.visual-book-reader+.dossier-disclaimer{margin-top:26px}.visual-book-reader .visual-book-sheet{touch-action:pan-y pinch-zoom}@media(max-width:700px){.visual-book-controls{gap:7px}.visual-book-controls button{font-size:12px;padding:9px 11px}.visual-book-reader.panel-selected .visual-book-sheet svg{aspect-ratio:1.5}.visual-book-download{font-size:12px}}
.visual-book-context{max-width:720px;margin:14px auto 0;text-align:center;font-size:15px;line-height:1.7;color:#c9c6bf}@media(max-width:700px){.visual-book-context{font-size:13px}}

#callback-form .callback-email{grid-column:1/-1}

/* Identidad de área aprobada por Tomás. */
.brand .brand-ia{color:#db792b}

.brand .brand-word{color:inherit;display:inline;white-space:nowrap}