:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020617;--card:#0f172ad1;--card-strong:#0f172af5;--text:#fff;--muted:#cbd5e1;--muted-dark:#94a3b8;--blue:#1e88ff;--cyan:#38bdf8;--violet:#8b5cf6;--green:#22c55e;--orange:#f59e0b;--pink:#ec4899;--line:#94a3b829}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;font-family:inherit}img{width:100%;display:block}.page{background:radial-gradient(circle at 15% 0,#1e88ff3d,#0000 30%),radial-gradient(circle at 88% 9%,#8b5cf629,#0000 28%),linear-gradient(#020617 0%,#050914 44%,#020617 100%);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.cursor-light{pointer-events:none;z-index:1;background:radial-gradient(520px circle at var(--cursor-x,50%) var(--cursor-y,20%), #38bdf81f, #8b5cf60f 34%, transparent 66%);mix-blend-mode:screen;position:fixed;inset:0}.scroll-progress{z-index:300;background:#ffffff0a;width:100%;height:4px;position:fixed;top:0;left:0}.scroll-progress span{background:linear-gradient(90deg, var(--blue), var(--cyan), var(--violet), var(--cyan), var(--blue));background-size:220% 100%;height:100%;transition:width .1s linear;animation:2.4s linear infinite shimmer;display:block;box-shadow:0 0 18px #38bdf8e6}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.navbar{z-index:220;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#020617eb,#0f172ac7),#020617db;border:1px solid #38bdf833;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;width:min(1160px,100% - 36px);padding:12px 15px;display:flex;position:fixed;top:16px;left:50%;translate:-50%;box-shadow:0 18px 70px #00000061,inset 0 1px #ffffff0f}.brand{letter-spacing:.2px;flex-shrink:0;align-items:center;gap:13px;font-weight:950;display:flex}.brand-icon{color:#fff;background:radial-gradient(circle at top left, #38bdf8eb, transparent 45%), linear-gradient(135deg, var(--blue), #0f172a);border:1px solid #38bdf880;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 38px #1e88ff7a,inset 0 1px #ffffff2e}.brand small{color:var(--cyan);letter-spacing:1.45px;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:900;display:block}.nav-links{color:var(--muted);scrollbar-width:none;justify-content:flex-end;align-items:center;gap:6px;font-size:13px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:10px 13px;transition:all .22s}.nav-link:hover{color:#fff;background:#38bdf81f}.nav-link-active{color:#fff;background:linear-gradient(135deg,#1e88ff6b,#38bdf838);border-color:#38bdf85c;box-shadow:0 0 28px #38bdf833}.hero{background:radial-gradient(circle at 32% 18%,#1e88ff47,#0000 34%),radial-gradient(circle at 88% 18%,#8b5cf62e,#0000 30%),linear-gradient(#02061714,#020617d1);min-height:auto;padding:118px 7% 78px;position:relative;overflow:hidden}.grid-overlay{pointer-events:none;background-image:linear-gradient(#38bdf80e 1px,#0000 1px),linear-gradient(90deg,#38bdf80e 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 88%);mask-image:linear-gradient(#000 0%,#0000 88%)}.noise-overlay{opacity:.85;pointer-events:none;background:linear-gradient(120deg,#0000,#38bdf80b,#0000),radial-gradient(circle at 40% 20%,#ffffff09,#0000 12%);position:absolute;inset:0}.animated-gradient{opacity:.58;pointer-events:none;background:conic-gradient(from 90deg,#0000,#1e88ff1a,#0000,#38bdf814,#0000,#8b5cf61a,#0000);animation:24s linear infinite rotateGlow;position:absolute;inset:-40%}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-bg-image{opacity:.055;filter:blur(1px);pointer-events:none;background-image:url(/Proyectos/bait-servicio-tecnico-1.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:470px;height:470px;position:absolute;top:110px;right:4%;transform:rotate(-8deg)}.hero-bg-glow{filter:blur(42px);pointer-events:none;background:radial-gradient(circle,#38bdf838,#0000 70%);width:420px;height:420px;position:absolute;top:170px;right:8%}.orb{filter:blur(82px);pointer-events:none;border-radius:999px;position:absolute}.orb-one{background:#1e88ff3b;width:430px;height:430px;top:130px;right:-150px}.orb-two{background:#38bdf821;width:340px;height:340px;bottom:100px;left:-110px}.orb-three{background:#8b5cf62b;width:210px;height:210px;top:46%;left:52%}.hero-layout{z-index:3;grid-template-columns:minmax(0,.9fr) minmax(360px,.8fr);align-items:center;gap:48px;width:100%;max-width:1160px;margin:0 auto;padding-top:28px;display:grid;position:relative}.hero-content{max-width:680px}.badge{color:#dbeafe;background:#0f172aad;border:1px solid #38bdf857;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin-bottom:22px;padding:10px 15px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 0 42px #1e88ff29}h1{color:#fff;letter-spacing:-2.3px;max-width:720px;margin-bottom:22px;font-size:clamp(38px,4vw,60px);line-height:1.03}h1 span{color:#0000;background:linear-gradient(135deg,#fff 0%,#7dd3fc 24%,#1e88ff 46%,#8b5cf6 65%,#7dd3fc 85%,#fff 100%) 0 0/320% 320%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-description{max-width:640px;color:var(--muted);margin-bottom:30px;font-size:16.7px;line-height:1.64}.hero-actions,.contact-actions{flex-wrap:wrap;gap:13px;display:flex}.hero-actions{align-items:center}.btn{letter-spacing:.1px;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 21px;font-weight:950;transition:all .24s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(115deg,#0000,#ffffff38,#0000);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.btn:hover:before{transform:translate(120%)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1e88ff,#38bdf8);box-shadow:0 18px 55px #1e88ff61}.btn-secondary,.btn-copy{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b84d}.btn-copy{cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-primary:hover{box-shadow:0 22px 65px #1e88ff85}.hero-pills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-pills span{color:#dbeafe;background:#1e88ff17;border:1px solid #38bdf830;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:850}.hero-showcase{min-height:445px;position:relative}.premium-showcase-card{background:radial-gradient(circle at 20% 0,#38bdf82e,#0000 38%),linear-gradient(#0f172ae0,#020617d6);border:1px solid #38bdf840;border-radius:34px;min-height:430px;position:relative;overflow:hidden;box-shadow:0 35px 112px #00000080,inset 0 1px #ffffff12}.showcase-orbit{border:1px solid #38bdf82e;border-radius:999px;width:330px;height:330px;position:absolute;top:-95px;right:-95px;box-shadow:inset 0 0 80px #38bdf814}.mockup-window{background:#020617d6;border:1px solid #38bdf83d;position:absolute;overflow:hidden;box-shadow:0 24px 80px #00000080}.mockup-main{border-radius:24px;width:78%;top:24px;right:22px;transform:rotate(2deg)}.mockup-main img{object-fit:cover;object-position:top;height:250px}.mockup-bar{height:38px;color:var(--muted-dark);border-bottom:1px solid #94a3b829;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.mockup-bar span{background:#94a3b8b3;border-radius:999px;width:10px;height:10px}.mockup-bar span:first-child{background:#ef4444}.mockup-bar span:nth-child(2){background:#f59e0b}.mockup-bar span:nth-child(3){background:#22c55e}.mockup-bar small{margin-left:6px}.mockup-phone{background:linear-gradient(#0f172af2,#020617fa);border:1px solid #38bdf847;border-radius:30px;width:150px;height:265px;padding:10px;position:absolute;bottom:28px;left:24px;transform:rotate(-5deg);box-shadow:0 25px 70px #0000008c}.mockup-phone img{object-fit:cover;object-position:top;border-radius:22px;height:100%}.showcase-metric{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae0;border:1px solid #38bdf842;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex;position:absolute;box-shadow:0 24px 80px #00000057}.showcase-metric svg{color:var(--cyan);flex-shrink:0}.showcase-metric strong{margin-bottom:3px;display:block}.showcase-metric span{color:var(--muted-dark);font-size:12px}.metric-one{bottom:96px;right:18px}.metric-two{bottom:24px;right:58px}.section{border-top:1px solid #38bdf814;padding:92px 7%;position:relative}.section:after{content:"";background:linear-gradient(90deg,#0000,#38bdf8a6,#0000);height:1px;position:absolute;top:0;left:7%;right:7%}.section>*{z-index:2;position:relative}#servicios{background:radial-gradient(circle at 8% 8%,#38bdf82e,#0000 30%),linear-gradient(#06192f 0%,#020617 100%)}#proyectos{background:radial-gradient(circle at 92% 8%,#8b5cf638,#0000 32%),radial-gradient(circle at 12% 85%,#1e88ff1f,#0000 34%),linear-gradient(#0d0b25 0%,#020617 100%)}#paquetes{background:radial-gradient(circle at 50% 0,#22c55e29,#0000 34%),radial-gradient(circle at 86% 80%,#38bdf81f,#0000 32%),linear-gradient(#041b21 0%,#020617 100%)}#proceso{background:radial-gradient(circle at 12% 10%,#22c55e29,#0000 30%),linear-gradient(#041f1d 0%,#020617 100%)}#tecnologias{background:radial-gradient(circle at 50% 0,#1e88ff33,#0000 32%),linear-gradient(#071936 0%,#020617 100%)}#sobre-mi{background:radial-gradient(circle at 85% 12%,#f59e0b29,#0000 30%),linear-gradient(#191306 0%,#020617 100%)}#faq{background:radial-gradient(circle at 12% 12%,#ec489924,#0000 30%),linear-gradient(#17081b 0%,#020617 100%)}.section-header,.services-grid,.projects-list,.process-grid,.tech-list,.about-layout,.faq-grid,.packages-grid,.project-filters{width:100%;max-width:1160px;margin-left:auto;margin-right:auto}.section-header{text-align:left;margin-bottom:42px}.eyebrow{color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;font-size:12.5px;font-weight:950;display:inline-block}.section-header h2,.about-layout h2,.contact h2{letter-spacing:-1.4px;margin-bottom:17px;font-size:clamp(30px,3.4vw,48px);line-height:1.1}.section-header p,.about-card p,.contact p,.process-card p,.faq-card p,.package-card p{color:var(--muted);font-size:16.5px;line-height:1.68}.service-card,.project-card,.process-card,.about-card,.faq-card,.package-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f172adb,#020617c2);border:1px solid #94a3b829;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000045}.premium-border:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;opacity:.4;background:linear-gradient(135deg,#38bdf885,#0000 38%,#8b5cf66b);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-card:hover,.project-card:hover,.process-card:hover,.faq-card:hover,.package-card:hover{border-color:#38bdf87a;transform:translateY(-7px);box-shadow:0 34px 96px #0000006b,0 0 0 1px #38bdf84d,0 0 70px #38bdf81f}.services-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.service-card{text-align:left;border-radius:28px;min-height:285px;padding:25px;transition:all .25s}.service-icon,.package-icon{color:#fff;background:radial-gradient(circle at 0 0,#38bdf8c7,#0000 48%),#1e88ff24;border:1px solid #38bdf857;border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:20px;display:grid;box-shadow:0 0 36px #1e88ff38}.service-card h3,.project-card h3,.process-card h3,.faq-card h3,.package-card h3{margin-bottom:11px;font-size:20px;line-height:1.2}.service-card p,.project-card p{color:var(--muted);font-size:15.2px;line-height:1.6}.service-tags,.project-tech{flex-wrap:wrap;gap:8px;display:flex}.service-tags{margin-top:18px}.project-tech{margin-top:20px}.service-tags span,.project-tech span{color:#dbeafe;background:#1e88ff14;border:1px solid #38bdf833;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.project-filters{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.project-filters button{color:#dbeafe;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b833;border-radius:999px;min-height:42px;padding:0 16px;font-weight:900;transition:all .22s}.project-filters button:hover,.project-filters .filter-active{color:#fff;background:linear-gradient(135deg,#1e88ff5c,#8b5cf638);border-color:#38bdf880;box-shadow:0 0 28px #38bdf829}.projects-list{gap:28px;display:grid}.project-card{text-align:left;border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(350px,.88fr);align-items:center;gap:28px;padding:25px;transition:all .25s;display:grid}.project-media{gap:14px;display:grid}.featured-image{cursor:pointer;background:#020617bd;border:1px solid #38bdf840;border-radius:26px;width:100%;height:420px;position:relative;overflow:hidden}.featured-image.image-loading{background:linear-gradient(90deg,#0f172acc 25%,#1e325099 50%,#0f172acc 75%) 0 0/200% 100%;animation:1.6s infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:200%}to{background-position:-200%}}.featured-image img{object-fit:contain;height:100%;padding:12px;transition:opacity .35s,transform .35s}.featured-image:hover img{transform:scale(1.025)}.image-glow{pointer-events:none;background:linear-gradient(#0000,#020617bd);border-radius:0 0 22px 22px;height:34%;position:absolute;inset:auto 12px 12px}.image-action{z-index:3;color:#fff;background:#0f172ad1;border:1px solid #38bdf847;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;bottom:18px;left:18px}.thumbnail-row{scrollbar-width:thin;gap:10px;padding:6px 2px 12px;display:flex;overflow-x:auto}.thumbnail{cursor:pointer;background:#020617cc;border:1px solid #94a3b833;border-radius:16px;min-width:78px;height:78px;padding:0;transition:all .22s;overflow:hidden}.thumbnail img{object-fit:cover;opacity:.75;height:100%;transition:opacity .22s,transform .22s}.thumbnail:hover img{opacity:.95;transform:scale(1.08)}.thumbnail-active{border-color:var(--cyan);box-shadow:0 0 0 3px #38bdf81f,0 0 24px #38bdf847}.thumbnail-active img{opacity:1}.project-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.project-top span{color:var(--cyan);background:#1e88ff1f;border:1px solid #38bdf83d;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:950}.project-top small{color:#86efac;font-size:13px;font-weight:900}.project-card h3{letter-spacing:-.8px;font-size:clamp(25px,2.5vw,36px);line-height:1.1}.project-card p{margin-top:14px;font-size:15.8px;line-height:1.63}.project-counter{color:#e2e8f0;background:#0f172aa3;border:1px solid #94a3b829;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-top:17px;padding:10px 14px;font-size:13px;font-weight:900;display:inline-flex}.project-counter svg{color:var(--cyan)}.packages-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.package-card{border-radius:30px;min-height:360px;padding:28px;transition:all .25s}.package-featured{background:radial-gradient(circle at 20% 0,#38bdf82e,#0000 38%),linear-gradient(#0f172aeb,#020617c7);border-color:#38bdf857;transform:translateY(-8px)}.package-label{color:#dbeafe;background:#1e88ff1a;border:1px solid #38bdf83d;border-radius:999px;width:fit-content;margin-bottom:18px;padding:7px 11px;font-size:12px;font-weight:900}.package-card ul{gap:12px;margin-top:22px;list-style:none;display:grid}.package-card li{color:#e2e8f0;align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.package-card li svg{color:#86efac;flex-shrink:0}.process-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.process-card{text-align:left;border-radius:28px;min-height:250px;padding:25px;transition:all .25s}.process-card span{color:var(--cyan);margin-bottom:15px;font-size:30px;font-weight:950;display:inline-flex}.process-card svg{color:var(--cyan);margin-bottom:18px;display:block}.tech-list{flex-wrap:wrap;gap:14px;display:flex}.tech-list span{color:#e2e8f0;background:linear-gradient(#0f172aeb,#020617c2);border:1px solid #94a3b82e;border-radius:999px;padding:14px 18px;font-weight:950;transition:all .22s}.tech-list span:hover{color:#fff;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 18px 44px #1e88ff24}.about-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:55px;display:grid}.about-card{text-align:left;border-radius:30px;gap:20px;padding:32px;display:grid}.about-highlights{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;display:grid}.about-highlights div{background:#0206177a;border:1px solid #38bdf82e;border-radius:22px;padding:18px}.about-highlights strong{color:#fff;margin-bottom:6px;display:block}.about-highlights span{color:var(--muted-dark)}.faq-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.faq-card{text-align:left;border-radius:27px;padding:25px;transition:all .25s}.faq-card svg{color:var(--cyan);margin-bottom:18px}.contact{text-align:left;background:radial-gradient(circle at 82% 15%,#38bdf83d,#0000 34%),radial-gradient(circle at 15% 90%,#8b5cf624,#0000 34%),linear-gradient(135deg,#0f172af7,#020617f5);border:1px solid #38bdf84d;border-radius:38px;grid-template-columns:1.12fr .88fr;align-items:center;gap:32px;width:86%;max-width:1160px;margin:42px auto 0;padding:52px;display:grid;box-shadow:0 28px 90px #00000057}.contact-info{gap:10px;margin-top:24px;display:grid}.contact-info span{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.contact-info svg{color:var(--cyan)}.contact-actions{justify-content:flex-end}.social-contact{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.social-contact a{color:#dbeafe;background:#1e88ff1a;border:1px solid #38bdf83d;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:14px;font-weight:900;transition:all .22s;display:inline-flex}.social-contact a:hover{background:#1e88ff33;border-color:#38bdf87a;transform:translateY(-2px)}.footer{max-width:1160px;color:var(--muted-dark);justify-content:space-between;align-items:center;gap:22px;margin:0 auto;padding:34px 7% 48px;font-size:14px;display:flex}.footer p{color:#e2e8f0;margin-bottom:6px;font-weight:800}.footer-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.footer-links a{color:var(--muted-dark);align-items:center;gap:7px;transition:color .2s;display:inline-flex}.footer-links a:hover{color:var(--cyan)}.image-modal{z-index:260;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617db;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal-content{background:#0f172aeb;border:1px solid #38bdf847;border-radius:28px;width:min(1100px,94vw);max-height:90vh;overflow:hidden}.modal-content img{object-fit:contain;background:#020617;max-height:78vh}.modal-content p{color:#e2e8f0;padding:16px 20px;font-weight:900}.modal-close{z-index:270;color:#fff;cursor:pointer;background:#0f172ae6;border:1px solid #38bdf852;border-radius:999px;place-items:center;width:46px;height:46px;transition:all .22s;display:grid;position:fixed;top:24px;right:24px}.modal-close:hover{background:#1e3250f2;border-color:#38bdf899}.back-to-top{z-index:210;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e88ff,#38bdf8);border-radius:999px;place-items:center;width:50px;height:50px;transition:all .22s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #1e88ff66}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 14px 40px #1e88ff8c}@media (width<=1180px){.hero-layout,.project-card,.about-layout,.contact{grid-template-columns:1fr}.services-grid,.process-grid,.packages-grid{grid-template-columns:repeat(2,1fr)}.contact-actions{justify-content:flex-start}.featured-image{height:390px}}@media (height<=720px) and (width>=861px){.hero{padding-top:102px;padding-bottom:44px}.hero-layout{gap:34px;padding-top:14px}h1{margin-bottom:16px;font-size:clamp(32px,3.55vw,48px);line-height:1.05}.hero-description{margin-bottom:20px;font-size:15.5px;line-height:1.48}.badge{margin-bottom:16px}.hero-pills{margin-top:16px}.hero-showcase,.premium-showcase-card{min-height:330px}.mockup-main img{height:200px}.mockup-phone{height:210px}}@media (width<=860px){.cursor-light,.animated-gradient,.orb,.hero-bg-image,.hero-bg-glow,.hero-showcase{display:none}.page{background:#020617}.hero{background:radial-gradient(circle at 50% 0,#1e88ff3d,#0000 34%),linear-gradient(#031a33 0%,#020617 100%);padding:134px 18px 54px}.grid-overlay{opacity:.5;background-size:42px 42px}.navbar{background:#020617f0;border-radius:24px;flex-direction:column;align-items:stretch;gap:12px;width:calc(100% - 22px);padding:12px;top:10px}.brand{gap:12px;width:100%}.brand-icon{border-radius:18px;flex-shrink:0;width:48px;height:48px}.brand small{letter-spacing:2px;font-size:11px}.nav-links{justify-content:flex-start;gap:8px;width:100%;padding:2px 2px 5px;overflow-x:auto}.nav-link{background:#0f172ac7;border:1px solid #94a3b824;flex:none;padding:9px 14px;font-size:13px}.hero-layout{padding-top:30px;display:block}.hero-content{text-align:center;max-width:100%}.badge{border-radius:28px;justify-content:center;width:100%;margin:0 auto 22px;padding:12px 14px;font-size:14px;line-height:1.45}h1{letter-spacing:-1.4px;max-width:100%;margin-bottom:20px;font-size:34px;line-height:1.08}.hero-description{color:#dbeafe;max-width:100%;font-size:16px;line-height:1.56}.hero-actions{justify-content:center}.hero-actions .btn,.contact-actions .btn{width:100%;min-height:52px}.hero-pills{justify-content:center;margin-top:18px}.section{border-top:none;padding:78px 18px 62px}.section:after{border-radius:999px;height:3px;left:18px;right:18px}.section:before{content:"";color:#fff;letter-spacing:2.4px;text-transform:uppercase;border:1px solid #ffffff2e;border-radius:999px;width:fit-content;margin:0 auto 22px;padding:9px 16px;font-size:12px;font-weight:950;display:block;box-shadow:0 0 36px #00000038}#servicios:before{content:"Servicios";background:linear-gradient(135deg,#38bdf859,#1e88ff29)}#proyectos:before{content:"Proyectos";background:linear-gradient(135deg,#8b5cf661,#1e88ff29)}#paquetes:before{content:"Paquetes";background:linear-gradient(135deg,#22c55e57,#38bdf824)}#proceso:before{content:"Proceso";background:linear-gradient(135deg,#22c55e57,#38bdf81f)}#tecnologias:before{content:"Tecnologías";background:linear-gradient(135deg,#1e88ff59,#38bdf829)}#sobre-mi:before{content:"Sobre mí";background:linear-gradient(135deg,#f59e0b59,#38bdf81a)}#faq:before{content:"Preguntas";background:linear-gradient(135deg,#ec489952,#8b5cf629)}.section-header{text-align:center;background:#0f172a61;border:1px solid #38bdf824;border-radius:24px;margin-bottom:28px;padding:18px 16px}.section-header h2,.about-layout h2,.contact h2{font-size:30px;line-height:1.12}.section-header p,.about-card p,.contact p,.process-card p,.faq-card p,.package-card p{font-size:16px;line-height:1.58}.services-grid,.process-grid,.faq-grid,.packages-grid{grid-template-columns:1fr;gap:14px}.service-card,.process-card,.faq-card,.package-card{border-radius:24px;min-height:auto;padding:21px}.package-featured{transform:none}.service-icon,.package-icon{border-radius:18px;width:54px;height:54px;margin-bottom:16px}.service-card h3,.process-card h3,.faq-card h3,.package-card h3{font-size:21px}.projects-list{gap:22px}.project-filters{justify-content:center}.project-card{border-radius:26px;flex-direction:column;gap:18px;padding:18px;display:flex}.project-info{order:1;width:100%}.project-media{order:2;width:100%}.featured-image{border-radius:22px;height:285px}.thumbnail{min-width:66px;height:66px}.project-card h3{font-size:27px}.project-card p{font-size:15px}.tech-list{justify-content:center;gap:10px}.tech-list span{padding:11px 14px;font-size:13px}.about-layout{display:block}.about-layout>div:first-child{text-align:center;margin-bottom:22px}.about-card{border-radius:24px;padding:22px}.about-highlights{grid-template-columns:1fr}.contact{text-align:center;border-radius:28px;width:calc(100% - 36px);margin-top:28px;padding:26px 20px;display:block}.contact-info{justify-items:center}.contact-info span{text-align:center;justify-content:center;font-size:14px}.social-contact,.contact-actions{justify-content:center}.contact-actions{margin-top:24px}.footer{text-align:center;flex-direction:column;padding:30px 18px 90px}.footer-links{justify-content:center}.back-to-top{bottom:84px;right:18px}}@media (width<=460px){.hero{padding-top:132px}.navbar{border-radius:22px;width:calc(100% - 18px);padding:11px}.brand{gap:10px;font-size:15px}.brand-icon{width:44px;height:44px}.brand small{letter-spacing:1.7px;font-size:10px}.nav-link{padding:8px 12px;font-size:12px}h1{font-size:31px;line-height:1.1}.section{padding:76px 16px 58px}.section-header h2,.about-layout h2,.contact h2{font-size:28px}.featured-image{height:255px}.project-card h3{font-size:24px}.project-card p{font-size:14.5px}.contact{width:calc(100% - 28px)}}.stats-section{z-index:8;margin-top:-26px;padding:0 7% 82px;position:relative}.stats-grid,.why-grid,.testimonials-grid{width:100%;max-width:1160px;margin-left:auto;margin-right:auto}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stat-card{background:radial-gradient(circle at 15% 0,#38bdf82e,#0000 36%),linear-gradient(#0f172aeb,#020617d1);border:1px solid #38bdf838;border-radius:28px;align-content:center;gap:8px;min-height:150px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000052}.stat-card svg{color:var(--cyan);margin-bottom:6px}.stat-card strong{letter-spacing:-1.8px;color:#fff;font-size:clamp(34px,4vw,48px);line-height:1;display:block}.stat-card span{color:var(--muted);font-size:14.5px;font-weight:800;line-height:1.45}.why-section{background:radial-gradient(circle at 50% 0,#38bdf829,#0000 34%),radial-gradient(circle at 90% 80%,#8b5cf624,#0000 30%),linear-gradient(#061426 0%,#020617 100%)}.why-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.why-card,.testimonial-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f172adb,#020617c2);border:1px solid #94a3b829;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000045}.why-card{border-radius:28px;min-height:260px;padding:25px}.why-card:hover,.testimonial-card:hover{border-color:#38bdf87a;transform:translateY(-7px);box-shadow:0 34px 96px #0000006b,0 0 0 1px #38bdf84d,0 0 70px #38bdf81f}.why-card svg,.testimonial-card svg{color:var(--cyan);margin-bottom:18px}.why-card h3,.testimonial-card h3{margin-bottom:11px;font-size:20px;line-height:1.2}.why-card p,.testimonial-card p{color:var(--muted);font-size:15.5px;line-height:1.62}.project-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;list-style:none;display:grid}.project-benefits li{color:#e2e8f0;align-items:center;gap:8px;font-size:13.5px;font-weight:850;line-height:1.35;display:flex}.project-benefits li svg{color:#86efac;flex-shrink:0}.testimonials-section{background:radial-gradient(circle at 15% 8%,#38bdf824,#0000 30%),radial-gradient(circle at 80% 20%,#ec48991f,#0000 34%),linear-gradient(#10101f 0%,#020617 100%)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.testimonial-card{border-radius:28px;flex-direction:column;justify-content:space-between;min-height:260px;padding:26px;display:flex}.testimonial-card div{border-top:1px solid #94a3b829;margin-top:22px;padding-top:18px}.testimonial-card strong{color:#fff;margin-bottom:5px;display:block}.testimonial-card span{color:var(--muted-dark);font-size:13px;font-weight:800}.floating-whatsapp{z-index:215;color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:999px;align-items:center;gap:10px;min-height:54px;padding:0 18px;font-weight:950;transition:all .22s;display:inline-flex;position:fixed;bottom:88px;right:24px;box-shadow:0 18px 48px #22c55e57,0 0 0 1px #ffffff1f}.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 24px 60px #22c55e75,0 0 0 1px #ffffff2e}@media (width<=1180px){.why-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.stats-section{margin-top:0;padding:0 18px 58px}.stats-grid,.why-grid,.testimonials-grid{grid-template-columns:1fr;gap:14px}.stat-card{text-align:center;border-radius:24px;justify-items:center;min-height:auto;padding:22px}.why-card,.testimonial-card{border-radius:24px;min-height:auto;padding:22px}.project-benefits{grid-template-columns:1fr}.floating-whatsapp{justify-content:center;bottom:18px;left:18px;right:18px}.back-to-top{bottom:84px}}