@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0c0e;--ink:#f1f1ed;--muted:#9fa0a5;--line:#ffffff24;--acid:#e8ff79;--lilac:#bdb3ed;--font:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font);font-weight:500}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:6px}input:focus,select:focus,textarea:focus{outline:2px solid var(--lilac);outline-offset:3px}.wrap{width:90%;max-width:1440px;margin:auto}.section{padding-top:110px;padding-bottom:110px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600}header{height:94px;width:90%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{display:flex;align-items:center;font-family:var(--font);font-size:24px;font-weight:700;letter-spacing:-1.1px}.logo svg{width:36px;margin-right:11px;color:var(--acid)}.logo span{font-weight:400}.logo small{font-size:12px;margin-left:3px;color:var(--muted)}nav{display:flex;gap:34px;font-size:12px;color:#b9bbc3}nav a:hover{color:var(--acid)}.nav-cta{font-size:12px;border-bottom:1px solid #8c8d91;padding-bottom:7px}.nav-cta span{color:var(--acid);margin-left:22px}.menu{display:none}.hero{position:relative;min-height:750px;padding:35px 5% 0;isolation:isolate;overflow:hidden}.cloud-art{position:absolute;width:83%;height:100%;right:-5%;top:0;object-fit:cover;object-position:center;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 20%,#000)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#0b0c0e 0%,transparent 30%,transparent 82%,#0b0c0e 100%)}.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#b6b6ba}.hero-topline span:last-child{color:#949599}.hero h1{font-size:clamp(75px,9.4vw,150px);letter-spacing:-7px;line-height:.96;position:relative;margin-top:50px;font-weight:500;max-width:1250px;pointer-events:none;text-shadow:0 1px 15px #0002}.hero h1 span{display:block;color:var(--acid);white-space:nowrap;margin-top:2px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 300px;align-items:end;margin-top:110px;gap:35px}.hero-description{display:flex;gap:20px;align-items:flex-start}.hero-description p{font-size:13px;color:#c1c2c6}.tiny-cross{font-size:47px;line-height:1;color:var(--acid)}.round-link{border:1px solid #ffffff66;border-radius:50%;height:110px;width:110px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0c0e70;backdrop-filter:blur(4px);transition:background .2s}.round-link:hover{background:var(--acid);color:#111}.round-link span{font-size:8px;text-align:center;letter-spacing:1.2px}.round-link b{font-size:25px;font-weight:400}.hero-offer{padding:20px 22px;background:#efefdf;color:#151619;transform:rotate(-3deg);box-shadow:9px 9px 0 #b8b0df;transition:transform .3s}.hero-offer:hover{transform:rotate(0)}.hero-offer>span{font-size:8px;letter-spacing:1px}.hero-offer>div{display:flex;align-items:center;gap:10px;margin:7px 0 12px}.hero-offer strong{font-family:var(--font);font-size:42px;font-weight:500;letter-spacing:-2px}.hero-offer small{font-size:8px;line-height:1.5}.hero-offer a{display:flex;justify-content:space-between;font-size:12px;padding-top:12px;border-top:1px solid #10101040}.hero-offer a b{font-size:20px;line-height:1}.hero-foot{display:flex;justify-content:space-between;margin-top:53px;padding:21px 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.4px;color:#9f9fa5}.manifesto-strip{display:flex;justify-content:space-around;align-items:center;gap:24px;background:var(--acid);color:#161713;padding:19px 20px;font-family:var(--font);font-size:clamp(14px,2.1vw,34px);letter-spacing:-.5px;overflow:hidden;white-space:nowrap}.manifesto-strip b{font-weight:400;font-size:32px}.work-head{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:20px;align-items:end;margin-bottom:48px}.work-head .eyebrow{align-self:start;padding-top:8px;color:var(--lilac)}h2{font-size:clamp(38px,4.8vw,73px);line-height:1.04;letter-spacing:-3px}h2 span{color:#929399}.work-head>p:last-child{font-size:12px;color:#a0a1a9;padding-bottom:4px}.work-viewer{display:grid;grid-template-columns:26% 74%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.work-selector{padding-right:35px;display:flex;flex-direction:column}.work-selector button{background:none;border:0;border-bottom:1px solid var(--line);padding:22px 0;text-align:left}.work-selector button small{font-size:8px;letter-spacing:1.2px;color:#92939a;display:block;margin-bottom:10px}.work-selector button span{display:flex;justify-content:space-between;font-family:var(--font);font-size:26px;letter-spacing:-1px}.work-selector button b{font-weight:400;color:#64656d}.work-selector button[aria-selected=true]{color:var(--acid)}.work-selector button[aria-selected=true] b{color:var(--acid)}.work-selector button:hover{color:var(--lilac)}.viewer-hint{font-size:10px;color:#85868e;margin-top:auto;padding-top:24px}#work-panel{min-width:0}.work-browser{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#26272c;color:#b3b4bc;font-size:9px;border-radius:5px 5px 0 0}.browser-dots{font-size:6px;letter-spacing:3px}.work-browser button{border:0;background:transparent;font-size:24px;line-height:1}.work-image{width:100%;padding:0;display:block;background:#131418;border:0;cursor:zoom-in;overflow:hidden}.work-image img{width:100%;height:auto;display:block;aspect-ratio:1265/712;object-fit:cover;object-position:top;transition:opacity .2s}.work-caption{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:20px}.work-caption>div>span{font-size:8px;letter-spacing:1.3px;color:var(--lilac)}.work-caption p{font-size:13px;margin-top:5px}.work-caption>a{font-size:11px;border-bottom:1px solid #818189;padding-bottom:5px;white-space:nowrap}.work-caption>a span{margin-left:20px;color:var(--acid)}.work-footer{display:flex;justify-content:space-between;padding-top:20px;font-size:9px;letter-spacing:1.2px;color:#97989f}.landing{background:var(--lilac);color:#17151f;padding:55px 0 65px}.landing-top{display:flex;justify-content:space-between;border-bottom:1px solid #17151f40;padding-bottom:20px}.landing-top>span{font-size:9px;letter-spacing:1px}.landing-main{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center;padding:45px 0}.landing-main h2{font-size:clamp(42px,5.8vw,87px);letter-spacing:-4px}.landing-main h2 span{color:#514467}.landing-main p{font-size:14px;max-width:390px;margin-top:22px;color:#46404f}.landing-price>span{font-size:10px;letter-spacing:1px}.landing-price strong{font-family:var(--font);font-size:clamp(46px,5.8vw,87px);letter-spacing:-4px;font-weight:500;line-height:1.4;display:block;white-space:nowrap}.landing-price strong small{font-size:11px;letter-spacing:0;margin-left:9px}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 22px;font-size:13px;border:0;border-radius:0;font-weight:500;transition:background .2s}.button span{font-size:22px;line-height:1}.black,.navy{background:#17151f;color:white}.black:hover,.navy:hover{background:#383044}.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid #17151f40;padding-top:30px}.included-grid b{font-size:30px;font-weight:400}.included-grid h3{font-size:15px;margin:10px 0 7px;letter-spacing:-.4px}.included-grid p{font-size:12px;color:#514961;max-width:220px}.services{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-bottom:80px}.services .eyebrow{color:var(--lilac)}.services h2{font-size:clamp(37px,4.2vw,64px);margin-top:22px}.services-intro>p:last-child{font-size:13px;color:#a2a3aa;max-width:365px;margin-top:25px}.service-list{padding-top:10px}.service-list details{border-top:1px solid var(--line)}details summary{list-style:none}summary::-webkit-details-marker{display:none}.service-list summary{display:flex;align-items:center;gap:18px;padding:22px 0}.service-list summary>span{color:#7e7f87;font-size:10px}.service-list h3{font-size:21px;letter-spacing:-.7px}.service-list summary b{font-size:23px;font-weight:400;margin-left:auto;color:var(--lilac)}.service-list details[open] summary b{transform:rotate(45deg)}.service-list details>div{padding:0 0 25px 32px}.service-list p{font-size:12px;color:#a2a3aa}.service-list a{display:inline-block;font-size:11px;color:var(--acid);margin-top:16px}.process{padding-top:15px;padding-bottom:90px}.process-word{font-family:var(--font);font-size:clamp(43px,7.4vw,110px);letter-spacing:-5px;border-bottom:1px solid var(--line);padding-bottom:25px;line-height:1.1;color:#7d7e85}.process-word span{color:var(--ink)}.process-word b{font-weight:400;color:var(--acid);float:right}.process-grid{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:38px;padding-top:30px}.process-grid>p{font-size:9px;letter-spacing:1px;color:#878890}.process-grid small{font-size:8px;letter-spacing:1.5px;color:var(--lilac)}.process-grid h3{font-size:16px;margin:15px 0 10px}.process-grid article p{font-size:12px;color:#9697a0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.contact h2{font-size:clamp(46px,5.5vw,82px);margin-top:25px}.contact h2 span{color:var(--acid)}.contact h2 i{color:var(--acid);font-style:normal;font-weight:400;margin-left:18px}.contact>div>p:not(.eyebrow){max-width:350px;font-size:13px;color:#a2a3aa;margin-top:22px}.contact-offer{margin-top:30px;font-size:11px;border-top:1px solid var(--line);padding-top:22px;max-width:350px}.contact-offer strong{font-family:var(--font);font-size:23px;font-weight:400;color:var(--acid);margin:0 4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:11px;margin-bottom:20px;color:#b5b5bf}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #ffffff40;background:#18191e;color:white;padding:13px 12px;margin-top:8px;font-size:13px;border-radius:0}input::placeholder,textarea::placeholder{color:#85868e}select{color-scheme:dark}textarea{resize:vertical}.contact form>.button{background:var(--acid);color:#171811;width:100%}.contact form>.button:hover{background:#f1ffae}.form-note{font-size:10px;color:#9697a0;margin-top:12px}#result{padding:20px;background:#262a20;margin-top:20px;font-size:12px}#result textarea{font-size:12px}#copy{border:0;border-bottom:1px solid #979f7d;background:none;padding:8px 0;margin-top:15px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:12%;padding-bottom:90px}.faq h2{font-size:29px;letter-spacing:-1px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:13px;display:flex;justify-content:space-between}.faq summary:after{content:'+';margin-left:25px;color:var(--lilac)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:#a1a2ac;margin-top:15px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:30px 0 90px;gap:20px}footer p,footer>span{font-size:10px;color:#8a8b94}footer .logo{font-size:21px}.whatsapp{position:fixed;right:22px;bottom:22px;border-radius:50%;width:54px;height:54px;background:var(--acid);color:#13150c;border:0;display:flex;align-items:center;justify-content:center;z-index:20;box-shadow:0 4px 20px #0003}.whatsapp svg{width:25px;height:25px}.whatsapp span{display:none}dialog{background:#eae9e1;color:#17171a;border:0;padding:40px;width:calc(100% - 30px);max-width:500px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:34px;letter-spacing:-1.5px;margin:18px 0}dialog p:not(.eyebrow){font-size:14px;color:#55555c;margin-bottom:25px}.close{background:transparent;border:0;color:#17171a;position:absolute;right:15px;top:8px;font-size:30px}.skip{position:fixed;top:-100px;left:10px;background:#e8ff79;color:black;padding:12px;z-index:100}.skip:focus{top:10px}#project-dialog{width:min(1200px,95vw);max-width:none;padding:20px;background:#18191d;color:white}#project-dialog img{display:block;width:100%;max-height:74vh;object-fit:contain;margin:17px 0}#project-dialog>a{font-size:12px;color:var(--acid)}.project-dialog-head{display:flex;justify-content:space-between;font-family:var(--font)}#close-project{background:transparent;border:0;font-size:12px;padding:5px;color:white}
@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2));min-height:840px}.hero-bottom{margin-top:150px}.cloud-art{width:75%}header{max-width:1440px}}
@media(max-width:1050px){header{height:80px}.logo{font-size:21px}nav{gap:20px;font-size:11px}.nav-cta{font-size:10px}.hero{min-height:660px}.hero h1{letter-spacing:-5px;margin-top:55px}.hero-bottom{grid-template-columns:1fr .5fr 260px;margin-top:110px;gap:20px}.hero-offer strong{font-size:36px}.hero-description p{font-size:11px}.tiny-cross{font-size:36px}.round-link{width:90px;height:90px}.hero-foot{margin-top:45px;font-size:7px}.section{padding-top:80px;padding-bottom:80px}.work-head{grid-template-columns:.65fr 1.3fr 1fr}h2{letter-spacing:-2px}.work-head>p:last-child{font-size:11px}.work-selector{padding-right:25px}.work-selector button{padding:17px 0}.work-selector button span{font-size:22px}.work-selector button small{font-size:7px}.work-viewer{grid-template-columns:28% 72%}.landing-main h2{letter-spacing:-2.5px}.landing-price strong{letter-spacing:-2.5px}.included-grid{gap:20px}.services{gap:8%}.service-list h3{font-size:18px}.process-word{letter-spacing:-3px}.contact{gap:8%}.work-caption p{font-size:11px}}
@media(max-width:760px){header{height:76px}.logo{font-size:22px}.logo svg{width:29px;margin-right:8px}.nav-cta{display:none}.menu{display:block;background:none;border:0;border-bottom:1px solid #74747c;padding:8px 0;font-size:12px}nav{display:none;position:absolute;top:76px;left:-5.6%;right:-5.6%;background:#191a20;border-bottom:1px solid #55555e;padding:27px 6%;flex-direction:column;gap:22px;font-size:16px}nav.open{display:flex}.hero{padding:27px 5% 0;min-height:0}.hero-topline{font-size:7px;letter-spacing:1px}.hero-topline span:last-child{display:none}.hero h1{font-size:clamp(56px,11.5vw,86px);letter-spacing:-3px;line-height:.98;margin-top:32px}.hero h1 span{white-space:normal;max-width:530px;margin-top:0}.cloud-art{width:140%;height:520px;top:65px;right:-25%;object-fit:cover;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 90%,transparent)}.hero:after{background:linear-gradient(0deg,#0b0c0e 3%,transparent 53%)}.hero-bottom{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:170px;align-items:center}.hero-description{gap:10px;grid-column:1/-1}.hero-description p{font-size:12px}.hero-description br{display:none}.hero-description p{max-width:280px}.tiny-cross{font-size:37px}.round-link{grid-column:1;justify-self:start;width:94px;height:94px}.hero-offer{grid-column:2;width:210px;justify-self:end;padding:15px 17px;transform:rotate(-3deg)}.hero-offer>span{font-size:6px;letter-spacing:.7px}.hero-offer strong{font-size:31px;letter-spacing:-1.5px}.hero-offer small{font-size:7px}.hero-offer a{font-size:11px}.hero-foot{margin-top:35px;font-size:6px;letter-spacing:1px;gap:25px}.hero-foot span:first-child{max-width:190px}.manifesto-strip{font-size:13px;gap:15px;padding:14px 0;justify-content:center}.manifesto-strip b{font-size:20px}.manifesto-strip span{white-space:normal;line-height:1.2;max-width:130px}.manifesto-strip b:last-child{display:none}.section{padding-top:65px;padding-bottom:65px}.work-head{display:block;margin-bottom:25px}.work-head h2{font-size:49px;letter-spacing:-2.3px;margin-top:23px}.work-head>p:last-child{font-size:12px;margin-top:22px}.work-head>p:last-child br{display:none}.work-viewer{display:flex;flex-direction:column;padding:0 0 22px;border-top:0}.work-selector{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:0 0 25px}.work-selector button{padding:15px 0}.work-selector button small{font-size:7px;margin-bottom:7px}.work-selector button span{font-size:22px}.viewer-hint{display:none}.work-browser{height:30px;padding:0 10px;font-size:8px}.work-browser button{font-size:22px}.work-caption{align-items:flex-start;gap:12px;margin-top:17px}.work-caption>div>span{font-size:6px;letter-spacing:1px}.work-caption p{font-size:11px;max-width:210px}.work-caption>a{font-size:10px}.work-caption>a span{margin-left:6px}.work-footer{font-size:6px;letter-spacing:.8px}.landing{padding:35px 0 45px}.landing-top{display:block}.landing-top .eyebrow{font-size:8px}.landing-top>span{display:none}.landing-main{grid-template-columns:1fr;gap:35px;padding:30px 0}.landing-main h2{font-size:47px;letter-spacing:-2.5px}.landing-main p{font-size:13px;margin-top:18px}.landing-price>span{font-size:8px}.landing-price strong{font-size:62px;letter-spacing:-3px}.landing-price .button{margin-top:10px}.included-grid{grid-template-columns:1fr 1fr;gap:27px 20px}.included-grid h3{font-size:13px}.included-grid p{font-size:11px}.included-grid b{font-size:25px}.services{grid-template-columns:1fr;gap:30px}.services h2{font-size:44px;letter-spacing:-2px}.service-list h3{font-size:18px}.service-list summary{gap:12px}.service-list details>div{padding-left:26px}.process{padding-bottom:60px}.process-word{font-size:46px;letter-spacing:-2.5px;padding-right:35px;position:relative}.process-word b{position:absolute;right:0;bottom:24px;font-size:42px}.process-grid{grid-template-columns:1fr;gap:23px}.process-grid>p{font-size:8px}.process-grid article{padding-top:18px;border-top:1px solid var(--line)}.process-grid h3{margin:8px 0}.process-grid article p{max-width:320px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:51px;letter-spacing:-2.5px}.contact>div>p:not(.eyebrow){font-size:13px}.contact-offer{margin-top:24px}.form-row{gap:12px}input,select,textarea{font-size:16px}.faq{grid-template-columns:1fr;gap:20px;padding-bottom:55px}.faq h2{font-size:29px}.faq summary{font-size:12px}.faq details p{font-size:12px}footer{flex-direction:column;align-items:flex-start;gap:13px;padding-bottom:85px}.whatsapp{width:48px;height:48px;right:16px;bottom:16px}dialog{padding:30px}dialog h2{font-size:30px}#project-dialog{padding:12px}.project-dialog-head{font-size:14px}#project-dialog>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-width:1599px){.hero{min-height:670px}.hero-bottom{margin-top:60px}.hero-foot{margin-top:35px}}
@media(max-width:760px){.cloud-art{mask-image:linear-gradient(0deg,transparent 3%,#000 37%,#000 90%,transparent)}.hero-description p{color:#e1e1e4;text-shadow:0 1px 8px #000,0 1px 12px #000}}

/* Titular comercial aprobado */
.hero h1{font-size:clamp(50px,7.25vw,116px);letter-spacing:-.055em;line-height:1.04}.hero-description p{max-width:310px}
@media(max-width:760px){.hero h1{font-size:clamp(37px,9.8vw,70px);letter-spacing:-.05em;line-height:1.07}.hero h1 span{max-width:100%}.hero-bottom{margin-top:135px}.hero-description p{max-width:280px}}

/* Titular en cuatro líneas */
.hero h1{font-size:clamp(58px,6.6vw,100px);line-height:.98;margin-top:32px}.hero h1 span{margin-top:12px}.hero-bottom{margin-top:32px}
@media(max-width:760px){.hero h1{font-size:clamp(44px,11.5vw,70px);line-height:1;margin-top:28px}.hero h1 span{margin-top:10px}.hero-bottom{margin-top:95px}}

.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note a{overflow-wrap:anywhere}#result{margin-top:16px;line-height:1.5}.whatsapp{text-decoration:none}
