:root{--cian:#29bfe0;--cian-claro:#7fdcf0;--cian-suave:#e3f7fb;--petroleo:#14636f;--petroleo-oscuro:#0d4a54;--fondo:#f5fafb;--blanco:#ffffff;--tinta:#16333a;--tinta-suave:#557079;--linea:#d9ecf1;--font-display:"Poppins",-apple-system,sans-serif;--font-body:"DM Sans",-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--fondo);color:var(--tinta);line-height:1.6;font-size:17px;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit}.container{max-width:1080px;margin:0 auto;padding:0 24px}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes flotarSuave{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes brilloPortal{0%,to{box-shadow:0 0 24px rgba(41,191,224,.35),0 0 60px rgba(41,191,224,.15)}50%{box-shadow:0 0 40px rgba(41,191,224,.6),0 0 90px rgba(41,191,224,.3)}}@keyframes fluirRio{to{stroke-dashoffset:-400}}@keyframes pulsoNodo{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}@keyframes crecerBarra{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes aparecer{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}.header-inner{justify-content:space-between;padding:12px 24px;max-width:1080px;margin:0 auto}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px;text-decoration:none}.logo-texto{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:.02em}.logo-texto .flow{color:var(--cian)}.logo-texto .idea{color:var(--petroleo)}.nav{display:flex;gap:28px;align-items:center}.nav a{text-decoration:none;color:var(--tinta-suave);font-size:.95rem;font-weight:500}.nav a:hover{color:var(--cian)}.btn{display:inline-block;padding:13px 28px;border-radius:999px;font-weight:600;text-decoration:none;font-size:1rem;border:none;cursor:pointer;font-family:var(--font-body);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px)}.btn-primario{background:linear-gradient(135deg,var(--cian) 0,#1ba8c9 100%);color:#fff;box-shadow:0 4px 16px rgba(41,191,224,.35)}.btn-primario:hover{box-shadow:0 8px 24px rgba(41,191,224,.5)}.btn-secundario{background:transparent;color:var(--petroleo);border:2px solid var(--petroleo)}.btn-secundario:hover{background:var(--petroleo);color:#fff}.hero{padding:80px 0 60px;text-align:center;background:linear-gradient(180deg,#ffffff 0,var(--fondo) 100%);overflow:hidden}.hero,.hero h1{position:relative}.hero h1{font-size:clamp(2rem,5vw,3.2rem);max-width:820px;margin:0 auto 20px;color:var(--petroleo-oscuro);z-index:2}.hero h1 em{color:var(--cian);font-style:normal}.hero p.sub{font-size:1.18rem;color:var(--tinta-suave);max-width:620px;margin:0 auto 36px}.hero p.sub,.hero-ctas{position:relative;z-index:2}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.portal{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:22px 34px;border-radius:20px;background:var(--blanco);border:1px solid var(--linea);margin-bottom:34px;animation:brilloPortal 3.5s ease-in-out infinite,aparecer .8s ease both;position:relative;z-index:2}.portal .puerta{font-size:2rem}.portal .etiqueta-portal{font-size:.85rem;color:var(--tinta-suave);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.portal .titulo-portal{font-family:var(--font-display);font-weight:700;color:var(--petroleo);font-size:1.25rem}.rio{position:absolute;left:0;right:0;bottom:-10px;width:100%;height:180px;z-index:1;opacity:.6;pointer-events:none}.rio path{fill:none;stroke-linecap:round;stroke-dasharray:24 18;animation:fluirRio 7s linear infinite}.orbe{position:absolute;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 30%,var(--cian-claro),var(--cian));opacity:.5}.orbe.o1{width:70px;height:70px;top:12%;left:6%;animation:flotar 6s ease-in-out infinite}.orbe.o2{width:40px;height:40px;top:24%;right:10%;animation:flotar 7s ease-in-out 1s infinite}.orbe.o3{width:26px;height:26px;bottom:30%;left:14%;animation:flotar 5s ease-in-out .5s infinite}.orbe.o4{width:90px;height:90px;bottom:18%;right:5%;background:radial-gradient(circle at 30% 30%,#2b8a9c,var(--petroleo));animation:flotar 8s ease-in-out 2s infinite}.chip-flotante{position:absolute;z-index:1;pointer-events:none;background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:10px 12px;font-size:1.3rem;box-shadow:0 6px 18px rgba(20,99,111,.12)}.chip-flotante.c1{top:18%;left:18%;animation:flotarSuave 6.5s ease-in-out infinite}.chip-flotante.c2{top:42%;right:7%;animation:flotarSuave 7.5s ease-in-out 1.2s infinite}.chip-flotante.c3{bottom:24%;right:20%;animation:flotarSuave 5.5s ease-in-out .6s infinite}.chip-flotante.c4{bottom:40%;left:5%;animation:flotarSuave 8s ease-in-out 2s infinite}.trust-bar{display:flex;gap:12px 40px;justify-content:center;flex-wrap:wrap;margin-top:48px;padding:18px 0;border-top:1px solid var(--linea);font-size:.92rem;color:var(--tinta-suave);position:relative;z-index:2}.trust-bar strong{color:var(--petroleo)}.playground{position:relative;text-align:center;padding:30px 24px 10px}.tarjeta-idea{max-width:520px;margin:0 auto;background:var(--blanco);border:1px solid var(--linea);border-radius:20px;padding:28px;box-shadow:0 14px 40px rgba(20,99,111,.1);text-decoration:none;display:block;transition:transform .2s ease,box-shadow .2s ease}.tarjeta-idea:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(41,191,224,.25)}.tarjeta-idea .falso-input{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--linea);border-radius:12px;padding:14px 18px;color:var(--tinta-suave);font-size:.98rem;margin-bottom:16px;background:var(--fondo);text-align:left}.tarjeta-idea .falso-input .cursor{color:var(--cian);animation:pulsoNodo 1.2s ease-in-out infinite}.tarjeta-idea .botones-idea{display:flex;gap:12px;justify-content:center}.seccion{padding:72px 0;position:relative}.seccion-alt{background:var(--blanco)}.paso-etiqueta{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cian);margin-bottom:8px}.seccion h2{font-size:clamp(1.6rem,3.5vw,2.3rem);margin-bottom:12px;color:var(--petroleo-oscuro)}.seccion .encabezado,.seccion .intro,.seccion h2{text-align:center}.seccion .intro{color:var(--tinta-suave);max-width:640px;margin:0 auto 48px}.grid-nichos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.card{background:var(--blanco);border:1px solid var(--linea);border-radius:18px;padding:26px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(20,99,111,.1)}.seccion-alt .card{background:var(--fondo)}.card .emoji{font-size:1.8rem}.card h3{font-size:1.15rem;margin:12px 0 6px;color:var(--tinta)}.card .persona{font-size:.88rem;color:var(--cian);font-weight:600;margin-bottom:8px}.card p{font-size:.95rem;color:var(--tinta-suave)}.red-fondo{position:relative}.red-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.35}.red-svg line{stroke:var(--cian);stroke-width:1.5;stroke-dasharray:6 8;animation:fluirRio 12s linear infinite}.red-svg circle{fill:var(--cian);animation:pulsoNodo 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px;position:relative;z-index:2}.paso{text-align:center;padding:26px 20px;background:var(--blanco);border:1px solid var(--linea);border-radius:18px}.paso .num{display:inline-flex;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--cian) 0,var(--petroleo) 100%);color:#fff;font-family:var(--font-display);font-size:1.4rem;font-weight:700;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 6px 16px rgba(41,191,224,.35)}.paso h3{font-size:1.18rem;margin-bottom:8px;color:var(--petroleo-oscuro)}.paso p{color:var(--tinta-suave);font-size:.96rem}.grid-servicios{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:22px;gap:22px}.servicio{position:relative}.servicio .precio{font-family:var(--font-display);font-weight:700;font-size:1.45rem;color:var(--cian);margin:10px 0 4px}.servicio .precio small{font-size:.88rem;color:var(--tinta-suave);font-family:var(--font-body);font-weight:400}.servicio ul{list-style:none;margin-top:12px}.servicio li{padding:5px 0 5px 24px;position:relative;font-size:.94rem;color:var(--tinta-suave)}.servicio li:before{content:"✓";position:absolute;left:0;color:var(--cian);font-weight:700}.etiqueta{position:absolute;top:-12px;right:18px;background:linear-gradient(135deg,var(--cian) 0,var(--petroleo) 100%);color:#fff;font-size:.75rem;padding:4px 14px;border-radius:20px;font-weight:600}.grid-casos{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:22px;gap:22px}.caso{position:relative;overflow:hidden}.caso blockquote{font-size:1.02rem;font-style:italic;color:var(--tinta);margin-bottom:14px}.caso .quien{font-size:.9rem;color:var(--petroleo);font-weight:700}.caso .que{font-size:.88rem;color:var(--tinta-suave)}.mini-pantalla{display:flex;align-items:center;gap:10px;background:var(--fondo);border:1px solid var(--linea);border-radius:12px;padding:10px 14px;margin-bottom:16px;font-size:.78rem;font-weight:700;color:var(--petroleo);letter-spacing:.04em}.mini-grafica{display:flex;align-items:flex-end;gap:3px;height:26px}.mini-grafica span{width:7px;border-radius:3px 3px 0 0;background:var(--cian);transform-origin:bottom;animation:crecerBarra 1.2s ease both}.mini-grafica span:first-child{height:30%;animation-delay:.1s}.mini-grafica span:nth-child(2){height:50%;animation-delay:.25s}.mini-grafica span:nth-child(3){height:42%;animation-delay:.4s}.mini-grafica span:nth-child(4){height:70%;animation-delay:.55s}.mini-grafica span:nth-child(5){height:100%;animation-delay:.7s;background:var(--petroleo)}.garantias{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:18px;gap:18px;margin-top:8px}.garantia{display:flex;gap:14px;align-items:flex-start}.garantia .icono{font-size:1.4rem}.garantia h3{font-size:1.02rem;margin-bottom:4px;color:var(--petroleo-oscuro)}.garantia p{font-size:.9rem;color:var(--tinta-suave)}.cta-final{background:linear-gradient(135deg,var(--petroleo) 0,var(--petroleo-oscuro) 100%);color:#fff;text-align:center;padding:76px 24px;position:relative;overflow:hidden}.cta-final .orbe{opacity:.18}.cta-final h2{color:#fff;font-size:clamp(1.6rem,3.5vw,2.3rem);margin-bottom:14px}.cta-final h2,.cta-final p{position:relative;z-index:2}.cta-final p{color:rgba(255,255,255,.85);max-width:560px;margin:0 auto 32px}.cta-final .btn{position:relative;z-index:2}.footer{padding:36px 24px;text-align:center;font-size:.88rem;color:var(--tinta-suave)}.footer a{color:var(--cian)}.chat-wrap{max-width:680px;margin:0 auto;padding:32px 20px 40px;display:flex;flex-direction:column;min-height:calc(100vh - 65px)}.chat-cabecera{text-align:center;margin-bottom:24px}.chat-cabecera h1{font-size:1.7rem;color:var(--petroleo-oscuro)}.chat-cabecera p{color:var(--tinta-suave);font-size:.95rem}.chat-mensajes{flex:1 1;display:flex;flex-direction:column;gap:14px;padding:8px 0 20px}.burbuja{max-width:85%;padding:13px 17px;border-radius:16px;font-size:.98rem;white-space:pre-wrap}.burbuja.flowi{background:var(--blanco);border:1px solid var(--linea);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 3px 10px rgba(20,99,111,.06)}.burbuja.usuario{background:linear-gradient(135deg,var(--cian) 0,#1ba8c9 100%);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.burbuja.pensando{color:var(--tinta-suave);font-style:italic}.chat-form{display:flex;gap:10px;position:-webkit-sticky;position:sticky;bottom:0;background:var(--fondo);padding:12px 0}.chat-form input{flex:1 1;padding:14px 18px;border-radius:999px;border:1px solid var(--linea);font-size:1rem;font-family:var(--font-body);background:var(--blanco);color:var(--tinta)}.chat-form input:focus{outline:2px solid var(--cian);border-color:transparent}.chat-form button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:640px){.nav{display:none}.hero{padding:52px 0 40px}.seccion{padding:52px 0}.chip-flotante,.orbe.o3{display:none}}