:root{
  --ink:#0b1118;
  --ink-2:#101923;
  --ink-3:#17222d;
  --paper:#f3f0e8;
  --paper-2:#fbfaf6;
  --white:#fff;
  --gold:#c9a25a;
  --gold-2:#e1bf7b;
  --text:#dfe6eb;
  --muted:#98a5af;
  --dark-text:#17212a;
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(11,17,24,.12);
  --max:1240px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}

.noise{
  pointer-events:none;position:fixed;inset:0;z-index:999;
  opacity:.035;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.section-dark{background:var(--ink);color:var(--text)}
.section-light{background:var(--paper);color:var(--dark-text)}
.section-gold{background:var(--gold);color:#111820}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:80;
  border-bottom:1px solid transparent;
  transition:.35s var(--ease);
}
.site-header.scrolled{
  background:rgba(11,17,24,.87);
  backdrop-filter:blur(18px);
  border-color:rgba(255,255,255,.08);
}
.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:205px}
.brand-mark{width:38px;height:38px;color:var(--gold)}
.brand-mark svg{width:100%;height:100%}
.brand-copy{display:flex;flex-direction:column;line-height:.86;letter-spacing:.08em}
.brand-copy strong{font-size:22px;color:var(--white);letter-spacing:.13em}
.brand-copy span{font-size:11px;margin-top:6px;color:#d9e0e4;letter-spacing:.25em}
.brand-copy small{font-size:7px;color:var(--gold-2);letter-spacing:.28em;margin-top:6px}

.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650;letter-spacing:.03em}
.nav a{position:relative;color:#d6dde2}
.nav a:not(.nav-cta)::after{
  content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.3s
}
.nav a:hover::after{width:100%}
.nav-cta{padding:13px 18px;border:1px solid rgba(201,162,90,.55);color:var(--gold-2)!important}
.menu-toggle{display:none;background:none;border:0;color:white;width:40px;height:40px;position:relative}
.menu-toggle span{position:absolute;left:8px;right:8px;height:1px;background:white;transition:.3s}
.menu-toggle span:first-child{top:15px}.menu-toggle span:last-child{top:24px}

.hero{min-height:100vh;padding:150px 0 0;position:relative;overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 70% 20%,rgba(201,162,90,.08),transparent 27%),
    linear-gradient(115deg,transparent 0 56%,rgba(255,255,255,.025) 56% 57%,transparent 57% 100%);
}
.hero-grid{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;position:relative}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#b7c1c8}
.eyebrow span{display:block;width:48px;height:1px;background:var(--gold)}
.eyebrow.dark{color:#5e6870}.eyebrow.dark span{background:#6d542c}

h1,h2,h3,p{margin-top:0}
.hero h1,.software-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(52px,6.3vw,94px);
  line-height:.94;
  letter-spacing:-.045em;
  font-weight:500;
  margin:24px 0 28px;
  max-width:930px;
}
.hero h1 em,.software-hero h1 em{color:var(--gold-2);font-weight:500}
.hero-lead{font-size:18px;line-height:1.68;color:#afbbc3;max-width:670px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;
  padding:0 23px;border:1px solid transparent;font-size:13px;font-weight:750;letter-spacing:.04em;
  transition:.28s var(--ease);
}
.btn-gold{background:var(--gold);color:#111820}.btn-gold:hover{background:var(--gold-2);transform:translateY(-2px)}
.btn-ghost{border-color:rgba(255,255,255,.18);color:white}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-2)}

.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border-top:1px solid var(--line);max-width:690px}
.trust-row>div{padding:21px 22px 0 0;border-right:1px solid var(--line)}
.trust-row>div:last-child{border-right:0;padding-left:22px}
.trust-row>div:nth-child(2){padding-left:22px}
.trust-row strong{display:block;color:white;font-size:25px}
.trust-row span{display:block;margin-top:5px;color:#8897a1;font-size:11px;text-transform:uppercase;letter-spacing:.08em}

.hero-visual{position:relative;height:600px}
.arch-card{position:absolute;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.24)}
.arch-main{width:82%;height:76%;right:0;top:7%;background:#111a23;overflow:hidden}
.arch-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black 15%,transparent 92%);
}
.building{position:absolute;left:8%;right:8%;bottom:12%;height:70%;border-bottom:1px solid rgba(255,255,255,.28)}
.b-block{position:absolute;background:#1a2631;border:1px solid rgba(255,255,255,.08)}
.b1{left:3%;bottom:0;width:43%;height:50%}.b2{left:37%;bottom:0;width:32%;height:78%}.b3{right:3%;bottom:0;width:28%;height:37%}
.gold-window{position:absolute;background:linear-gradient(135deg,#c99b45,#f0d191);box-shadow:0 0 35px rgba(201,162,90,.18)}
.w1{left:12%;bottom:11%;width:21%;height:22%}.w2{left:44%;bottom:47%;width:17%;height:16%}.w3{right:9%;bottom:9%;width:17%;height:14%}
.arch-label{position:absolute;left:22px;top:22px;font-size:10px;color:#7f8f9a;letter-spacing:.18em}
.arch-mini{
  left:0;bottom:5%;width:44%;height:28%;padding:26px;background:rgba(10,16,22,.94);
  display:flex;flex-direction:column;justify-content:center
}
.arch-mini span{font-size:9px;letter-spacing:.24em;color:#7f8f9a}.arch-mini strong{font-family:Georgia,serif;font-size:58px;color:var(--gold);font-weight:400;line-height:1}
.arch-mini small{font-size:11px;color:#b9c3ca}
.hero-line{position:absolute;width:1px;height:80%;background:linear-gradient(transparent,var(--gold),transparent);right:-15px;top:0;opacity:.35}

.hero-marquee{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  overflow:hidden;white-space:nowrap;color:#60707c;font-size:11px;letter-spacing:.22em;padding:17px 0
}
.hero-marquee div{display:inline-block;min-width:200%;animation:marquee 28s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}

.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;padding:130px 0}
.section-heading h2,.process h2,.software-teaser h2,.about h2,.contact h2,.why-copy h2{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.8vw,68px);line-height:1;letter-spacing:-.035em;font-weight:500;margin:22px 0 0
}
.intro-copy{align-self:end;font-size:17px;line-height:1.78;color:#56616a;max-width:650px}
.intro-copy p:last-of-type{margin-bottom:0}

.services{padding:0 0 130px}
.section-kicker{display:flex;align-items:center;gap:15px;margin-bottom:46px}
.section-kicker span{font-size:11px;color:#846b3f;border:1px solid rgba(87,64,25,.25);padding:6px 8px}
.section-kicker p{margin:0;font-size:11px;font-weight:800;letter-spacing:.24em;color:#5e6870}
.section-kicker.light span{color:#d7b977;border-color:rgba(201,162,90,.35)}
.section-kicker.light p{color:#81909a}

.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-dark)}
.service-card{
  min-height:210px;padding:30px 0;display:grid;grid-template-columns:56px 1fr 34px;gap:22px;align-items:start;
  border-bottom:1px solid var(--line-dark);transition:.25s var(--ease)
}
.service-card:nth-child(odd){padding-right:34px;border-right:1px solid var(--line-dark)}
.service-card:nth-child(even){padding-left:34px}
.service-card:hover{background:rgba(255,255,255,.42);transform:translateY(-3px)}
.service-num{font-size:11px;color:#8b7c61}
.service-card h3{font-family:Georgia,serif;font-weight:500;font-size:29px;line-height:1.12;margin-bottom:14px}
.service-card p{color:#647078;line-height:1.6;font-size:14px;margin-bottom:0}
.service-arrow{font-size:20px;color:#9b7b42}

.projects{padding:130px 0}
.project-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:58px}
.project-head h2{font-family:Georgia,serif;font-size:clamp(44px,5vw,72px);font-weight:500;letter-spacing:-.04em;margin:18px 0 0}
.project-head>p{max-width:430px;color:#8e9da7;line-height:1.65}
.project-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}
.project-tile{background:#111922;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.tile-c{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr}
.project-art{position:relative;min-height:430px;overflow:hidden;background:#0f1720}
.tile-c .project-art{min-height:330px}
.project-meta{padding:27px 28px 30px}
.tile-c .project-meta{display:flex;flex-direction:column;justify-content:center}
.project-meta>span{font-size:9px;color:var(--gold-2);letter-spacing:.2em}
.project-meta h3{font-family:Georgia,serif;font-weight:500;font-size:30px;margin:10px 0 7px}
.project-meta p{color:#7e8d98;font-size:13px;margin:0}
.blueprint{
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),#111b25;
  background-size:34px 34px
}
.blueprint .line{position:absolute;background:rgba(220,228,232,.65)}
.blueprint .l1{left:13%;top:18%;width:1px;height:65%}.blueprint .l2{left:48%;top:11%;width:1px;height:76%}
.blueprint .l3{left:10%;top:41%;width:73%;height:1px}.blueprint .l4{left:22%;top:69%;width:66%;height:1px}
.mass{position:absolute;border:1px solid rgba(201,162,90,.8);background:rgba(201,162,90,.06)}
.m1{left:18%;top:23%;width:29%;height:43%}.m2{left:50%;top:43%;width:31%;height:26%}
.construction{background:linear-gradient(150deg,#192631,#0c1218)}
.frame{position:absolute;border:2px solid rgba(210,222,229,.55);border-bottom:0}
.f1{left:15%;bottom:18%;width:20%;height:53%}.f2{left:39%;bottom:18%;width:22%;height:67%}.f3{left:65%;bottom:18%;width:19%;height:43%}
.slab{position:absolute;left:9%;right:8%;bottom:17%;height:4px;background:var(--gold)}
.interior{background:linear-gradient(115deg,#151f28 0 57%,#202d37 57%)}
.wall{position:absolute;background:#33414b}.wa{left:8%;top:20%;width:31%;height:55%}.wb{right:9%;top:13%;width:27%;height:62%}
.furniture{position:absolute;left:35%;bottom:16%;width:34%;height:26%;background:#18232c;border:1px solid rgba(255,255,255,.11)}
.lamp{position:absolute;left:51%;top:21%;width:64px;height:64px;border-radius:50%;background:var(--gold);box-shadow:0 0 50px rgba(201,162,90,.36)}

.process{padding:130px 0}
.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}
.process-intro p{color:#657179;line-height:1.65;font-size:16px;max-width:440px;margin-top:25px}
.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-dark)}
.steps li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line-dark)}
.steps li>span{font-size:11px;color:#8d7448;padding-top:5px}
.steps strong{font-family:Georgia,serif;font-size:23px;font-weight:500}
.steps p{margin:7px 0 0;color:#67737b;line-height:1.55;font-size:14px}

.software-teaser{padding:135px 0 150px;overflow:hidden}
.software-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.software-copy p{color:#9eabb4;line-height:1.7;font-size:17px;max-width:520px;margin:28px 0 34px}
.screen-stack{position:relative;height:500px}
.screen{
  position:absolute;overflow:hidden;background:#0d141b;border:1px solid rgba(255,255,255,.15);
  box-shadow:0 45px 90px rgba(0,0,0,.35)
}
.screen img{width:100%;height:100%;object-fit:cover;object-position:top left}
.screen-back{width:72%;height:62%;left:0;top:0;transform:rotate(-3deg);opacity:.67}
.screen-front{width:82%;height:70%;right:0;bottom:0;transform:rotate(2deg)}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:26px;font-weight:800;font-size:13px;border-bottom:1px solid #ad8d51;padding-bottom:5px}

.contact{padding:115px 0}
.contact-grid{display:grid;grid-template-columns:1fr .86fr;gap:110px}
.contact-copy .eyebrow{color:#2f3337}.contact-copy h2{max-width:720px}
.contact-copy p{font-size:17px;line-height:1.65;max-width:590px}
.contact-card{border-top:1px solid rgba(17,24,32,.35)}
.contact-card>a,.contact-card>div{
  display:grid;grid-template-columns:130px 1fr 28px;gap:15px;padding:22px 0;border-bottom:1px solid rgba(17,24,32,.25);align-items:center
}
.contact-card span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#4f4d47}
.contact-card strong{font-size:14px}
.contact-card b{font-size:18px}
.contact-note{font-size:11px;line-height:1.5;margin:16px 0 0;color:#584d3d}

.footer{background:#080d12;border-top:1px solid rgba(255,255,255,.07);padding:36px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px}
.brand-footer .brand-copy strong{font-size:18px}
.footer p{margin:0;color:#65737d;font-size:11px;letter-spacing:.04em}

.software-hero{padding:170px 0 120px;min-height:820px;display:flex;align-items:center}
.software-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.software-orbit{height:520px;position:relative;display:grid;place-items:center}
.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.r1{width:430px;height:430px}.r2{width:300px;height:300px;border-color:rgba(201,162,90,.28)}
.orbit-core{width:176px;height:176px;border-radius:50%;background:var(--gold);color:#111820;display:grid;place-content:center;text-align:center;box-shadow:0 0 80px rgba(201,162,90,.16)}
.orbit-core strong{font-family:Georgia,serif;font-size:72px;line-height:.8}.orbit-core span{font-size:11px;letter-spacing:.22em;font-weight:800;margin-top:13px}
.orbit-chip{position:absolute;font-size:10px;letter-spacing:.2em;color:#b9c4ca;background:#111922;border:1px solid rgba(255,255,255,.12);padding:10px 13px}
.chip-a{top:13%;left:20%}.chip-b{right:8%;top:43%}.chip-c{bottom:12%;left:27%}

.product-section{padding:130px 0}
.product-showcase{
  display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center;
  padding:65px 0;border-bottom:1px solid var(--line-dark)
}
.product-showcase.reverse{grid-template-columns:1.22fr .78fr}
.product-showcase.reverse .product-info{order:2}.product-showcase.reverse .product-screen{order:1}
.product-info h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,60px);line-height:1;font-weight:500;letter-spacing:-.035em;margin:16px 0 22px}
.product-info>p{font-size:16px;line-height:1.72;color:#637078}
.product-status{display:inline-flex;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:8px 10px;border:1px solid}
.product-status.available{color:#4b6e47;border-color:#88a884;background:#e3ecdd}
.product-status.soon{color:#7c6439;border-color:#b89b68;background:#eee4d1}
.feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.feature-chips span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(11,17,24,.14);padding:8px 10px}
.product-screen{background:#151f27;padding:12px;box-shadow:0 30px 60px rgba(22,29,35,.15)}
.product-screen img{width:100%;max-height:470px;object-fit:cover;object-position:top}
.product-showcase.coming{grid-template-columns:.8fr 1.2fr}
.coming-art{min-height:390px;background:#101820;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #24323d;position:relative;overflow:hidden}
.coming-art::before{content:"";position:absolute;width:520px;height:1px;background:var(--gold);transform:rotate(-28deg);opacity:.3}
.coming-art span{font-size:10px;letter-spacing:.3em;color:#6f7d86}.coming-art strong{font-family:Georgia,serif;font-size:80px;font-weight:500;color:#dfe6eb}.coming-art i{font-style:normal;font-size:10px;letter-spacing:.24em;color:var(--gold-2)}

.why-software{padding:130px 0}
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.why-points{border-top:1px solid var(--line)}
.why-points>div{display:grid;grid-template-columns:55px 170px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}
.why-points span{font-size:10px;color:var(--gold)}.why-points strong{font-family:Georgia,serif;font-size:21px;font-weight:500}.why-points p{color:#84929c;line-height:1.55;font-size:13px;margin:0}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.12s}

@media (max-width:980px){
  .nav{position:fixed;left:18px;right:18px;top:76px;background:#0d151d;border:1px solid rgba(255,255,255,.1);padding:20px;display:none;flex-direction:column;align-items:stretch;gap:8px}
  .nav.open{display:flex}.nav a{padding:12px}.menu-toggle{display:block}
  .hero-grid,.software-hero-grid,.split,.process-grid,.software-grid,.contact-grid,.why-grid{grid-template-columns:1fr;gap:55px}
  .hero{padding-top:115px}.hero-grid{min-height:auto}.hero-visual{height:500px}
  .split{padding:95px 0}.services,.projects,.process,.software-teaser,.product-section,.why-software{padding-top:95px;padding-bottom:95px}
  .project-grid{grid-template-columns:1fr}.tile-c{grid-column:auto;display:block}.tile-c .project-art{min-height:430px}
  .project-head{align-items:start;flex-direction:column;gap:20px}
  .software-grid{gap:30px}.screen-stack{height:430px}
  .footer-grid{grid-template-columns:1fr;gap:15px}.software-hero{min-height:auto;padding:140px 0 90px}
  .product-showcase,.product-showcase.reverse,.product-showcase.coming{grid-template-columns:1fr}.product-showcase.reverse .product-info,.product-showcase.reverse .product-screen{order:initial}
}

@media (max-width:680px){
  .container{width:min(var(--max),calc(100% - 30px))}
  .nav-wrap{height:74px}.brand{min-width:0}.brand-mark{width:32px;height:32px}.brand-copy strong{font-size:18px}
  .brand-copy span{font-size:9px}.brand-copy small{display:none}
  .hero h1,.software-hero h1{font-size:50px}.hero-lead{font-size:16px}
  .hero-visual{height:380px}.arch-main{width:92%;height:72%}.arch-mini{width:55%;height:30%;padding:18px}.arch-mini strong{font-size:46px}
  .trust-row{grid-template-columns:1fr}.trust-row>div,.trust-row>div:nth-child(2),.trust-row>div:last-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}
  .service-grid{grid-template-columns:1fr}.service-card:nth-child(odd),.service-card:nth-child(even){padding:24px 0;border-right:0}
  .service-card{grid-template-columns:42px 1fr 25px}.service-card h3{font-size:25px}
  .project-art{min-height:320px}.tile-c .project-art{min-height:300px}
  .screen-stack{height:320px}.screen-back{width:85%}.screen-front{width:93%;height:68%}
  .contact-card>a,.contact-card>div{grid-template-columns:1fr 26px}.contact-card span{grid-column:1/-1}
  .product-showcase{padding:42px 0}.product-info h2{font-size:40px}
  .software-orbit{height:380px}.r1{width:330px;height:330px}.r2{width:230px;height:230px}.orbit-core{width:140px;height:140px}.orbit-core strong{font-size:58px}
  .why-points>div{grid-template-columns:38px 1fr}.why-points p{grid-column:2}
}


/* ===== V2: conversión y contacto ===== */
.lead-section{padding:130px 0}
.lead-shell{
  display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;
  background:var(--paper-2);border:1px solid rgba(11,17,24,.11);padding:64px
}
.lead-copy h2{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.8vw,67px);
  line-height:1;letter-spacing:-.04em;font-weight:500;margin:22px 0 25px
}
.lead-copy>p{color:#626e76;line-height:1.75;font-size:16px;max-width:510px}
.lead-notes{display:grid;gap:11px;margin-top:35px}
.lead-notes span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7e6b48}

.lead-form{
  background:#101820;color:#e8edf0;padding:34px;
  box-shadow:0 28px 70px rgba(17,24,32,.13)
}
.lead-form label{display:block;margin-bottom:18px}
.lead-form label>span{
  display:block;margin-bottom:8px;font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;color:#91a0aa
}
.lead-form input,.lead-form select,.lead-form textarea{
  width:100%;border:1px solid rgba(255,255,255,.13);background:#151f28;
  color:#eef2f4;padding:14px 15px;font:inherit;font-size:14px;outline:none;
  border-radius:0;transition:.2s
}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,90,.08)
}
.lead-form textarea{resize:vertical;min-height:120px}
.lead-form select option{background:#151f28}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.btn-dark-gold{
  width:100%;background:var(--gold);color:#111820;margin-top:4px
}
.btn-dark-gold:hover{background:var(--gold-2);transform:translateY(-2px)}
.lead-form>small{display:block;margin-top:12px;color:#7f8d96;font-size:10px;line-height:1.5}

.whatsapp-float{
  position:fixed;right:22px;bottom:22px;z-index:75;
  display:flex;align-items:center;gap:11px;
  background:#121c24;color:white;border:1px solid rgba(201,162,90,.45);
  padding:10px 14px 10px 10px;box-shadow:0 18px 45px rgba(0,0,0,.28);
  transition:.25s var(--ease)
}
.whatsapp-float:hover{transform:translateY(-3px);border-color:var(--gold);background:#17232d}
.wa-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  background:var(--gold);color:#101820;font-size:9px;font-weight:900;letter-spacing:.05em
}
.wa-text{display:flex;flex-direction:column;line-height:1.08}
.wa-text small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8e9aa2}
.wa-text strong{font-size:12px;margin-top:4px}

@media(max-width:980px){
  .lead-shell{grid-template-columns:1fr;gap:45px;padding:42px}
}
@media(max-width:680px){
  .lead-section{padding:80px 0}
  .lead-shell{padding:28px 20px}
  .lead-form{padding:24px 18px}
  .form-row{grid-template-columns:1fr;gap:0}
  .whatsapp-float{right:12px;bottom:12px;padding-right:10px}
  .wa-text{display:none}
}

/* ===== V3: páginas de servicio ===== */
.detail-hero{padding:170px 0 110px;min-height:720px;display:flex;align-items:center}
.detail-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.detail-hero h1{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6vw,88px);
  line-height:.96;letter-spacing:-.045em;font-weight:500;margin:24px 0 28px
}
.detail-hero p{max-width:690px;color:#a8b4bc;font-size:18px;line-height:1.7}
.detail-graphic{
  height:480px;position:relative;border:1px solid rgba(255,255,255,.1);
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#101922;
  background-size:38px 38px;overflow:hidden
}
.dg-line{position:absolute;background:#7f8d96;opacity:.45}
.dg-line.a{width:1px;height:76%;left:27%;top:10%}
.dg-line.b{width:1px;height:62%;left:66%;top:20%}
.dg-line.c{height:1px;width:76%;left:11%;top:63%}
.dg-mass{position:absolute;background:#1d2a35;border:1px solid rgba(255,255,255,.1)}
.dg-mass.one{left:16%;bottom:16%;width:38%;height:38%}
.dg-mass.two{right:12%;bottom:16%;width:31%;height:61%}
.dg-gold{position:absolute;right:19%;bottom:26%;width:17%;height:23%;background:var(--gold);box-shadow:0 0 45px rgba(201,162,90,.22)}

.detail-body{padding:100px 0 120px}
.detail-block{
  display:grid;grid-template-columns:100px 1fr;gap:40px;padding:54px 0;
  border-bottom:1px solid var(--line-dark)
}
.detail-block:first-child{border-top:1px solid var(--line-dark)}
.detail-num{font-family:Georgia,serif;font-size:37px;color:#a38755}
.detail-block h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:-.035em;margin-bottom:18px}
.detail-block p{max-width:760px;color:#5d6870;line-height:1.7;font-size:16px}
.detail-list{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}
.detail-list li{padding:12px 0;border-bottom:1px solid var(--line-dark);font-size:13px;color:#313d45}
.detail-list li::before{content:"—";color:#9a7b45;margin-right:10px}
.detail-cta{padding:95px 0}
.detail-cta-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}
.detail-cta h2{font-family:Georgia,serif;font-size:clamp(42px,4.8vw,66px);line-height:1;font-weight:500;letter-spacing:-.04em;margin:20px 0 0}
.detail-cta p{line-height:1.7}
.btn-dark{background:#111820;color:white}.btn-dark:hover{background:#1b2731}
.legal-page{min-height:100vh}.legal-wrap{padding:90px 0;max-width:820px}
.legal-wrap h1{font-family:Georgia,serif;font-size:56px;font-weight:500;color:#17212a;margin:50px 0 30px}
.legal-wrap p{color:#56616a;line-height:1.8}.legal-wrap a{color:#6f5428}
.error-page{min-height:100vh;display:flex;align-items:center}
.error-page h1{font-family:Georgia,serif;font-size:clamp(54px,8vw,105px);font-weight:500;letter-spacing:-.05em;max-width:900px;margin:25px 0}
.error-page p{font-size:18px;color:#9ba8b1;margin-bottom:30px}

@media(max-width:980px){
  .detail-hero-grid,.detail-cta-grid{grid-template-columns:1fr}
  .detail-graphic{height:380px}
}
@media(max-width:680px){
  .detail-hero{padding:125px 0 75px;min-height:auto}
  .detail-hero h1{font-size:49px}
  .detail-block{grid-template-columns:1fr;gap:16px;padding:38px 0}
  .detail-num{font-size:24px}
  .detail-list{grid-template-columns:1fr}
  .detail-cta{padding:70px 0}
}

/* ===== V4: visual polish ===== */
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 4px}
.hero-tags span{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:#d8c08f;border:1px solid rgba(201,162,90,.35);padding:8px 10px;
  background:rgba(201,162,90,.06)
}

.field-section,.faq-section{padding:125px 0}
.field-grid,.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.field-copy h2,.ba-head h2,.faq-copy h2,.portfolio-note h2{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.9vw,68px);
  line-height:1;letter-spacing:-.04em;font-weight:500;margin:0 0 24px
}
.field-copy p,.faq-copy p,.ba-head p{color:#60707a;line-height:1.75;font-size:16px;max-width:620px}
.field-points{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line-dark)}
.field-points li{padding:15px 0;border-bottom:1px solid var(--line-dark);font-size:14px;color:#25313a}
.field-points li::before{content:"—";color:#9d7c47;margin-right:10px}
.field-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.field-panel{background:#111820;color:#eff3f5;padding:26px;border:1px solid rgba(255,255,255,.08)}
.field-panel span{font-size:10px;color:#d3b87b;letter-spacing:.14em}
.field-panel h3{font-family:Georgia,serif;font-size:29px;font-weight:500;margin:14px 0 12px}
.field-panel p{color:#98a6b0;line-height:1.65;font-size:13px;margin:0}

.ba-section{padding:125px 0}
.ba-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:46px}
.ba-head h2{color:#fff;max-width:740px}
.ba-head p{color:#95a4ae;max-width:430px}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ba-card{background:#111922;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.ba-visual{position:relative;min-height:350px;display:grid;place-items:center}
.ba-label{
  position:absolute;top:18px;left:18px;z-index:2;
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  padding:7px 9px;border:1px solid rgba(255,255,255,.12)
}
.ba-visual.before .ba-label{color:#bcc5cb}
.ba-visual.after .ba-label{color:#e2c37f;border-color:rgba(201,162,90,.4)}
.ba-room{position:relative;width:78%;height:250px}
.ba-room .wall{position:absolute;left:0;top:0;right:0;height:68%;display:block}
.ba-room .floor{position:absolute;left:0;right:0;bottom:0;height:32%;display:block}
.ba-room .window{position:absolute;right:12%;top:18%;width:26%;height:31%;display:block}
.ba-room .block{position:absolute;left:16%;bottom:15%;width:31%;height:23%;display:block}
.ba-room.old .wall{background:#4d5861}.ba-room.old .floor{background:#313a41}.ba-room.old .window{background:#84929c}.ba-room.old .block{background:#59656e}
.ba-room.new .wall{background:#d9d6cd}.ba-room.new .floor{background:#a7844f}.ba-room.new .window{background:linear-gradient(135deg,#cca14d,#eed296)}.ba-room.new .block{background:#24303b}
.ba-room.new .light{position:absolute;left:44%;top:14%;width:60px;height:60px;border-radius:50%;background:#efcc85;box-shadow:0 0 60px rgba(201,162,90,.34)}
.ba-copy{padding:26px 26px 30px}.ba-copy h3{font-family:Georgia,serif;font-size:28px;font-weight:500;margin-bottom:12px}.ba-copy p{color:#8a98a2;line-height:1.65;font-size:14px;margin:0}

.faq-list{display:grid;gap:12px}
.faq-item{background:#f8f5ed;border:1px solid rgba(11,17,24,.12);padding:0 20px}
.faq-item summary{
  list-style:none;cursor:pointer;padding:22px 36px 22px 0;position:relative;font-weight:750;color:#1b2630
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:0;top:19px;font-size:24px;color:#9d7a44}
.faq-item[open] summary::after{content:"–"}
.faq-item p{margin:0 0 20px;color:#5d6870;line-height:1.7;font-size:14px}

.footer-rich{padding:56px 0 30px}
.footer-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:20px;flex-wrap:wrap}
.footer-blurb{max-width:420px;margin-top:18px;color:#6f7d86;line-height:1.7;font-size:13px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links strong{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d5b774}
.footer-links a{font-size:13px;color:#d5dde2}
.footer-links a:hover{color:#f1d492}

.portfolio-hero{padding:170px 0 120px;min-height:780px;display:flex;align-items:center}
.portfolio-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.portfolio-hero h1{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,6.2vw,92px);
  line-height:.95;letter-spacing:-.045em;font-weight:500;margin:24px 0 26px
}
.portfolio-hero p{color:#aab6be;line-height:1.75;font-size:17px;max-width:670px}
.portfolio-hero-art{height:520px;position:relative}
.ph-card{position:absolute;border:1px solid rgba(255,255,255,.09);background:#121b24;box-shadow:0 40px 100px rgba(0,0,0,.22)}
.ph-card.c1{left:2%;top:6%;width:56%;height:48%;background:
linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#101922;background-size:32px 32px}
.ph-card.c2{right:0;top:18%;width:54%;height:55%;background:linear-gradient(140deg,#1b2731 0 58%,#cfab64 58% 60%,#111920 60%)}
.ph-card.c3{left:18%;bottom:0;width:52%;height:34%;background:linear-gradient(125deg,#d8d1c3 0 63%,#9b7a47 63% 100%)}

.portfolio-grid-section{padding:125px 0}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.portfolio-card{background:#fbfaf6;border:1px solid rgba(11,17,24,.1);overflow:hidden;box-shadow:0 18px 35px rgba(19,25,31,.05)}
.portfolio-art{min-height:280px;position:relative;overflow:hidden}
.portfolio-copy{padding:24px 24px 28px}
.portfolio-copy span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#846d44}
.portfolio-copy h2{font-family:Georgia,serif;font-size:32px;line-height:1.08;font-weight:500;margin:10px 0 12px;color:#17212a}
.portfolio-copy p{margin:0;color:#5f6a72;line-height:1.65;font-size:14px}
.art-res{background:linear-gradient(145deg,#1a2730 0 65%,#ccb071 65% 67%,#101820 67%)}
.art-const{background:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),#16232c;background-size:30px 30px}
.art-rem{background:linear-gradient(135deg,#4d5860 0 45%,#d7d2c8 45% 100%)}
.art-int{background:linear-gradient(145deg,#d9d4c8 0 58%,#aa844b 58% 100%)}
.art-com{background:linear-gradient(135deg,#111b24 0 52%,#cfaa61 52% 54%,#2a3945 54%)}
.art-ctrl{background:linear-gradient(135deg,#eef1f3 0 48%,#1b2832 48% 100%)}
.art-res::before,.art-const::before,.art-rem::before,.art-int::before,.art-com::before,.art-ctrl::before{
  content:"";position:absolute;inset:16% 14%;border:1px solid rgba(255,255,255,.18)
}
.portfolio-note{padding:95px 0}
.portfolio-note-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}

@media(max-width:980px){
  .field-grid,.faq-grid,.portfolio-hero-grid,.portfolio-note-grid{grid-template-columns:1fr;gap:50px}
  .field-panels{grid-template-columns:1fr}
  .ba-head{flex-direction:column;align-items:start;gap:20px}
  .ba-grid,.portfolio-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
}
@media(max-width:680px){
  .field-section,.faq-section,.ba-section,.portfolio-grid-section{padding:85px 0}
  .portfolio-hero{padding:130px 0 80px;min-height:auto}
  .portfolio-hero h1{font-size:50px}
  .portfolio-hero-art{height:360px}
  .ba-visual{min-height:280px}
}


/* =========================
   V5 — REAL VALCAM CONTENT
   ========================= */
.v5 .site-header{background:linear-gradient(to bottom,rgba(5,8,11,.74),rgba(5,8,11,0))}
.v5 .site-header.scrolled{background:rgba(8,12,16,.94)}
.brand-image{width:240px;min-width:240px;height:62px;overflow:hidden}
.brand-image img{width:100%;height:100%;object-fit:contain;display:block}
.v5 .nav-wrap{height:82px}

.hero-v5{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:#080c10}
.hero-v5-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-v5-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,12,.94) 0%,rgba(6,9,12,.76) 38%,rgba(6,9,12,.22) 70%,rgba(6,9,12,.12) 100%),linear-gradient(0deg,rgba(6,9,12,.35),transparent 45%)}
.hero-v5-inner{position:relative;z-index:2;padding-top:90px}
.hero-v5-copy{max-width:760px}
.hero-v5 h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,6.2vw,94px);line-height:.94;letter-spacing:-.045em;font-weight:500;margin:24px 0 28px;color:white}
.hero-v5 h1 em{color:var(--gold-2);font-weight:500}
.hero-v5-copy>p{font-size:18px;line-height:1.7;color:#c0c9cf;max-width:690px}
.hero-proof{display:flex;flex-wrap:wrap;gap:0;margin-top:46px;border-top:1px solid rgba(255,255,255,.15);max-width:720px}
.hero-proof span{padding:17px 26px 0 0;margin-right:26px;border-right:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9eabb3}
.hero-proof span:last-child{border-right:0}.hero-proof strong{display:block;color:white;font-size:17px;letter-spacing:0;text-transform:none;margin-bottom:4px}
.hero-scroll{position:absolute;right:32px;bottom:28px;z-index:3;color:#cfd7dc;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.hero-scroll span{color:var(--gold);margin-left:10px}

.services-v5{padding:125px 0}
.services-v5-head{display:grid;grid-template-columns:1.05fr .7fr;gap:80px;align-items:end;margin-bottom:55px}
.services-v5-head h2,.technical-head h2,.real-projects-head h2,.process-v5-copy h2,.site-proof-copy h2,.gallery-head h2,.technical-story-copy h2{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.8vw,68px);line-height:1;letter-spacing:-.04em;font-weight:500;margin:0
}
.services-v5-head p,.technical-head p{color:#65717a;line-height:1.7;margin:0}

.real-projects{padding:125px 0}
.real-projects-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}
.text-link-light{color:#d7b977;border-bottom-color:#d7b977}
.real-project-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-auto-rows:330px;gap:18px}
.real-card{position:relative;overflow:hidden;background:#111820;border:1px solid rgba(255,255,255,.09)}
.real-card.real-wide{grid-row:span 2}
.real-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s}
.real-card:hover img{transform:scale(1.035);filter:brightness(.84)}
.real-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,11,.9),rgba(5,8,11,0) 60%)}
.real-card-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
.real-card-copy span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}
.real-card-copy h3{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:8px 0;color:white}
.real-card-copy p{font-size:12px;color:#a6b2b9;margin:0}

.technical-proof{padding:125px 0}
.technical-head{display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:end;margin-bottom:34px}
.technical-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111820;color:#e8edf0;padding:17px 22px;margin:30px 0 28px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.technical-flow b{color:var(--gold);font-size:17px;font-weight:400}
.technical-flow.dark{background:transparent;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding-left:0;padding-right:0}
.technical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.technical-card{margin:0;border:1px solid rgba(11,17,24,.11);background:#fff;overflow:hidden}
.technical-card img{width:100%;height:340px;object-fit:cover;object-position:top;display:block;transition:transform .5s var(--ease)}
.technical-card:hover img{transform:scale(1.015)}
.technical-card figcaption{padding:20px 22px}.technical-card strong{font-family:Georgia,serif;font-size:23px;font-weight:500;display:block}.technical-card span{font-size:12px;color:#65717a;margin-top:6px;display:block}

.process-v5{padding:125px 0}
.process-v5-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px}
.process-v5-copy p{color:#8f9da6;line-height:1.7;margin-top:25px;max-width:510px}

.site-proof{padding:125px 0}
.site-proof-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.site-proof-copy p{color:#647078;line-height:1.75;font-size:16px;margin:25px 0 32px}
.site-proof-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}
.site-proof-images figure{margin:0;background:#111820;overflow:hidden}
.site-proof-images figure:first-child{transform:translateY(-25px)}
.site-proof-images img{width:100%;height:510px;object-fit:cover}
.site-proof-images figcaption{padding:13px 15px;color:#c7d0d5;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

.footer-v5{background:#070b0e;padding:58px 0 28px}
.footer-v5-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:55px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand img{width:330px;max-width:100%;display:block}
.footer-brand p{color:#6f7c84;line-height:1.7;font-size:12px;max-width:430px;margin-top:18px}
.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col strong{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin-bottom:4px}.footer-col a{font-size:13px;color:#d5dde1}.footer-col a:hover{color:var(--gold-2)}
.footer-v5-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#627079;font-size:10px;letter-spacing:.05em}

.portfolio-v5-hero{height:78vh;min-height:620px;position:relative;display:flex;align-items:end;background:#080c10}
.portfolio-v5-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portfolio-v5-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,11,.92) 0%,rgba(5,8,11,.1) 62%),linear-gradient(90deg,rgba(5,8,11,.6),transparent 60%)}
.portfolio-v5-content{position:relative;z-index:2;padding-bottom:70px}
.portfolio-v5-content h1{font-family:Georgia,serif;font-size:clamp(54px,6.6vw,96px);line-height:.95;font-weight:500;letter-spacing:-.045em;color:#fff;margin:20px 0 20px;max-width:1000px}
.portfolio-v5-content h1 em{color:var(--gold-2);font-weight:500}.portfolio-v5-content p{font-size:17px;color:#bec8ce;max-width:650px}

.gallery-section{padding:115px 0}
.gallery-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}
.gallery-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.gallery-filters button{background:transparent;border:1px solid rgba(11,17,24,.15);padding:9px 12px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#37434a}
.gallery-filters button.active,.gallery-filters button:hover{background:#111820;color:white;border-color:#111820}
.gallery-v5{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:95px;gap:14px}
.gallery-item{position:relative;overflow:hidden;border:0;padding:0;background:#111820;cursor:pointer;grid-column:span 4;grid-row:span 3;text-align:left}
.gallery-item:nth-child(1),.gallery-item:nth-child(8),.gallery-item:nth-child(15){grid-column:span 8;grid-row:span 4}
.gallery-item:nth-child(5),.gallery-item:nth-child(12){grid-row:span 5}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .35s}
.gallery-item:hover img{transform:scale(1.03);filter:brightness(.78)}
.gallery-overlay{position:absolute;inset:auto 0 0 0;padding:55px 18px 16px;background:linear-gradient(transparent,rgba(4,7,9,.9));color:white;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:end}
.gallery-overlay small{grid-column:1/-1;color:var(--gold-2);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.gallery-overlay strong{font-family:Georgia,serif;font-size:20px;font-weight:500}.gallery-overlay i{font-style:normal;color:var(--gold-2);font-size:17px}
.gallery-item.hidden{display:none}

.lightbox{position:fixed;inset:0;background:rgba(3,5,7,.96);z-index:1000;display:none;align-items:center;justify-content:center;padding:55px}
.lightbox.open{display:flex}.lightbox img{max-width:min(1500px,92vw);max-height:86vh;object-fit:contain}.lightbox-close{position:absolute;right:24px;top:18px;border:0;background:none;color:#fff;font-size:42px;cursor:pointer}.lightbox-caption{position:absolute;left:30px;bottom:20px;color:#c7d0d5;font-family:Georgia,serif;font-size:18px}

.technical-story{padding:120px 0}.technical-story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:center}.technical-story-copy p{color:#8c9aa3;line-height:1.75;margin:24px 0 30px}.tech-stack{position:relative;min-height:560px}.tech-stack img{position:absolute;width:80%;height:390px;object-fit:cover;object-position:top;border:1px solid rgba(255,255,255,.13);box-shadow:0 25px 70px rgba(0,0,0,.35)}.tech-stack img:first-child{left:0;top:0;transform:rotate(-2deg)}.tech-stack img:last-child{right:0;bottom:0;transform:rotate(2deg)}
.portfolio-cta{padding:95px 0}

.detail-photo{margin:0;height:500px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 75px rgba(0,0,0,.25)}
.detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center}

@media(max-width:980px){
  .brand-image{width:205px;min-width:205px;height:54px}
  .services-v5-head,.technical-head,.process-v5-grid,.site-proof-grid,.technical-story-grid{grid-template-columns:1fr;gap:45px}
  .real-project-grid{grid-template-columns:1fr;grid-auto-rows:330px}.real-card.real-wide{grid-row:auto}
  .technical-grid{grid-template-columns:1fr}.site-proof-images{max-width:720px}.site-proof-images figure:first-child{transform:none}
  .footer-v5-grid{grid-template-columns:1fr}.gallery-head{align-items:start;flex-direction:column}
  .gallery-filters{justify-content:flex-start}.gallery-v5{grid-template-columns:repeat(2,1fr);grid-auto-rows:290px}.gallery-item,.gallery-item:nth-child(n){grid-column:auto;grid-row:auto}
  .tech-stack{min-height:500px}.portfolio-v5-hero{height:70vh}
}
@media(max-width:680px){
  .brand-image{width:165px;min-width:165px;height:45px}
  .hero-v5{min-height:780px}.hero-v5-bg{object-position:58% center}.hero-v5-overlay{background:linear-gradient(90deg,rgba(5,8,11,.93),rgba(5,8,11,.55)),linear-gradient(0deg,rgba(5,8,11,.55),transparent)}
  .hero-v5 h1{font-size:51px}.hero-v5-copy>p{font-size:15px}.hero-proof{display:grid;grid-template-columns:1fr}.hero-proof span{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:13px 0;margin:0}.hero-scroll{display:none}
  .services-v5,.real-projects,.technical-proof,.process-v5,.site-proof,.gallery-section,.technical-story{padding:82px 0}
  .real-project-grid{grid-auto-rows:280px}.technical-flow{overflow:auto;justify-content:flex-start;white-space:nowrap}
  .technical-card img{height:250px}.site-proof-images{grid-template-columns:1fr}.site-proof-images img{height:380px}
  .footer-brand img{width:260px}.footer-v5-bottom{flex-direction:column}
  .portfolio-v5-hero{height:75vh;min-height:610px}.portfolio-v5-content{padding-bottom:45px}.portfolio-v5-content h1{font-size:50px}
  .gallery-v5{grid-template-columns:1fr;grid-auto-rows:310px}.gallery-filters{overflow:auto;flex-wrap:nowrap;width:100%;padding-bottom:5px}
  .lightbox{padding:25px}.tech-stack{min-height:420px}.tech-stack img{height:300px;width:88%}
  .detail-photo{height:340px}
}

/* =========================
   V5.6 — SOFTWARE VALCAM
   Corrección: flujo natural del bloque de producto para evitar
   que el texto sticky se superponga sobre los videos al hacer scroll.
   ========================= */
.software-v55 .site-header.scrolled{background:rgba(8,12,16,.96)}
.software-hero-v55{padding-bottom:105px;overflow:hidden}
.software-hero-v55 .hero-lead{max-width:720px}
.software-price-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.software-price-strip>span{padding:18px 18px 18px 0;border-right:1px solid rgba(255,255,255,.11)}
.software-price-strip>span+span{padding-left:18px}.software-price-strip>span:last-child{border-right:0}
.software-price-strip small{display:block;color:#83919a;font-size:9px;letter-spacing:.1em;text-transform:uppercase;min-height:24px}
.software-price-strip strong{display:block;color:#fff;font-family:Georgia,serif;font-size:34px;font-weight:500;margin:4px 0 2px}
.software-price-strip i{display:block;color:var(--gold-2);font-size:9px;font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.software-hero-cards{position:relative;min-height:570px}
.software-mini-card{position:absolute;display:block;width:48%;background:#101820;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 75px rgba(0,0,0,.38);overflow:hidden;transition:transform .45s var(--ease),border-color .3s}
.software-mini-card:hover{border-color:rgba(201,162,90,.55);z-index:4}
.software-mini-card img{width:100%;height:100%;object-fit:cover;display:block}
.software-mini-card span{position:absolute;left:0;right:0;bottom:0;padding:42px 14px 12px;background:linear-gradient(transparent,rgba(6,10,13,.93));font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#eef2f4}
.software-mini-admin{left:0;top:42px;height:430px;transform:rotate(-3deg)}.software-mini-admin:hover{transform:rotate(-1deg) translateY(-6px)}
.software-mini-cuanti{right:2%;top:0;height:455px;transform:rotate(3deg)}.software-mini-cuanti:hover{transform:rotate(1deg) translateY(-6px)}
.software-mini-cotiza{left:28%;bottom:0;width:45%;height:250px;transform:rotate(-1deg)}.software-mini-cotiza:hover{transform:rotate(0deg) translateY(-6px)}

.software-product-v55{display:grid;grid-template-columns:.78fr 1.22fr;gap:58px;align-items:start;padding:78px 0;border-bottom:1px solid var(--line-dark);scroll-margin-top:90px}
.software-product-v55:nth-of-type(2){grid-template-columns:1.22fr .78fr}.software-product-v55:nth-of-type(2) .software-product-copy{order:2}.software-product-v55:nth-of-type(2) .software-product-media{order:1}
.software-product-copy{position:relative;top:auto;align-self:start}
.product-topline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.promo-tag{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7c6439;background:#f2e8d7;border:1px solid #d4b980;padding:8px 10px}
.software-product-copy h2{font-family:Georgia,serif;font-size:clamp(40px,4.6vw,64px);line-height:.98;font-weight:500;letter-spacing:-.04em;margin:18px 0 18px;color:#111820}
.software-product-copy>p{font-size:16px;line-height:1.75;color:#5f6c74;max-width:650px}
.software-price{display:flex;align-items:end;gap:9px;margin:6px 0 18px}.software-price strong{font-family:Georgia,serif;font-size:56px;line-height:.9;font-weight:500;color:#111820}.software-price span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7a6848;padding-bottom:7px}
.software-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}
.software-product-media{min-width:0}.software-main-shot{display:block;background:#111820;border:1px solid rgba(11,17,24,.11);padding:10px;box-shadow:0 28px 60px rgba(15,24,31,.13)}
.software-main-shot img{width:100%;height:500px;object-fit:contain;background:#0d1620;display:block}.software-main-wide img{height:330px}
.software-thumb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.software-thumb-grid-3{grid-template-columns:repeat(3,1fr)}
.software-thumb-grid a,.software-ui-grid a{display:block;overflow:hidden;border:1px solid rgba(11,17,24,.11);background:#fff}.software-thumb-grid img{width:100%;height:220px;object-fit:cover;object-position:top;display:block;transition:transform .45s var(--ease)}
.software-thumb-grid a:hover img,.software-ui-grid a:hover img{transform:scale(1.018)}
.software-ui-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.software-ui-grid img{width:100%;height:210px;object-fit:cover;object-position:top;display:block;transition:transform .45s var(--ease)}
.software-demo{grid-column:1/-1;display:grid;grid-template-columns:.6fr 1.4fr;gap:38px;align-items:center;background:#0d151d;color:#edf2f4;padding:32px;margin-top:4px}
.software-demo>div>span{font-size:9px;letter-spacing:.2em;color:var(--gold-2)}.software-demo h3{font-family:Georgia,serif;font-size:34px;line-height:1.05;font-weight:500;margin:10px 0 12px}.software-demo p{font-size:13px;line-height:1.65;color:#8f9da6;margin:0}
.software-demo video{display:block;width:100%;max-height:430px;background:#030506;border:1px solid rgba(255,255,255,.1)}

.software-buy{padding:110px 0}.software-buy-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:center}.software-buy h2{font-family:Georgia,serif;font-size:clamp(42px,4.8vw,68px);line-height:1;font-weight:500;letter-spacing:-.04em;margin:18px 0 25px}.software-buy p{max-width:720px;color:#94a1aa;line-height:1.75}
.software-buy-card{border:1px solid rgba(255,255,255,.13);padding:32px;background:#101820}.software-buy-card>span{display:block;color:#7f8e98;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.software-buy-card>strong{display:block;font-family:Georgia,serif;color:#fff;font-size:42px;font-weight:500;margin:10px 0 24px}
.software-whatsapp-float{background:#132a20;border-color:rgba(117,204,142,.36)}

@media(max-width:980px){
  .software-hero-cards{min-height:500px;max-width:690px}.software-mini-card{width:44%}.software-mini-cotiza{width:46%}
  .software-product-v55,.software-product-v55:nth-of-type(2){grid-template-columns:1fr;gap:34px}.software-product-v55:nth-of-type(2) .software-product-copy,.software-product-v55:nth-of-type(2) .software-product-media{order:initial}.software-product-copy{position:static}.software-demo{grid-template-columns:1fr}.software-buy-grid{grid-template-columns:1fr;gap:42px}
}
@media(max-width:680px){
  .software-price-strip{grid-template-columns:1fr}.software-price-strip>span,.software-price-strip>span+span{padding:13px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.software-price-strip>span:last-child{border-bottom:0}.software-price-strip small{min-height:0}.software-price-strip strong{font-size:29px}
  .software-hero-cards{min-height:430px}.software-mini-admin{height:330px;width:52%;left:0}.software-mini-cuanti{height:340px;width:52%;right:0}.software-mini-cotiza{height:185px;width:55%;left:24%}
  .software-product-v55{padding:58px 0}.software-product-copy h2{font-size:42px}.software-price strong{font-size:48px}.software-actions{align-items:flex-start;flex-direction:column}.software-main-shot img{height:390px}.software-main-wide img{height:220px}.software-thumb-grid,.software-thumb-grid-3,.software-ui-grid{grid-template-columns:1fr 1fr}.software-thumb-grid img{height:175px}.software-ui-grid img{height:155px}.software-demo{padding:22px}.software-demo h3{font-size:28px}.software-buy{padding:82px 0}.software-buy-card>strong{font-size:34px}
}


/* ===== V5.7: Política de privacidad ===== */
.legal-main{padding-top:76px}
.legal-wrap-v57{padding-top:76px;padding-bottom:110px}
.legal-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#907344;margin-bottom:18px}
.legal-wrap-v57 h1{margin:0 0 22px;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.045em}
.legal-intro{font-size:18px!important;max-width:760px;color:#414d55!important}
.legal-meta{display:flex;gap:12px;align-items:center;margin:30px 0 54px;padding:15px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);font-size:11px}
.legal-meta span{text-transform:uppercase;letter-spacing:.13em;color:#8b949a}.legal-meta strong{font-weight:600;color:#27323a}
.legal-section{padding:30px 0;border-bottom:1px solid var(--line-dark)}
.legal-section h2{font-family:Georgia,serif;font-size:clamp(27px,3vw,36px);font-weight:500;color:#17212a;margin:0 0 15px;letter-spacing:-.025em}
.legal-section p{margin:0 0 14px}.legal-section p:last-child{margin-bottom:0}
.legal-section ul{margin:14px 0 8px;padding-left:22px;color:#56616a;line-height:1.75}
.legal-section li{margin:7px 0}
.legal-contact-box{margin-top:34px;padding:28px;border:1px solid var(--line-dark);background:#f4f0e8}
.legal-back{display:inline-block;margin-top:36px}
@media(max-width:680px){.legal-main{padding-top:66px}.legal-wrap-v57{padding:58px 0 78px}.legal-meta{align-items:flex-start;flex-direction:column}.legal-contact-box{padding:22px}}

/* ==========================================================
   SOFTWARE VALCAM V5.8 — 4 PRODUCTOS / FLUJO NATURAL
   Sin sticky: evita superposición de texto al hacer scroll.
   ========================================================== */
.software-v58{background:var(--paper)}
.software-v58 .site-header.scrolled{background:rgba(8,12,16,.96)}
.software58-hero{padding:150px 0 92px;overflow:hidden}
.software58-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
.software58-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,6vw,88px);line-height:.94;font-weight:500;letter-spacing:-.045em;margin:24px 0 28px;color:#fff;max-width:860px}
.software58-hero-copy h1 em{font-style:italic;color:var(--gold-2)}
.software58-hero-copy>p{font-size:17px;line-height:1.72;color:#aab5bd;max-width:720px}
.software58-price-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.software58-price-grid a{padding:16px 14px;border-right:1px solid rgba(255,255,255,.1);transition:.25s var(--ease)}
.software58-price-grid a:first-child{padding-left:0}.software58-price-grid a:last-child{border-right:0}
.software58-price-grid a:hover{background:rgba(255,255,255,.035)}
.software58-price-grid small{display:block;color:#87949d;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.software58-price-grid strong{display:block;color:#fff;font-family:Georgia,serif;font-size:33px;font-weight:500;margin:4px 0 1px}
.software58-price-grid span{display:block;color:var(--gold-2);font-size:8px;letter-spacing:.13em;text-transform:uppercase}

.software58-hero-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;transform:rotate(1deg)}
.software58-hero-showcase a{position:relative;background:#101820;border:1px solid rgba(255,255,255,.12);overflow:hidden;min-height:250px;box-shadow:0 24px 52px rgba(0,0,0,.27);transition:.35s var(--ease)}
.software58-hero-showcase a:nth-child(2),.software58-hero-showcase a:nth-child(3){transform:translateY(28px)}
.software58-hero-showcase a:hover{transform:translateY(-5px)!important;border-color:rgba(201,162,90,.5);z-index:2}
.software58-hero-showcase img{width:100%;height:330px;object-fit:cover;object-position:top;display:block}
.software58-hero-showcase span{position:absolute;left:0;right:0;bottom:0;padding:58px 16px 14px;background:linear-gradient(transparent,rgba(7,11,15,.97));font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#eef2f4}
.software58-hero-showcase span b{color:var(--gold-2);margin-right:7px}

.software58-selector{padding:105px 0 90px}
.software58-selector-head{display:grid;grid-template-columns:1.1fr .7fr;gap:60px;align-items:end;margin:32px 0 44px}
.software58-selector-head h2{font-family:Georgia,serif;font-size:clamp(42px,4.6vw,68px);font-weight:500;line-height:.98;letter-spacing:-.04em;margin:0}
.software58-selector-head p{color:#66737b;line-height:1.75;margin:0}
.software58-need-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-dark)}
.software58-need-grid a{min-height:260px;padding:28px 24px;border-right:1px solid var(--line-dark);background:rgba(255,255,255,.27);transition:.3s var(--ease);display:flex;flex-direction:column}
.software58-need-grid a:last-child{border-right:0}.software58-need-grid a:hover{background:#fff;transform:translateY(-3px)}
.software58-need-grid a>span{font-family:Georgia,serif;color:#9a7c46;font-size:26px;margin-bottom:35px}
.software58-need-grid strong{font-size:19px;line-height:1.25;color:#15202a}
.software58-need-grid p{font-size:13px;line-height:1.62;color:#66727a;margin:12px 0 24px}
.software58-need-grid b{margin-top:auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#755c31}

.software58-products{padding:0 0 105px}
.software58-product{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start;padding:92px 0;border-top:1px solid var(--line-dark);scroll-margin-top:90px}
.software58-product:first-child{border-top:0}
.software58-product:nth-child(even){grid-template-columns:1.18fr .82fr}
.software58-product:nth-child(even) .software58-product-copy{order:2}
.software58-product:nth-child(even) .software58-product-media{order:1}
.software58-product-copy{position:static!important;top:auto!important;align-self:start}
.software58-product-number{margin-top:18px;font-size:9px;letter-spacing:.18em;color:#80683e;text-transform:uppercase}
.software58-product-copy h2{font-family:Georgia,serif;font-size:clamp(42px,4.8vw,67px);line-height:.96;font-weight:500;letter-spacing:-.045em;color:#111820;margin:16px 0 18px}
.software58-product-copy>p{font-size:16px;line-height:1.75;color:#5e6a72;max-width:660px}
.software58-price{display:flex;align-items:end;gap:10px;margin:4px 0 20px}.software58-price strong{font-family:Georgia,serif;font-size:58px;line-height:.88;font-weight:500;color:#111820}.software58-price span{font-size:9px;letter-spacing:.16em;color:#796239;padding-bottom:7px}
.software58-note{margin-top:22px;padding:16px 18px;border-left:2px solid var(--gold);background:#ece6d9;font-size:12px;line-height:1.65;color:#59646b}
.software58-note strong{color:#222c34}

.software58-product-media{min-width:0;display:grid;grid-template-columns:1.12fr .58fr;gap:10px;align-items:stretch}
.software58-promo,.software58-promo-thumbs a{display:block;background:#0e1720;border:1px solid rgba(11,17,24,.12);overflow:hidden}
.software58-promo img{width:100%;height:620px;object-fit:contain;background:#0e1720;display:block}
.software58-promo-thumbs{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}
.software58-promo-thumbs img{width:100%;height:305px;object-fit:cover;object-position:top;display:block;transition:.4s var(--ease)}
.software58-promo-thumbs a:hover img{transform:scale(1.018)}

.software58-proof{grid-column:1/-1;margin-top:0;padding:28px;background:#f8f6f0;border:1px solid var(--line-dark)}
.software58-proof-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:18px}
.software58-proof-head span{font-size:9px;letter-spacing:.18em;color:#8a6f3f;text-transform:uppercase;white-space:nowrap}
.software58-proof-head p{font-size:13px;line-height:1.6;color:#66727a;max-width:720px;margin:0}
.software58-ui-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.software58-ui-grid-3{grid-template-columns:repeat(3,1fr)}
.software58-ui-grid a{display:block;border:1px solid var(--line-dark);background:white;overflow:hidden}
.software58-ui-grid img{width:100%;height:190px;object-fit:cover;object-position:top;transition:.35s var(--ease)}
.software58-ui-grid a:hover img{transform:scale(1.018)}

.software58-video{grid-column:1/-1;display:grid;grid-template-columns:.58fr 1.42fr;gap:38px;align-items:center;background:#0d151d;color:#edf2f4;padding:32px;margin-top:0}
.software58-video>div>span{font-size:9px;letter-spacing:.2em;color:var(--gold-2)}
.software58-video h3{font-family:Georgia,serif;font-size:35px;line-height:1.04;font-weight:500;margin:10px 0 12px}
.software58-video p{font-size:13px;line-height:1.65;color:#8f9da6;margin:0}
.software58-video video{display:block;width:100%;max-height:440px;background:#030506;border:1px solid rgba(255,255,255,.1)}

.software58-comparison{padding:105px 0}
.software58-comparison-head{display:grid;grid-template-columns:1fr .72fr;gap:55px;align-items:end;margin:35px 0 48px}
.software58-comparison-head h2{font-family:Georgia,serif;font-size:clamp(42px,4.7vw,68px);font-weight:500;line-height:.98;letter-spacing:-.04em;margin:0;color:#fff}
.software58-comparison-head p{color:#94a1aa;line-height:1.75;margin:0}
.software58-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.software58-flow>a{padding:26px 22px;display:flex;flex-direction:column;gap:5px;transition:.3s}.software58-flow>a:hover{background:rgba(255,255,255,.04)}
.software58-flow>a span{font-family:Georgia,serif;font-size:23px;color:var(--gold-2)}
.software58-flow>a strong{font-size:12px;letter-spacing:.12em;color:#fff}
.software58-flow>a small{font-size:11px;line-height:1.5;color:#8f9ca5}
.software58-flow>i{display:grid;place-items:center;font-style:normal;color:#755d36;font-size:22px}

.software-v58 .software-buy{padding:105px 0}
.software-v58 .software-whatsapp-float{background:#132a20;border-color:rgba(117,204,142,.36)}

@media(max-width:1050px){
  .software58-hero-grid{grid-template-columns:1fr;gap:50px}.software58-hero-showcase{max-width:760px}
  .software58-selector-head,.software58-comparison-head{grid-template-columns:1fr;gap:20px}
  .software58-need-grid{grid-template-columns:1fr 1fr}.software58-need-grid a:nth-child(2){border-right:0}.software58-need-grid a:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}
  .software58-product,.software58-product:nth-child(even){grid-template-columns:1fr;gap:34px}.software58-product:nth-child(even) .software58-product-copy,.software58-product:nth-child(even) .software58-product-media{order:initial}
  .software58-flow{grid-template-columns:1fr 1fr}.software58-flow>i{display:none}.software58-flow>a{border-bottom:1px solid rgba(255,255,255,.1)}
}

@media(max-width:720px){
  .software58-hero{padding:125px 0 75px}.software58-hero-copy h1{font-size:48px}.software58-hero-copy>p{font-size:15px}
  .software58-price-grid{grid-template-columns:1fr 1fr}.software58-price-grid a{border-bottom:1px solid rgba(255,255,255,.1)}.software58-price-grid a:nth-child(2){border-right:0}.software58-price-grid a:nth-child(3){padding-left:0}.software58-price-grid a:nth-last-child(-n+2){border-bottom:0}
  .software58-hero-showcase{gap:8px;transform:none}.software58-hero-showcase a:nth-child(2),.software58-hero-showcase a:nth-child(3){transform:none}.software58-hero-showcase a{min-height:170px}.software58-hero-showcase img{height:230px}.software58-hero-showcase span{font-size:8px;padding:42px 10px 10px}
  .software58-selector{padding:75px 0 65px}.software58-selector-head h2{font-size:40px}.software58-need-grid{grid-template-columns:1fr}.software58-need-grid a{border-right:0!important;border-bottom:1px solid var(--line-dark)!important;min-height:210px}.software58-need-grid a:last-child{border-bottom:0!important}
  .software58-product{padding:68px 0}.software58-product-copy h2{font-size:43px}.software58-price strong{font-size:50px}.software58-product-media{grid-template-columns:1fr}.software58-promo img{height:auto;max-height:none}.software58-promo-thumbs{grid-template-columns:1fr 1fr;grid-template-rows:auto}.software58-promo-thumbs img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top}
  .software58-proof{padding:18px}.software58-proof-head{display:block}.software58-proof-head span{display:block;margin-bottom:8px}.software58-ui-grid,.software58-ui-grid-3{grid-template-columns:1fr 1fr}.software58-ui-grid img{height:145px}
  .software58-video{grid-template-columns:1fr;padding:22px;gap:20px}.software58-video h3{font-size:28px}.software58-comparison{padding:78px 0}.software58-comparison-head h2{font-size:40px}.software58-flow{grid-template-columns:1fr}
}

@media(max-width:420px){
  .software58-hero-copy h1{font-size:42px}.software58-hero-showcase{grid-template-columns:1fr 1fr}.software58-hero-showcase img{height:195px}
  .software58-ui-grid,.software58-ui-grid-3{grid-template-columns:1fr}.software58-ui-grid img{height:auto}
  .software58-promo-thumbs{grid-template-columns:1fr 1fr}
}