/* VELACE Web V10 — Corporate landing experience (GitHub preview only) */
:root { --v10-ink:#070a11; --v10-slate:#131a29; --v10-blue:#72cdf5; --v10-purple:#968bcf; }
html { scroll-padding-top:90px; }
.v10-kicker {font-size:10px;font-weight:730;letter-spacing:.15em;color:#9acde7;margin:0 0 15px}
.v10-hero { position:relative;min-height:clamp(690px,calc(100svh - 80px),980px);overflow:hidden; isolation:isolate;background:#070a12; }
.v10-image-stage { position:absolute;inset:0;z-index:-1;overflow:hidden;background:#070a12; }
.v10-stage-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.94;filter:saturate(.9);transform:scale(1); transition:transform 1.25s cubic-bezier(.22,.8,.23,1),filter .9s ease;}
.v10-entering .v10-stage-image { transform:scale(1.13);filter:blur(2px) brightness(.55); }
.v10-stage-vignette { position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#06091264 0%,transparent 24%,transparent 48%,#050811c4 80%,#050810fa 100%),radial-gradient(ellipse 84% 72% at 50% 44%,transparent 49%,#04060a8a 100%); }
.v10-atmosphere { position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.26;animation:v10-breathe 12s ease-in-out infinite alternate; }
.v10-atmosphere-blue { background:radial-gradient(ellipse 21% 14% at 22% 48%,#4aaeff55,transparent 80%);filter:blur(31px); }
.v10-atmosphere-purple { background:radial-gradient(ellipse 25% 16% at 79% 47%,#a86fd044,transparent 80%);filter:blur(36px);animation-delay:-5s; }
@keyframes v10-breathe { from {transform:translate3d(-2%,0,0);opacity:.13;} to {transform:translate3d(3%,-2%,0);opacity:.32;} }
.v10-hero-overlay { position:relative;z-index:2;display:flex;flex-direction:column;min-height:inherit;padding-top:30px;padding-bottom:25px;justify-content:space-between; }
.v10-scene-label,.v10-hero-footer,.v10-section-meta,.v10-world-indicator,.v10-world-tag,.v10-world-foot {font-size:10px;font-weight:730;letter-spacing:.15em;}
.v10-scene-label {display:flex;align-items:center;gap:12px;color:#d0dbe7;text-shadow:0 2px 12px #0008;}
.v10-scene-number{margin-left:auto;color:#b6bacb;font-variant-numeric:tabular-nums}
.v10-signal {display:inline-block;flex:0 0 auto;width:7px;height:7px;background:#90e1f6;border-radius:50%;box-shadow:0 0 14px #52bddf;}
.v10-hero-bottom {display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:auto;padding-top:clamp(440px,55vh,600px);padding-bottom:31px;}
.v10-hero-copy{max-width:770px;text-shadow:0 3px 24px #000b}
.v10-hero-copy h1{font-size:clamp(42px,4.75vw,74px);line-height:1.06;letter-spacing:-.053em;font-weight:700;margin:0 0 17px;}
.v10-hero-copy h1 span{color:#b7d6ec}
.v10-hero-copy p{font-size:clamp(14px,1.25vw,18px);color:#d0deea;margin:0;line-height:1.5}
.v10-hero-buttons{display:flex;flex-direction:column;align-items:end;gap:17px;flex:0 0 auto;padding-bottom:3px}
.v10-enter{border:1px solid #c0ebf2;background:#d8edf5;color:#081019;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 23px;min-width:224px;min-height:57px;border-radius:5px;font-size:13px;font-weight:750;box-shadow:0 10px 45px #0006;transition:transform .2s,background .2s}
.v10-enter:hover{transform:translateY(-2px);background:#f1fbff}.v10-enter span{font-size:18px;font-weight:400}
.v10-subtle-link{font-size:12px;color:#e3eff9;font-weight:650;border-bottom:1px solid #c2d6eb78;padding-bottom:7px}.v10-subtle-link span{margin-left:8px}
.v10-hero-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #b7cde335;padding-top:19px;color:#a0b0c2}.v10-hero-footer b{font-weight:400;color:#76c9ec;margin:0 8px}

.v10-journey{position:relative;isolation:isolate;padding:95px 0 107px;background:radial-gradient(ellipse 65% 45% at 75% 40%,#1b223759,transparent),#090d15}
.v10-journey::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#87b4dc44,transparent)}
.v10-section-meta {display:flex;justify-content:space-between;gap:14px;color:#7e94a9;border-bottom:1px solid #6e82972d;padding-bottom:23px}
.v10-section-intro {display:grid;grid-template-columns:1.5fr .5fr;gap:45px;align-items:end;padding:45px 0 38px}
.v10-section-intro h2 {font-size:clamp(34px,4.15vw,62px);font-weight:650;line-height:1.12;letter-spacing:-.052em;margin:0}
.v10-section-intro h2 span {color:#8f9dad}
.v10-section-intro>p {margin:0 0 3px;color:#a5b4c6;font-size:15px;line-height:1.77;max-width:350px}
.v10-world {position:relative;min-height:568px;border:1px solid #58647c65;border-radius:13px;background:#0c1420;overflow:hidden;box-shadow:0 28px 75px #0204086e;isolation:isolate;transition:background .5s,border-color .5s}
.v10-world[data-world="software"] {background:#111222;border-color:#73608c65}
.v10-world-ambient {position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 60% 78% at 83% 40%,#10648c55,transparent 77%),radial-gradient(ellipse 50% 80% at 18% 100%,#10273b64,transparent);transition:background .6s}
[data-world="software"] .v10-world-ambient {background:radial-gradient(ellipse 64% 73% at 83% 40%,#574b915c,transparent 74%),radial-gradient(ellipse 70% 70% at 20% 100%,#222e6355,transparent)}
.v10-world-head,.v10-world-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 35px;border-bottom:1px solid #7c9bc72e}
.v10-world-indicator {display:flex;align-items:center;gap:13px;color:#b0c5d6}
.v10-world-tabs {display:flex;gap:6px;padding:4px;border-radius:6px;background:#03081088;border:1px solid #7589a426}
.v10-world-tabs button{border:0;border-radius:4px;background:transparent;color:#9ca9bb;padding:10px 17px;font-size:12px;font-weight:650;cursor:pointer;transition:.25s}
.v10-world-tabs button.is-active{color:#effaff;background:#294c646e;box-shadow:inset 0 0 0 1px #89c7ec54}
[data-world="software"] .v10-world-tabs button.is-active{background:#56436c88;box-shadow:inset 0 0 0 1px #afa0de59}
.v10-world-body {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:435px;align-items:stretch}
.v10-world-description {position:relative;z-index:2;padding:60px 20px 50px 55px;max-width:580px}
.v10-world-tag {display:block;color:#81c9ee;margin:0 0 17px}
[data-world="software"] .v10-world-tag {color:#afa9f3}
.v10-world-description h3{font-size:clamp(36px,3.8vw,55px);line-height:1.1;letter-spacing:-.056em;font-weight:650;margin:0 0 18px}
.v10-world-description h3 span{color:#8daec5}
[data-world="software"] .v10-world-description h3 span{color:#b4a4d0}
.v10-world-description>p:not(.v10-world-tag){color:#b4c4d3;line-height:1.75;font-size:14px;max-width:455px;margin-bottom:25px}
.v10-pills {display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0 0 32px}
.v10-pills li {font-size:11px;color:#c1d6e4;padding:9px 12px;border-radius:4px;border:1px solid #7094b653;background:#14243791}
[data-world="software"] .v10-pills li {border-color:#977bb45c;background:#31284079;color:#e0d6ef}
.v10-world-actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.v10-world-next{cursor:pointer;border:1px solid #7cbedc9e;border-radius:4px;background:#bde7f5;color:#07131d;padding:15px 18px;font-weight:750;font-size:12px;display:flex;gap:25px;align-items:center;transition:transform .2s}
.v10-world-next:hover {transform:translateY(-2px)}
[data-world="software"] .v10-world-next {background:#d5cbed;border-color:#ccbeec}
.v10-world-contact {font-size:12px;color:#c4d1e0;border-bottom:1px solid #9faccb60;padding-bottom:7px}
.v10-world-contact span {margin-left:5px}
.v10-world-art {display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:420px;padding:18px 40px 22px 0}
.v10-art-hardware,.v10-art-software {position:relative;width:100%;max-width:580px;aspect-ratio:1.2;isolation:isolate}
.v10-art-hardware:before,.v10-art-software:before{content:'';position:absolute;inset:4% 4%;background:radial-gradient(ellipse,#338cb124,transparent 68%);filter:blur(18px);z-index:-1}
.v10-art-grid {position:absolute;inset:7% 4%;background-image:linear-gradient(#a3cce415 1px,transparent 1px),linear-gradient(90deg,#a3cce415 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%);transform:perspective(600px) rotateX(8deg)}
.v10-art-rail {position:absolute;height:2px;background:linear-gradient(90deg,transparent,#7ccff6,#62a6cf,transparent);filter:drop-shadow(0 0 5px #2fb3ee);opacity:.72}
.v10-art-rail-one {top:34%;left:2%;width:96%;transform:rotate(-11deg)}
.v10-art-rail-two {top:67%;left:5%;width:86%;transform:rotate(13deg)}
.v10-art-rack {position:absolute;top:13%;right:3%;width:42%;height:72%;border:1px solid #7dabcd8a;background:linear-gradient(135deg,#1a3349ef,#07121edd);border-radius:8px;padding:12% 5% 8%;box-shadow:0 20px 52px #0009, inset 0 1px #d8e8f52f;transform:perspective(800px) rotateY(-10deg)}
.v10-rack-title,.v10-rack-footer {position:absolute;font-size:clamp(6px,.7vw,9px);color:#b0cfe2;letter-spacing:.13em;white-space:nowrap}
.v10-rack-title {top:6%;left:9%}.v10-rack-footer {bottom:4%;left:9%;color:#719eb8}
.v10-server {height:21%;border:1px solid #81bad741;background:linear-gradient(180deg,#26394d,#101b29);border-radius:4px;margin-bottom:5%;display:flex;align-items:center;gap:9%;padding:0 9%;box-shadow:inset 0 2px 3px #0204078c}
.v10-server i {width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#65e3e8;box-shadow:0 0 10px #3dedf9}
.v10-server span {width:60%;height:3px;background:repeating-linear-gradient(90deg,#527f996f 0 7px,transparent 7px 13px)}
.v10-server b {width:10%;height:2px;background:#99bdd1}
.v10-art-chip{position:absolute;top:25%;left:9%;width:40%;aspect-ratio:1;border:15px solid #153145;outline:1px solid #82d3eb85;background:repeating-linear-gradient(0deg,#24486177 0 2px,transparent 2px 21px),linear-gradient(135deg,#183a4f,#050b15);box-shadow:0 16px 38px #000b,0 0 46px #3197c83b, inset 0 0 20px #75e6f128;transform:perspective(800px) rotateY(12deg) rotateZ(-7deg)}
.v10-art-chip:before,.v10-art-chip:after{content:'';position:absolute;inset:-26px 10px;border-left:3px dashed #64b3d488;border-right:3px dashed #64b3d488;pointer-events:none}
.v10-art-chip:after{transform:rotate(90deg)}
.v10-chip-inside {position:absolute;inset:14%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2a3d,#07101e);border:1px solid #9bdcf181;box-shadow:inset 0 0 32px #2ac4f62e;text-align:center}
.v10-chip-inside span{font-weight:900;font-size:clamp(30px,5.2vw,70px);color:#dbf3ff;line-height:1}
.v10-chip-inside small{font-size:clamp(6px,.8vw,10px);letter-spacing:.22em;color:#7fcadf}
.v10-art-marker {position:absolute;background:#0a1622d9;border:1px solid #8ba5bb66;border-radius:3px;padding:10px 12px;color:#b0d0e0;font-size:9px;letter-spacing:.1em;box-shadow:0 10px 30px #0007}
.v10-art-marker-a {left:3%;top:10%}.v10-art-marker-b{bottom:12%;right:12%}
.v10-art-marker i{font-style:normal;color:#63e5c2;margin-left:7px}
.v10-art-software:before {background:radial-gradient(ellipse,#8b64bc37,transparent 69%)}
.v10-app-window {position:absolute;inset:11% 4% 11% 2%;border:1px solid #8d91c393;background:linear-gradient(150deg,#263047ed,#121427f7);border-radius:12px;overflow:hidden;box-shadow:0 35px 60px #000a,0 0 50px #745baa38;transform:perspective(800px) rotateY(-6deg) rotateX(2deg)}
.v10-app-bar {height:13%;border-bottom:1px solid #a4a9c541;display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:#bdbada;font-size:9px;letter-spacing:.12em}
.v10-app-bar span{display:flex;gap:6px}.v10-app-bar i{width:6px;height:6px;border-radius:50%;background:#9e8caf}.v10-app-bar i:nth-child(2){background:#4d638d}.v10-app-bar i:nth-child(3){background:#548eab}
.v10-app-bar small{color:#7f8cad}.v10-app-layout{display:grid;grid-template-columns:12% 1fr;height:87%}
.v10-app-sidebar{border-right:1px solid #919fb333;display:flex;align-items:center;gap:14%;flex-direction:column;padding:25% 0;background:#1018279e}
.v10-app-sidebar strong{color:#e6f6ff;font-size:19px}.v10-app-sidebar span{width:18px;height:18px;border-radius:5px;background:#61799551;border:1px solid #95b8de3c}
.v10-app-main{padding:8% 9%}.v10-app-breadcrumb{font-size:clamp(7px,.7vw,10px);letter-spacing:.11em;color:#8ca5b9;margin-bottom:5%}
.v10-app-main>strong{font-size:clamp(25px,2.6vw,42px);line-height:1.12;letter-spacing:-.05em;display:block;color:#e5e7f7}
.v10-app-main>p{font-size:clamp(8px,.9vw,12px);color:#9caac2;margin-top:4%}
.v10-app-visual{display:flex;gap:7%;margin-top:8%;height:36%;border-top:1px solid #91a3b538;padding-top:5%}
.v10-app-graph{flex:1;display:flex;align-items:end;gap:6%;padding:5%;border:1px solid #7d91ae4f;background:#11192c}
.v10-app-graph i{flex:1;height:30%;background:linear-gradient(180deg,#7fcbf8,#414e97);border-radius:2px 2px 0 0}
.v10-app-graph i:nth-child(2){height:44%}.v10-app-graph i:nth-child(3){height:32%}.v10-app-graph i:nth-child(4){height:64%}.v10-app-graph i:nth-child(5){height:52%}.v10-app-graph i:nth-child(6){height:77%}.v10-app-graph i:nth-child(7){height:94%}
.v10-app-stats{flex:.55;display:flex;flex-direction:column;gap:7%;padding:2% 0}.v10-app-stats span{font-size:8px;letter-spacing:.08em;color:#728fb0}.v10-app-stats b{font-size:clamp(9px,1vw,13px);color:#cfdcf6}
.v10-app-float{position:absolute;bottom:4%;right:-1%;font-size:10px;letter-spacing:.1em;background:#212c45;border:1px solid #8d9ac4ad;border-radius:5px;padding:14px 19px;color:#d8d8f4;box-shadow:0 14px 36px #0008;display:flex;gap:10px;align-items:center}
.v10-world-foot{border-top:1px solid #7c9bc72e;border-bottom:0;padding-top:17px;padding-bottom:17px;font-size:9px;color:#8193ac}
.v10-after-world {display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #65768a34;padding:37px 0 0}
.v10-after-world p{color:#a4afc0;font-size:14px;margin:0}.v10-after-world p strong{color:#e2ebf2;font-weight:650}
.v10-after-world a{color:#cce7f3;font-size:12px;font-weight:700;white-space:nowrap}.v10-after-world a span{margin-left:8px}

@media(max-width:1150px){
  .v10-hero-bottom{padding-top:clamp(460px,53vw,590px)}
  .v10-hero-copy h1{font-size:clamp(42px,5.5vw,64px)}
  .v10-world-description{padding-left:35px}.v10-world-art{padding-right:20px}
}
@media(max-width:900px){
 .v10-hero{min-height:760px}.v10-hero-bottom{padding-top:460px;gap:25px}
 .v10-hero-copy h1{font-size:clamp(38px,6.2vw,54px)}
 .v10-section-intro{grid-template-columns:1fr;gap:18px}.v10-section-intro>p{max-width:650px}
 .v10-world-body{grid-template-columns:1fr}.v10-world-description{max-width:none;padding:37px 35px 10px}
 .v10-world-art{padding:0 16px 30px;min-height:395px}.v10-art-hardware,.v10-art-software{max-width:520px}.v10-world{min-height:0}
}
@media(max-width:620px){
 html{scroll-padding-top:75px}
 .v10-hero{min-height:0}
 .v10-image-stage{position:relative;display:block;aspect-ratio:16/10;min-height:0;background:#070b11}
 .v10-stage-image{object-fit:contain;object-position:center;opacity:1;filter:none}
 .v10-entering .v10-stage-image{transform:scale(1.08)}
 .v10-stage-vignette{background:linear-gradient(180deg,transparent 67%,#080c15 100%)}
 .v10-hero-overlay{min-height:0;padding-top:0;padding-bottom:18px}
 .v10-scene-label{font-size:8px;letter-spacing:.06em;margin-top:8px}
 .v10-scene-number{display:none}
 .v10-hero-bottom{display:block;padding-top:30px;padding-bottom:30px}
 .v10-hero-copy h1{font-size:clamp(36px,9vw,50px);margin-bottom:15px}
 .v10-hero-copy p{font-size:14px}
 .v10-hero-buttons{align-items:stretch;padding-top:25px;gap:17px}
 .v10-enter{width:100%;min-width:0;min-height:54px}
 .v10-subtle-link{align-self:center;font-size:11px}
 .v10-hero-footer{font-size:8px;letter-spacing:.08em}
 .v10-journey{padding:67px 0}.v10-section-meta{font-size:8px}.v10-section-intro{padding:28px 0}
 .v10-section-intro h2{font-size:clamp(35px,9vw,47px)}.v10-section-intro>p{font-size:13px}
 .v10-world{border-radius:8px}.v10-world-head{padding:18px;align-items:start;flex-direction:column;gap:15px}
 .v10-world-indicator{font-size:9px}.v10-world-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.v10-world-tabs button{padding:11px 9px;font-size:11px}
 .v10-world-description{padding:30px 21px 5px}.v10-world-description h3{font-size:clamp(32px,9vw,46px)}
 .v10-world-description>p:not(.v10-world-tag){font-size:13px}.v10-world-actions{flex-direction:column;align-items:stretch;gap:18px}
 .v10-world-next{justify-content:space-between}.v10-world-contact{align-self:flex-start}
 .v10-world-art{min-height:285px;padding:5px 5px 22px}.v10-art-hardware,.v10-art-software{width:min(100%,420px);aspect-ratio:1.25}
 .v10-app-bar b{font-size:7px;letter-spacing:.02em}.v10-app-float{font-size:7px;padding:9px}
 .v10-world-foot{padding:15px 18px;gap:7px;letter-spacing:.06em;font-size:8px}
 .v10-after-world{align-items:flex-start;flex-direction:column;padding-top:27px;gap:18px}.v10-after-world a{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.v10-stage-image,.v10-hero,.v10-world,.v10-enter,.v10-world-next,.v10-atmosphere{transition:none!important;animation:none!important}}


/* V10.1 — portada encuadrada: notebook y botón visibles en la primera pantalla. */
@media (min-width: 901px) {
  .v10-hero {min-height: max(470px, calc(100svh - 95px));}
  .v10-image-stage {bottom: 0;}
  .v10-stage-image {
    object-fit: contain; object-position: center center;
    transform: translateY(-29px) scale(1.02);
    -webkit-mask-image: radial-gradient(ellipse 68% 80% at 50% 49%, black 54%, transparent 100%);
    mask-image: radial-gradient(ellipse 68% 80% at 50% 49%, black 54%, transparent 100%);
  }
  .v10-entering .v10-stage-image {transform:translateY(-29px) scale(1.12);}
  .v10-stage-vignette {background:linear-gradient(180deg,#070a1255 0%,transparent 22%,transparent 58%,#070a1288 88%,#070a12ee 100%);}
  .v10-hero-overlay {padding-top:20px;padding-bottom:16px;}
  .v10-hero-bottom {padding-top:0;padding-bottom:14px;}
  .v10-hero-copy h1 {font-size:clamp(32px,3.8vw,58px);margin-bottom:10px;}
  .v10-hero-copy p {font-size:clamp(13px,1.1vw,16px);}
  .v10-hero-buttons {gap:11px;}
  .v10-enter {min-height:49px;padding:12px 18px;}
  .v10-hero-footer {padding-top:11px;}
}
@media (min-width: 901px) and (max-height: 650px) {
  .v10-hero {min-height:max(435px,calc(100svh - 95px));}
  .v10-hero-overlay {padding-top:15px;padding-bottom:12px;}
  .v10-hero-copy h1 {font-size:clamp(30px,3.4vw,44px);margin-bottom:7px;}
  .v10-hero-bottom {padding-bottom:9px;}
  .v10-enter {min-height:45px;}
  .v10-hero-footer {padding-top:8px;}
}
@media (min-width: 621px) and (max-width: 900px) {
  .v10-hero {min-height:max(510px,calc(100svh - 80px));}
  .v10-image-stage {bottom:0;}
  .v10-stage-image {
    object-fit:contain;object-position:center center;
    transform:translateY(-29px) scale(1.02);
    -webkit-mask-image:radial-gradient(ellipse 68% 80% at 50% 49%,black 54%,transparent 100%);
    mask-image:radial-gradient(ellipse 68% 80% at 50% 49%,black 54%,transparent 100%);
  }
  .v10-entering .v10-stage-image {transform:translateY(-29px) scale(1.12);}
  .v10-stage-vignette {background:linear-gradient(180deg,#070a1255 0%,transparent 22%,transparent 58%,#070a1288 88%,#070a12ee 100%);}
  .v10-hero-overlay {padding-top:20px;padding-bottom:16px;}
  .v10-hero-bottom {padding-top:0;padding-bottom:14px;}
  .v10-hero-copy h1 {font-size:clamp(35px,5vw,48px);margin-bottom:10px;}
  .v10-hero-footer {padding-top:10px;}
}
@media (min-width: 621px) and (max-height: 650px) {
  .v10-stage-vignette {
    background:
      linear-gradient(90deg,#070a12 0%,#070a12 8%,transparent 34%,transparent 66%,#070a12 92%,#070a12 100%),
      linear-gradient(180deg,#070a1244 0%,transparent 24%,transparent 56%,#070a12a0 91%,#070a12ed 100%);
  }
  .floating-whatsapp {padding:12px;min-width:0;right:15px;bottom:15px;}
  .floating-whatsapp span {display:none;}
}
@media (min-width: 901px) and (min-height: 651px) {
  .v10-stage-image {transform:translateY(clamp(-55px,-5svh,-29px)) scale(1.02);}
  .v10-entering .v10-stage-image {transform:translateY(clamp(-55px,-5svh,-29px)) scale(1.12);}
}