*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:#2d3436;line-height:1.6;background:#fafafa}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}:root{--primary:#e67e22;--primary-dark:#d35400;--primary-light:#f39c12;--secondary:#2c3e50;--dark:#1a1a2e;--light:#fff;--gray-light:#f5f6fa;--gray:#bdc3c7;--text:#2d3436;--text-light:#636e72;--shadow:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.12);--radius:12px;--transition:.3s ease;--nav-height:72px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #0000000f}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height)}.navbar-logo{font-size:1.6rem;font-weight:800;color:var(--primary-dark);letter-spacing:-.5px;display:inline-flex;align-items:center;gap:10px}.navbar-logo span{color:var(--secondary)}.navbar-logo-text{font-size:1.35rem;font-weight:900;color:var(--primary-dark);line-height:1}.navbar-logo-image{height:46px;width:auto;border-radius:8px;-o-object-fit:contain;object-fit:contain}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-weight:600;font-size:.95rem;color:var(--text);position:relative;padding:4px 0;transition:color var(--transition)}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition)}.nav-links a:hover{color:var(--primary)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--primary-dark)}.nav-links .nav-cta{display:inline-block;background:var(--primary);color:#fff!important;padding:10px 24px!important;border-radius:50px;font-weight:700;line-height:1;white-space:nowrap;transition:all var(--transition);border:none;cursor:pointer;font-family:inherit}.nav-links .nav-cta:after{display:none!important}.nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #e67e2266}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;z-index:1002;border:0;border-radius:10px;background:transparent}.hamburger span{width:26px;height:3px;background:var(--secondary);border-radius:2px;transition:all var(--transition)}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-backdrop{position:fixed;inset:0;border:0;background:#11182773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998}.skip-link{position:fixed;top:-120px;left:16px;z-index:1300;background:#111827;color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;transition:top .2s ease}.skip-link:focus{top:12px}.hero,body.menu-open{overflow:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark) 0,var(--secondary) 100%);position:relative;padding-top:var(--nav-height)}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23fff' fill-opacity='.03' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E")}.hero-content{text-align:center;z-index:1;padding:40px 24px}.hero-badge{display:inline-block;background:#e67e2226;color:var(--primary-light);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(230,126,34,.3)}.hero h1{font-size:clamp(2.4rem,6vw,4.5rem);color:#fff;font-weight:900;line-height:1.15;margin-bottom:20px;letter-spacing:-1px}.hero h1 .highlight{color:var(--primary-light)}.hero p{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffb3;max-width:640px;margin:0 auto 36px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.vitrerie-focus-section{padding:36px 0 10px}.vitrerie-focus-card{background:linear-gradient(135deg,#fff,#fff8f2);border:1px solid rgba(230,126,34,.25);border-radius:18px;box-shadow:var(--shadow);padding:28px}.vitrerie-focus-tag{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:var(--primary-dark);background:#e67e221f;border-radius:999px;padding:6px 12px;margin-bottom:10px}.vitrerie-focus-card h2{color:var(--secondary);font-size:clamp(1.4rem,3vw,2rem);margin-bottom:10px}.vitrerie-focus-text{color:var(--text-light);margin-bottom:16px;max-width:900px}.vitrerie-focus-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.vitrerie-focus-list span{background:#fff;border:1px solid #f0d4bc;border-radius:999px;padding:7px 12px;font-size:.88rem;font-weight:600;color:#9a3412}.vitrerie-focus-cta{display:inline-flex}.btn{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition);border:none;text-align:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #e67e2266}.btn-secondary{background:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.4)}.btn-secondary:hover{border-color:#fff;background:#ffffff1a}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1ea952;transform:translateY(-2px);box-shadow:0 8px 24px #25d36666}.btn-facebook{background:#1877f2;color:#fff}.btn-facebook:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 8px 24px #1877f259}.facebook-icon{width:16px;height:16px;flex-shrink:0}.btn-outline{background:transparent;color:var(--primary-dark);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;background:#e67e221a;color:var(--primary-dark);padding:6px 18px;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.section-header h2{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--secondary);margin-bottom:16px}.section-header p{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1.05rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.service-card{background:#fff;border-radius:var(--radius);padding:40px 32px;text-align:center;box-shadow:var(--shadow);transition:all var(--transition);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transition:transform var(--transition)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#e67e221a,#f39c121a);display:flex;align-items:center;justify-content:center;font-size:2rem}.service-card h3{font-size:1.3rem;font-weight:700;color:var(--secondary);margin-bottom:12px}.service-card p{color:var(--text-light);font-size:.95rem}.about-section{background:var(--gray-light)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;align-items:start}.about-item{text-align:center}.about-number{font-size:3rem;font-weight:900;color:var(--primary);line-height:1;margin-bottom:12px}.about-item h3{font-size:1.15rem;font-weight:700;color:var(--secondary);margin-bottom:8px}.about-item p{color:var(--text-light);font-size:.92rem}.areas-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.area-tag{background:#fff;border:2px solid var(--gray);padding:8px 20px;border-radius:50px;font-size:.9rem;font-weight:600;color:var(--text-light);transition:all var(--transition)}.area-tag:hover{border-color:var(--primary);color:var(--primary-dark);background:#e67e220d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.gallery-item{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--primary-light),var(--secondary))}.gallery-item,.gallery-item .overlay{display:flex;align-items:center;justify-content:center}.gallery-item .overlay{position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity var(--transition)}.gallery-item:hover .overlay{opacity:1}.gallery-item .overlay span{color:#fff;font-weight:700;font-size:1.1rem;padding:8px 20px;border:2px solid #fff;border-radius:50px}.cta-section{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);text-align:center;color:#fff;padding:80px 24px}.cta-section h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:16px}.cta-section p{color:#ffffffd9;max-width:560px;margin:0 auto 32px;font-size:1.05rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:48px;align-items:start}.contact-info-card{background:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}.contact-info-item{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px}.contact-info-item:last-child{margin-bottom:0}.contact-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.contact-icon.phone{background:#e67e221a;color:var(--primary-dark)}.contact-icon.whatsapp{background:#25d3661a;color:#25d366}.contact-icon.email{background:#2c3e501a;color:var(--secondary)}.contact-icon.location{background:#9b59b61a;color:#8e44ad}.contact-info-item h4{font-weight:700;color:var(--secondary);margin-bottom:4px;font-size:.95rem}.contact-info-item p{color:var(--text-light);font-size:.9rem}.contact-info-item a{color:var(--primary-dark);font-weight:600;transition:color var(--transition)}.contact-info-item a:hover{color:var(--primary)}.contact-form-card{background:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:var(--secondary);margin-bottom:8px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color var(--transition);background:#fafafa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#fff}.form-group textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer{background:var(--dark);color:#ffffffb3;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px}.footer-col h3{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:20px}.footer-col p{font-size:.9rem;line-height:1.7}.footer-col a{display:block;color:#fff9;padding:4px 0;transition:color var(--transition);font-size:.9rem}.footer-col a:hover{color:var(--primary-light)}.footer-facebook-link{display:inline-flex!important;align-items:center;gap:8px}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:24px;text-align:center;font-size:.85rem}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-top:var(--nav-height)}.mobile-quick-actions{display:none}.mobile-action{flex:1;border-radius:14px;text-align:center;font-size:.9rem;font-weight:800;padding:12px 10px;min-height:44px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.mobile-action.call{background:#fff1e8;color:#b45309}.mobile-action.whatsapp{background:#e9fbef;color:#15803d}.mobile-action.quote{background:#2c3e50;color:#fff}.mobile-action.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 18px #d3540059}.mobile-action:active{transform:translateY(1px) scale(.99)}@media(max-width:768px){.container{padding:0 16px}.navbar-logo-image{height:40px}.navbar-logo-text{font-size:1.1rem}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:min(86vw,340px);height:100vh;background:#fff;flex-direction:column;justify-content:center;gap:16px;box-shadow:-8px 0 30px #00000029;transition:right var(--transition);padding:32px 22px;z-index:999}.nav-links.open{right:0}.nav-links .nav-cta,.nav-links a{width:100%;font-size:1rem;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px}.nav-links a:after{display:none}.nav-links a{background:#f5f7fa;padding:12px}.nav-links .nav-cta{border-radius:12px;margin-top:6px}main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.mobile-quick-actions{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 24px #00000026;border-radius:16px;padding:8px;z-index:1001;animation:mobileDockIn .55s cubic-bezier(.22,.61,.36,1) both}.contact-form-card,.contact-info-card,.cta-section,.hero-content,.section-header{opacity:0;animation:mobileReveal .55s ease-out both}.hero-content{animation-delay:.05s}.section-header{animation-delay:.1s}.contact-info-card{animation-delay:.14s}.contact-form-card{animation-delay:.18s}.cta-section{animation-delay:.22s}.about-grid .about-item,.areas-list .area-tag,.gallery-grid .gallery-item,.services-grid .service-card{opacity:0;animation:mobileReveal .55s ease-out both}.about-grid .about-item:first-child,.areas-list .area-tag:first-child,.gallery-grid .gallery-item:first-child,.services-grid .service-card:first-child{animation-delay:.08s}.about-grid .about-item:nth-child(2),.areas-list .area-tag:nth-child(2),.gallery-grid .gallery-item:nth-child(2),.services-grid .service-card:nth-child(2){animation-delay:.12s}.about-grid .about-item:nth-child(3),.areas-list .area-tag:nth-child(3),.gallery-grid .gallery-item:nth-child(3),.services-grid .service-card:nth-child(3){animation-delay:.16s}.about-grid .about-item:nth-child(4),.areas-list .area-tag:nth-child(4),.gallery-grid .gallery-item:nth-child(4),.services-grid .service-card:nth-child(4){animation-delay:.2s}.section{padding:72px 0}.section-header{margin-bottom:40px}.contact-grid,.form-row{grid-template-columns:1fr}.contact-grid{gap:24px}.contact-form-card,.contact-info-card{padding:22px}.btn{min-height:46px;justify-content:center}.hero h1{font-size:2rem}.vitrerie-focus-section{padding:22px 0 0}.vitrerie-focus-card{padding:20px;border-radius:14px}.vitrerie-focus-list span{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(230,126,34,.4);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}@keyframes mobileReveal{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobileDockIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}