:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--text-color:#2d3945;--text-light:#7f8c8d;--bg-color:#fff;--bg-light:#f8f9fa;--border-color:#ecf0f1;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001f;--shadow-lg:0 8px 16px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-color);background-color:var(--bg-color);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all var(--transition-normal);background:#fffffff2;position:fixed;top:0;left:0;right:0}.navbar{padding:var(--spacing-sm)var(--spacing-md);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-brand h1{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--primary-color)}.nav-menu{gap:var(--spacing-md);list-style:none;display:flex}.nav-link{color:var(--text-color);font-weight:var(--font-weight-medium);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none}.nav-link:hover{color:#666;background-color:#3939391a}.hamburger{cursor:pointer;flex-direction:column;gap:4px;display:none}.hamburger .bar{background-color:var(--text-color);width:25px;height:3px;transition:all var(--transition-fast);border-radius:2px}.hero{text-align:center;color:#fff;height:100vh;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xl);padding-left:var(--spacing-md);padding-right:var(--spacing-md);background:url(/images/inicio.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;display:flex;position:relative}.hero-content{flex-direction:column;justify-content:space-between;max-width:600px;height:100%;margin:0 auto;padding-top:80px;animation:1s ease-out fadeInUp;display:flex}.hero-title{font-size:clamp(3.5rem,6vw,5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);text-shadow:3px 3px 8px #000000b3;margin-top:var(--spacing-lg);align-self:flex-start}.hero-subtitle{margin-bottom:var(--spacing-md);opacity:.9;text-shadow:2px 2px 6px #0009;align-self:flex-end;font-size:clamp(1.1rem,2vw,1.5rem)}.hero-top{margin-top:var(--spacing-lg);flex:none}.hero-bottom{margin-bottom:var(--spacing-sm);flex:none}.cta-arrow{align-items:center;gap:var(--spacing-xs);cursor:pointer;margin-top:var(--spacing-xl);transition:all var(--transition-normal);flex-direction:column;display:flex}.cta-arrow:hover{transform:translateY(-3px)}.arrow-symbol{color:#fff;transition:all var(--transition-normal);text-shadow:2px 2px 6px #0009;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:100;transform:rotate(90deg)}.cta-arrow:hover .arrow-symbol{color:#2c3e50;transform:rotate(90deg)scale(1.2)}.arrow-text{font-size:1rem;font-weight:var(--font-weight-medium);color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 4px #00000080;transition:all var(--transition-normal)}.cta-arrow:hover .arrow-text{color:#2c3e50;letter-spacing:3px}.about{padding:var(--spacing-xl)0;background-color:var(--bg-light)}.about-content{gap:var(--spacing-lg);grid-template-columns:1fr 300px;align-items:center;display:grid}.about-text h2{margin-bottom:var(--spacing-md);color:var(--primary-color);font-size:2.5rem}.about-text p{margin-bottom:var(--spacing-sm);color:var(--text-light);font-size:1.1rem;line-height:1.8}.portrait{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-width:300px;height:400px;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.portrait:hover{transform:scale(1.05)}.gallery{padding:var(--spacing-xl)0}.gallery h2{text-align:center;margin-bottom:var(--spacing-lg);color:var(--primary-color);font-size:2.5rem}.gallery-filters{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.filter-btn{border:2px solid var(--border-color);color:var(--text-color);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);background:0 0}.filter-btn:hover,.filter-btn.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.gallery-grid{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.gallery-item{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);background:#fff;position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.gallery-image{object-fit:cover;width:100%;height:250px;transition:transform .5s;display:block}.gallery-item:hover .gallery-image{transform:scale(1.1)}.gallery-overlay{color:#fff;padding:var(--spacing-md);transition:transform var(--transition-normal);background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-title{font-size:1.2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.gallery-category{opacity:.8;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;display:none}.services{padding:var(--spacing-xl)0;background-color:var(--bg-light)}.services h2{text-align:center;margin-bottom:var(--spacing-lg);color:var(--primary-color);font-size:2.5rem}.services-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.service-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:#fff}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.service-icon{margin-bottom:var(--spacing-sm);font-size:3rem;display:block}.service-card h3{margin-bottom:var(--spacing-sm);color:var(--primary-color);font-size:1.5rem}.service-card p{color:var(--text-light);line-height:1.6}.contact{padding:var(--spacing-xl)0}.contact h2{text-align:center;margin-bottom:var(--spacing-lg);color:var(--primary-color);font-size:2.5rem}.contact-content{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-info h3{margin-bottom:var(--spacing-sm);color:var(--primary-color);font-size:1.8rem}.contact-info p{color:var(--text-light);margin-bottom:var(--spacing-md);font-size:1.1rem}.contact-item{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:1.1rem;display:flex}.contact-item .icon{font-size:1.2rem}.contact-form{padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-color);display:block}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);background-color:var(--bg-color);font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #3498db1a}.form-group input.error,.form-group textarea.error{border-color:var(--accent-color)}.field-error{color:var(--accent-color);margin-top:var(--spacing-xs);font-size:.9rem;display:block}.submit-btn{background:var(--secondary-color);color:#fff;padding:var(--spacing-sm)var(--spacing-md);font-size:1.1rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;width:100%}.submit-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.footer{background:var(--primary-color);color:#fff;padding:var(--spacing-md)0;text-align:center}.footer .container{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.social-links{gap:var(--spacing-md);display:flex}.social-link{color:#fff;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.social-link svg{width:20px;height:20px;transition:transform var(--transition-fast)}.social-link:hover{color:var(--secondary-color);background-color:#ffffff1a}.social-link:hover svg{transform:scale(1.1)}.lightbox{z-index:2000;opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);background:#000000e6;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.lightbox.active{display:flex}.lightbox.show{opacity:1}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg)}.close-btn{color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:-40px;right:-40px}.close-btn:hover{background:#ffffff4d}.nav-btn{color:#fff;cursor:pointer;width:50px;height:50px;transition:all var(--transition-fast);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute}.nav-btn:hover{background:#ffffff4d;transform:scale(1.1)}.prev-btn{top:50%;left:-60px;transform:translateY(-50%)}.next-btn{top:50%;right:-60px;transform:translateY(-50%)}.notification{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:#fff;font-weight:var(--font-weight-medium);z-index:3000;transition:transform var(--transition-normal);max-width:400px;box-shadow:var(--shadow-lg);position:fixed;top:20px;right:20px;transform:translate(100%)}.notification.show{transform:translate(0)}.notification--success{background:#27ae60}.notification--error{background:var(--accent-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out both fadeInUp}@media (max-width:1024px){.about-content{text-align:center;grid-template-columns:1fr}.contact-content{grid-template-columns:1fr}}@media (max-width:768px){.hamburger{display:flex}.nav-menu{width:100%;padding:var(--spacing-md);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--transition-normal);background:#fff;flex-direction:column;position:fixed;top:100%;left:0;transform:translateY(-100%)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.gallery-overlay{opacity:1;background:linear-gradient(#0000,#000c);transform:translateY(0)!important}.gallery-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.services-grid{grid-template-columns:1fr}.footer .container{text-align:center;flex-direction:column}.social-links{justify-content:center}.social-link span{display:none}.social-link{padding:.75rem}.social-link svg{width:24px;height:24px}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.navbar{padding:var(--spacing-sm)}.nav-brand h1{font-size:1.3rem}.about-text h2,.gallery h2,.services h2,.contact h2{font-size:2rem}}