@charset "UTF-8";
:root{color-scheme:dark;--bg:#080810;--text:#faf9ff;--muted:#cec5e5;--purple:#c549f3;--blue:#129bff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 63% 6%,#32145570,transparent 27%),radial-gradient(ellipse at 0 75%,#35105f45,transparent 30%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1320px;width:calc(100% - 48px);margin-inline:auto}.header{display:flex;align-items:center;gap:22px;padding:18px 18px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;letter-spacing:3px;font-size:18px}.brand small{display:block;font-size:10px;letter-spacing:3px}.monogram{font:52px/.9 Georgia,serif;letter-spacing:-8px;padding-right:8px}.header nav{display:flex;gap:23px;margin:auto;font-size:13px}.header nav a:hover{color:#ce8aff}.social{display:flex;align-items:center;gap:8px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:linear-gradient(105deg,#d333ed 0%,#8232ff 43%,#087efb 83%,#1ab8ed 100%);border:1px solid #d795ff;border-right-color:#46c7ff;border-radius:40px;box-shadow:inset 0 1px 7px #ffffff38,0 3px 24px #a333ef45;padding:13px 20px;font-weight:600;font-size:14px;color:white;transition:transform .2s,box-shadow .2s;text-align:center}.button:hover{transform:translateY(-3px);box-shadow:0 5px 30px #b540ed80}.button svg{width:25px;height:25px}.header-cta{font-size:12px;padding:10px 16px;white-space:nowrap}.menu-toggle{display:none}.hero{min-height:425px;position:relative;padding:24px 22px 26px;isolation:isolate;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:59%}.eyebrow{display:inline-block;border:1px solid #b99aca;border-right-color:#9859eb;border-radius:9px;padding:5px 12px;font-size:11px;letter-spacing:2px;box-shadow:0 0 14px #a25ce92e}.eyebrow b{color:#63d2ff;font-weight:500}.eyebrow span{margin:0 4px}h1{font-size:clamp(32px,3.25vw,46px);line-height:1.04;letter-spacing:-1.6px;margin:20px 0 14px}h1>span,.gradient-text{background:linear-gradient(100deg,#d650d2,#934dfe 40%,#1fa9ee 78%,#5570ff);background-clip:text;color:transparent}.intro{max-width:510px;font-size:17px;line-height:1.4;margin:0 0 18px}.benefits{display:flex;gap:24px;margin:20px 0}.benefits>div{display:flex;align-items:center;gap:12px;font-size:12px}.benefits svg{width:44px;height:44px;padding:10px;border:1px solid #daa1ff;border-radius:15px;color:#d791ff}.primary{min-width:310px;font-size:17px;padding:11px 25px}.primary svg{width:30px;height:30px}.arrow{font-size:27px;margin-left:15px;font-weight:400}.assurances{display:flex;gap:24px;font-size:11px;margin-top:17px;color:#e7ddff}.portrait{position:absolute;right:10%;top:-75px;bottom:0;width:43%;z-index:-1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 14%,#000 87%,transparent)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080810 0%,transparent 25%),linear-gradient(90deg,#170d2b80,transparent 40%)}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center 24%}.signature{position:absolute;right:1.5%;top:35px;width:160px;text-align:center}.signature>div{font:italic 48px/1 Georgia,serif;color:#f4c4ff;transform:rotate(-12deg);text-shadow:0 0 16px #d142fa;margin:12px 0 25px}.signature>div span{margin-left:28px}.signature>a{font-size:14px;color:#dbc8f6}.signature p{text-align:left;font-size:17px;line-height:1.25;padding-left:15px;margin-top:32px}.results{border:1px solid #7272c9;border-radius:15px;background:linear-gradient(120deg,#10111d,#111326);padding:16px 20px 12px;box-shadow:inset 0 0 30px #35419315}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}h2{font-size:30px;line-height:1.15;margin:0 0 3px;letter-spacing:-.5px}h2>span:not(.gradient-text){font-weight:400;color:#d3bdf4}.section-top p{margin:0;color:var(--muted);font-size:15px}.period{font-size:12px;border:1px solid #555570;padding:6px 12px;border-radius:25px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr) 2.15fr;gap:8px}.stat{background:#fafbff;color:#101129;border:2px solid #e2e1ed;border-radius:10px;padding:12px 10px;min-width:0}.stat h3{font-size:12px;margin:0 0 8px}.number{font-size:27px;letter-spacing:-1px;white-space:nowrap}.number small{font-size:13px;color:#007c51;letter-spacing:-.5px}.metric-art{height:74px;margin:12px 0 8px;display:flex;align-items:end;gap:5px;opacity:.8;background:repeating-linear-gradient(0deg,transparent 0 23px,#e5e2f2 23px 24px);border-bottom:1px solid #dcd5f0}.metric-art span{flex:1;background:linear-gradient(#9354ff,#dfc9ff);border-radius:2px 2px 0 0}.blue .metric-art span{background:linear-gradient(#239bff,#c9edff)}.stat p{font-size:11px;margin:7px 0 0;line-height:1.6}.result-proof{border:1px solid #bb65ea;border-radius:12px;padding:14px 16px;background:radial-gradient(ellipse at 100% 100%,#8428a445,transparent 65%),#10102b}.mini-label{font-size:10px;letter-spacing:2px;color:#cd9ff5}.result-proof h3{font-size:21px;line-height:1.15;margin:7px 0 12px}.extra-stats{display:flex;gap:28px}.extra-stats span{font-size:11px}.extra-stats b{display:block;font-size:24px}.result-proof p{font-size:12px;color:#dfd5f0;margin:10px 0}.proof-button{padding:0;border:0;background:none;color:#e2b1ff;font-size:12px;text-align:left}.proof-button span{margin-left:8px}.data-note{font-size:10px;color:#aea5c7;margin:9px 0 0}.services{padding:18px 8px 0}.handwriting{font:italic 22px/1.1 Georgia,serif;transform:rotate(-8deg);margin-right:25px;text-align:center;color:#e4d0f1}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service{min-height:276px;border:1px solid #d088ed;border-radius:14px;position:relative;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(180deg,#211039cc,transparent 75%),url('assets/referencia.png');background-repeat:no-repeat;background-size:100% 100%,1312px 1200px}.service-sites{background-position:0 0,-29px -833px}.service-ads{background-position:0 0,-344px -833px;background-color:#0664db}.service-brand{background-position:0 0,-660px -833px}.service-consult{background-position:0 0,-974px -833px}.service-content{background:linear-gradient(90deg,#21143feF,#251640d9);margin:-16px -16px 0;padding:18px 16px 12px;min-height:137px}.service-ads .service-content{background:linear-gradient(90deg,#0746aa,#0659c8e8)}.service-consult .service-content{background:linear-gradient(90deg,#092277,#101943ed)}.service h3{display:flex;align-items:center;gap:9px;font-size:15px;margin:0 0 8px}.service h3 svg{width:29px;height:29px;color:#e1a5ff}.service p{font-size:13px;line-height:1.4;max-width:235px;margin:0;color:#e6d6f8}.service>.button{align-self:flex-start;font-size:12px;padding:10px 13px;gap:8px;box-shadow:0 0 25px #a649ff70}.service>.button svg{width:21px;height:21px}.packages{padding:40px 8px 0}.packages .section-top{margin-bottom:30px}.packages h2{font-size:32px;margin-top:7px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package{position:relative;padding:26px;border:1px solid #8a64bf;border-radius:18px;background:linear-gradient(125deg,#171124,#0b0d20);display:flex;flex-direction:column}.package-index{font-size:10px;letter-spacing:2px;color:#c89de9}.package h3{font-size:27px;margin:10px 0 12px}.package ul{list-style:none;margin:0 0 26px;padding:0;flex:1}.package li{font-size:15px;color:#dfd7ed;padding:7px 0 7px 20px;position:relative}.package li:before{content:"•";color:#b75cf0;position:absolute;left:0}.package .button{align-self:stretch}.featured{border-color:#d789ff;box-shadow:0 0 18px #9833fa60,inset 0 0 16px #6027be28}.popular{position:absolute;top:-14px;left:24px;background:linear-gradient(95deg,#e860ef,#9651ff);color:white;letter-spacing:2px;font-size:10px;font-weight:700;padding:5px 17px;border-radius:20px;box-shadow:0 0 16px #c749f0}.budget-note{text-align:center;color:#bfb2d3;font-size:13px;margin:18px 0 27px}.contact{display:flex;align-items:center;gap:20px;padding:22px 30px;border:1px solid #614578;border-radius:20px;background:radial-gradient(ellipse at 80% 0,#7e328745,transparent 65%),#10101b}.contact>div{flex:1}.contact h2{font-size:23px}.contact p{color:var(--muted);font-size:14px;margin:5px 0 0}.instagram-link{display:flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid #8d58a8;border-radius:25px;font-size:11px}.contact .button{white-space:nowrap}footer{padding:22px 8px;display:flex;justify-content:space-between;color:#a99bbd;font-size:12px}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:#7427c7;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #7fe4ff;outline-offset:5px}dialog{width:min(950px,95vw);max-height:90vh;background:#11101d;color:white;border:1px solid #b260e1;border-radius:15px;padding:20px}dialog::backdrop{background:#03030adb;backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-header h2{font-size:21px}.dialog-header button{color:white;background:#382249;border:0;border-radius:50%;font-size:25px;width:40px;height:40px;flex-shrink:0}.proof-images{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proof-images img{width:100%;height:auto;border-radius:8px}body.modal-open{overflow:hidden}
@media(min-width:1450px){.hero{min-height:465px}.portrait{right:11%}.service{min-height:285px}}
@media(max-width:1150px){.header{gap:15px}.header nav{gap:16px}.header-social{display:none}.hero-copy{width:67%}.portrait{right:1%;width:48%;opacity:.8}.signature{display:none}.benefits{gap:15px}.stats{grid-template-columns:repeat(4,1fr)}.result-proof{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.result-proof .mini-label{display:none}.result-proof h3{font-size:19px;margin:0}.result-proof p{max-width:190px}.service-grid{grid-template-columns:repeat(2,1fr)}.service{min-height:280px;background-size:100% 100%,1550px 1418px}.service-sites{background-position:0 0,-34px -983px}.service-ads{background-position:0 0,-406px -983px}.service-brand{background-position:0 0,-780px -983px}.service-consult{background-position:0 0,-1150px -983px}.service p{max-width:90%}.contact{flex-wrap:wrap}.contact>div{flex-basis:100%}.package{padding:22px}.number{font-size:24px}.number small{font-size:12px}}
@media(max-width:950px){.wrap{width:calc(100% - 32px)}.header{padding:20px 0;justify-content:space-between}.brand{font-size:15px}.monogram{font-size:45px}.header-cta{display:none}.menu-toggle{display:block;background:#1c112c;border:1px solid #8d57b2;border-radius:9px;color:white;font-size:22px;padding:4px 10px}.header nav{display:none;position:absolute;left:0;right:0;top:77px;background:#12101feF;border:1px solid #77549b;border-radius:12px;padding:15px;box-shadow:0 12px 30px #0009;font-size:16px}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:10px}.hero{padding:12px 0 25px;display:flex;flex-direction:column;align-items:stretch}.hero-copy{width:100%}.eyebrow{font-size:9px;letter-spacing:1.3px;padding:6px 9px}h1{font-size:clamp(31px,7.5vw,48px);line-height:1.09;margin-top:18px;letter-spacing:-1.2px}.intro{font-size:16px;max-width:100%}.benefits{gap:10px;justify-content:space-between;margin:22px 0}.benefits>div{flex-direction:column;align-items:flex-start;font-size:10px;gap:8px}.benefits svg{width:38px;height:38px;padding:8px;border-radius:12px}.primary{width:100%;min-width:0;font-size:16px}.assurances{gap:6px;justify-content:space-between;font-size:9px}.portrait{position:relative;right:auto;top:auto;width:100%;height:370px;margin-top:23px;opacity:1;z-index:0;border-radius:20px;border:1px solid #734383;mask-image:linear-gradient(#000 85%,transparent)}.portrait img{object-position:center 29%}.portrait:after{background:linear-gradient(0deg,#0a0713,transparent 25%)}.signature{display:block;top:auto;bottom:60px;right:0;width:135px;z-index:1;padding:12px;background:#120b228c;border-radius:12px;backdrop-filter:blur(6px)}.signature>div{font-size:35px;margin:0 0 12px}.signature>a{font-size:12px}.signature p{display:none}.results{padding:18px 12px 12px}.section-top{align-items:flex-start;flex-direction:column;gap:12px}h2{font-size:26px}.section-top p{font-size:14px;margin-top:7px}.period{font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:12px 9px}.number{font-size:25px}.number small{display:block;font-size:13px;letter-spacing:0}.stat h3{font-size:12px}.metric-art{height:54px;margin-top:8px}.stat p{font-size:10px}.result-proof{display:block;padding:20px}.result-proof .mini-label{display:block}.result-proof h3{font-size:24px;margin:8px 0 15px}.extra-stats{gap:35px}.extra-stats b{font-size:27px}.result-proof p{max-width:none;font-size:14px}.proof-button{font-size:14px;margin-top:4px}.data-note{font-size:10px;line-height:1.5}.services{padding:26px 0 0}.handwriting{display:none}.service-grid{gap:14px}.service{min-height:320px;padding:14px;background-size:100% 100%,1450px 1326px}.service-content{margin:-14px -14px 0;padding:16px 14px;min-height:175px}.service h3{font-size:16px;align-items:flex-start;flex-direction:column}.service p{font-size:13px;max-width:100%}.service>.button{font-size:12px;padding:10px 12px;gap:6px;width:100%;line-height:1.2;min-height:48px}.service>.button svg{display:none}.service-sites{background-position:0 0,-34px -919px}.service-ads{background-position:0 0,-390px -919px}.service-brand{background-position:0 0,-730px -919px}.service-consult{background-position:0 0,-1090px -919px}.packages{padding:32px 0 0}.packages h2{font-size:29px}.package-grid{grid-template-columns:1fr;gap:26px}.package{padding:26px}.package h3{font-size:29px}.package li{font-size:16px}.package .button{font-size:15px}.contact{padding:23px 20px;gap:17px}.contact h2{font-size:25px}.contact p{font-size:15px}.contact .button{width:100%;font-size:13px;padding:13px 10px;gap:8px}.instagram-link{margin:auto;font-size:12px}.contact .button svg{width:23px}footer{font-size:11px;flex-direction:column;gap:8px;text-align:center;padding:22px 0}.proof-images{grid-template-columns:1fr}.dialog-header h2{font-size:18px}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service{min-height:290px}.service-content{min-height:135px}.service h3{flex-direction:row}.service>.button{width:auto}.benefits>div{font-size:9px}.assurances{font-size:8px}.number{font-size:23px}.eyebrow{font-size:8px}}
.portfolio{padding:42px 8px 0}.portfolio h2{margin-top:7px}.portfolio-count{font-size:12px;color:#dbc0f1;border:1px solid #63457e;border-radius:22px;padding:7px 13px;white-space:nowrap}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid #584475;border-radius:14px;overflow:hidden;background:linear-gradient(120deg,#181023,#10111e);transition:border-color .2s,transform .2s}.project-card:hover{border-color:#c17bea;transform:translateY(-4px)}.project-preview{display:block;position:relative;overflow:hidden}.browser-bar{height:30px;background:#21192d;display:flex;align-items:center;gap:5px;padding:0 10px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#9c76b5}.browser-bar i:first-child{background:#d381b6}.browser-bar i:nth-child(2){background:#c6aa76}.browser-bar span{font-size:10px;color:#c7b6d8;margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-preview img{display:block;width:100%;height:auto;aspect-ratio:1280/850;object-fit:cover;object-position:top;background:#201728;transition:transform .3s}.project-overlay{position:absolute;bottom:12px;right:12px;background:#130a24e8;border:1px solid #ae6fd5;color:#fff;border-radius:30px;padding:7px 12px;font-size:12px}.project-info{display:flex;align-items:center;justify-content:space-between;padding:17px;gap:12px}.project-info span{font-size:11px;color:#d39af9;letter-spacing:1px}.project-info h3{font-size:17px;margin:4px 0 0}.project-info>a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #71568a;border-radius:50%;flex-shrink:0;font-size:22px;color:#dcadff}.header nav{gap:16px}.header{gap:17px}
@media(max-width:1150px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.portfolio{padding:32px 0 0}.portfolio .section-top{gap:14px}.portfolio-grid{gap:16px}.header nav{gap:0}}
@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.project-info h3{font-size:18px}.project-overlay{font-size:13px}.browser-bar{height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


@media(max-width:950px){.portrait{height:auto;aspect-ratio:720/1280;mask-image:none;overflow:hidden}.portrait img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.portrait:after{display:none}.signature{position:static;align-self:center;width:auto;margin-top:18px;background:none;padding:0;backdrop-filter:none}.signature>div{font-size:32px}.signature>div br{display:none}.signature>div span{margin-left:8px}}


@media(max-width:950px){.portrait{aspect-ratio:720/890}.portrait img{height:100%;object-fit:cover;object-position:center bottom}}