:root{--primary: #3730a3;--primary-light: #eef2ff;--secondary-light: #94acfa;--secondary: #4f46e5;--accent: #16a34a;--text-main: #1f2937;--text-muted: #6b7280;--bg-main: #f9fafb;--white: #ffffff;--border: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-alt{padding:5rem 0;background-color:#f3f4f6}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:1rem}.section-desc{font-size:1.125rem;color:var(--text-muted);max-width:700px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn-primary{background:var(--secondary);color:var(--white)}.btn-primary:hover{background:var(--primary);transform:translateY(-2px)}.btn-whatsapp{background:var(--accent);color:var(--white)}.btn-whatsapp:hover{background:#15803d;transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary-light);color:var(--primary-light)}.btn-outline:hover{background:var(--secondary);border-color:var(--secondary);transform:translateY(-2px)}.btn-outline-1{border:2px solid var(--secondary);color:var(--secondary)}.btn-outline-1:hover{background:var(--secondary);color:var(--white);transform:translateY(-2px)}.form-group{margin-bottom:1.5rem}.label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.input,.textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--border);border-radius:.5rem;outline:none;font-family:inherit;transition:border-color .2s}.input:focus,.textarea:focus{border-color:var(--secondary)}.loading-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main)}.spinner{width:3rem;height:3rem;border:4px solid var(--border);border-top-color:var(--secondary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;height:600px;background:#111827;display:flex;align-items:center;color:var(--white);overflow:hidden}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5}.hero-content{position:relative;z-index:10;max-width:800px}.hero-badge{color:#818cf8;text-transform:uppercase;font-weight:600;letter-spacing:.1em;font-size:.875rem;margin-bottom:.5rem}.hero-title{font-size:2.5rem;font-weight:800;margin:1rem 0;line-height:1.1;letter-spacing:-.02em}@media(min-width:768px){.hero-title{font-size:4.5rem}}.hero-subtitle{font-size:1.25rem;color:#d1d5db;margin-bottom:2.5rem;max-width:600px;line-height:1.6}.btn-group{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.btn-group{flex-direction:row}}.fade-in-1{animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.trust-bar{background:var(--white);padding:2.5rem 0;border-bottom:1px solid var(--border);position:relative;z-index:20}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.trust-item{display:flex;align-items:center;gap:1.25rem}.trust-item i{font-size:2rem;color:var(--secondary);opacity:.9}.trust-item h4{font-size:1.25rem;font-weight:800;color:var(--text-main);margin-bottom:.125rem}.trust-item p{font-size:.875rem;color:var(--text-muted);font-weight:500}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.card{background:var(--white);border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--secondary)}.card-img-container{width:100%;height:240px;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .card-img{transform:scale(1.05)}.card-body{padding:1.75rem}.card-title{font-size:1.35rem;font-weight:800;margin-bottom:1.25rem;color:var(--text-main);display:flex;align-items:center}.card-links{display:flex;justify-content:space-between;align-items:center}.card-link{font-size:.9375rem;font-weight:700;color:var(--secondary)}.card-link.secondary{color:var(--text-muted);font-weight:500;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.card-link.secondary:hover{color:var(--secondary)}.recent-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-preview-card{position:relative;border-radius:1rem;overflow:hidden;height:300px;cursor:pointer;display:block}.project-preview-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .8s ease-in-out}.project-preview-card:hover img{transform:scale(1.1)}.project-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity .3s;z-index:2}.project-preview-card:hover .project-preview-overlay{opacity:1}.project-preview-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#818cf8;margin-bottom:.25rem}.project-preview-overlay h4{color:#fff;font-size:1.25rem;font-weight:700}.fade-in{animation:fadeInEffect 1.2s ease-in-out}@keyframes fadeInEffect{0%{opacity:.4;filter:blur(5px)}to{opacity:1;filter:blur(0)}}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.process-card{background:var(--white);padding:2.5rem 1.75rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border);position:relative;transition:all .3s ease}.process-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--secondary)}.process-number{font-size:2.5rem;font-weight:900;color:var(--secondary-light);line-height:1;margin-bottom:1.25rem}.process-card h4{font-size:1.125rem;font-weight:800;color:var(--text-main);margin-bottom:.75rem}.process-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.service-item{display:flex;flex-direction:column;gap:3rem;margin-bottom:6rem}@media(min-width:1024px){.service-item{flex-direction:row;align-items:center}.service-item.reverse{flex-direction:row-reverse}}.service-img-wrapper{flex:1}.service-img{width:100%;height:450px;object-fit:cover;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a}.service-content{flex:1}.service-tag{color:var(--secondary);font-weight:700;text-transform:uppercase;font-size:.875rem;margin-bottom:1rem;display:block}.service-name{font-size:2rem;font-weight:800;margin-bottom:1.5rem}.service-desc{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;font-size:.9375rem;color:var(--text-main)}.feature-icon{color:var(--accent);margin-right:.75rem}.filter-container{margin-bottom:3.5rem}.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.filter-btn{padding:.625rem 1.5rem;border-radius:9999px;border:1px solid var(--border);background:var(--white);color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.filter-btn:hover{background:var(--primary-light);border-color:var(--secondary)}.filter-btn.active{background:var(--secondary);color:var(--white);border-color:var(--secondary);box-shadow:0 10px 15px -3px #4f46e54d}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid var(--border);min-width:200px;padding:.5rem;z-index:50;display:flex;flex-direction:column;animation:dropdownIn .2s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:.75rem 1rem;background:none;border:none;text-align:left;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s;font-family:inherit;font-size:.875rem}.dropdown-item:hover{background:var(--primary-light);color:var(--secondary)}.dropdown-item.active{background:var(--primary-light);color:var(--secondary);font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.gallery-card{position:relative;border-radius:1rem;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;background:var(--primary-light)}.gallery-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gallery-card:hover .gallery-card-img{transform:scale(1.1)}.gallery-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:var(--white)}.gallery-card:hover .gallery-card-overlay{opacity:1}.gallery-card-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#818cf8;margin-bottom:.25rem}.gallery-card-title{font-size:1.25rem;font-weight:700;color:#fff}.load-more-container{margin-top:4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.load-more-stats{font-size:.875rem;color:var(--text-muted);font-weight:500}.fade-in-up{opacity:0;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{grid-column:1 / -1;padding:6rem 0;text-align:center;color:var(--text-muted);background:#f9fafb;border-radius:1.5rem;border:2px dashed var(--border)}.empty-state h3{font-size:1.5rem;color:var(--text-main);margin-bottom:.5rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:.5rem;box-shadow:0 0 40px #00000080}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;color:var(--white);font-size:2.5rem;cursor:pointer;background:none;border:none;transition:transform .2s}.lightbox-close:hover{transform:scale(1.1);color:var(--secondary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary)}.stat-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.value-card{padding:2.5rem;background:var(--white);border-radius:1rem;box-shadow:var(--shadow);text-align:center}.value-icon{font-size:2.5rem;color:var(--secondary);margin-bottom:1.5rem}.value-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.value-card p{color:var(--text-muted)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4rem}.areas-section{padding-top:2rem;border-top:1px solid var(--border)}.location-list{display:flex;flex-wrap:wrap;gap:.75rem}.location-tag-mini{font-size:.8125rem;color:var(--text-main);background:var(--bg-main);padding:.375rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:6px;font-weight:500;border:1px solid var(--border)}.navbar{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;height:72px}.nav-content{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-size:1.5rem;font-weight:800;color:var(--primary);display:flex;align-items:center}.logo-accent{font-weight:300;color:var(--text-main);margin-left:4px}.nav-links{display:none}@media(min-width:768px){.nav-links{display:flex;gap:2rem}}.nav-link{font-size:.9375rem;font-weight:500;color:var(--text-muted);transition:all .2s}.nav-link:hover{color:var(--secondary)}.nav-link.active{color:var(--secondary);font-weight:700}.nav-toggle{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}@media(min-width:768px){.nav-toggle{display:none}}.mobile-menu{background:var(--white);border-top:1px solid var(--border);padding:1rem 0;display:flex;flex-direction:column}.mobile-link{padding:1rem 1.5rem;font-weight:600;color:var(--text-main)}.mobile-link.active{background:var(--primary-light);color:var(--secondary)}.footer{background-color:#111827;color:#f9fafb;padding:5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4rem;margin-bottom:3rem}.footer-brand-desc{color:#9ca3af;margin:1.5rem 0;max-width:320px}.footer-heading{font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;color:var(--white)}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#9ca3af;transition:color .2s}.footer-link:hover{color:var(--secondary)}.social-links{display:flex;gap:1.25rem}.social-icon{width:40px;height:40px;background:#1f2937;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s}.social-icon:hover{background:var(--secondary);color:var(--white)}.footer-service-area{padding:2rem 0;border-top:1px solid #1f2937;border-bottom:1px solid #1f2937;margin-bottom:2rem}.location-tags{display:flex;flex-wrap:wrap;gap:.5rem}.location-tag{font-size:.75rem;padding:.25rem .75rem;background:#1f2937;color:#9ca3af;border-radius:4px;border:1px solid #374151;transition:all .2s}.location-tag:hover{color:var(--white);border-color:var(--secondary)}.footer-bottom{padding-top:1rem;text-align:center;color:#6b7280;font-size:.875rem}.floating-ctas{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:999}.btn-float{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--white);box-shadow:0 10px 15px -3px #0000004d;transition:transform .2s}.btn-float:hover{transform:scale(1.1)}