.header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background-color:#5e6062;box-shadow:0 2px 5px #0000001a;position:relative;z-index:1000}.logo-header{height:40px}.title-container{position:absolute;left:50%;transform:translate(-50%);text-align:center}.title{font-size:1.6rem;font-weight:700;margin:0;color:#fff}.subtitle{font-size:.9rem;font-weight:400;margin:2px 0 0;color:#fff}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-list li{margin-left:25px}.link{text-decoration:none;color:#f9f7f7;font-weight:500;transition:color .2s}.link:hover{border-bottom:1px solid #2ca3edba}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1102}.hamburger span{display:block;width:25px;height:3px;background-color:#333;border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.hamburger{display:flex}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1100}.nav{position:fixed;top:0;right:-250px;width:250px;height:100vh;background-color:#5e6062;box-shadow:-2px 0 5px #0003;display:flex;flex-direction:column;padding:50px 20px;transition:right .3s ease-in-out;z-index:1101}.nav.open{right:0}.nav-list{flex-direction:column;padding:0;margin:0}.nav-list li{margin:20px 0;font-size:1.2rem;transform:translate(50px);opacity:0}.nav.open .nav-list li:nth-child(1){animation:slideIn .3s forwards .05s}.nav.open .nav-list li:nth-child(2){animation:slideIn .3s forwards .15s}.nav.open .nav-list li:nth-child(3){animation:slideIn .3s forwards .25s}@keyframes slideIn{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.title{font-size:1.4rem}.subtitle{font-size:.8rem}}.muestrario{padding:2rem}.contenedor{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;align-items:start}.galeria{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.imagen-card{text-align:center}.imagen-card img{width:100%;height:200px;object-fit:cover;border-radius:8px;display:block}.imagen-card p{margin:.3rem 0 0;font-size:1.5rem;font-weight:700;background-color:#f0f8ff;border-radius:50%}.video-section video{width:100%;border-radius:8px;display:block}.video-text{margin-top:.5rem;font-size:.9rem;text-align:center}@media (max-width: 768px){.contenedor,.galeria{grid-template-columns:1fr}.imagen-card img{height:150px}}.footer{background-color:#76797d;color:#fff;font-size:1.1rem;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.footer-main{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;padding:20px;gap:2rem;box-sizing:border-box}.footer-column{flex:1 1 calc(33.333% - 2rem);max-width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;box-sizing:border-box}.footer-column h3{margin-bottom:5px;font-size:1.1rem}.footer-column h5{margin-bottom:5px;font-size:.9rem}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:3px}.footer-column a{color:#fff;text-decoration:none;transition:color .3s}.footer-column a:hover{color:#000}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background-color:#5e6062;padding:8px 20px;font-size:.9rem;gap:10px;box-sizing:border-box}.footer-bottom span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.footer-bottom a{color:#fff;text-decoration:none;transition:color .3s}.footer-bottom a:hover{color:#0d0937}.footer-bottom img{height:1em;width:auto;vertical-align:middle;margin-left:5px}@media (max-width: 1024px){.footer-column{flex:1 1 calc(50% - 2rem)}}@media (max-width: 768px){.footer-column{flex:1 1 100%}.footer-bottom{flex-direction:column;text-align:center;font-size:.8rem}.footer-bottom span{justify-content:center}}html,body,#root{height:100%;margin:0;display:flex;flex-direction:column}body>#root{flex:1 0 auto}main{flex:1 0 auto}footer.footer{margin-top:auto}.cookie-consent{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background-color:#333333f2;color:#fff;padding:.8rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;z-index:9999;font-size:.9rem;max-width:90%;box-shadow:0 2px 6px #0000004d}.cookie-consent a{color:#4dd0e1;text-decoration:underline}.cookie-consent button{background-color:#4dd0e1;border:none;padding:.4rem .8rem;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.cookie-consent button:hover{background-color:#26a69a}@media (max-width: 480px){.cookie-consent{flex-direction:column;text-align:center;font-size:.85rem}.cookie-consent button{margin-top:.5rem}}.index{padding:20px;text-align:center}.intro{max-width:700px;margin:0 auto 40px}.buttons-container{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.Call-to-action{display:inline-block;background-color:#0077b6;color:#fff;padding:1rem 2.5rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:transform .2s ease,background-color .3s ease;box-shadow:0 4px 10px #00000026}.Call-to-action:hover{background-color:#023e8a;transform:translateY(-3px)}.Call-to-action.urgencia{background-color:#d62828;font-size:1.05rem}.Call-to-action.urgencia:hover{background-color:#a4161a;transform:scale(1.05)}.logo{max-width:200px;width:80%;height:auto;margin-top:20px;display:block;margin-left:auto;margin-right:auto}@media (max-width: 768px){.logo{max-width:150px}.buttons-container{flex-direction:column;gap:1rem}.Call-to-action{width:80%;text-align:center}}.servicios{max-width:1000px;margin:60px auto;padding:0 20px;text-align:center}.introduccion h2{font-size:2.8rem;margin-bottom:20px;color:#333}.introduccion p{font-size:2rem;line-height:1.6;margin-bottom:15px;color:#222}.introduccion .subtitulo{font-weight:700;margin-top:25px;font-size:2.2rem;color:#333}.servicios-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:40px;perspective:1000px}.servicio-card{width:100%;height:220px;cursor:pointer;position:relative;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;border-radius:12px}.card-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;box-sizing:border-box;box-shadow:0 4px 10px #0000000d}.card-front{background-color:#63666a;color:#fff;font-weight:700;font-size:1.85rem;position:relative;overflow:hidden}.card-front:before{content:"";position:absolute;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:0}.card-front h3,.card-front .click-here{position:relative;z-index:1}.card-front .click-here{font-size:1.2rem;font-weight:400;color:#fffc;margin-top:10px;animation:bounce 1.2s infinite alternate}@keyframes bounce{0%{transform:translateY(0);opacity:.8}50%{transform:translateY(-5px);opacity:1}to{transform:translateY(0);opacity:.8}}.card-back{background-color:#f9f9f9;color:#333;transform:rotateY(180deg);text-align:left;overflow-y:auto;font-size:1.35rem;line-height:1.5;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-back .click-here-back{display:block;margin-top:15px;font-size:1.2rem;font-weight:400;color:#0009;text-align:center;animation:bounce-back 1.2s infinite alternate}@keyframes bounce-back{0%{transform:translateY(0);opacity:.7}50%{transform:translateY(-4px);opacity:1}to{transform:translateY(0);opacity:.7}}.presupuesto-boton{margin-top:40px}.btn-presupuesto{display:inline-block;position:relative;background-color:#777;color:#fff;font-size:2.2rem;font-weight:700;padding:15px 35px;border-radius:8px;text-align:center;transition:background-color .3s,transform .2s,box-shadow .3s;box-shadow:0 4px 12px #0003}.btn-presupuesto:hover{background-color:#007bff;transform:scale(1.05);box-shadow:0 6px 20px #007bff66}.btn-presupuesto:after{content:"";position:absolute;inset:-2px;border-radius:8px;background:#007bff33;opacity:0;transition:opacity .3s;pointer-events:none}.btn-presupuesto:hover:after{opacity:1}@media (max-width: 768px){.btn-presupuesto{width:80%;font-size:1rem;padding:12px 0}.servicios-lista{gap:20px}.card-front,.card-back{font-size:.95rem}}@media (max-width: 480px){.btn-presupuesto{width:100%;font-size:.95rem;padding:10px 0}}.contact-form{width:65%;max-width:1400px;margin:0 auto 40px;padding:30px;background:#76797d4f;border-radius:8px;box-shadow:0 5px 18px #000000a3;font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.contact-form h2{text-align:center;margin-bottom:20px;font-size:3rem;color:#333}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:500;color:#333;font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:1.1rem;border-radius:5px;border:1px solid #ccc;box-sizing:border-box;width:100%}.full-width{grid-column:span 1}.contact-form button{padding:14px;background:#63666a;border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;transition:background .3s;font-size:1.1rem}.contact-form button:hover{background:#4b4d50}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr;gap:25px}.full-width{grid-column:span 2}}@media (min-width: 1600px){.contact-form{padding:40px 50px}.contact-form h2{font-size:3.5rem}.form-group input,.form-group select,.form-group textarea{font-size:1.2rem;padding:14px}.contact-form button{font-size:1.2rem;padding:16px}}.contact-info{text-align:center;margin:30px auto;padding:20px;max-width:800px}.contact-info h1{font-size:3rem;margin-bottom:10px;color:#333}.contact-info h2{font-size:2.8rem;margin-top:10px;margin-bottom:10px;color:#333}.contact-info p{font-size:2.5rem;color:#555;margin-bottom:20px}.whatsapp-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;text-decoration:none;color:#25d366;font-weight:600;font-size:2.1rem;transition:transform .2s ease,color .3s ease}.whatsapp-link:hover{transform:scale(1.05);color:#128c7e}.whatsapp-icon{width:45px;height:45px}.whatsapp-number{vertical-align:middle}@media (max-width: 768px){.contact-info h1{font-size:1.8rem}.contact-info h2{font-size:1.5rem}.contact-info p{font-size:1rem}.whatsapp-link{font-size:1.5rem}}.legal-page{max-width:900px;margin:60px auto;padding:0 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.8;text-align:justify;transition:opacity .3s ease;opacity:1}.legal-page.fade-out{opacity:0}.legal-page h1{font-size:2.2rem;text-align:center;margin-bottom:30px;color:#111}.legal-section{margin-bottom:30px}.legal-section h2{font-size:1.4rem;margin-bottom:10px;color:#222}.legal-section p{font-size:1rem;line-height:1.6;color:#1f1f1f}.legal-back-button{text-align:center;margin-top:40px}.btn-volver{display:inline-block;padding:12px 25px;background-color:#63666a;color:#fff;font-weight:700;border-radius:8px;transition:background-color .3s,transform .2s;cursor:pointer;border:none}.btn-volver:hover{background-color:#0056b3;transform:translateY(-2px)}@media (max-width: 768px){.legal-page{padding:0 48px}.legal-page h1{font-size:1.8rem}.legal-section h2{font-size:1.2rem}.legal-section p{font-size:.95rem}.btn-volver{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.legal-page h1{font-size:1.6rem}.legal-section h2{font-size:1.1rem}.legal-section p{font-size:.9rem}.btn-volver{padding:8px 18px;font-size:.85rem}}.cookies-page{max-width:900px;margin:60px auto;padding:0 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.8;text-align:justify;transition:opacity .3s ease;opacity:1}.cookies-page h1{font-size:2rem;margin-bottom:20px;color:#333}.cookies-section{text-align:left;margin-bottom:30px}.cookies-section h2{font-size:1.3rem;margin-bottom:10px;color:#333}.cookies-section p{font-size:1rem;line-height:1.6;color:#555}.cookies-section a{color:#333;text-decoration:underline}.cookies-back-button{text-align:center;margin-top:40px}.btn-volver{display:inline-block;padding:12px 25px;background-color:#63666a;color:#fff;font-weight:700;border-radius:6px;text-decoration:none;transition:background-color .3s}.btn-volver:hover{background-color:#007bff}@media (max-width: 768px){.cookies-page{padding:0 48px}.cookies-page h1{font-size:1.8rem}.cookies-section h2{font-size:1.2rem}.cookies-section p{font-size:.95rem}.btn-volver{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.cookies-page h1{font-size:1.6rem}.cookies-section h2{font-size:1.1rem}.cookies-section p{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body:before{content:"";position:fixed;inset:0;background-image:url(/images/fondo%20fontaneria%20marco.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;filter:blur(4px);z-index:0;pointer-events:none;will-change:transform}#root{position:relative;z-index:1}a{text-decoration:none;color:inherit}ul{list-style:none}@media (max-width: 768px){body:before{background-size:115% 160%;background-position:center center}}