@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@700;800;900&display=swap');

:root{
  --navy:#061326;--navy2:#091c35;--blue:#087ef5;--cyan:#16c9ff;
  --ink:#0b1c32;--muted:#5f6f82;--white:#fff;--light:#f4f8fc;--line:#dfe9f4;
  --green:#08b967;--shadow:0 18px 50px rgba(8,35,70,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(4,16,31,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{height:76px;display:flex;align-items:center;gap:26px}.brand{display:block;flex:0 0 auto}.brand img{width:126px;height:62px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav a{font-size:13px;color:#dce8f6;font-weight:600;padding:29px 0;position:relative}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.2px;transition:.2s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-whatsapp{background:var(--green);color:#fff;box-shadow:0 8px 24px rgba(8,185,103,.2)}.btn-outline{border-color:#122b48;color:#122b48;background:#fff}.header-cta{font-size:11px;padding:11px 15px}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px;margin-left:auto}

.hero{min-height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(0,126,245,.22),transparent 32%),linear-gradient(120deg,#030c18,#081d35 60%,#061326);color:#fff}
.hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,#000,transparent)}
.hero-grid{position:absolute;right:-100px;top:50px;width:580px;height:580px;border:1px solid rgba(0,166,255,.22);border-radius:50%;box-shadow:0 0 0 50px rgba(0,126,245,.03),0 0 0 120px rgba(0,126,245,.025)}
.hero-content{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#b9c9da}.eyebrow.blue{color:#087ef5}
h1,h2{font-family:Montserrat,Inter,sans-serif;letter-spacing:-1.6px}h1{font-size:clamp(46px,6vw,76px);line-height:.96;margin:16px 0 20px}h1 span,h2 span{color:var(--blue)}.hero-copy p{max-width:610px;font-size:17px;line-height:1.7;color:#cfdae7}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.hero .btn-outline{background:transparent;border-color:#bcd0e5;color:#fff}
.hero-card{display:flex;justify-content:flex-end}.terminal{width:min(100%,500px);background:#071321;border:1px solid rgba(255,255,255,.13);border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden;transform:rotate(1.5deg)}.terminal-bar{height:42px;background:#0d2036;display:flex;align-items:center;gap:7px;padding:0 15px;color:#7990aa;font:12px monospace}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#4f6680}.terminal pre{padding:25px;margin:0;color:#b8c9db;line-height:1.9;font-size:13px}.terminal pre span:first-child,.terminal .accent{color:#16c9ff}.ok{color:#35d68b}

.section-light{background:var(--light)}.section-white{background:#fff}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(34px,4vw,52px);margin:8px 0 8px}.section-heading p,.lead{color:var(--muted);line-height:1.65}.centered{text-align:center}.section-heading.light h2,.section-heading.light p{color:#fff}.section-heading.light .eyebrow{color:#8fc9ff}
.split{display:grid;grid-template-columns:1fr 1.35fr .7fr;gap:46px;align-items:center;padding:76px 0}.portrait{height:410px;border-radius:18px;background:linear-gradient(145deg,#09213d,#0a62b4 60%,#0fd2ff);position:relative;overflow:hidden;box-shadow:var(--shadow)}.portrait:before{content:"";position:absolute;inset:25px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);border-radius:14px}.portrait-card{position:absolute;bottom:28px;left:28px;color:#fff;font-size:25px;font-weight:800}.portrait-card small{font-size:10px;letter-spacing:1.6px;font-weight:500}.understand h2{font-size:42px;line-height:1.05;margin:8px 0 18px}.steps-mini{display:flex;gap:18px;margin-top:28px}.steps-mini div{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.steps-mini b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e6f2ff;color:var(--blue)}.trust-card{background:#eaf4ff;border-radius:14px;padding:22px;display:grid;gap:20px}.trust-card div{display:flex;gap:12px;align-items:flex-start;color:var(--blue);font-size:20px}.trust-card span{color:#24405f;font-size:13px;font-weight:700;line-height:1.4}

.story{padding:0}.story-personal{background:#061326;color:#fff;overflow:hidden}.story-personal-grid{width:min(100%,1440px);margin:0 auto;display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);min-height:560px;align-items:stretch}.story-personal-photo{position:relative;min-height:560px;overflow:hidden;background:#07182d}.story-personal-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,38,0) 48%,rgba(6,19,38,.98) 100%),linear-gradient(0deg,rgba(6,19,38,.18),rgba(6,19,38,0) 45%);pointer-events:none}.story-personal-photo img{width:100%;height:100%;min-height:560px;display:block;object-fit:cover;object-position:center center}.story-personal-copy{position:relative;z-index:2;min-width:0;padding:62px clamp(30px,4vw,72px) 62px clamp(28px,2.5vw,44px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(100deg,#07182d,#081426)}.story-logo{width:190px;height:70px;object-fit:contain;object-position:right center;align-self:flex-end;margin:0 0 34px;filter:brightness(1.12)}.story-personal-copy .eyebrow{color:#9fc9e8;letter-spacing:2.8px}.story-personal-copy h2{font-size:clamp(48px,5vw,74px);line-height:.94;margin:12px 0 18px;color:#fff;letter-spacing:-2px}.story-personal-copy h2 span{color:var(--blue)}.story-rule{width:88px;height:5px;background:var(--blue);margin:0 0 28px;border-radius:4px}.story-personal-copy p{max-width:600px;color:#e4edf6;line-height:1.65;font-size:17px;margin:0 0 19px}.story-personal-copy strong{color:#10baf2}.story-personal-copy p:last-child{margin-bottom:0}

.timeline-section{padding:85px 0;background:linear-gradient(120deg,#061326,#0a3156);color:#fff}.timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:60px;position:relative}.timeline:before{content:"";position:absolute;top:10px;left:3%;right:3%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.timeline-item{position:relative;padding-top:28px;text-align:center}.timeline-item:before{content:"";position:absolute;top:3px;left:50%;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #bfe9ff;transform:translateX(-50%);z-index:1}.timeline-item b{display:block;color:#8fd6ff;font-size:13px}.timeline-item strong{display:block;margin-top:8px;font-size:13px}.timeline-item small{display:block;color:#9eb4c9;font-size:10px;line-height:1.4;margin-top:5px}

.services{padding:82px 0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-grid article{background:#fff;border:1px solid #e2ebf4;border-radius:12px;padding:25px 15px;min-height:185px;box-shadow:0 8px 30px rgba(12,45,78,.06);text-align:center}.icon{font-size:35px;color:var(--blue);font-weight:900;margin-bottom:16px}.service-grid h3{font-size:14px;margin:0 0 9px}.service-grid p{font-size:11px;color:#68788b;line-height:1.5;margin:0}

.section-blue{background:#edf6ff;padding:82px 0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(12,45,78,.08);border:1px solid #deebf8}.project-art{height:145px;display:grid;place-items:center;color:#fff;font:900 34px Montserrat;background:linear-gradient(135deg,#0b2340,#087ef5)}.project-art.food{background:linear-gradient(135deg,#49301b,#f18b36)}.project-art.mutual{background:linear-gradient(135deg,#27495f,#75a7c7)}.project-art.qring{background:linear-gradient(135deg,#111827,#19a9d9)}.project-art.nekor{background:linear-gradient(135deg,#081a31,#0a74d6)}.project-body{padding:19px}.project-body h3{margin:0 0 8px}.project-body p{font-size:12px;line-height:1.55;color:#64768a;min-height:38px}.project-body a{font-size:12px;font-weight:800;color:var(--blue)}

.process{padding:80px 0;background:linear-gradient(rgba(3,16,30,.88),rgba(3,16,30,.95)),radial-gradient(circle at 60% 20%,#0a65aa,transparent 40%);color:#fff}.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;position:relative;margin-top:55px}.process-line:before{content:"";position:absolute;left:9%;right:9%;top:22px;height:2px;background:#168ff0}.process-line div{text-align:center;position:relative;z-index:1}.process-line b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin:auto;background:#0d83e9;border:4px solid #bfe9ff;font-size:15px}.process-line span{display:block;font-size:12px;font-weight:700;line-height:1.4;margin-top:15px}

.philosophy{padding:82px 0}.philosophy-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.old-tech{min-height:300px;border-radius:22px;background:linear-gradient(145deg,#e7edf3,#fff);display:flex;align-items:center;justify-content:center;gap:18px;color:#a9b7c5;box-shadow:inset 0 0 0 1px #dce6ef}.old-tech span{font:900 42px Montserrat}.old-tech strong{font-size:28px;color:var(--blue)}.philosophy h2{font-size:44px;line-height:1.05}.philosophy p{color:#657589;line-height:1.7}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:#dce6ef}.principles div{background:#fff;padding:18px;text-align:center;font-size:13px;font-weight:800}.principles b{display:block;color:var(--blue);font-size:23px;margin-bottom:6px}.principles small{font-weight:500;color:#728196}

.certifications{padding:82px 0}.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cert-grid article{padding:24px 18px;background:#fff;border:1px solid #e0e9f2;border-radius:12px;min-height:160px}.cert-grid b{font-size:13px;color:var(--blue)}.cert-grid h3{font-size:15px;margin:12px 0 8px}.cert-grid p{font-size:11px;line-height:1.5;color:#66778a}

.contact{padding:80px 0;background:linear-gradient(120deg,#041426,#062a4d);color:#fff}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.contact h2{font-size:46px;margin:10px 0 4px}.contact h3{color:#1ea8ff;font-size:23px;margin:0}.contact p{color:#b8c9da;line-height:1.6}.light-border{background:transparent!important;color:#fff!important;border-color:#9db8d1!important}.contact-data{border-left:1px solid rgba(255,255,255,.16);padding-left:45px;display:grid;gap:25px}.contact-data span{display:block;color:#91a8bf;font-size:12px;margin-bottom:7px}.contact-data strong{font-size:18px}

.footer{background:#020b15;color:#a7b8ca;padding:25px 0 15px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:25px}.footer-brand img{width:120px;height:70px;object-fit:contain}.footer nav{display:flex;gap:22px;font-size:12px}.footer-grid>div:last-child{text-align:right;font-size:11px;line-height:1.7}.footer-grid strong{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding-top:14px;font-size:10px;color:#6f8398}

@media(max-width:1050px){.nav{gap:16px}.header-cta{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(4,1fr);row-gap:35px}.timeline:before{display:block}.cert-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .container{width:min(100% - 28px,620px)}.nav-wrap{height:66px}.brand img{width:100px;height:56px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#061326;padding:10px 20px 18px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(255,255,255,.1)}.nav.open{display:flex}.nav a{padding:14px}.nav a.active:after,.nav a:hover:after{bottom:5px}.hero,.hero-content{min-height:auto}.hero-content{grid-template-columns:1fr;padding:75px 0 70px}.hero-card{display:none}.hero-copy p{font-size:15px}.hero h1{font-size:50px}
  .split,.story-personal-grid,.philosophy-grid,.contact-grid{grid-template-columns:1fr;gap:0}.split{padding:60px 0}.portrait{height:280px}.trust-card{grid-template-columns:1fr 1fr}.story-personal-photo{min-height:430px}.story-personal-photo img{min-height:430px}.story-personal-copy{padding:58px 30px}.story-logo{width:155px;height:58px;margin-bottom:26px}.story-personal-copy h2{font-size:52px}.philosophy h2,.contact h2{font-size:36px}
  .timeline-section,.services,.section-blue,.process,.philosophy,.certifications,.contact{padding:60px 0}.timeline{grid-template-columns:repeat(2,1fr);gap:35px 10px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.process-line{grid-template-columns:1fr;gap:25px}.process-line:before{left:50%;top:22px;bottom:22px;width:2px;height:auto;right:auto}.process-line div{display:grid;grid-template-columns:44px 1fr;align-items:center;text-align:left;gap:14px}.process-line span{margin:0}.cert-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid>div:last-child{text-align:center}.footer nav{justify-content:center;flex-wrap:wrap}
}
@media(max-width:450px){.service-grid,.cert-grid{grid-template-columns:1fr}.trust-card{grid-template-columns:1fr}.hero-actions .btn{width:100%}.timeline{grid-template-columns:1fr 1fr}.timeline-item strong{font-size:12px}}
.founder{
  color:#9fc9e8;
  font-size:15px;
  font-weight:600;
  letter-spacing:.4px;
  margin:-6px 0 22px;
}
/* ===== CRONOLOGIA ===== */

.timeline{
  position:relative;
}

/* La línea original se reemplaza por líneas por fila */
.timeline:before{
  display:none !important;
}

.timeline-item{
  position:relative;
  z-index:1;
}

/* Línea que sale desde cada punto hacia el siguiente */
.timeline-item:after{
  content:"";
  position:absolute;
  top:10px;
  left:50%;
  width:calc(100% + 10px);
  height:2px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  z-index:0;
}

/* ===== 8 columnas: última tarjeta de la fila ===== */
.timeline-item:nth-child(8):after{
  display:none;
}

/* ===== 4 columnas ===== */
@media (max-width:1050px){

  .timeline-item:nth-child(8):after{
    display:block;
  }

  .timeline-item:nth-child(4n):after{
    display:none;
  }
}

/* ===== 2 columnas ===== */
@media (max-width:700px){

  .timeline-item:nth-child(4n):after{
    display:block;
  }

  .timeline-item:nth-child(2n):after{
    display:none;
  }
}

.project-art{
  height:145px !important;
  width:100%;
  padding:12px !important;
  box-sizing:border-box;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.project-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}


/* ===== LOGOS DE PROYECTOS ===== */
.project-art{
  height:145px !important;
  padding:12px !important;
  box-sizing:border-box;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.project-art img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
}