@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;background:#000}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000}#root{width:100%;background:#000}.App{width:100%;margin:0;padding:0;background:#000;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .3s ease}.navbar-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative}.navbar-logo{height:50px;width:auto;filter:brightness(1.1);transition:filter .3s ease}.navbar-logo:hover{filter:brightness(1.3)}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:4px;width:30px;height:24px;z-index:1001;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-menu-toggle span{width:100%;height:3px;background:#fffc;margin:2px 0;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle:hover span{background:#fff}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar-nav{display:flex;align-items:center;gap:60px;list-style:none;margin:0;padding:0}.navbar-nav li{margin:0}.navbar-nav a,.navbar-nav .navbar-link{color:#ffffffb3;text-decoration:none;font-size:13px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease;position:relative;display:block;padding:8px 0}.navbar-nav a:hover,.navbar-nav .navbar-link:hover{color:#fff}.navbar-nav a:after,.navbar-nav .navbar-link:after{content:"";position:absolute;bottom:3px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.navbar-nav a:hover:after,.navbar-nav .navbar-link:hover:after{width:100%}.navbar-nav a[href="/servicios"].active,.navbar-nav .navbar-link.active{color:#fff}.navbar-nav a[href="/servicios"].active:after,.navbar-nav .navbar-link.active:after{width:100%}.mobile-menu-overlay{display:none}@media (max-width: 768px){.navbar-container{padding:0 20px}.navbar-nav{gap:40px}.navbar-nav a,.navbar-nav .navbar-link{font-size:12px}}@media (max-width: 640px){.navbar{height:70px}.navbar-container{padding:0 20px}.navbar-logo{height:40px}.mobile-menu-toggle{display:flex}.navbar-nav{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;transform:translate(-100%);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1002}.navbar-nav.mobile-open{transform:translate(0);opacity:1;visibility:visible}.navbar-nav li{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:0}.navbar-nav a,.navbar-nav .navbar-link{font-size:17px;font-weight:300;letter-spacing:1px;padding:16px 40px;margin:4px 0;border-radius:8px;transition:all .3s ease;border:1px solid transparent;width:100%;max-width:300px;display:flex;justify-content:center;align-items:center;text-align:center;min-height:50px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar-nav a:hover,.navbar-nav .navbar-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.navbar-nav a:after,.navbar-nav .navbar-link:after{display:none}.mobile-menu-overlay{display:block;position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#00000080;z-index:1001}}@media (max-width: 480px){.navbar{height:65px}.navbar-container{padding:0 15px}.navbar-logo{height:35px}.navbar-nav{top:65px;height:calc(100vh - 65px);padding:30px 15px;gap:6px;z-index:1002}.navbar-nav a,.navbar-nav .navbar-link{font-size:16px;padding:14px 35px;max-width:280px;margin:2px 0;min-height:48px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-menu-overlay{top:65px;height:calc(100vh - 65px);z-index:1001}}@media (max-width: 375px){.navbar-container{padding:0 12px}.navbar-logo{height:32px}.mobile-menu-toggle{width:28px;height:22px}.mobile-menu-toggle span{height:2px}.navbar-nav{padding:25px 12px;gap:4px;z-index:1002}.navbar-nav a,.navbar-nav .navbar-link{font-size:15px;padding:12px 30px;max-width:260px;margin:2px 0;min-height:46px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.teaser-section{background:#000;padding:120px 0;position:relative;overflow:hidden}.teaser-container{max-width:1400px;margin:0 auto;padding:0 40px}.teaser-header{text-align:center;margin-bottom:70px}.teaser-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300;color:#fff;margin-bottom:15px;letter-spacing:.15rem;font-family:Inter,sans-serif}.teaser-subtitle{font-size:1.1rem;color:#fff9;font-weight:300;letter-spacing:.05rem;max-width:600px;margin:0 auto}.teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;align-items:stretch}.teaser-card{position:relative;height:500px;border-radius:12px;overflow:hidden;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8) 100%)}.card-image-container{position:absolute;top:0;left:0;width:100%;height:100%}.card-image{width:100%;height:100%;object-fit:cover;mask:radial-gradient(ellipse at center,black 95%,transparent 100%);-webkit-mask:radial-gradient(ellipse at center,black 95%,transparent 100%);clip-path:inset(2px round 10px)}.card-content{position:absolute;bottom:0;left:0;right:0;padding:40px;color:#fff;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%)}.card-title{font-size:2rem;font-weight:300;margin-bottom:8px;letter-spacing:.1rem;text-transform:uppercase}.card-subtitle{font-size:.9rem;color:#ffffffb3;margin-bottom:12px;letter-spacing:.05rem;text-transform:uppercase}.card-description{font-size:.95rem;color:#fffc;line-height:1.6;font-weight:300;opacity:.9}@media (max-width: 1200px){.teaser-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.teaser-card{height:450px}}@media (max-width: 768px){.teaser-section{padding:80px 0}.teaser-container{padding:0 20px}.teaser-header{margin-bottom:60px}.teaser-grid{grid-template-columns:1fr;gap:25px}.teaser-card{height:400px}.card-content{padding:30px}.card-title{font-size:1.6rem}.card-subtitle{font-size:.8rem}.card-description{font-size:.9rem}}@media (max-width: 480px){.teaser-section{padding:60px 0}.teaser-header{margin-bottom:40px}.teaser-card{height:350px}.card-content{padding:25px}.card-title{font-size:1.4rem}}.about-section{background:#000;padding:100px 0;position:relative;overflow:hidden}.about-background-image{position:absolute;top:0;right:0;width:50%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;z-index:1}.about-container{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:2}.about-content{max-width:600px;margin:0;text-align:left}.about-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300;color:#fff;margin-bottom:60px;letter-spacing:.1rem;line-height:1.4;font-family:Inter,sans-serif}.about-values{display:flex;flex-direction:column;gap:25px;margin-bottom:60px;align-items:flex-start}.value-item{display:flex;align-items:center;gap:15px;transition:all .3s ease}.value-item:hover{transform:translate(5px)}.value-bullet{width:6px;height:6px;background:#fff;border-radius:50%;flex-shrink:0}.value-text{font-size:1.1rem;color:#fff;font-weight:300;letter-spacing:.05rem;text-transform:uppercase}.about-description{text-align:left;max-width:550px}.about-description p{font-size:.9rem;color:#fff9;font-weight:300;line-height:1.8;margin-bottom:20px;letter-spacing:.02rem}.about-description p:last-child{margin-bottom:0}@media (max-width: 768px){.about-section{padding:80px 0}.about-background-image{width:60%;opacity:.1}.about-container{padding:0 20px}.about-content{max-width:100%}.about-title{margin-bottom:40px}.about-values{gap:20px;margin-bottom:40px}.value-item{gap:12px}.value-text{font-size:1rem}.about-description{max-width:100%}.about-description p{font-size:.85rem;line-height:1.7}}@media (max-width: 480px){.about-section{padding:60px 0}.about-background-image{width:70%;opacity:.08}.about-title,.about-values{margin-bottom:30px}.value-text{font-size:.9rem}}.process-section{background:#000;padding:100px 0;position:relative;overflow:hidden}.process-container{max-width:1400px;margin:0 auto;padding:0 40px}.process-content{max-width:100%;margin:0;text-align:left}.process-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300;color:#fff;margin-bottom:80px;letter-spacing:.1rem;line-height:1.4;font-family:Inter,sans-serif;text-align:left;word-break:normal;overflow-wrap:break-word}.process-steps{display:flex;flex-direction:row;gap:80px;align-items:flex-start;justify-content:flex-start;width:100%}.step-item{display:flex;flex-direction:row;align-items:flex-start;gap:20px;transition:all .3s ease;flex:1;max-width:none;text-align:left}.step-item:hover{transform:translate(5px)}.step-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;transition:all .3s ease}.step-item:hover .step-icon{border-color:#ffffff80;background:#ffffff0d}.step-icon-brief .icon-shape{width:16px;height:16px;background:#fff;border-radius:2px}.step-icon-design .icon-shape{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid white}.step-icon-delivery .icon-shape{width:18px;height:12px;background:#fff;border-radius:1px}.step-content{flex:1;width:100%;max-width:280px;min-width:250px}.step-title{font-size:1rem;color:#fff;font-weight:400;margin-bottom:12px;letter-spacing:.05rem;text-transform:uppercase;text-align:left;word-break:normal;overflow-wrap:break-word}.step-description{font-size:.9rem;color:#fff9;font-weight:300;line-height:1.5;letter-spacing:.02rem;display:block;text-align:left;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;white-space:normal;width:100%;height:auto;min-height:3rem}@media (max-width: 768px){.process-section{padding:80px 0}.process-container{padding:0 20px}.process-content{max-width:100%}.process-title{margin-bottom:60px}.process-steps{flex-direction:column;gap:40px;align-items:center}.step-item{flex-direction:row;gap:20px;max-width:100%;text-align:left;align-items:flex-start}.step-icon{width:50px;height:50px}.step-icon-brief .icon-shape{width:14px;height:14px}.step-icon-design .icon-shape{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid white}.step-icon-delivery .icon-shape{width:16px;height:10px}.step-title{font-size:1rem}.step-description{font-size:.85rem}}@media (max-width: 480px){.process-section{padding:60px 0}.process-title{margin-bottom:40px}.process-steps{gap:30px}.step-item{gap:15px}.step-icon{width:45px;height:45px}.step-title{font-size:1rem}.step-description{font-size:.85rem}}.projects-section{background:#000;padding:100px 0;position:relative;overflow:hidden}.projects-container{max-width:1400px;margin:0 auto;padding:0 40px}.projects-header{text-align:left;margin-bottom:40px}.projects-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:200;color:#fff;margin-bottom:1rem;letter-spacing:.3rem;text-transform:uppercase;font-family:Inter,sans-serif}.projects-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#fff9;font-weight:300;letter-spacing:.1rem;max-width:600px;margin:0 0 30px;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:0}.portfolio-item{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:8px;cursor:pointer;transition:all .4s ease;background:#111}.portfolio-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;filter:brightness(.8)}.portfolio-item:hover .portfolio-image{transform:scale(1.05);filter:brightness(1)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0003,#0009);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;opacity:0;transition:opacity .4s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-category{font-size:.8rem;color:#fffc;text-transform:uppercase;letter-spacing:.2rem;font-weight:300;margin-bottom:8px}.portfolio-title{font-size:.8rem;color:#fff;font-weight:300;letter-spacing:.1rem;margin-bottom:8px;text-transform:uppercase}.portfolio-description{font-size:.9rem;color:#ffffffb3;font-weight:300;line-height:1.4}.category-filters{display:flex;justify-content:flex-start;gap:40px;margin-bottom:30px}.category-filter{background:transparent;border:none;color:#ffffff80;padding:8px 0;font-size:.9rem;font-weight:300;cursor:pointer;transition:all .3s ease;letter-spacing:.1rem;text-transform:uppercase;position:relative}.category-filter:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#fffc;transition:width .3s ease}.category-filter:hover,.category-filter.active{color:#fff}.category-filter:hover:after,.category-filter.active:after{width:100%}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalFadeIn .3s ease-out}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:#ffffff0d;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);animation:modalSlideIn .4s ease-out}.modal-close{position:absolute;top:15px;right:15px;background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:#ffffff1a;transform:scale(1.1)}.modal-image{width:100%;height:auto;max-height:75vh;object-fit:contain;display:block}.modal-info{padding:20px 30px;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-title{font-size:1.2rem;color:#fff;font-weight:300;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1rem}.modal-description{font-size:.9rem;color:#ffffffb3;font-weight:300;line-height:1.4;margin:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.navigation-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;margin-bottom:0}.nav-arrow{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.nav-arrow:hover:not(:disabled){border-color:#fff9;background:#ffffff0d;transform:scale(1.05)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.page-indicator{color:#ffffffb3;font-size:.9rem;font-weight:300;letter-spacing:.1rem;min-width:60px;text-align:center}.portfolio-item{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.portfolio-item:nth-child(1){animation-delay:.1s}.portfolio-item:nth-child(2){animation-delay:.2s}.portfolio-item:nth-child(3){animation-delay:.3s}.portfolio-item:nth-child(4){animation-delay:.4s}.portfolio-item:nth-child(5){animation-delay:.5s}.portfolio-item:nth-child(6){animation-delay:.6s}@media (max-width: 768px){.projects-section{padding:80px 0}.projects-container{padding:0 20px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-item{aspect-ratio:16/11}.portfolio-overlay{padding:20px}.category-filters{flex-wrap:wrap;gap:15px}.category-filter{font-size:.8rem;padding:10px 20px}.navigation-controls{gap:15px;margin-top:30px;margin-bottom:30px}.nav-arrow{width:40px;height:40px;font-size:1rem}.page-indicator{font-size:.8rem;min-width:50px}.modal-content{max-width:95vw;max-height:95vh;border-radius:8px}.modal-close{top:10px;right:10px;width:35px;height:35px;font-size:1.2rem}.modal-image{max-height:70vh}.modal-info{padding:15px 20px}.modal-title{font-size:1rem}.modal-description{font-size:.8rem}}@media (max-width: 480px){.projects-section{padding:60px 0}}@media (max-width: 1200px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.contact-section{background:#000;padding:40px 0 100px;position:relative;overflow:hidden}.contact-container{max-width:1400px;margin:0 auto;padding:0 40px}.contact-content{max-width:100%;margin:0;text-align:left}.contact-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300;color:#fff;margin-bottom:60px;letter-spacing:.1rem;line-height:1.4;font-family:Inter,sans-serif}.contact-wrapper{display:flex;gap:0;align-items:stretch;min-height:600px;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.contact-image-container{flex:1;position:relative;min-height:600px}.contact-background-image{position:relative;width:100%;height:100%;overflow:hidden}.contact-bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.contact-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0006,#0009)}.contact-form-container{flex:1;max-width:500px;background:#0f0f0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:60px 50px;display:flex;align-items:center;position:relative}.contact-form{display:flex;flex-direction:column;gap:25px;width:100%}.form-group{position:relative}.form-input,.form-textarea{width:100%;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:16px 20px;font-size:.9rem;font-weight:300;border-radius:8px;transition:all .3s ease;font-family:Inter,sans-serif;letter-spacing:.02rem}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-input:focus,.form-textarea:focus{outline:none;border-color:#fff9;background:#ffffff05}.form-textarea{resize:vertical;min-height:120px}.form-submit{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:16px 32px;font-size:.9rem;font-weight:300;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:.1rem;text-transform:uppercase;font-family:Inter,sans-serif;align-self:flex-start}.form-submit:hover{border-color:#fff9;background:#ffffff0d;transform:translateY(-2px)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-submit:disabled:hover{border-color:#fff3;background:transparent;transform:none}.form-message{padding:16px 20px;border-radius:12px;font-size:.9rem;font-weight:400;margin:16px 0;animation:slideIn .3s ease-out;font-family:Inter,sans-serif;line-height:1.4}.form-message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recaptcha-container{margin:20px 0;display:flex;justify-content:flex-start;align-items:center}.g-recaptcha{transform-origin:0 0}.thank-you-overlay{position:absolute;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInOverlay .4s ease-out forwards;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.thank-you-content{text-align:center;color:#fff;padding:40px 30px;max-width:400px;animation:slideInContent .5s ease-out .1s both}.thank-you-icon{font-size:4rem;color:#22c55e;margin-bottom:20px;font-weight:700;text-shadow:0 2px 10px rgba(34,197,94,.3)}.thank-you-title{font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:16px;letter-spacing:.05rem;font-family:Inter,sans-serif}.thank-you-message{font-size:1rem;color:#fffc;font-weight:300;line-height:1.5;letter-spacing:.02rem;font-family:Inter,sans-serif;margin:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-divider{display:flex;align-items:center;gap:15px;margin:10px 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.form-divider span{color:#fff6;font-size:.8rem;font-weight:300;letter-spacing:.05rem}.whatsapp-button{background:#25d366;border:none;color:#fff;padding:16px 32px;border-radius:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:400;letter-spacing:.05rem;font-family:Inter,sans-serif;text-decoration:none;align-self:flex-start;justify-content:center}.whatsapp-button:hover{background:#20b954;transform:translateY(-2px);box-shadow:0 8px 20px #25d3664d}.whatsapp-icon{display:flex;align-items:center;justify-content:center}.contact-content{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.contact-wrapper{min-height:500px}.contact-form-container{padding:40px 30px}.contact-image-container{min-height:500px}}@media (max-width: 768px){.contact-section{padding:30px 0 80px}.contact-container{padding:0 20px}.contact-title{margin-bottom:40px}.contact-wrapper{flex-direction:column;min-height:auto}.contact-image-container{min-height:300px;order:2}.contact-form-container{max-width:100%;padding:40px 30px;background:#0f0f0ffa;order:1}.whatsapp-button{width:100%;justify-content:center}}@media (max-width: 480px){.contact-section{padding:20px 0 60px}.contact-title{margin-bottom:30px}.contact-image-container{min-height:250px}.contact-form-container{padding:30px 20px}.form-input,.form-textarea{padding:14px 16px}.form-submit,.whatsapp-button{padding:14px 28px}.recaptcha-container{margin:15px 0;justify-content:center}.g-recaptcha{transform:scale(.85);transform-origin:0 0}.thank-you-content{padding:30px 20px;max-width:320px}.thank-you-icon{font-size:3rem;margin-bottom:16px}.thank-you-title{font-size:1.3rem;margin-bottom:12px}.thank-you-message{font-size:.9rem}}.services-page{min-height:100vh;background:#000;padding:120px 0 100px}.services-container{max-width:1400px;margin:0 auto;padding:0 40px}.services-header{text-align:left;margin-bottom:80px}.services-title{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:300;color:#fff;opacity:.7;margin-bottom:1.2rem;letter-spacing:.1rem;text-transform:uppercase;font-family:Inter,sans-serif;opacity:0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.25,.46,.45,.94)}.services-description{font-size:clamp(.85rem,1.5vw,.95rem);color:#ffffff80;font-weight:300;letter-spacing:.1rem;max-width:600px;margin:0;line-height:1.6;opacity:0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.25,.46,.45,.94);transition-delay:.3s}.services-header.animate-in .services-title{opacity:.7;transform:translateY(0)}.services-header.animate-in .services-description{opacity:1;transform:translateY(0)}.services-content{display:flex;flex-direction:column;gap:80px;margin-bottom:80px}.service-section{display:flex;align-items:center;gap:60px;min-height:500px;position:relative}.service-section .service-text{opacity:0;transition:all 1.4s cubic-bezier(.25,.46,.45,.94)}.service-section .service-image{opacity:0;transition:all 1.4s cubic-bezier(.25,.46,.45,.94);transition-delay:.4s}.service-left{flex-direction:row}.service-left .service-text{transform:translate(-30px)}.service-left .service-image{transform:translate(30px)}.service-left.animate-in .service-text,.service-left.animate-in .service-image{opacity:1;transform:translate(0)}.service-right{flex-direction:row}.service-right .service-text{transform:translate(30px)}.service-right .service-image{transform:translate(-30px)}.service-right.animate-in .service-text,.service-right.animate-in .service-image{opacity:1;transform:translate(0)}.service-text{flex:1;max-width:500px}.service-text h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300;color:#fff;margin-bottom:1.5rem;letter-spacing:.1rem;line-height:1.2;font-family:Inter,sans-serif}.service-text p{font-size:clamp(.95rem,2vw,1.1rem);color:#ffffffb3;font-weight:300;line-height:1.7;letter-spacing:.02rem}.service-image{flex:1;position:relative;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.service-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.service-image:hover img{transform:scale(1.05)}.service-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0003,#0006);transition:opacity .5s cubic-bezier(.25,.46,.45,.94)}.service-image:hover .service-image-overlay{opacity:.7}.services-cta{text-align:center;margin-top:60px}.services-contact-btn{display:inline-block;background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:18px 40px;font-size:.9rem;font-weight:300;border-radius:50px;text-decoration:none;transition:all .5s cubic-bezier(.25,.46,.45,.94);letter-spacing:.1rem;text-transform:uppercase;font-family:Inter,sans-serif;opacity:0;transform:translateY(20px)}.services-cta.animate-in .services-contact-btn{opacity:1;transform:translateY(0)}.services-contact-btn:hover{border-color:#fff9;background:#ffffff0d;transform:translateY(-3px);box-shadow:0 15px 40px #ffffff1a}@media (max-width: 1024px){.services-container{padding:0 30px}.service-section{gap:40px;min-height:400px}.service-image{height:350px}.service-left .service-text,.service-right .service-text{transform:translate(-20px)}.service-left .service-image,.service-right .service-image,.service-right .service-text{transform:translate(20px)}.service-right .service-image{transform:translate(-20px)}}@media (max-width: 768px){.services-page{padding:100px 0 80px}.services-container{padding:0 20px}.services-header{margin-bottom:60px;text-align:center}.services-content{gap:60px}.service-section{flex-direction:column!important;text-align:center;gap:30px;min-height:auto}.service-left .service-text,.service-right .service-text,.service-left .service-image,.service-right .service-image{transform:translateY(30px);transition:all 1.3s cubic-bezier(.25,.46,.45,.94)}.service-left .service-image,.service-right .service-image{transition-delay:.3s}.service-left.animate-in .service-text,.service-right.animate-in .service-text,.service-left.animate-in .service-image,.service-right.animate-in .service-image{opacity:1;transform:translateY(0)}.service-text{max-width:100%}.service-image{width:100%;height:300px;max-width:500px;margin:0 auto}}@media (max-width: 480px){.services-page{padding:90px 0 60px}.services-content{gap:50px}.service-section{gap:25px}.service-image{height:250px}.service-text h2{margin-bottom:1rem}}.footer{background:#000;border-top:1px solid rgba(255,255,255,.1);padding:60px 0 40px;position:relative}.footer-container{max-width:1400px;margin:0 auto;padding:0 40px}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.footer-logo{flex:1}.footer-logo-img{height:40px;width:auto;opacity:.8;transition:opacity .3s ease}.footer-logo-img:hover{opacity:1}.footer-logo-video{height:40px;width:auto;opacity:.8;transition:opacity .3s ease;border-radius:4px}.footer-logo-video:hover{opacity:1}.footer-social{flex:1;display:flex;justify-content:flex-end}.footer-instagram{display:flex;align-items:center;gap:8px;color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:300;letter-spacing:.05rem;transition:all .3s ease;font-family:Inter,sans-serif}.footer-instagram:hover{color:#fff;transform:translateY(-2px)}.instagram-icon{display:flex;align-items:center;justify-content:center}.footer-copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.05)}.footer-copyright p{color:#fff6;font-size:.8rem;font-weight:300;letter-spacing:.05rem;margin:0;font-family:Inter,sans-serif}@media (max-width: 768px){.footer{padding:40px 0 30px}.footer-container{padding:0 20px}.footer-content{flex-direction:column;gap:20px;text-align:center;margin-bottom:30px}.footer-logo{order:1}.footer-social{order:2;justify-content:center}.footer-copyright{padding-top:25px}}@media (max-width: 480px){.footer{padding:30px 0 20px}.footer-container{padding:0 15px}.footer-content{gap:15px;margin-bottom:20px}.footer-copyright{padding-top:20px}.footer-logo-video{height:35px}}@media (max-width: 320px){.footer{padding:25px 0 15px}.footer-container{padding:0 10px}.footer-copyright p{font-size:.7rem}}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease-out,visibility .8s ease-out}.loader-container.fade-out{opacity:0;visibility:hidden}.loader-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-logo{width:120px;height:auto;opacity:0;animation:logoFadeIn 2s ease-in-out .8s forwards}.blueprint-lines{position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.blueprint-line{position:absolute;background:#ffffff1a;transform-origin:left center}.blueprint-line.horizontal{height:1px;width:0;animation:drawHorizontal 1.5s ease-in-out forwards}.blueprint-line.vertical{width:1px;height:0;animation:drawVertical 1.5s ease-in-out forwards}.blueprint-line.h1{top:20%;left:10%;animation-delay:.3s}.blueprint-line.h2{bottom:20%;left:10%;animation-delay:.6s}.blueprint-line.v1{top:20%;left:10%;animation-delay:.9s}.blueprint-line.v2{top:20%;left:calc(10% + 320px);animation-delay:1.2s}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes drawHorizontal{0%{width:0}to{width:320px}}@keyframes drawVertical{0%{height:0}to{height:240px}}@media (max-width: 768px){.loader-logo{width:100px}.blueprint-lines{width:300px;height:300px}.blueprint-line.horizontal{animation-name:drawHorizontalMobile}.blueprint-line.vertical{animation-name:drawVerticalMobile}.blueprint-line.v2{left:calc(10% + 240px)}@keyframes drawHorizontalMobile{0%{width:0}to{width:240px}}@keyframes drawVerticalMobile{0%{height:0}to{height:180px}}}
