body{font-family:sans-serif}.bg-gradient{background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6)}.hero-pattern{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.hero-image{background-image:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1487958449943-2429e8be8625?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;height:auto}.hero-plomber{background:linear-gradient(to right,#000000b3,#0000004d),url(https://images.unsplash.com/photo-1600585152220-90363fe7e115?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80);background-size:cover;background-position:center}.project-card-btp{transition:all .3s ease}.project-card-btp:hover{transform:scale(1.03)}.slide{opacity:0;transition:opacity .8s ease-in-out;z-index:0;pointer-events:none}.slide.active{opacity:1;z-index:10;pointer-events:auto}.service-card{transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#2563eb;transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.mobile-menu.open{max-height:500px}.floating-button{transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.floating-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.whatsapp-button{box-shadow:0 4px 15px #25d3664d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}.service-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:20px}.service-details{transition:all .3s ease;max-height:0;overflow:hidden}.service-details.open{max-height:1000px;margin-top:15px}@layer utilities{.animate-fade-in-up{opacity:1!important;transform:translateY(0)!important}}.project-card{transition:all .3s ease;opacity:0;transform:translateY(20px)}.project-card.active{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-5px)!important;box-shadow:0 10px 25px #0000001a}.hero-gradient{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.category-filter{transition:all .3s ease}.category-filter.active{background-color:#3b82f6;color:#fff}.contact-form-input:focus{box-shadow:0 0 0 2px #3b82f680}.contact-info-icon{transition:all .3s ease}.contact-info-icon:hover{transform:scale(1.1)}.social-icon{transition:all .3s ease}.social-icon:hover{transform:translateY(-3px)}#success-message{opacity:0;height:0;overflow:hidden;transition:all .5s ease}#success-message.show{opacity:1;height:auto}.devis .form-section{transition:all .3s ease}.form-section.hidden{display:none}.devis .input-error{border-color:#f87171}.devis .error-message{color:#f87171;font-size:.875rem;margin-top:.25rem}.devis .success-message{background-color:#d1fae5;border-color:#34d399;color:#065f46}.step-active div:first-child{background-color:#2563eb;color:#fff}.devis .step-active span{color:#2563eb}.devis .step-completed div:first-child{background-color:#2563eb;color:#fff}.devis .step-completed span{color:#2563eb}.animated-underline{position:relative;display:inline-block}.animated-underline:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:#3b82f6;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.animated-underline:hover:after{transform:scaleX(1);transform-origin:bottom left}.network-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.network-icon{transition:all .3s ease}.network-card:hover .network-icon{transform:scale(1.1)}.service-image{height:200px;object-fit:cover;border-radius:.5rem;margin-bottom:1.5rem;width:100%}.tab-button{transition:all .3s ease}.tab-button.active{border-bottom-width:4px;border-color:#ef4444}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .5s ease}.form-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.input-focus:focus{box-shadow:0 0 0 3px #6366f14d}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.success-message{background-color:#10b981;color:#fff;padding:1rem;border-radius:.5rem;margin-bottom:1rem;display:none}.flip-card{perspective:1000px;height:400px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px -5px #0000001a}.flip-card-back{transform:rotateY(180deg)}.flip-card-back ul li{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.flip-card-back ul li:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}