:root{--ink:oklch(17% .006 230);--white:oklch(99% 0 0);--soft:oklch(96.5% .002 230);--cyan:oklch(76% .145 220);--blue:oklch(48% .105 230);--muted:oklch(45% .01 230);--line:oklch(88% .005 230);--dark-muted:oklch(77% .008 230);--ease:cubic-bezier(.16, 1, .3, 1);color:var(--ink);background:var(--white);font-synthesis:none;font-family:Dosis,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;font-weight:500}p{text-wrap:pretty;line-height:1.65}svg{flex-shrink:0}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1280px;margin-inline:auto;padding-inline:52px}.skip{z-index:60;background:var(--cyan);padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip:focus{transform:none}.header{z-index:30;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:88px;margin:auto;padding:0 44px;display:flex}.logo{letter-spacing:-.04em;white-space:nowrap;font-size:36px;font-weight:400;line-height:1;display:inline-block}.logo>span{color:var(--blue);font-weight:600}.logo sup{vertical-align:super;letter-spacing:0;margin-left:2px;font-size:11px}.navigation{align-items:center;gap:34px;font-size:17px;font-weight:500;display:flex}.navigation>a:not(.button):hover{color:var(--blue)}.button{background:var(--cyan);color:var(--ink);min-height:50px;transition:background .25s, transform .25s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:20px;padding:14px 24px;font-size:18px;font-weight:600;display:inline-flex}.button:hover{background:oklch(82% .12 220);transform:translateY(-2px)}.nav-contact{border-color:var(--ink);background:0 0;padding:10px 20px;font-size:16px}.menu-toggle{display:none}.brand-mark{grid-template-columns:1fr 1fr;gap:5px;width:72px;height:72px;display:grid;transform:rotate(-12deg)}.brand-mark i{border:7px solid;border-radius:50% 50% 6px;display:block}.brand-mark i:nth-child(2){transform:rotate(90deg)}.brand-mark i:nth-child(3){transform:rotate(-90deg)}.brand-mark i:nth-child(4){transform:rotate(180deg)}.hero{isolation:isolate;min-height:660px;padding-top:82px;padding-bottom:30px;position:relative;overflow:hidden}.hero-watermark{z-index:-1;opacity:.028;width:500px;height:500px;color:var(--ink);gap:25px;position:absolute;top:30px;left:calc(50% - 250px);transform:rotate(20deg)}.hero-watermark i{border-width:48px;border-radius:50% 50% 30px}.hero-center{text-align:center;z-index:2;pointer-events:none;max-width:790px;margin:auto;position:relative}.hero-center a{pointer-events:auto}.hero-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-bottom:24px;font-size:15px;display:flex}.hero-note>span{background:var(--blue);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.03em;font-size:clamp(58px,6.7vw,88px);font-weight:500;line-height:1.04}.hero em,.footer em{background:var(--cyan);border-radius:10px;padding:0 14px 8px;font-style:normal;display:inline-block;transform:rotate(-2deg)}.hero-description{color:var(--muted);margin:28px 0 23px;font-size:19px}.hero-side{z-index:1;width:175px;position:absolute}.hero-side img{aspect-ratio:4/5;object-fit:cover;border-radius:12px 12px 80px;width:100%}.hero-side-left{top:73px;left:35px;transform:rotate(-9deg)}.hero-side-right{top:218px;right:30px;transform:rotate(9deg)}.hero-side-right img{border-radius:75px 12px 12px}.hero-side span{justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;display:flex}.hero-bottom{color:var(--muted);justify-content:space-between;align-items:end;margin-top:58px;font-size:14px;display:flex}.hero-bottom>a{align-items:center;gap:15px;display:flex}.hero-bottom>a span{border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.hero-bottom>span:last-child{text-align:right}.dark-panel{background:var(--ink);color:var(--white);border-radius:16px;max-width:1370px;margin-inline:auto;padding:48px 54px}.section-line{border-bottom:1px solid oklch(32% .006 230);justify-content:space-between;align-items:center;margin-bottom:34px;padding-bottom:26px;display:flex}.section-line h2{font-size:29px}.section-line p{color:var(--dark-muted);font-size:15px;line-height:1.5}.service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.service-card{transition:transform .3s var(--ease);background:oklch(24% .006 230);border-radius:12px;padding:23px 23px 18px}.service-card:hover{transform:translateY(-6px)}.service-card-1{background:var(--cyan);color:var(--ink)}.service-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.service-title h3{color:var(--cyan);font-size:34px;line-height:1.08}.service-card-1 h3{color:var(--ink)}.round-arrow{background:oklch(34% .006 230);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.service-card-1 .round-arrow{background:var(--ink);color:var(--white)}.service-card>p{color:var(--dark-muted);min-height:70px;padding-top:15px;font-size:16px;line-height:1.45}.service-card-1>p{color:oklch(29% .025 230)}.service-preview{border-radius:8px;height:210px;margin-top:20px;overflow:hidden}.service-preview img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.service-card:hover img{transform:scale(1.035)}.preview-2{background:oklch(89% .02 220);align-items:center;padding:14px;display:flex}.preview-2 img{object-fit:contain;height:auto}.service-link{justify-content:space-between;align-items:center;margin-top:17px;font-size:14px;display:flex}.extra-services{flex-wrap:wrap;align-items:center;gap:24px;margin-top:29px;font-size:16px;display:flex}.extra-services>span{color:var(--dark-muted);margin-right:auto}.extra-services a{align-items:center;gap:10px;display:flex}.extra-services svg{width:15px}.extra-services a:hover{color:var(--cyan)}.studio{border-top:1px solid oklch(32% .006 230);grid-template-columns:1.6fr 1fr;align-items:end;gap:70px;margin-top:60px;padding-top:58px;display:grid}.studio h2{font-size:clamp(38px,4.7vw,66px);line-height:1.1}.studio h2>span{color:var(--cyan)}.studio>div{justify-self:end;max-width:315px}.studio .brand-mark{color:var(--cyan);margin:0 0 26px auto}.studio p{color:var(--dark-muted);font-size:17px}.text-link{border-bottom:1px solid;align-items:center;gap:18px;margin-top:21px;padding-bottom:6px;display:inline-flex}.selected{padding-block:105px 70px}.selected-header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px;display:flex}.small-label{letter-spacing:.01em;color:var(--blue);margin-bottom:18px;font-size:15px;font-weight:600;display:block}.selected-header h2,.process h2,.related h2{font-size:clamp(38px,4.3vw,58px);line-height:1.12}.selected-header>p{color:var(--muted);max-width:36ch;font-size:17px}.selected-grid{grid-template-columns:1fr 1fr;align-items:start;gap:50px 64px;padding-bottom:74px;display:grid}.selected-grid .project:nth-child(2n){transform:translateY(74px)}.project{min-width:0}.project-image{background:var(--soft);aspect-ratio:1.2;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s var(--ease)}.project-image:hover img{transform:scale(1.035)}.image-arrow{background:var(--white);width:43px;height:43px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:15px;right:15px}.selected-grid .project-1 .project-image{aspect-ratio:1.12;background:oklch(92% .03 215);padding:30px}.selected-grid .project-1 img{object-fit:contain}.project-caption{justify-content:space-between;gap:16px;margin-top:19px;display:flex}.project-caption h3{color:var(--blue);font-size:26px;font-weight:500}.project-caption p{color:var(--muted);margin-top:4px;font-size:16px}.project-caption>a{padding:7px}.project-paths{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;margin-top:45px;padding-top:26px;font-size:17px;display:flex}.project-paths>span{color:var(--muted);margin-right:auto}.project-paths a{align-items:center;gap:8px;display:flex}.project-paths a:hover{color:var(--blue)}.process{grid-template-columns:1fr 1.2fr;gap:80px;padding-block:66px 105px;display:grid}.process ol{margin:0;padding:0;list-style:none}.process li{border-top:1px solid var(--line);gap:25px;padding:22px 0;display:flex}.process li>span{color:var(--blue);margin-top:5px;font-size:16px}.process h3{margin-bottom:7px;font-size:28px}.process li p{color:var(--muted);font-size:17px}.footer{margin-bottom:18px;padding-top:63px}.footer-top{text-align:center;padding-bottom:58px;position:relative}.footer-top>span{color:var(--cyan);font-size:16px}.footer h2{margin:24px 0 30px;font-size:clamp(44px,5.5vw,72px);line-height:1.1}.footer em{color:var(--cyan);background:0 0;padding:0;transform:none}.footer-info{border-top:1px solid oklch(32% .006 230);grid-template-columns:1fr 1.2fr .5fr;gap:45px;padding:34px 0;display:grid}.footer .logo>span{color:var(--cyan)}.footer-info p{color:var(--dark-muted);margin:15px 0 6px;font-size:15px}.footer-info>div>a:not(.logo){margin-top:7px;font-size:16px;display:block}.footer-services{grid-template-columns:1fr 1fr;align-content:start;gap:8px 20px;display:grid}.footer-social a{justify-content:space-between;gap:16px;display:flex!important}.footer-info a:hover{color:var(--cyan)}.footer-end{color:var(--dark-muted);border-top:1px solid oklch(32% .006 230);justify-content:space-between;padding-top:18px;font-size:13px;display:flex}.floating-contact{z-index:20;background:var(--ink);color:var(--white);border:1px solid oklch(40% .006 230);border-radius:999px;align-items:center;gap:9px;padding:12px 18px;font-size:16px;display:flex;position:fixed;bottom:20px;right:20px}.floating-contact:hover{color:var(--cyan)}.back-link{color:var(--muted);margin-bottom:38px;font-size:16px;display:inline-block}.service-hero{padding-block:38px 80px}.service-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;display:grid}.service-hero h1{font-size:clamp(44px,4.9vw,66px);line-height:1.1}.service-description{color:var(--muted);max-width:49ch;margin:27px 0;font-size:19px}.under-link{width:fit-content;margin-top:20px;font-size:16px;display:block}.service-cover{background:var(--soft);border-radius:14px;position:relative;overflow:hidden}.service-cover>img{object-fit:cover;width:100%;height:470px}.service-cover>span{justify-content:space-between;align-items:center;padding:18px 23px;font-size:19px;display:flex}.service-cover .brand-mark{width:34px;height:34px;color:var(--blue);gap:3px}.service-cover .brand-mark i{border-width:3px}.cover-diseno-web{background:oklch(91% .028 220)}.cover-diseno-web>img{object-fit:contain;height:390px;padding:24px}.scope{grid-template-columns:1fr 1.1fr;gap:100px;padding-block:65px;display:grid}.scope .small-label{color:var(--cyan)}.scope h2{font-size:52px;line-height:1.05}.scope p{color:var(--dark-muted);max-width:35ch;margin-top:22px;font-size:17px}.scope ul{align-self:center;margin:0;padding:0;list-style:none}.scope li{border-bottom:1px solid oklch(35% .006 230);justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:24px;display:flex}.scope li:first-child{border-top:1px solid oklch(35% .006 230)}.service-portfolio{padding-block:90px 60px}.service-gallery{grid-template-columns:1fr 1fr;gap:45px;display:grid}.service-gallery .project-image{aspect-ratio:1}.portfolio-diseno-web .project-image{aspect-ratio:1.65;background:oklch(93% .02 220);padding:15px}.portfolio-diseno-web .project-image img{object-fit:contain}.single-gallery{grid-template-columns:1fr;max-width:850px;margin:auto}.single-gallery .project-image{aspect-ratio:1.3}.portfolio-note{color:var(--muted);max-width:65ch;margin-bottom:25px}.service-faq{grid-template-columns:1fr 1.4fr;gap:70px;padding-block:50px;display:grid}.service-faq h2{font-size:42px}.service-faq details{border-top:1px solid var(--line);padding:22px 0}.service-faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:22px;list-style:none;display:flex}.service-faq summary::-webkit-details-marker{display:none}.service-faq details p{color:var(--muted);margin-top:18px;font-size:17px}.related{padding-block:50px 85px}.related>div{flex-wrap:wrap;gap:30px;margin-top:28px;display:flex}.related a{border-bottom:1px solid var(--line);flex:1;align-items:center;gap:20px;min-width:170px;padding-bottom:15px;font-size:22px;display:flex}.lightbox{background:var(--white);color:var(--ink);border:0;border-radius:12px;max-width:min(1000px,94vw);max-height:92svh;padding:22px}.lightbox::backdrop{background:oklch(10% .005 230/.88)}.lightbox>img{object-fit:contain;max-height:72svh;margin:auto}.lightbox>div{padding-top:15px}.lightbox h3{font-size:25px}.lightbox p{color:var(--muted)}.close-lightbox{background:var(--ink);color:var(--white);border:0;border-radius:50%;width:44px;height:44px;font-size:30px;position:absolute;top:8px;right:8px}.not-found{padding-block:120px}.not-found h1{margin-bottom:35px;font-size:60px}@media (width>=1450px){.hero{min-height:700px}.hero-side-left{left:15px}.hero-side-right{right:15px}.dark-panel{margin-inline:auto}}@media (width<=1400px){.dark-panel{margin-inline:18px}.hero-side{width:155px}.hero-side-left{left:27px}.hero-side-right{right:27px}}@media (width<=1100px){.wrap,.dark-panel{padding-inline:35px}.hero-side{width:125px}.hero-side-left{top:55px;left:20px}.hero-side-right{top:285px;right:20px}.hero h1{font-size:70px}.hero-center{max-width:640px}.service-card{padding:18px}.service-title h3{font-size:28px}.service-preview{height:170px}.service-link{font-size:13px}.studio{gap:45px}.service-hero-grid{gap:35px}.service-cover>img{height:420px}}@media (width<=760px){html{scroll-padding-top:90px}.wrap{padding-inline:22px}.header-inner{height:72px;padding-inline:22px}.logo{font-size:32px}.menu-toggle{border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:15px;min-height:44px;padding:9px 15px;display:flex}.menu-toggle span{font-size:23px;line-height:1}.navigation{display:none}.navigation.open{background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:24px;display:flex;position:absolute;top:72px;left:0;right:0}.navigation.open>a{padding:16px;font-size:22px}.navigation.open .button{margin-top:10px}.hero{min-height:auto;padding-top:170px;padding-bottom:27px}.hero h1{font-size:clamp(48px,9vw,68px)}.hero-side{width:92px}.hero-side img{aspect-ratio:1;border-radius:12px 12px 35px}.hero-side span{display:none}.hero-side-left{top:25px;left:35px}.hero-side-right{top:40px;right:38px}.hero-side-right img{border-radius:35px 12px 12px}.hero-center{max-width:600px}.hero-note{margin-bottom:18px;font-size:14px}.hero-description{margin:24px 0;font-size:18px}.hero-watermark{width:340px;height:340px;top:140px;left:calc(50% - 170px)}.hero-watermark i{border-width:30px}.hero-bottom{justify-content:center;margin-top:45px}.hero-bottom>span{display:none}.dark-panel{margin-inline:12px;padding:30px 23px}.section-line{align-items:start;gap:20px}.section-line h2{font-size:26px}.section-line p{max-width:145px;font-size:13px}.service-cards{grid-template-columns:1fr;gap:18px}.service-title h3{font-size:34px}.service-card>p{max-width:40ch;min-height:auto;font-size:17px}.service-preview{height:240px}.service-card{padding:23px}.service-link{font-size:16px}.extra-services{gap:17px;font-size:16px}.extra-services>span{width:100%}.studio{grid-template-columns:1fr;gap:35px;margin-top:35px;padding-top:35px}.studio h2{font-size:44px}.studio>div{grid-template-columns:1fr 65px;justify-self:start;gap:15px;max-width:none;display:grid}.studio .brand-mark{grid-area:1/2/3;width:55px;height:55px;margin:0}.studio .brand-mark i{border-width:5px}.studio p{grid-column:1}.studio .text-link{grid-column:1;width:fit-content;margin-top:0}.selected{padding-block:65px 40px}.selected-header{margin-bottom:30px;display:block}.selected-header>p{margin-top:18px;font-size:17px}.selected-header h2,.process h2,.related h2{font-size:44px}.selected-grid{grid-template-columns:1fr;gap:32px;padding-bottom:0}.selected-grid .project:nth-child(2n){transform:none}.selected-grid .project-1 .project-image{aspect-ratio:1.35}.project-image{aspect-ratio:1.15}.project-paths{gap:18px;margin-top:32px}.project-paths>span{width:100%}.process{grid-template-columns:1fr;gap:30px;padding-block:35px 65px}.process li{gap:20px}.footer{margin-bottom:12px;padding-top:45px}.footer h2{font-size:47px}.footer-top{padding-bottom:40px}.footer-info{grid-template-columns:1fr;gap:25px}.footer-social{gap:30px;display:flex}.footer-social a{gap:12px}.footer-end{gap:15px;font-size:12px}.floating-contact{justify-content:center;width:48px;height:48px;padding:0;bottom:12px;right:12px}.floating-contact span{display:none}.service-hero{padding-block:25px 45px}.back-link{margin-bottom:28px}.service-hero-grid{grid-template-columns:1fr;gap:34px}.service-hero h1{font-size:48px}.service-cover>img{aspect-ratio:1.1;height:auto;max-height:500px}.cover-diseno-web>img{aspect-ratio:1.45}.scope{grid-template-columns:1fr;gap:28px}.scope h2{font-size:44px}.scope li{padding:18px 0;font-size:23px}.service-portfolio{padding-block:55px 30px}.service-gallery{grid-template-columns:1fr;gap:32px}.service-faq{grid-template-columns:1fr;gap:25px;padding-block:35px}.service-faq h2{font-size:38px}.related{padding-block:25px 60px}.related>div{flex-direction:column;gap:20px}.lightbox{padding:14px}.small-label{font-size:14px}}@media (width>=761px) and (width<=950px){.hero-side-left{top:35px}.hero-side span{display:none}.service-title h3{font-size:27px}.round-arrow{width:34px;height:34px}.service-cards{gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}