@charset "utf-8";
*,*:before,*:after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#222;line-height:1.5}
a{color:#1565C0;text-decoration:none}
a:hover{color:#000;text-decoration:underline}
p{margin:0 0 15px;line-height:1.6}
h1,h2,h3,h4,h5,h6{color:#1565C0;font-family:inherit;font-weight:700;line-height:1.25;margin:0 0 .5em}
img{max-width:100%;height:auto;display:block}
iframe{width:100%;margin:10px 0;border:0}
ul,ol{padding-left:20px;margin:0 0 15px}
.container{max-width:1170px;margin:0 auto;padding:0 15px}
.centered,.img-center{text-align:center}
.btn{display:inline-block;padding:12px 20px;background:#1565C0;color:#fff;border-radius:5px;font-weight:700;text-decoration:none}
.btn:hover{background:#000;color:#fff;text-decoration:none}
.btn-wa{background:#25d366}
.btn-wa:hover{background:#128c7e}
/* topnav */
.topnav{display:flex;align-items:stretch;background:#1565C0;color:#fff;position:sticky;top:0;z-index:1000}
.topnav a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}
.topnav a.active,.topnav a:hover{background:#000;color:#fff!important}
.dropdown{position:relative}
.dropdown .dropbtn{font-size:17px;border:0;color:#fff;padding:14px 16px;background:inherit;font-family:inherit;margin:0;display:flex;align-items:center;cursor:pointer}
.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#f9f9f9;min-width:220px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1001;max-height:80vh;overflow-y:auto}
.dropdown-content a{float:none;color:#222;padding:10px 16px;display:block;text-align:left;border-bottom:1px solid #eee}
.dropdown-content a:hover{background:#1565C0;color:#fff}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropbtn{background:#000;color:#fff}
@media(max-width:767px){
  .topnav{display:flex;flex-wrap:wrap}
  .topnav a{flex:1 1 auto}
  .dropdown{flex:1 1 100%}
  .dropdown-content{position:static;box-shadow:none;max-height:60vh}
}
/* hero — copiado de fontanerosalicante.com */
:root{--primary:#1565C0;--primaryDark:#0d47a1;--accent:#0EA5E9;--ctaGreen:#28a745;--textLight:#fff;--textDark:#1a1a2e;--bgLight:#f8f9fa}
.hero{background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight);padding:48px 20px 56px;text-align:center;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-bg picture{position:absolute;inset:0;display:block}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;max-width:none}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a1428d9,#0a1428bf)}
.hero .container{position:relative;z-index:1}
@media(min-width:769px){.hero{padding:80px 20px 90px;background:none}.hero-bg:after{background:linear-gradient(135deg,#000000b3,#00000080)}}
.hero h1{font-size:clamp(1.9rem,6vw,2.8rem);font-weight:800;line-height:1.1;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.hero-subtitle{font-size:1rem;opacity:.92;margin-bottom:18px}
.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}
.hero-badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:600;white-space:nowrap}
.price-hook{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--textDark);font-weight:800;font-size:.95rem;padding:8px 18px;border-radius:6px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.3px}
.price-hook strong{font-size:1.1rem}
.cta-call{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ctaGreen);color:#fff;font-size:1.2rem;font-weight:800;padding:18px 28px;border-radius:12px;text-decoration:none;width:100%;max-width:440px;box-shadow:0 6px 20px rgba(40,167,69,.5);transition:transform .15s,box-shadow .15s;min-height:62px;letter-spacing:.3px;animation:cta-pulse 2.2s ease-in-out infinite}
@keyframes cta-pulse{0%,to{transform:scale(1);box-shadow:0 6px 20px rgba(40,167,69,.5)}50%{transform:scale(1.025);box-shadow:0 8px 26px rgba(40,167,69,.65)}}
.cta-call:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(40,167,69,.6);text-decoration:none;color:#fff}
.cta-call svg{width:24px;height:24px;min-width:24px;fill:#fff;flex-shrink:0}
.hero-urgency{font-size:.85rem;opacity:.75;margin-top:14px}
.trust-bar{background:var(--accent);color:var(--textDark);padding:12px 20px;text-align:center;font-weight:600;font-size:.9rem}
/* main */
main{padding:10px 0 40px}
.main{max-width:1170px;margin:0 auto;padding:0 15px}
h1.hache1{text-align:center;font-size:1.8em;margin:30px 15px 20px;line-height:1.3}
.main h2{font-size:1.5em;line-height:1.3;margin-top:1.5em}
.main h3{font-size:1.2em;margin-top:1em}
.main p,.main li{font-size:1em;line-height:1.6}
.main ul.servicios{list-style:disc;padding-left:25px;margin:15px 0}
.main ul.servicios li{margin-bottom:6px}
.servicio-img{max-width:400px;margin:20px auto;border-radius:6px}
.faq-item{margin:12px 0;padding:14px 16px;background:#f5f7fa;border-left:3px solid #1565C0;border-radius:4px}
.faq-item h3{margin:0 0 6px;color:#1565C0;font-size:1.1em}
.faq-item p{margin:0}
.map-embed{margin:25px 0}
/* phone-big */
.phone-big{text-align:center;margin:18px 0 26px}
.phone-big a{display:inline-block;font-size:2em;font-weight:800;color:#fff;background:#1565C0;padding:14px 26px;border-radius:8px;letter-spacing:.5px;box-shadow:0 4px 14px rgba(21,101,192,.28);text-decoration:none;line-height:1.1}
.phone-big a:before{content:"\260E\FE0F\00A0";font-size:.9em}
.phone-big a:hover{background:#000;color:#fff;text-decoration:none}
@media(max-width:767px){.phone-big{margin:14px 12px 22px}.phone-big a{display:block;font-size:1.7em;padding:14px 12px}}
.cta-final{background:#1565C0;color:#fff;padding:25px 15px;text-align:center;border-radius:6px;margin:30px 0}
.cta-final h2{color:#fff;margin-top:0}
.cta-final a{color:#fff;font-weight:700}
/* floating buttons */
.flotante-wha,.flotante{position:fixed;z-index:999999;display:block}
.flotante-wha{bottom:2%;right:2%}
.flotante{bottom:2%;left:2%}
.flotante img,.flotante-wha img{width:70px;height:70px;display:block}
@media(min-width:1200px){.flotante{display:none}}
@media(min-width:768px) and (max-width:1199px){.flotante{display:none}}
@media(max-width:767px){h1.hache1{font-size:1.45em;margin:20px 10px}.main h2{font-size:1.3em}.servicio-img{max-width:300px}}
/* footer */
.footer{background:#1a1a1a;color:#fff;padding:30px 15px;margin-top:40px;text-align:center}
.footer p{color:#fffc25;margin:8px 0}
.footer a{color:#fffc25}
.signature{background:#0a0a0a;color:#ccc;padding:15px;text-align:center;font-size:.85em}
.signature a{color:#ccc}
/* cookies banner */
.cookiesms{position:fixed;left:0;right:0;bottom:0;background:#222;color:#fff;padding:12px 15px;font-size:.9em;z-index:9999999}
.cookiesms a{color:#ffd335}
.cookiesms button{background:#1565C0;color:#fff;border:0;padding:6px 14px;border-radius:4px;cursor:pointer;margin-left:8px}
/* back-to-top */
#myBtn{display:none;position:fixed;bottom:100px;right:2%;z-index:999998;font-size:18px;border:none;background:#1565C0;color:#fff;cursor:pointer;padding:14px 18px;border-radius:4px;line-height:1}
#myBtn:hover{background:#000}
@media(max-width:767px){#myBtn{bottom:90px;right:2%;padding:10px 14px}}