:root{--c: #1F5FD6;--dark: #0a1a45;--acc: #ffd23f;--mint: #22d3b0;--ink: #0d1530;--bg: #f4f7ff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,.logo,.n,.sello{font-family:Unbounded,Manrope,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.reveal{opacity:0;transform:translateY(34px) rotate(-1deg);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem}.logo img{width:34px;height:34px;border-radius:9px}.nav-wa{background:var(--dark);color:#fff;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.9rem;transition:transform .2s,background .2s}.nav-wa:hover{background:var(--c);transform:rotate(-3deg) scale(1.05)}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;padding:110px 5vw 80px;background:linear-gradient(115deg,var(--bg) 0 58%,var(--c) 58.1% 100%);position:relative}.kicker{display:inline-block;background:var(--acc);padding:5px 14px;border-radius:999px;font-weight:700;font-size:.85rem;transform:rotate(-2deg);margin-bottom:18px}h1{font-size:clamp(2.3rem,5.6vw,5rem);line-height:1.04;letter-spacing:-.03em;font-weight:800}h1 span{color:var(--c);background:linear-gradient(transparent 62%,var(--acc) 62% 92%,transparent 92%)}.sub{max-width:520px;margin:22px 0 28px;font-size:1.1rem;color:#3a4668}.acciones{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.btn{display:inline-block;background:var(--c);color:#fff;padding:16px 30px;border-radius:16px 4px;font-weight:800;box-shadow:6px 6px 0 var(--dark);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translate(-3px,-3px) rotate(-1.5deg);box-shadow:10px 10px 0 var(--dark)}.btn.claro{background:var(--acc);color:var(--dark);box-shadow:6px 6px #000}.btn-t{font-weight:700;border-bottom:3px solid var(--acc)}.hero-der{position:relative;height:min(70vh,560px)}.hero-der img{position:absolute;border-radius:22px;box-shadow:0 24px 50px #050f3273;object-fit:cover;transition:transform .5s}.f1{width:62%;aspect-ratio:4/5;right:4%;top:0;transform:rotate(4deg)}.f2{width:46%;aspect-ratio:1;left:0;top:36%;transform:rotate(-7deg);z-index:2}.f3{width:40%;aspect-ratio:1;right:0;bottom:0;transform:rotate(8deg);z-index:3}.hero-der:hover .f1{transform:rotate(1deg) scale(1.03)}.hero-der:hover .f2{transform:rotate(-3deg) translate(-10px)}.hero-der:hover .f3{transform:rotate(3deg) translateY(10px)}.sello{position:absolute;left:6%;top:4%;z-index:4;width:112px;height:112px;border-radius:50%;background:var(--acc);color:var(--dark);display:grid;place-content:center;text-align:center;font-size:.72rem;line-height:1.2;animation:gira 14s linear infinite}.sello b{font-size:1.05rem}@keyframes gira{to{transform:rotate(360deg)}}.marq{background:var(--dark);color:var(--acc);overflow:hidden;white-space:nowrap;padding:16px 0;transform:rotate(-1.5deg) scale(1.03);margin:-10px 0;position:relative;z-index:5;font-family:Unbounded,sans-serif;font-weight:800;font-size:1.1rem}.marq div{display:inline-block;animation:marq 28s linear infinite}@keyframes marq{to{transform:translate(-50%)}}.servicios{padding:130px 5vw 90px}.servicios h2,.pasos h2{font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.08;letter-spacing:-.03em;margin-bottom:50px}.servicios h2 span{color:var(--c)}.bloques{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.bloque{position:relative;overflow:hidden;padding:30px;border-radius:28px;min-height:280px;transition:transform .3s}.bloque:hover{transform:rotate(-1.5deg) scale(1.02)}.bloque .n{font-size:3.4rem;font-weight:800;opacity:.25;line-height:1;display:block}.bloque h3{font-size:1.35rem;margin:10px 0 8px;position:relative;z-index:2}.bloque p{max-width:330px;position:relative;z-index:2}.bloque img{position:absolute;right:-40px;bottom:-50px;width:220px;border-radius:24px;transform:rotate(10deg);opacity:.9}.b0{grid-column:span 4;background:var(--c);color:#fff}.b1{grid-column:span 2;background:var(--acc)}.b2{grid-column:span 2;background:var(--dark);color:#fff}.b3{grid-column:span 4;background:linear-gradient(120deg,var(--mint),#7ae7ff)}.b1 img,.b2 img{width:150px;right:-20px;bottom:-30px}.pasos{padding:60px 5vw 110px}.pasos ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.pasos li{display:flex;gap:18px;align-items:flex-start}.pasos li:nth-child(2){margin-top:40px}.pasos li:nth-child(3){margin-top:80px}.pasos b{flex:none;width:58px;height:58px;border-radius:50%;background:var(--dark);color:var(--acc);display:grid;place-items:center;font-family:Unbounded,sans-serif;font-size:1.4rem}.pasos h3{font-size:1.2rem;margin-bottom:6px}.cta{background:var(--dark);color:#fff;padding:110px 5vw;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.cta-in{max-width:700px;margin:0 auto;text-align:center}.cta h2{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.1;margin-bottom:14px;letter-spacing:-.03em}.cta p{color:#b9c6ee;margin-bottom:28px}.cta ul{list-style:none;margin-top:44px;display:grid;gap:14px;text-align:left}.cta li{display:flex;justify-content:space-between;border-bottom:1px dashed #36457c;padding-bottom:10px;gap:12px;flex-wrap:wrap}.cta li strong{color:var(--acc)}.pie{background:#060f2c;color:#8fa0d6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:22px 5vw;font-size:.9rem}.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#25d366;box-shadow:0 10px 24px #0000004d;transition:transform .2s}.wa-float:hover{transform:scale(1.1) rotate(-8deg)}@media (max-width: 860px){.hero{grid-template-columns:1fr;background:linear-gradient(180deg,var(--bg) 0 62%,var(--c) 62.1% 100%);padding-top:100px}.hero-der{height:360px}.bloques{grid-template-columns:1fr}.b0,.b1,.b2,.b3{grid-column:auto}.pasos ol{grid-template-columns:1fr}.pasos li:nth-child(n){margin-top:0}.cta{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%)}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.sello,.marq div{animation:none}}