*,::after,::before{box-sizing:border-box;margin:0;padding:0}
:root{
  --white:#FFFFFF;
  --off-white:#F7F7F5;
  --light:#EBEBEA;
  --mid:#8C8C84;
  --dark:#1A1A18;
  --ink:#0C0C0A;
  --sage:#C2652A;
  --sage-mid:#D4834E;
  --sage-light:#EAA87C;
  --sage-pale:#FAF0E8;
  --font-display:'DM Serif Display',Georgia,serif;
  --font-body:'DM Sans',system-ui,sans-serif;
  --max-w:1320px;
  --pad-x:clamp(1.25rem,5vw,4rem);
  --section-gap:clamp(5rem,10vw,9rem);
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--white);color:var(--dark);line-height:1.6;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
h1{font-family:var(--font-display);font-size:clamp(3rem,6vw,6.5rem);font-weight:400;line-height:1.05;letter-spacing:-.02em}
h2{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;line-height:1.18;letter-spacing:-.01em}
h3{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.55rem);font-weight:400;line-height:1.28}
p{font-size:clamp(.9rem,1.1vw,.98rem);color:color-mix(in srgb,var(--dark) 65%,transparent);line-height:1.78}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2.25rem;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;transition:all .3s var(--ease-out)}
.btn-primary{background:var(--dark);color:var(--white)}
.btn-primary:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 12px 32px color-mix(in srgb,var(--dark) 22%,transparent)}
.btn-ghost{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.38)}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}
.btn-outline{background:transparent;color:var(--dark);border:1px solid var(--dark)}
.btn-outline:hover{background:var(--dark);color:var(--white)}
.btn-light{background:var(--off-white);color:var(--dark)}
.btn-light:hover{background:var(--light)}
.btn-sage{background:var(--sage);color:var(--white)}
.btn-sage:hover{background:color-mix(in srgb,var(--sage) 85%,var(--ink));transform:translateY(-2px)}
.btn-light-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.45)}
.btn-light-outline:hover{background:rgba(255,255,255,.1)}

/* LABEL */
.label{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--mid);margin-bottom:1rem}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}
.reveal.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* ===================== NAV ===================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--pad-x);transition:background .4s var(--ease-out),padding .4s,box-shadow .4s}
.nav.scrolled{background:var(--white);padding-top:1rem;padding-bottom:1rem;box-shadow:0 1px 0 var(--light)}
.nav-logo{font-family:var(--font-display);font-size:1.15rem;font-weight:400;color:var(--white);text-decoration:none;letter-spacing:.01em;transition:color .4s}
.nav.scrolled .nav-logo{color:var(--dark)}
.nav-links{display:flex;list-style:none;gap:2.5rem}
.nav-links a{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.7);transition:color .3s}
.nav-links a:hover{color:var(--white)}
.nav.scrolled .nav-links a{color:color-mix(in srgb,var(--dark) 50%,transparent)}
.nav.scrolled .nav-links a:hover{color:var(--dark)}
.nav-cta{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--white);border:1px solid rgba(255,255,255,.38);padding:.6rem 1.5rem;transition:all .3s}
.nav-cta:hover{background:rgba(255,255,255,.1)}
.nav.scrolled .nav-cta{color:var(--dark);border-color:var(--dark)}
.nav.scrolled .nav-cta:hover{background:var(--dark);color:var(--white)}
.nav-hamburger{display:none;background:transparent;border:none;cursor:pointer;padding:.25rem;flex-direction:column;gap:5px}
.nav-hamburger span{display:block;width:24px;height:1.5px;background:var(--white);transition:all .3s}
.nav.scrolled .nav-hamburger span{background:var(--dark)}
.nav-mobile{display:none;position:fixed;inset:0;background:var(--dark);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}
.nav-mobile.open{display:flex}
.nav-mobile a{font-family:var(--font-display);font-size:2.2rem;font-weight:400;color:var(--white);text-decoration:none;transition:color .2s}
.nav-mobile a:hover{color:var(--sage-light)}
.nav-mobile-close{position:absolute;top:1.5rem;right:var(--pad-x);background:transparent;border:none;color:var(--white);font-size:1.75rem;cursor:pointer;line-height:1}

/* LANG SWITCHER */
.lang-switcher{display:flex;align-items:center;gap:.25rem}
.lang-btn{background:transparent;border:none;cursor:pointer;font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:.25rem .35rem;transition:color .25s;line-height:1}
.lang-btn:hover{color:var(--white)}
.lang-btn.lang-active{color:var(--white)}
.lang-sep{font-size:.55rem;color:rgba(255,255,255,.3);user-select:none}
.nav.scrolled .lang-btn{color:color-mix(in srgb,var(--dark) 38%,transparent)}
.nav.scrolled .lang-btn:hover{color:var(--dark)}
.nav.scrolled .lang-btn.lang-active{color:var(--dark)}
.nav.scrolled .lang-sep{color:var(--light)}

/* ===================== HERO (centered) ===================== */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-color:var(--ink);background-image:url('../images/01-hero-interior-arquitectura-premium.png');background-size:cover;background-position:center}
.hero-bg::before{content:'';position:absolute;inset:0;background:rgba(12,12,10,.58)}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(12,12,10,.25) 0,transparent 35%,rgba(12,12,10,.7) 100%)}
.hero-center{position:relative;z-index:2;text-align:center;padding:clamp(5rem,10vw,8rem) var(--pad-x) clamp(6rem,12vw,10rem);max-width:960px;width:100%}
.hero-eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--sage-light);margin-bottom:2rem}
.hero h1{color:var(--white);margin-bottom:.75rem}
.hero h1 em{font-style:italic;color:var(--sage-light)}
.hero-sub{font-size:clamp(1rem,1.4vw,1.15rem);color:rgba(247,247,245,.55);margin-bottom:2.75rem;font-weight:300;letter-spacing:.02em}
.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:0;border-top:1px solid rgba(255,255,255,.1)}
.hero-bottom-stat{flex:1;padding:1.25rem var(--pad-x);display:flex;flex-direction:column;gap:.2rem;border-right:1px solid rgba(255,255,255,.1)}
.hero-bottom-stat strong{font-family:var(--font-display);font-size:1.75rem;color:var(--white);font-weight:400;line-height:1}
.hero-bottom-stat span{font-size:.65rem;color:rgba(255,255,255,.45);letter-spacing:.1em;text-transform:uppercase}
.hero-bottom-divider{display:none}
.hero-card{flex:2;padding:1.25rem var(--pad-x);font-size:.75rem;color:rgba(247,247,245,.6);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;letter-spacing:.02em}
.hero-card-check{font-size:.65rem;color:var(--sage-light)}

/* ===================== DIFFERENTIATOR (flip) ===================== */
.differ{padding:var(--section-gap) var(--pad-x);background:var(--white)}
.differ-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(3rem,6vw,7rem);align-items:center}
.differ-text h2{color:var(--dark);margin-bottom:1.25rem}
.differ-text h2 em{color:var(--sage);font-style:italic}
.differ-text>p{line-height:1.8;margin-bottom:2rem}
.comparison{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:ew-resize}
.comparison-before,.comparison-after{position:absolute;inset:0}
.comparison-before{background:linear-gradient(145deg,#6B5A45 0%,#5A4A38 100%);background-image:url('../images/02-comparison-before-original.png');background-size:cover;background-position:center}
.comparison-after{background:linear-gradient(145deg,#EBF0E8 0%,#B0C0AA 100%);background-image:url('../images/03-comparison-after-renovated.png');background-size:cover;background-position:center;clip-path:polygon(var(--split,40%) 0%,100% 0%,100% 100%,var(--split,40%) 100%);transition:clip-path 10ms}
.comparison-label{position:absolute;top:1rem;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;z-index:4}
.comparison-label.before{left:1rem;color:rgba(255,255,255,.65)}
.comparison-label.after{right:1rem;color:var(--sage)}
.comparison-handle{position:absolute;top:0;bottom:0;left:var(--split,40%);width:2px;background:rgba(255,255,255,.8);z-index:5;transform:translateX(-50%);pointer-events:none}
.comparison-handle::after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--dark);box-shadow:0 2px 12px rgba(0,0,0,.2)}
.comparison-input{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%;height:100%;z-index:6;margin:0;-webkit-appearance:none;appearance:none}
.differ-caption{margin-top:.75rem;font-size:.67rem;color:var(--mid);text-align:center;letter-spacing:.04em}

/* ===================== PILLARS — horizontal rows ===================== */
.pillars{padding:var(--section-gap) var(--pad-x);background:var(--off-white)}
.pillars-inner{max-width:var(--max-w);margin:0 auto}
.pillars-header{margin-bottom:clamp(2.5rem,5vw,4rem);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--light);padding-bottom:2rem}
.pillars-header h2{color:var(--dark);max-width:420px}
.pillars-list{display:flex;flex-direction:column}
.pillar-row{display:grid;grid-template-columns:80px 1fr 2fr 200px;gap:0;align-items:start;border-bottom:1px solid var(--light);padding:2.5rem 0;transition:background .3s}
.pillar-row:last-child{border-bottom:none}
.pillar-row-num{font-family:var(--font-display);font-size:2.5rem;font-weight:400;color:var(--light);line-height:1;padding-top:.1rem;font-style:italic}
.pillar-row-title{padding-right:2rem}
.pillar-row-title h3{color:var(--dark);font-size:1.35rem}
.pillar-row-body{padding-right:2rem}
.pillar-row-body p{font-size:.9rem;line-height:1.75}
.pillar-row-img{aspect-ratio:4/3;overflow:hidden}
.pillar-img-1{background:linear-gradient(160deg,#2a3028,#4a5c45);background-image:url('../images/04-pillar-busqueda-inmobiliaria.png');background-size:cover;background-position:center}
.pillar-img-2{background:linear-gradient(160deg,#3d3530,#7a6b58);background-image:url('../images/05-pillar-estudio-arquitectonico.png');background-size:cover;background-position:center}
.pillar-img-3{background:linear-gradient(160deg,#2a3030,#506060);background-image:url('../images/06-pillar-transformacion.png');background-size:cover;background-position:center}

/* ===================== AUDIENCE ===================== */
.audience{padding:var(--section-gap) var(--pad-x);background:var(--white)}
.audience-inner{max-width:var(--max-w);margin:0 auto}
.audience-header{margin-bottom:clamp(3rem,5vw,4rem);max-width:680px}
.audience-header h2{color:var(--dark)}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--light)}
.aud-card{padding:2.5rem 2rem 2.75rem;border-right:1px solid var(--light);display:flex;flex-direction:column}
.aud-card:last-child{border-right:none}
.aud-num{font-family:var(--font-display);font-size:3.5rem;font-weight:400;color:var(--light);line-height:1;margin-bottom:1.25rem;font-style:italic}
.aud-card h3{font-size:1.15rem;color:var(--dark);margin-bottom:.75rem}
.aud-card p{font-size:.875rem;color:var(--mid);line-height:1.7;flex-grow:1}
.aud-link{margin-top:1.75rem;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--sage);transition:letter-spacing .3s}
.aud-link:hover{letter-spacing:.15em}

/* ===================== PROCESS — horizontal strips ===================== */
.process{padding:var(--section-gap) var(--pad-x);background:var(--dark)}
.process-inner{max-width:var(--max-w);margin:0 auto}
.process-header{margin-bottom:clamp(3rem,6vw,5rem);display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:2.5rem}
.process-header h2{color:var(--off-white)}
.process-header .label{color:var(--sage-light)}
.process-rows{display:flex;flex-direction:column}
.process-row{display:grid;grid-template-columns:64px 1fr 2fr;gap:0;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.06);padding:1.75rem 0;transition:background .2s}
.process-row:last-child{border-bottom:none}
.pr-num{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:rgba(255,255,255,.2);font-style:italic;line-height:1}
.pr-title{font-family:var(--font-display);font-size:1.2rem;font-weight:400;color:rgba(247,247,245,.85);line-height:1.3;padding-right:2rem}
.pr-body{font-size:.85rem;color:rgba(247,247,245,.42);line-height:1.7}

/* ===================== TECHNICAL ANALYSIS ===================== */
.analysis{padding:var(--section-gap) var(--pad-x);background:var(--off-white)}
.analysis-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(3rem,6vw,7rem);align-items:start}
.analysis-text h2{color:var(--dark);margin-bottom:1.25rem}
.analysis-text>p{margin-bottom:2rem;line-height:1.8}
.analysis-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.analysis-list li{font-size:.875rem;color:color-mix(in srgb,var(--dark) 65%,transparent);display:flex;align-items:center;gap:.75rem;line-height:1.5}
.al-bullet{width:16px;height:1px;background:var(--sage);flex-shrink:0}
.analysis-plan{position:relative;padding-bottom:3rem}
.plan-label{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--mid);margin-bottom:1rem}
.floor-plan{position:relative;background:var(--white);border:1.5px solid var(--light);padding:.75rem;aspect-ratio:4/3;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1.5fr 1fr .55fr;gap:2px}
.room{border:1px solid rgba(140,140,132,.25);display:flex;align-items:center;justify-content:center;position:relative;background:rgba(255,255,255,.8);transition:background .3s}
.room:hover{background:rgba(74,92,69,.08)}
.room span{font-size:.57rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}
.room-salon{grid-column:1;grid-row:1/2}
.room-cocina{grid-column:2/4;grid-row:1}
.room-hab1{grid-column:1;grid-row:2}
.room-hab2{grid-column:2;grid-row:2}
.room-bano{grid-column:3;grid-row:2}
.room-pasillo{grid-column:1/4;grid-row:3;background:rgba(74,92,69,.06)}
.plan-tag{position:absolute;font-size:.57rem;font-weight:700;color:var(--sage);letter-spacing:.04em;background:rgba(235,240,232,.95);padding:.2rem .5rem;border:1px solid rgba(74,92,69,.25);z-index:2;white-space:nowrap}
.plan-tag-1{top:12%;right:6%}
.plan-tag-2{bottom:22%;left:5%}
.plan-badge{position:absolute;bottom:-1px;right:0;background:var(--sage);color:var(--white);padding:.6rem 1rem}
.plan-badge strong{display:block;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}
.plan-badge span{font-size:.67rem;color:rgba(255,255,255,.7)}

/* ===================== PROPERTIES — 2×2 ===================== */
.properties{padding:var(--section-gap) var(--pad-x);background:var(--white)}
.properties-inner{max-width:var(--max-w);margin:0 auto}
.properties-header{margin-bottom:clamp(2.5rem,4vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem}
.properties-header h2{color:var(--dark)}
.properties-intro{font-size:.9rem;color:var(--mid);line-height:1.7;text-align:right}
.properties-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5px;background:var(--light)}
.prop-card{background:var(--off-white);overflow:hidden;display:flex;flex-direction:column}
.prop-image{aspect-ratio:16/9;position:relative;overflow:hidden}
.prop-img-1{background:linear-gradient(160deg,#8B7355,#5A4A38);background-image:url('../images/07-prop-casco-antiguo.png');background-size:cover;background-position:center}
.prop-img-2{background:linear-gradient(160deg,#4A5550,#5A6858);background-image:url('../images/08-prop-villa-reforma.png');background-size:cover;background-position:center}
.prop-img-3{background:linear-gradient(160deg,#4A5868,#2C3A42);background-image:url('../images/09-prop-atico-mar.png');background-size:cover;background-position:center}
.prop-img-4{background:linear-gradient(160deg,#4A5C45,#506057);background-image:url('../images/10-prop-piso-70s.png');background-size:cover;background-position:center}
.prop-badge{position:absolute;top:1rem;left:1rem;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--dark);color:var(--white);padding:.3rem .75rem;z-index:2}
.prop-badge-inv{background:var(--sage)}
.prop-body{padding:1.75rem 2rem 2.25rem;flex-grow:1;display:flex;flex-direction:column}
.prop-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}
.prop-location{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}
.prop-sqm{font-size:.65rem;font-weight:600;color:var(--sage);letter-spacing:.05em}
.prop-card h3{font-size:1.2rem;color:var(--dark);margin-bottom:.4rem;line-height:1.3}
.prop-state{font-size:.78rem;color:var(--mid);margin-bottom:1rem;line-height:1.5}
.prop-potential{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--light)}
.pp-label{display:block;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:.4rem}
.prop-potential p{font-size:.82rem;line-height:1.65;color:color-mix(in srgb,var(--dark) 60%,transparent)}

/* ===================== INFORME ===================== */
.informe{padding:var(--section-gap) var(--pad-x);background:var(--ink);position:relative;overflow:hidden}
.informe::before{content:'';position:absolute;top:-20%;right:-5%;width:50%;height:140%;background:radial-gradient(ellipse,rgba(74,92,69,.1) 0,transparent 70%);pointer-events:none}
.informe-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(3rem,7vw,8rem);align-items:start}
.informe-content h2{color:var(--off-white);margin-bottom:1.25rem}
.informe-content p{color:rgba(235,240,232,.55);line-height:1.8;margin-bottom:2.5rem}
.informe-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(255,255,255,.07)}
.inf-item{display:flex;gap:1rem;padding:1.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}
.inf-item:nth-child(even){border-right:none}
.inf-item:nth-last-child(-n+2){border-bottom:none}
.inf-num{font-family:var(--font-display);font-size:2rem;font-weight:400;color:rgba(74,92,69,.25);line-height:1;flex-shrink:0;width:2rem;font-style:italic}
.inf-item strong{display:block;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:rgba(247,247,245,.8);margin-bottom:.4rem}
.inf-item p{font-size:.78rem;color:rgba(235,240,232,.4);line-height:1.6;margin:0}

/* ===================== STATEMENT STRIP ===================== */
.statement{padding:clamp(4rem,8vw,7rem) var(--pad-x);background:var(--sage)}
.statement-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap}
.statement-text{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:400;color:var(--white);line-height:1.35;font-style:italic;flex:1}

/* ===================== USE CASES ===================== */
.usecases{padding:var(--section-gap) var(--pad-x);background:var(--off-white)}
.usecases-inner{max-width:var(--max-w);margin:0 auto}
.usecases-header{margin-bottom:clamp(2.5rem,5vw,4rem);max-width:540px}
.usecases-header h2{color:var(--dark)}
.usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:var(--light)}
.uc{background:var(--white);overflow:hidden}
.uc-image{aspect-ratio:3/2;overflow:hidden}
.uc-img-1{background:#c8b89a;background-image:url('../images/11-uc-comprar-vivir.png');background-size:cover;background-position:center}
.uc-img-2{background:#3a4030;background-image:url('../images/12-uc-comprar-invertir.png');background-size:cover;background-position:center}
.uc-img-3{background:#d8c8a0;background-image:url('../images/13-uc-vender-mejor.png');background-size:cover;background-position:center}
.uc-img-4{background:#5a4838;background-image:url('../images/14-uc-reformar-criterio.png');background-size:cover;background-position:center}
.uc-body{padding:1.5rem 1.75rem 2rem}
.uc h3{font-size:1.15rem;color:var(--dark);margin-bottom:.6rem}
.uc p{font-size:.875rem;line-height:1.75}

/* ===================== CONTACT ===================== */
.contact{position:relative;overflow:hidden}
.contact-bg{position:absolute;inset:0;background:linear-gradient(160deg,#0a0d0a 0%,#111810 55%,#0c100a 100%)}
.contact-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 50%,rgba(74,92,69,.08) 0,transparent 70%)}
.contact-inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:var(--section-gap) var(--pad-x);display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(3rem,7vw,8rem);align-items:start}
.contact-info{padding-top:1rem}
.contact-info .label{color:var(--sage-light)}
.contact-info h2{color:var(--off-white);margin-bottom:1.25rem}
.contact-info h2 em{color:var(--sage-light);font-style:italic}
.contact-info>p{color:rgba(235,240,232,.55);line-height:1.75;margin-bottom:2.5rem;font-size:1rem}
.contact-details{display:flex;flex-direction:column;gap:1rem}
.contact-detail{display:flex;align-items:center;gap:.875rem}
.contact-detail-icon{width:36px;height:36px;border:1px solid rgba(235,240,232,.15);display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;color:var(--sage-light)}
.contact-detail span{font-size:.875rem;color:rgba(235,240,232,.5)}
.contact-form{background:rgba(247,247,245,.03);border:1px solid rgba(255,255,255,.07);padding:clamp(2rem,4vw,3rem)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(235,240,232,.4)}
.form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);color:var(--off-white);font-family:var(--font-body);font-size:.875rem;padding:.75rem 1rem;outline:0;transition:border-color .3s;width:100%;-webkit-appearance:none;appearance:none}
.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(235,240,232,0.35)' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.form-group select option{background:#0a0d0a}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--sage-light)}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(235,240,232,.2)}
.form-group textarea{resize:vertical;min-height:110px}
.form-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}
.btn-whatsapp{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:rgba(235,240,232,.45);transition:color .3s}
.btn-whatsapp:hover{color:var(--off-white)}
.btn-whatsapp::before{content:'';width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2325D366'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E") no-repeat center;background-size:contain;flex-shrink:0}

/* ===================== FOOTER ===================== */
footer{background:var(--ink);padding:3rem var(--pad-x);border-top:1px solid rgba(255,255,255,.05)}
.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}
.footer-logo{font-family:var(--font-display);font-size:1.1rem;color:rgba(247,247,245,.4);font-style:italic}
.footer-links{display:flex;list-style:none;gap:2rem;flex-wrap:wrap}
.footer-links a{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:rgba(235,240,232,.3);transition:color .3s}
.footer-links a:hover{color:var(--sage-light)}
.footer-copy{font-size:.68rem;color:rgba(235,240,232,.2);letter-spacing:.04em}

/* ===================== WA FLOAT ===================== */
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:90;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.35);transition:transform .3s var(--ease-out),box-shadow .3s}
.wa-float:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,.45)}
.wa-float svg{width:26px;height:26px}

/* ===================== ANTI-COPY ===================== */
body,img,p,h1,h2,h3,h4,h5,h6,a,span,div{-webkit-user-select:none;-moz-user-select:none;user-select:none}
img{pointer-events:none;-webkit-user-drag:none}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1100px){
  .pillar-row{grid-template-columns:60px 1fr 2fr;}.pillar-row-img{display:none}
  .audience-grid{grid-template-columns:repeat(2,1fr)}
  .aud-card:nth-child(2){border-right:none}
  .aud-card:nth-child(3){border-top:1px solid var(--light)}
  .aud-card:nth-child(4){border-top:1px solid var(--light);border-right:none}
  .informe-inner{grid-template-columns:1fr}
  .informe-content{max-width:600px}
  .usecases-grid{grid-template-columns:repeat(2,1fr)}
  .process-row{grid-template-columns:64px 1fr 1.5fr}
}
@media (max-width:900px){
  .nav-cta,.nav-links{display:none}
  .nav-hamburger{display:flex}
  .differ-inner{grid-template-columns:1fr}
  .analysis-inner{grid-template-columns:1fr}
  .contact-inner{grid-template-columns:1fr}
  .properties-header{grid-template-columns:1fr}
  .properties-intro{text-align:left}
  .hero-bottom-stat{padding:1rem clamp(.75rem,3vw,2rem)}
  .hero-card{display:none}
  .statement-inner{flex-direction:column;align-items:flex-start}
  .pillars-header{flex-direction:column;align-items:flex-start}
}
@media (max-width:700px){
  .pillar-row{grid-template-columns:50px 1fr;grid-template-rows:auto auto}
  .pillar-row-title{grid-column:2}
  .pillar-row-body{grid-column:2;padding-right:0}
  .pillar-row-img{display:none}
  .process-row{grid-template-columns:50px 1fr}
  .pr-body{grid-column:2}
  .audience-grid{grid-template-columns:1fr}
  .aud-card{border-right:none;border-bottom:1px solid var(--light)}
  .aud-card:last-child{border-bottom:none}
  .properties-grid{grid-template-columns:1fr}
  .informe-list{grid-template-columns:1fr}
  .inf-item{border-right:none!important}
  .inf-item:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.05)}
  .inf-item:last-child{border-bottom:none!important}
  .usecases-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .hero-bottom{display:none}
}