/* ─────────────────────────────────────────
   NOVATECH Insular SL — local-page.css
   CSS compartido para páginas locales SEO
   ───────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:#222;line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

/* ── TIPOGRAFÍA ── */
h1,h2,h3,h4,h5{font-family:'Montserrat',sans-serif;line-height:1.2;color:#141414}
h1{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:900;margin-bottom:1rem}
h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;margin-bottom:.75rem}
h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}
p{margin-bottom:1rem;color:#444;line-height:1.75}

/* ── VARIABLES ── */
:root{
  --aqua:#4bbde0;
  --aqua-d:#2e9dc4;
  --aqua-l:#ceeef9;
  --aqua-xl:#edf8fd;
  --red:#dc2626;
  --red-h:#b91c1c;
  --red-l:#fff1f1;
  --dark:#141414;
  --gray:#555;
  --border:#dde6ea;
  --max:1080px;
}

/* ── LAYOUT ── */
.inner{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
section{padding:3.5rem 1.25rem}

/* ── HEADER ── */
.lp-header{
  background:#fff;
  border-bottom:2px solid var(--aqua-l);
  position:sticky;top:0;z-index:100;
}
.lp-header-inner{
  max-width:var(--max);margin:0 auto;padding:.75rem 1.25rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.lp-logo img{height:38px;width:auto}
.lp-header-ctas{display:flex;gap:.6rem;flex-wrap:wrap}
.btn-call{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--red);color:#fff;font-family:'Montserrat',sans-serif;
  font-weight:700;font-size:.82rem;padding:.55rem 1rem;border-radius:4px;
  text-decoration:none;transition:background .2s;white-space:nowrap;
}
.btn-call:hover{background:var(--red-h)}
.btn-wa{
  display:inline-flex;align-items:center;gap:.4rem;
  background:#25d366;color:#fff;font-family:'Montserrat',sans-serif;
  font-weight:700;font-size:.82rem;padding:.55rem 1rem;border-radius:4px;
  text-decoration:none;transition:background .2s;white-space:nowrap;
}
.btn-wa:hover{background:#1da851}

/* ── BREADCRUMBS ── */
.breadcrumbs{
  background:var(--aqua-xl);border-bottom:1px solid var(--aqua-l);
  padding:.6rem 1.25rem;font-size:.78rem;color:var(--gray);
}
.breadcrumbs a{color:var(--aqua-d)}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs span{margin:0 .3rem;color:#aaa}

/* ── HERO ── */
.lp-hero{
  background:linear-gradient(135deg,var(--aqua-xl) 0%,#fff 60%);
  padding:3rem 1.25rem 2.5rem;
  border-bottom:2px solid var(--aqua-l);
}
.lp-hero-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:center}
.lp-tag{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--aqua-l);color:#1a7a9e;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:.72rem;
  text-transform:uppercase;letter-spacing:.1em;padding:.3rem .9rem;border-radius:3px;
  margin-bottom:1rem;
}
.lp-tag.red{background:var(--red-l);color:var(--red)}
.lp-hero p{font-size:1rem;color:#444;line-height:1.75;margin-bottom:1.5rem}
.lp-hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap}
.btn-primary-lg{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--aqua);color:#fff;font-family:'Montserrat',sans-serif;
  font-weight:700;font-size:.92rem;padding:.8rem 1.8rem;border-radius:4px;
  text-decoration:none;transition:background .2s;
}
.btn-primary-lg:hover{background:var(--aqua-d)}
.btn-call-lg{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--red);color:#fff;font-family:'Montserrat',sans-serif;
  font-weight:700;font-size:.92rem;padding:.8rem 1.8rem;border-radius:4px;
  text-decoration:none;transition:background .2s;
}
.btn-call-lg:hover{background:var(--red-h)}

/* Hero card */
.lp-hero-card{
  background:#fff;border:2px solid var(--aqua-l);border-radius:10px;
  padding:1.5rem;box-shadow:0 6px 28px rgba(75,189,224,.15);
}
.lp-hero-card h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gray);margin-bottom:1rem;font-weight:700}
.hero-phone{font-family:'Montserrat',sans-serif;font-size:1.6rem;font-weight:900;color:var(--dark);margin-bottom:.4rem}
.hero-phone a{color:inherit}
.hero-phone a:hover{color:var(--aqua-d)}
.hero-avail{font-size:.78rem;color:var(--gray);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}
.dot-green{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0}
.hero-wa-btn{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  background:#25d366;color:#fff;font-family:'Montserrat',sans-serif;
  font-weight:700;font-size:.82rem;padding:.65rem;border-radius:4px;
  text-decoration:none;transition:background .2s;
}
.hero-wa-btn:hover{background:#1da851}

/* ── SECCIÓN SERVICIOS ── */
.lp-services{background:var(--aqua-xl);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-services .inner{max-width:var(--max)}
.kicker{font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--aqua-d);display:block;margin-bottom:.5rem}
.checklist{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55rem .75rem;margin-top:1.2rem}
.checklist li{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:#333;line-height:1.5}
.checklist li::before{content:'';flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--aqua);margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}

/* ── SECCIÓN PROBLEMAS ── */
.lp-problems{background:#fff}
.problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1.5rem}
.problem-card{border:1px solid var(--border);border-radius:8px;padding:1.1rem 1.2rem;background:#fff;transition:box-shadow .2s}
.problem-card:hover{box-shadow:0 4px 16px rgba(75,189,224,.18)}
.problem-card h4{font-size:.92rem;font-weight:700;color:var(--dark);margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem}
.problem-card h4::before{content:'▸';color:var(--aqua);font-size:.8rem}
.problem-card p{font-size:.83rem;color:var(--gray);margin:0;line-height:1.55}

/* ── SECCIÓN CONFIANZA ── */
.lp-trust{background:var(--aqua);color:#fff}
.lp-trust h2{color:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}
.trust-item{background:rgba(255,255,255,.15);border-radius:8px;padding:1.1rem;text-align:center}
.trust-icon{font-size:1.6rem;margin-bottom:.4rem}
.trust-item h4{color:#fff;font-size:.88rem;font-weight:700;margin-bottom:.2rem}
.trust-item p{color:rgba(255,255,255,.85);font-size:.78rem;margin:0}

/* ── FAQ ── */
.lp-faq{background:#f5f9fa;border-top:1px solid var(--border)}
.faq-list{max-width:700px;margin:1.5rem 0 0}
.faq-item{border:1px solid var(--border);border-radius:6px;margin-bottom:.6rem;background:#fff;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:1rem 1.2rem;font-weight:700;font-size:.92rem;color:var(--dark);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:1.3rem;font-weight:900;color:var(--aqua);flex-shrink:0;transition:transform .2s;line-height:1}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{padding:.2rem 1.2rem 1rem;font-size:.88rem;color:var(--gray);line-height:1.7;margin:0}

/* ── CTA FINAL ── */
.lp-cta{background:var(--dark);color:#fff;text-align:center}
.lp-cta h2{color:#fff;font-size:clamp(1.3rem,3vw,1.8rem)}
.lp-cta p{color:#aaa;margin-bottom:1.5rem}
.cta-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}

/* ── NEARBY ── */
.lp-nearby{background:#fff;border-top:1px solid var(--border)}
.nearby-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.nearby-link{background:var(--aqua-xl);border:1px solid var(--aqua-l);color:#1a7a9e;font-size:.8rem;font-weight:600;font-family:'Montserrat',sans-serif;padding:.35rem .85rem;border-radius:3px;text-decoration:none;transition:background .2s}
.nearby-link:hover{background:var(--aqua-l)}

/* ── FOOTER ── */
.lp-footer{background:#111b22;color:#8fa3b0;padding:2rem 1.25rem;text-align:center;font-size:.82rem}
.lp-footer a{color:var(--aqua);text-decoration:none}
.lp-footer a:hover{text-decoration:underline}
.lp-footer-logo{height:32px;margin:0 auto 1rem;filter:brightness(0) invert(.6)}

/* ── WHATSAPP FLOTANTE ── */
.wa-float{position:fixed;bottom:1.2rem;right:1.2rem;z-index:999;display:none}
.wa-float a{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#25d366;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .2s}
.wa-float a:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* ── URGENCY HERO (páginas de urgencia) ── */
.urg-banner{background:var(--red);color:#fff;text-align:center;padding:.6rem 1.25rem;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.04em}
.lp-hero.urg-hero{background:linear-gradient(135deg,var(--red-l) 0%,#fff 60%);border-bottom-color:#fecaca}
.lp-hero.urg-hero .lp-tag{background:var(--red-l);color:var(--red)}

/* ── RESPONSIVE ── */
@media(max-width:820px){
  .lp-hero-inner{grid-template-columns:1fr}
  .lp-hero-card{display:none}
  .wa-float{display:block}
  .trust-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){
  h1{font-size:1.5rem}
  .btn-primary-lg,.btn-call-lg{font-size:.82rem;padding:.7rem 1.2rem}
  .trust-grid{grid-template-columns:1fr}
}