/* Synesis in motion: interlocking forms, editorial contrast and responsive movement. */
.header{top:12px;margin:12px 20px 0;border:1px solid #d8e2e8;border-radius:22px;background:#ffffffed;box-shadow:0 10px 40px #051b3610;transition:box-shadow .35s,background .35s}
.nav-wrap{width:100%;padding:12px 20px;min-height:80px;gap:18px}.brand img{width:225px}.header nav{gap:4px;background:#edf5f7;padding:5px;border-radius:16px}.header nav>a:not(.button){padding:12px 17px;border-radius:11px;transition:background .25s,color .25s}.header nav>a[aria-current="location"]:not(.button){background:var(--navy);color:white}.header nav .button{border-radius:12px;margin-left:8px;background:var(--teal);color:var(--navy)}.header nav .button .brand-glyph{color:var(--navy)}.reading-progress{position:absolute;bottom:-1px;left:22px;right:22px;height:2px;background:var(--teal);transform:scaleX(var(--read,0));transform-origin:left;pointer-events:none}.header.is-scrolled{box-shadow:0 12px 45px #051b3628}
.hero{padding-top:70px;position:relative}.hero h1{letter-spacing:-.055em}.hero-copy{animation:copy-arrive .9s cubic-bezier(.2,.7,.2,1) both}.note-logo{width:25px;height:29px;object-fit:contain;flex:none}.hero-note{gap:12px}.motion-toggle{margin-top:14px;padding:6px 0;color:var(--ink);font-size:10px;border:0;background:none;display:flex;gap:8px;align-items:center;min-height:32px}.motion-toggle:hover{color:var(--deep-teal)}.hero-visual{perspective:1000px}.hero-visual:before{background:linear-gradient(135deg,#ddf5f1,#e8edf8);animation:shape-breathe 14s ease-in-out infinite alternate}.hero-main{animation:main-drift 8s ease-in-out infinite}.hero-front{animation:front-drift 9s ease-in-out infinite}.idea-stamp{animation:stamp-drift 10s ease-in-out infinite}.orbit:after{content:'';position:absolute;top:14%;left:14%;width:9px;height:9px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 7px #00b5a51a}.orbit-one{animation:orbital 35s linear infinite}.orbit-two{animation:orbital 46s linear infinite reverse}.floating-label{box-shadow:0 10px 30px #051b3620}
.promise-band{position:relative;overflow:hidden;background:var(--navy);border-block:1px solid #1e435e}.promise-band:before{content:'';position:absolute;inset:0;width:30%;background:linear-gradient(90deg,transparent,#00b5a51c,transparent);animation:band-light 12s linear infinite;pointer-events:none}.promises{position:relative;padding-block:28px}
#proyectos .section-heading{border-bottom:1px solid var(--line);padding-bottom:30px}.project-card{animation:project-arrive .65s cubic-bezier(.16,1,.3,1) both}.project-card:nth-child(even){animation-delay:.1s}.project-preview{border-radius:18px;transition:box-shadow .4s}.project-preview:hover{box-shadow:0 18px 45px #051b3620}.project-preview img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project-preview:hover img{transform:translateY(-18px) scale(1.025)}.preview-plus{transition:transform .4s}.project-preview:hover .preview-plus{transform:rotate(-12deg) scale(1.12)}
.about-section{background:#b8ece4;position:relative;overflow:hidden}.about-section:after{content:'';width:520px;height:520px;position:absolute;right:-270px;top:-240px;border:70px solid #84d8cd55;border-radius:50%;pointer-events:none}.about-grid{position:relative;z-index:1}.about-grid p{color:#294e58}.about-mark:before{background:#96d9d0;border-radius:30%;transform:rotate(25deg);animation:brand-shape 16s ease-in-out infinite alternate}.about-mark img{filter:drop-shadow(0 16px 10px #051b3622);animation:brand-float 7s ease-in-out infinite}.about-mark:after{content:'';position:absolute;top:0;width:300px;height:300px;border:1px solid #008b7d50;border-radius:30%;transform:rotate(-15deg);pointer-events:none}.about-section .section-label{color:#005c54}
.price-card{transition:border-color .3s,box-shadow .3s}.price-card.selected{box-shadow:0 10px 25px #00b5a518}.pricing-aside{background:#dedcf8}.custom-service{position:relative;overflow:hidden;background:var(--navy);color:white;border:0;border-radius:24px;padding:48px 36px;grid-template-columns:170px 1fr;column-gap:40px}.custom-service:after{content:'';position:absolute;right:-60px;bottom:-160px;width:360px;height:360px;border:1px solid #4ee7d530;border-radius:50%;box-shadow:0 0 0 35px #4ee7d508,0 0 0 70px #4ee7d505;pointer-events:none}.custom-service>*{position:relative;z-index:1}.custom-service .section-label{color:#60d7c8}.custom-service p{color:#c2d2e0}.custom-service .tags span{background:#183d52;color:#bcebe5}.custom-service>.button{grid-column:2;justify-self:start;color:white;border-color:#62d9c8}.custom-service>.button:hover{background:#183d52}.custom-icon{width:160px;height:160px;display:grid;place-items:center;grid-row:span 2;perspective:500px;letter-spacing:0}.innovation-core{width:76px;height:76px;display:grid;place-items:center;background:#00b5a5;border-radius:22px;box-shadow:0 0 45px #00b5a540;animation:brand-float 6s ease-in-out infinite}.innovation-core .brand-glyph{width:42px;height:50px;color:var(--navy)}.innovation-orbit{position:absolute;inset:0;border:1px solid #65e9dc;border-radius:32%;animation:orbital 16s linear infinite}.orbit-b{inset:12px;border-color:#b7b3fc;animation-direction:reverse;animation-duration:24s}.custom-icon i{position:absolute;top:0;left:75px;width:10px;height:10px;background:#b7b3fc;border-radius:3px}.custom-icon i:nth-last-child(2){top:auto;bottom:13px;left:15px;background:#62d9c8}.custom-icon i:last-child{top:85px;left:auto;right:-3px;background:white}
.process-section{position:relative;overflow:hidden}.process-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#54d7c607 1px,transparent 1px),linear-gradient(90deg,#54d7c607 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.process-section .wrap{position:relative}.steps article{position:relative}.steps article:before{content:'';position:absolute;top:-2px;left:0;height:3px;background:#60d7c8;width:0;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.process-section.in-view .steps article:before{width:100%}.steps article:nth-child(2):before{transition-delay:.2s}.steps article:nth-child(3):before{transition-delay:.4s}.steps article:nth-child(4):before{transition-delay:.6s}.step-number{width:42px;height:42px;display:grid;place-items:center;border:1px solid #4c7d85;border-radius:50%;background:#102b46}.contact-section:before{content:'';position:absolute;width:680px;height:680px;left:-280px;top:30px;border:1px solid #62d9c82a;border-radius:35%;animation:orbital 70s linear infinite;pointer-events:none}.contact-grid{position:relative}.contact-grid form{box-shadow:0 20px 70px #0002}.button .brand-glyph{transition:transform .35s}.button:hover .brand-glyph{transform:rotate(-15deg) scale(1.15)}.faq-list summary span{transition:transform .3s}.faq-list details[open] p{animation:copy-arrive .35s both}dialog[open]{animation:dialog-arrive .3s cubic-bezier(.16,1,.3,1)}
@keyframes copy-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes project-arrive{from{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes dialog-arrive{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes main-drift{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes front-drift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(10px) rotate(-4deg)}}@keyframes stamp-drift{0%,100%{transform:rotate(12deg)}50%{transform:rotate(2deg)}}@keyframes orbital{from{transform:rotate(0) scale(.84)}to{transform:rotate(360deg) scale(.84)}}@keyframes shape-breathe{to{border-radius:38% 60% 55% 42%;transform:rotate(8deg)}}@keyframes brand-shape{to{transform:rotate(-10deg);border-radius:42%}}@keyframes brand-float{50%{transform:translateY(-10px)}}@keyframes band-light{from{transform:translateX(-110%)}to{transform:translateX(450%)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused{scroll-behavior:auto}
@media(max-width:1100px){.header{margin-inline:12px}.nav-wrap{padding:10px 14px}.brand img{width:200px}.header nav>a:not(.button){padding:11px 12px;font-size:12px}.header nav .button{font-size:12px;gap:16px}.custom-service{grid-template-columns:150px 1fr}.custom-icon{width:140px;height:140px}}
@media(max-width:760px){.header{top:8px;margin:8px 10px 0;border-radius:17px}.nav-wrap{min-height:66px;padding:10px 13px}.brand img{width:185px}.menu-toggle{border:0;background:var(--navy);color:white;border-radius:10px;padding:10px 14px}.header nav{left:-1px;right:-1px;top:calc(100% + 8px);padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 16px 45px #051b3625}.header nav.open{animation:copy-arrive .25s both}.header nav>a:not(.button){padding:15px;font-size:15px}.header nav .button{margin:5px 0 0;padding:16px;font-size:14px}.hero{padding-top:42px}.custom-service{grid-template-columns:1fr;padding:30px 24px;gap:25px}.custom-icon{width:130px;height:130px;grid-row:auto;margin:0 auto 8px}.custom-service>.button{grid-column:1}.about-mark:after{width:210px;height:210px}.contact-section:before{width:420px;height:420px}.motion-toggle{font-size:11px}.promises{padding-block:22px}.hero-visual .orbit{animation-duration:60s}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}