:root{--v2-green:#00c896;--v2-green-dark:#00a97f;--v2-dark:#071a15;--v2-dark-2:#0b2d24;--v2-ink:#10221d;--v2-muted:#60736d;--v2-soft:#f2f8f6;--v2-line:#dce8e4;--v2-white:#fff}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--v2-ink);background:#fff}h1,h2,h3,h4,.brand{font-family:Poppins,sans-serif}#inicio{min-height:760px;height:auto;background:radial-gradient(circle at 78% 48%,rgba(0,200,150,.18),transparent 25%),linear-gradient(135deg,var(--v2-dark),var(--v2-dark-2) 60%,#06130f)}#inicio .contenido{min-height:760px;height:auto;background:none}#inicio .contenido header{position:absolute;z-index:20;width:100%;background:transparent;border-bottom:1px solid rgba(255,255,255,.12)}#inicio .contenido header .contenido-header{max-width:1440px;height:82px;padding:0 max(4vw,24px);margin:auto}#inicio .contenido header .contenido-header h1{display:flex;align-items:center;gap:10px;color:#fff;font-size:1rem;letter-spacing:.04em}#inicio .contenido header .contenido-header .brand-logo{width:38px;height:38px}#inicio .contenido header .contenido-header nav ul li a{color:#bfd0ca;font-size:.75rem;font-weight:700;letter-spacing:.04em}#inicio .contenido header .contenido-header nav ul li a:hover,#inicio .contenido header .contenido-header nav ul li a.seleccionado{color:var(--v2-green)}#inicio .contenido header .contenido-header .redes a{width:37px;height:37px;display:inline-grid;place-items:center;margin-left:7px;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:9px;transition:.2s}#inicio .contenido header .contenido-header .redes a:hover{color:var(--v2-dark);background:var(--v2-green);border-color:var(--v2-green)}.home-hero-grid{width:min(1320px,90%);min-height:760px;padding:130px 0 75px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}#inicio .contenido .presentacion{width:auto;max-width:760px;padding:0;margin:0;text-align:left}#inicio .contenido .presentacion .bienvenida{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--v2-green);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}#inicio .contenido .presentacion .bienvenida::before{content:"";width:28px;height:2px;background:var(--v2-green)}#inicio .contenido .presentacion .hero-title{max-width:760px;margin:0 0 22px;color:#fff;font-size:clamp(2.75rem,5vw,4.65rem);font-weight:800;line-height:1.07;letter-spacing:-.045em;text-shadow:none}#inicio .contenido .presentacion .descripcion{max-width:680px;margin:0;color:#c7d8d2;font-size:1.08rem;line-height:1.75}#inicio .contenido .presentacion .hero-actions{justify-content:flex-start;margin:31px 0 25px}#inicio .contenido .presentacion a{min-width:0;padding:15px 22px;margin:0;color:#052019;background:var(--v2-green);border:1px solid var(--v2-green);border-radius:9px;box-shadow:0 12px 30px rgba(0,200,150,.2);font-weight:800;text-transform:none}#inicio .contenido .presentacion a:hover{color:#052019;background:#19dda9;transform:translateY(-2px)}#inicio .contenido .presentacion .cta-secondary{color:#fff;background:transparent;border-color:rgba(255,255,255,.35)}#inicio .contenido .presentacion .cta-secondary:hover{color:#fff;background:rgba(255,255,255,.08)}#inicio .contenido .presentacion .hero-garantia-simple{justify-content:flex-start;margin:0;color:#a9beb7;font-size:.84rem}#inicio .contenido .presentacion .hero-garantia-simple i{color:var(--v2-green)}.hero-visual{position:relative;width:100%;min-height:480px;display:grid;place-items:center}.hero-visual::before{content:"";position:absolute;width:340px;height:340px;background:rgba(0,200,150,.12);border-radius:50%;filter:blur(45px)}.hero-orbit{position:absolute;border:1px solid rgba(0,200,150,.23);border-radius:50%}.hero-orbit-one{width:330px;height:330px}.hero-orbit-two{width:455px;height:455px;border-style:dashed;animation:hub-spin 40s linear infinite}.solution-hub{position:relative;z-index:2;width:215px;height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,rgba(21,69,56,.96),rgba(5,30,24,.98));border:1px solid rgba(0,200,150,.35);border-radius:50%;box-shadow:0 28px 65px rgba(0,0,0,.36)}.solution-hub img{width:68px;height:68px;object-fit:contain;margin-bottom:10px}.solution-hub strong{font-family:Poppins,sans-serif;font-size:.9rem;letter-spacing:.05em}.solution-hub small{margin-top:4px;color:#90afa5}.solution-node{position:absolute;z-index:3;min-width:145px;padding:14px 17px;display:flex;align-items:center;gap:10px;color:#fff;background:rgba(9,38,30,.95);border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.27);font-size:.85rem;font-weight:700}.solution-node i{width:34px;height:34px;display:grid;place-items:center;color:var(--v2-green);background:rgba(0,200,150,.12);border-radius:8px}.node-web{left:0;top:100px}.node-whatsapp{right:-5px;top:140px}.node-whatsapp i{color:#25d366}.node-auto{left:25px;bottom:75px}.solution-status{position:absolute;right:15px;bottom:60px;padding:11px 15px;color:#a9beb7;background:rgba(5,27,21,.92);border:1px solid rgba(255,255,255,.1);border-radius:9px;font-size:.75rem}.solution-status i{margin-right:6px;color:var(--v2-green)}@keyframes hub-spin{to{transform:rotate(360deg)}}#sobremi{min-height:0;padding:100px max(7vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;background:#fff}#sobremi .contenedor-foto{width:100%;max-width:440px;height:510px;margin:0;overflow:hidden;border-radius:22px;box-shadow:0 25px 60px rgba(10,42,34,.16)}#sobremi .contenedor-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,21,.35))}#sobremi .contenedor-foto img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}#sobremi .sobremi{width:100%;max-width:700px;padding:0;margin:0}#sobremi .sobremi .titulo-seccion,#onepage .onepage .titulo-onepage,#beneficios .beneficios-head .titulo-beneficios,#portafolio .portafolio .titulo-portafolio{margin-bottom:12px;color:var(--v2-green-dark);font-size:.76rem;font-weight:800;letter-spacing:.13em}#sobremi .sobremi h2,#onepage .onepage .onepage-main-title,#beneficios .beneficios-head h2,#portafolio .portafolio h2{color:var(--v2-ink);font-size:clamp(2rem,4vw,3.2rem);line-height:1.18;letter-spacing:-.035em}#sobremi .sobremi p{color:var(--v2-muted);font-size:1rem;line-height:1.8}#sobremi .sobremi a{display:inline-flex;padding:14px 20px;margin-top:18px;color:#052019;background:var(--v2-green);border-radius:9px;font-weight:800;text-decoration:none}#onepage{min-height:0;padding:100px max(7vw,24px);background:var(--v2-soft)}#onepage .onepage{width:100%;max-width:1280px;margin:auto}#onepage .onepage .onepage-main-title{max-width:780px;margin:0 0 48px}.service-cards{gap:18px;margin-bottom:42px}.service-card{min-height:330px;padding:31px 27px;background:#fff;border:1px solid var(--v2-line);border-radius:15px;box-shadow:none}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(10,42,34,.1)}.service-card.featured{background:linear-gradient(145deg,var(--v2-dark),var(--v2-dark-2));border-color:rgba(0,200,150,.55)}.service-card>i{color:var(--v2-green-dark);background:#e7faf4}.service-card.featured>i{color:#25d366;background:rgba(37,211,102,.13)}#onepage .onepage .service-card h3{font-size:1.13rem}#onepage .onepage .service-card p{color:var(--v2-muted)}#onepage .onepage .service-card.featured p{color:#b8cbc5}.service-card a,.service-card.featured a{color:var(--v2-green-dark)}#onepage .onepage .service-card.featured a{color:var(--v2-green)}#onepage .onepage>.ideal-para,#onepage .onepage>.onepage-lista,#onepage .onepage>.onepage-lista+p{display:none}#incluye{padding:100px max(7vw,24px);background:#fff}#incluye .titulo-seccion-incluye{margin:0 auto 50px;color:var(--v2-ink);font-size:clamp(2rem,4vw,3.2rem);line-height:1.18;letter-spacing:-.035em}#incluye .titulo-seccion-incluye span{color:var(--v2-green)}#incluye .fila{width:min(1280px,100%);gap:18px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,1fr)}#incluye .fila .incluye{width:auto;min-height:260px;padding:28px 24px;text-align:left;background:var(--v2-soft);border:1px solid var(--v2-line);border-radius:15px}#incluye .fila .incluye .contenedor-icono{width:48px;height:48px;margin:0 0 22px;display:grid;place-items:center;background:#ddf7ef;border-radius:11px}#incluye .fila .incluye .contenedor-icono img{width:27px;height:27px;object-fit:contain;filter:hue-rotate(105deg) saturate(.8)}#incluye .fila .incluye h4{margin-bottom:10px;color:var(--v2-ink);font-size:1rem;line-height:1.35}#incluye .fila .incluye p{color:var(--v2-muted);font-size:.9rem;line-height:1.65}.process-outcomes{padding-top:0;border:0}#beneficios{padding:100px max(7vw,24px);background:var(--v2-dark)}#beneficios .beneficios-head,#beneficios .beneficios-grid{width:min(1280px,100%);margin-left:auto;margin-right:auto}#beneficios .beneficios-head{margin-bottom:48px}#beneficios .beneficios-head .titulo-beneficios{color:var(--v2-green)}#beneficios .beneficios-head h2{max-width:720px;color:#fff}#beneficios .beneficios-head h2 span{color:var(--v2-green)}#beneficios .beneficios-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}#beneficios .beneficio-item{padding:29px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:14px}#beneficios .beneficio-title-row{align-items:center}#beneficios .beneficio-title-row img{width:35px;height:35px;filter:hue-rotate(95deg)}#beneficios .beneficio-title-row h3{color:#fff;font-size:1rem;line-height:1.4}#beneficios .beneficio-item p{color:#9eb6ae;font-size:.92rem;line-height:1.7}#portafolio{padding:100px max(7vw,24px);background:var(--v2-soft)}#portafolio .portafolio{width:min(1280px,100%);margin:0 auto 45px}#portafolio .portafolio h2{max-width:700px}#portafolio .imagenes-portafolio{width:min(1280px,100%);gap:18px;margin:auto;grid-template-columns:repeat(4,1fr)}#portafolio .imagenes-portafolio .demo-card{border-radius:14px;background:var(--v2-dark);box-shadow:0 14px 35px rgba(10,42,34,.1)}#portafolio .imagenes-portafolio .demo-card-overlay{color:#fff;background:rgba(0,200,150,.88);font-weight:800}#contacto{min-height:0;padding:100px max(7vw,24px);background:radial-gradient(circle at 18% 40%,rgba(0,200,150,.13),transparent 25%),linear-gradient(125deg,var(--v2-dark-2),var(--v2-dark));background-attachment:scroll}#contacto .container{width:min(1180px,100%);min-height:0;margin:auto;gap:8vw}#contacto .informacion{width:48%}.contact-eyebrow{color:var(--v2-green)}#contacto .informacion h1{max-width:540px;color:#fff;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.035em}.contact-copy{color:#adc1ba}.datos p{color:#d5e2de}.datos p img{filter:hue-rotate(105deg)}#contacto .form-contacto{width:48%;padding:30px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px}.input-box>input,.input-box>textarea{color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:9px}.input-box>input::placeholder,.input-box>textarea::placeholder{color:#9fb5ae}.input-box>input:focus,.input-box>textarea:focus{border-color:var(--v2-green);box-shadow:0 0 0 3px rgba(0,200,150,.12)}.form-contacto>button{color:#052019;background:var(--v2-green);border:0;border-radius:9px;font-weight:800}.form-contacto>button:hover{color:#052019;background:#19dda9}footer{padding:28px max(5vw,24px);color:#657a73;background:#fff;border-top:1px solid var(--v2-line)}footer a{color:var(--v2-green-dark)}.container-boton-whatsap{background:#25d366;box-shadow:0 10px 28px rgba(0,0,0,.2)}@media(max-width:1050px){#inicio .contenido header .contenido-header nav{display:none}.home-hero-grid{grid-template-columns:1fr;gap:25px}.hero-visual{min-height:430px;max-width:620px;margin:auto}#incluye .fila{grid-template-columns:repeat(2,1fr)}#portafolio .imagenes-portafolio{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){#inicio{min-height:0}#inicio .contenido{min-height:0;height:auto}#inicio .contenido header .contenido-header{height:70px;padding:0 18px}.home-hero-grid{width:100%;min-height:0;padding:125px 20px 70px}.home-hero-grid #inicio .presentacion{padding:0}#inicio .contenido .presentacion{text-align:left}#inicio .contenido .presentacion .bienvenida{justify-content:flex-start}#inicio .contenido .presentacion .hero-title{font-size:clamp(2.4rem,11vw,3.5rem);line-height:1.08}#inicio .contenido .presentacion .descripcion{font-size:1rem}#inicio .contenido .presentacion .hero-actions{align-items:stretch}#inicio .contenido .presentacion .hero-actions a{width:100%;max-width:none}#inicio .contenido .presentacion .hero-garantia-simple{display:flex;flex-wrap:wrap;text-align:left}.hero-visual{min-height:390px;transform:scale(.9)}#sobremi{padding:75px 22px;grid-template-columns:1fr;gap:45px}#sobremi .contenedor-foto{height:430px;margin:auto}#onepage,#incluye,#beneficios,#portafolio,#contacto{padding:75px 22px}#onepage .onepage{padding:0}#onepage .onepage .onepage-main-title{margin-bottom:35px}.service-cards{grid-template-columns:1fr}#incluye .fila{grid-template-columns:1fr}#incluye .fila .incluye{min-height:0}#beneficios .beneficios-grid{grid-template-columns:1fr}#portafolio .imagenes-portafolio{grid-template-columns:repeat(2,1fr)}#contacto .container{flex-direction:column}#contacto .informacion,#contacto .form-contacto{width:100%}#contacto .form-contacto{padding:22px}}@media(max-width:560px){#inicio .contenido header .contenido-header h1 .nombre{font-size:.8rem}.hero-visual{min-height:350px;transform:scale(.78);margin:-25px -10%}.solution-node{min-width:132px}.node-web{left:-15px}.node-whatsapp{right:-15px}.node-auto{left:0}.solution-status{right:-5px}#portafolio .imagenes-portafolio{grid-template-columns:1fr}#contacto .form-contacto{padding:18px}footer{padding-bottom:88px}}
/* Superficies finales: cambios tonales limpios, sin franjas ni degradados pesados. */
body {
  background: #f7faf9;
}

#sobremi,
#incluye {
  background: #f7faf9;
}

#onepage,
#portafolio {
  background: #edf5f2;
}

#sobremi,
#onepage,
#incluye,
#beneficios,
#portafolio,
#contacto {
  position: relative;
  border-top: 1px solid rgba(16, 34, 29, .08);
}

#sobremi {
  box-shadow: inset 0 18px 38px -42px rgba(7, 26, 21, .8);
}

#incluye .fila .incluye,
#onepage .service-card:not(.featured) {
  background: #fbfdfc;
  border-color: #d8e5e1;
  box-shadow: 0 12px 30px rgba(15, 59, 47, .055);
}

#beneficios {
  background: #071a15;
  border-top-color: rgba(0, 200, 150, .2);
}

#portafolio {
  border-top-color: rgba(0, 200, 150, .22);
  box-shadow: inset 0 18px 38px -42px rgba(7, 26, 21, .85);
}

footer {
  background: #f7faf9;
}