:root{--ink: #0B0F1A;--ink2: #141B2D;--warm: #F6F4EE;--paper: #FFFFFF;--teal: #0FC2A0;--teal-d: #0AA388;--teal-dim: rgba(15,194,160,.12);--bright: #E6EAF5;--dim: rgba(230,234,245,.72);--mid-light: #5B6277;--bdr-dark: rgba(255,255,255,.09);--bdr-light: #DDDAD2;--mono: "SF Mono","Fira Code","Courier New",monospace;--sans: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--bright);background:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--sans);border:none;background:none}img{display:block;max-width:100%}.container{max-width:1100px;margin:0 auto;padding:0 28px}.container--narrow{max-width:740px;margin:0 auto;padding:0 28px}.sec-fullh{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;padding:13px 28px;border-radius:8px;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;border:1.5px solid transparent;cursor:pointer;font-family:var(--sans);line-height:1}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--teal);color:var(--ink);border-color:var(--teal)}.btn-primary:hover{background:var(--teal-d);border-color:var(--teal-d);box-shadow:0 4px 20px #0fc2a059}.btn-ghost{background:transparent;color:var(--bright);border-color:#ffffff38}.btn-ghost:hover{border-color:#ffffff6b;background:#ffffff0f}.btn-outline{background:transparent;color:var(--teal);border-color:#0fc2a073}.btn-outline:hover{background:var(--teal-dim);border-color:var(--teal)}.btn-sm{font-size:14px;padding:9px 18px}.btn-block{width:100%}.sec-head{margin-bottom:56px}.eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}.sec-head h2{font-size:clamp(28px,3.8vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;text-wrap:balance;color:var(--bright)}.sec-desc{font-size:17px;line-height:1.7;color:var(--dim);max-width:560px}.servicios .eyebrow,.portafolio .eyebrow,.faq-sec .eyebrow{color:var(--teal-d)}.servicios .sec-head h2,.portafolio .sec-head h2,.faq-sec .sec-head h2{color:#0b0f1a}.servicios .sec-desc,.portafolio .sec-desc{color:var(--mid-light)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;padding:0 28px;gap:32px;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav--scrolled{background:#0b0f1aed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--bdr-dark)}.nav-logo{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--bright);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}.nav-links a{font-size:14px;font-weight:500;color:#e6eaf58c;transition:color .15s}.nav-links a:hover{color:var(--bright)}.btn-nav,.nav-links a.btn-nav{font-size:14px;font-weight:700;padding:9px 20px;border-radius:7px;background:var(--teal);color:var(--ink);border:none}.btn-nav:hover,.nav-links a.btn-nav:hover{background:var(--teal-d);color:var(--ink)}.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:6px;margin-left:auto;background:none;border:none}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--bright);border-radius:1px;transition:transform .2s,opacity .2s}.nav-links--open{display:flex!important;position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;gap:0;background:#0b0f1af7;backdrop-filter:blur(12px);border-bottom:1px solid var(--bdr-dark);padding:16px 28px 28px;z-index:99;justify-content:flex-start;align-items:flex-start}.nav-links--open a{font-size:17px;padding:15px 0;border-bottom:1px solid var(--bdr-dark);width:100%;color:#e6eaf58c}.nav-links--open a:last-child{border-bottom:none}.nav-links--open .btn-nav{margin-top:8px;background:var(--teal);color:var(--ink);width:100%;justify-content:center}.hero{background:var(--ink);padding-top:var(--nav-h)}.hero-inner{max-width:1100px;margin:0 auto;padding:80px 28px 60px;display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:center;min-height:calc(100svh - var(--nav-h))}.hero-pill{font-family:var(--mono);font-size:13px;color:var(--dim);margin-bottom:28px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill-sep{color:#ffffff40}.hero-copy h1{font-size:clamp(44px,6.5vw,80px);font-weight:800;line-height:1.04;letter-spacing:-.03em;color:var(--bright);margin-bottom:24px;text-wrap:balance}.hero-accent{color:var(--teal)}.hero-sub{font-size:clamp(16px,1.8vw,19px);color:var(--dim);line-height:1.7;max-width:480px;margin-bottom:40px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-visual{position:relative}.browser-mockup{background:#131b2e;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 64px #0000008c,0 0 0 1px #0fc2a014}.browser-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#00000047;border-bottom:1px solid rgba(255,255,255,.06)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.browser-url{flex:1;font-family:var(--mono);font-size:11px;color:#ffffff4d;background:#ffffff12;border-radius:4px;padding:3px 10px;text-align:center;margin:0 8px}.browser-content{padding:14px;display:flex;flex-direction:column;gap:10px}.mock-nav{height:16px;background:#ffffff0f;border-radius:4px}.mock-hero{height:80px;background:linear-gradient(135deg,#0fc2a024,#0fc2a00a);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:7px}.mock-h1{height:12px;background:#ffffff38;border-radius:3px;width:75%}.mock-h1--short{width:55%}.mock-body{height:7px;background:#ffffff1a;border-radius:3px}.mock-body--short{width:60%}.mock-btns{display:flex;gap:7px;margin-top:2px}.mock-btn{height:16px;border-radius:4px}.mock-btn--primary{width:70px;background:#0fc2a066}.mock-btn--ghost{width:55px;background:#ffffff1a}.mock-cards{display:flex;gap:8px}.mock-card{flex:1;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:5px}.servicios{padding:96px 0;background:var(--warm);min-height:100svh;display:flex;flex-direction:column;justify-content:center}.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.svc-card{background:var(--paper);border:1px solid var(--bdr-light);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s}.svc-card:hover{border-color:#0aa38866;box-shadow:0 4px 24px #0fc2a014}.svc-icon{width:44px;height:44px;border-radius:10px;background:var(--teal-dim);display:flex;align-items:center;justify-content:center;font-size:20px}.svc-nombre{font-size:18px;font-weight:700;color:#0b0f1a}.svc-desc{font-size:15px;color:var(--mid-light);line-height:1.65;flex:1}.como-funciona{padding:96px 0;background:var(--ink)}.steps-flex{display:flex;align-items:stretch;gap:0}.step-card{flex:1;min-width:0;background:#ffffff0d;border:1px solid var(--bdr-dark);border-radius:12px;padding:36px 28px;display:flex;flex-direction:column;gap:16px}.step-arrow{display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--teal);flex-shrink:0}.step-arrow svg{width:24px;height:24px}.step-num{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--teal-dim);border:1px solid rgba(15,194,160,.3);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--teal)}.step-titulo{font-size:18px;font-weight:700;color:var(--bright)}.step-desc{font-size:15px;color:var(--dim);line-height:1.7;flex:1}.portafolio{padding:96px 0;background:var(--warm);min-height:100svh;display:flex;flex-direction:column;justify-content:center}.port-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.port-card{background:var(--paper);border:1px solid var(--bdr-light);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.port-card:hover{box-shadow:0 8px 36px #0000001a;transform:translateY(-2px)}.port-card--soon{border-style:dashed}.port-card--soon:hover{transform:none;box-shadow:none}.port-preview{height:190px;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--c1, #0B1F2A),var(--c2, #1A3A4A));display:flex;flex-direction:column}.port-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.port-soon-plus{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;color:#0000001f;font-weight:300;background:#edecea}.port-mockup{display:flex;flex-direction:column;flex:1}.pmock-nav{height:22px;background:#00000040;flex-shrink:0}.pmock-hero{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.pmock-h{height:11px;background:#ffffff52;border-radius:3px;width:70%}.pmock-h--sm{width:45%;background:#ffffff2e}.pmock-p{height:7px;background:#ffffff1f;border-radius:3px;width:85%}.pmock-cards{display:flex;gap:7px;padding:0 16px 16px}.pmock-card{flex:1;height:30px;background:#ffffff1a;border-radius:4px}.port-info{padding:20px 22px;display:flex;flex-direction:column;gap:7px;flex:1}.port-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.port-tipo{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-d);background:var(--teal-dim);padding:3px 9px;border-radius:20px}.port-url{font-family:var(--mono);font-size:12px;color:var(--mid-light);transition:color .15s}.port-url:hover{color:var(--teal-d)}.port-nombre{font-size:19px;font-weight:700;color:#0b0f1a;margin-top:4px}.port-desc{font-size:15px;color:var(--mid-light);line-height:1.6;flex:1}.precios{padding:96px 0;background:var(--ink)}.precios-aviso{display:flex;align-items:flex-start;gap:12px;background:#ffffff0d;border:1px solid var(--bdr-dark);border-radius:10px;padding:16px 18px;margin-bottom:32px;font-size:15px;color:var(--dim);line-height:1.6}.precios-aviso svg{flex-shrink:0;margin-top:3px;color:var(--teal)}.precios-aviso strong{color:var(--bright);font-weight:600}.precio-opcional{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;color:var(--dim);padding:2px 7px;border-radius:4px;vertical-align:middle;margin-left:5px}.precios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.precio-card{background:#ffffff0d;border:1px solid var(--bdr-dark);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:18px;position:relative;transition:border-color .2s}.precio-card--featured{background:#0fc2a012;border-color:#0fc2a066;box-shadow:0 0 0 4px #0fc2a00f}.precio-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--teal);color:var(--ink);padding:4px 14px;border-radius:20px;white-space:nowrap}.precio-icon{font-size:24px}.precio-nombre{font-size:18px;font-weight:700;color:var(--bright)}.precio-detalle{font-size:14px;color:var(--dim)}.precio-label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:4px}.precio-val{font-family:var(--mono);font-size:26px;font-weight:800;color:var(--bright);font-variant-numeric:tabular-nums}.precio-val--sub{font-size:22px;color:var(--teal)}.precio-mes{font-size:14px;font-weight:500;color:var(--dim)}.precio-once,.precio-incluye{font-size:13px;color:var(--dim);display:block;margin-top:2px}.precio-divider{border:none;border-top:1px solid var(--bdr-dark)}.precios-nota{text-align:center;font-size:14px;color:var(--dim);margin-top:32px}.faq-sec{padding:96px 0;background:var(--warm);min-height:100svh;display:flex;flex-direction:column;justify-content:center}.faq-list{border-top:1px solid var(--bdr-light)}.faq-item{border-bottom:1px solid var(--bdr-light)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;font-size:17px;font-weight:600;color:#0b0f1a;text-align:left;background:none;border:none;font-family:var(--sans);cursor:pointer;transition:color .15s}.faq-q:hover{color:var(--teal-d)}.faq-q:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:3px}.faq-icon{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--bdr-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;color:var(--mid-light);transition:transform .22s,border-color .15s,color .15s;line-height:1}.faq-item--open .faq-icon{transform:rotate(45deg);border-color:var(--teal-d);color:var(--teal-d)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.faq-item--open .faq-a{grid-template-rows:1fr}.faq-a>p{overflow:hidden}.faq-item--open .faq-a>p{padding-bottom:22px}.faq-a p{font-size:16px;color:var(--mid-light);line-height:1.75}.contacto{padding:96px 0;background:var(--ink)}.contacto-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.contacto-copy h2{font-size:clamp(28px,3.8vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;color:var(--bright)}.contacto-copy .sec-desc{color:var(--dim)}.contacto-alts{display:flex;flex-direction:column;gap:14px;margin-top:36px}.contacto-alt-link{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--dim);transition:color .15s}.contacto-alt-link:hover{color:var(--bright)}.contacto-alt-link svg{flex-shrink:0}.contacto-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}.form-group input,.form-group select,.form-group textarea{font-family:var(--sans);font-size:16px;color:var(--bright);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:13px 16px;outline:none;width:100%;transition:border-color .15s,background .15s}.form-group input::placeholder,.form-group textarea::placeholder{color:#e6eaf559}.form-group select{color:var(--dim);appearance:none;cursor:pointer}.form-group select option{background:var(--ink2);color:var(--bright)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);background:#0fc2a00f;color:var(--bright)}.form-group textarea{resize:vertical;min-height:120px}.form-status{font-size:15px;line-height:1.5;padding:14px 18px;border-radius:8px}.form-status--ok{background:#0fc2a01a;border:1px solid rgba(15,194,160,.3);color:var(--teal)}.form-status--err{background:#ff505014;border:1px solid rgba(255,80,80,.2);color:#ff8080}.footer{background:#060910;padding:44px 0;border-top:1px solid var(--bdr-dark)}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:32px}.footer-logo{font-family:var(--mono);font-size:16px;font-weight:700;color:#ffffff73}.footer-tagline{font-size:14px;color:#ffffff40;line-height:1.6;margin-top:10px}.footer-nav{display:flex;gap:22px;flex-wrap:wrap}.footer-nav a{font-size:14px;color:#ffffff47;transition:color .15s}.footer-nav a:hover{color:#fff9}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--bdr-dark);padding-top:22px}.footer-bottom p,.footer-bottom a{font-size:13px;color:#ffffff38}.footer-bottom a:hover{color:#ffffff80}@media (max-width: 860px){.hero-inner{grid-template-columns:1fr;padding:60px 28px 48px;min-height:auto}.hero-visual{display:none}.steps-flex{flex-direction:column}.step-arrow{padding:4px 0 4px 20px;transform:rotate(90deg)}.contacto-inner{grid-template-columns:1fr;gap:52px}.nav-links{display:none}.nav-hamburger{display:flex}.footer-inner{flex-direction:column;gap:24px}.svc-grid,.precios-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){body{font-size:16px}.hero-inner{padding:48px 20px 44px}.servicios,.como-funciona,.portafolio,.precios,.faq-sec,.contacto{padding:72px 0}.svc-grid,.precios-grid{grid-template-columns:1fr}.container,.container--narrow{padding:0 20px}.sec-head h2,.contacto-copy h2{font-size:28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}