/* =========================================================
   ✅ CSS OPTIMIZADO (LISTO PARA COPIAR Y PEGAR)
   - Mantiene tu estilo
   - Arregla el problema fuerte: .footer-seo-box * {...} rompía el hover
   ========================================================= */

/* =========================
   Variables globales
   ========================= */
:root{
  --lcp-green:#22c55e;
  --lcp-green-700:#15803d;
  --lcp-green2:#16a34a;

  --lcp-blue:#7dd3fc;     /* botón llamada */
  --lcp-ink:#0f172a;      /* texto oscuro */
  --lcp-muted:#64748b;
  --lcp-white:#ffffff;

  --lcp-line:#e6edf6;
  --lcp-soft:#f3f8ff;
  --lcp-soft2:#eef7ff;

  --lcp-radius:12px;
  --lcp-radius-lg:18px;

  --lcp-shadow:0 10px 24px rgba(2,6,23,.10);
  --lcp-shadow-pro:0 18px 55px rgba(2,6,23,.12);
}

/* Respeta accesibilidad: menos movimiento si el usuario lo pide */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; }
}

/* =========================================================
   1) FOOTER SEO BOX (título verde + links con movimiento)
   ========================================================= */
.footer-seo-box{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#EAF2F7 !important;
}

/* ⚠️ Se elimina .footer-seo-box * { color:... !important; }
   porque mata el hover (no te deja poner verde el link). */

/* Título verde */
.footer-seo-box .footer-seo-title{
  color:var(--lcp-green) !important;
  font-weight:800 !important;
  margin:0 0 10px 0 !important;
  line-height:1.2 !important;
  font-size:18px !important;
}

/* Texto dentro del bloque */
.footer-seo-box p{
  margin:0 0 12px 0 !important;
  line-height:1.55 !important;
  color:rgba(234,242,247,.92) !important;
}
.footer-seo-box b,
.footer-seo-box strong{
  color:#ffffff !important;
  font-weight:800 !important;
}

/* Links */
.footer-seo-box .footer-seo-links{
  display:grid !important;
  gap:6px !important;
  margin:10px 0 12px 0 !important;
}
.footer-seo-box .footer-seo-links br{ display:none !important; }

.footer-seo-box .footer-seo-links a{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;

  color:#EAF2F7 !important;
  text-decoration:none !important;
  background:transparent !important;

  opacity:.95 !important;
  transform:translateX(0) !important;
  transition:transform .18s ease, color .18s ease, opacity .18s ease !important;
}

/* Flechita */
.footer-seo-box .footer-seo-links a::before{
  content:"›" !important;
  color:var(--lcp-green) !important;
  opacity:.78 !important;
  transition:transform .18s ease, opacity .18s ease !important;
}

/* Hover: se mueve y se pone verde */
.footer-seo-box .footer-seo-links a:hover,
.footer-seo-box .footer-seo-links a:focus{
  color:var(--lcp-green) !important;
  opacity:1 !important;
  transform:translateX(8px) !important;
}
.footer-seo-box .footer-seo-links a:hover::before,
.footer-seo-box .footer-seo-links a:focus::before{
  opacity:1 !important;
  transform:translateX(2px) !important;
}

/* Focus visible */
.footer-seo-box .footer-seo-links a:focus-visible{
  outline:2px solid rgba(34,197,94,.65) !important;
  outline-offset:3px !important;
  border-radius:6px !important;
}

/* Nota final */
.footer-seo-box .footer-seo-note{
  margin:0 !important;
  font-size:.92em !important;
  opacity:.88 !important;
  line-height:1.45 !important;
  color:rgba(234,242,247,.84) !important;
}

/* Menos movimiento si el usuario lo pide */
@media (prefers-reduced-motion: reduce){
  .footer-seo-box .footer-seo-links a,
  .footer-seo-box .footer-seo-links a::before{
    transition:none !important;
  }
  .footer-seo-box .footer-seo-links a:hover,
  .footer-seo-box .footer-seo-links a:focus{
    transform:none !important;
  }
}

/* =========================================================
   2) CHECKLISTS (hero-checks + lcp-checks)
   ========================================================= */
.hero-checks,
.lcp-checks{
  list-style:none;
  margin:14px 0 10px;
  padding:0;
}
.hero-checks li,
.lcp-checks li{
  position:relative;
  padding-left:22px;
  margin:8px 0;
  line-height:1.5;
}
.hero-checks li::before,
.lcp-checks li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:900;
  color:var(--lcp-green);
}
.hero-note{ margin:10px 0 0; }

/* =========================================================
   3) LCP Base (Global)
   ========================================================= */
.lcp a{ text-decoration:none; }
.lcp *{ box-sizing:border-box; }

/* Botones reutilizables */
.lcp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;

  padding:12px 18px;
  border-radius: var(--lcp-radius);
  font-weight:800;
  border:1px solid transparent;
  line-height:1;

  transition: transform .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease, filter .15s ease;
  cursor:pointer;
  user-select:none;
}
.lcp-btn:hover{ transform: translateY(-1px); }
.lcp-btn:active{ transform: translateY(0); }
.lcp-btn:focus-visible{
  outline:3px solid rgba(34,197,94,.35);
  outline-offset:2px;
}

/* WhatsApp: verde fuerte -> hover blanco/negro */
.lcp-btn--wa{
  background: var(--lcp-green);
  color: var(--lcp-white);
  border-color: rgba(0,0,0,.08);
}
.lcp-btn--wa:hover{
  background: var(--lcp-white);
  color:#000;
  border-color: rgba(0,0,0,.18);
}

/* Llamada: azul claro -> hover blanco/negro */
.lcp-btn--call{
  background: var(--lcp-blue);
  color: var(--lcp-ink);
  border-color: rgba(0,0,0,.08);
}
.lcp-btn--call:hover{
  background: var(--lcp-white);
  color:#000;
  border-color: rgba(0,0,0,.18);
}

@media (prefers-reduced-motion: reduce){
  .lcp-btn{ transition:none; }
  .lcp-btn:hover{ transform:none; }
}

/* =========================================================
   4) COTIZADOR EXPRESS PRO — GLOBAL CSS (lcpBleedPro)
   ========================================================= */
.lcpBleedPro{
  --ink:var(--lcp-ink);
  --muted:var(--lcp-muted);
  --line:var(--lcp-line);
  --soft:var(--lcp-soft);
  --soft2:var(--lcp-soft2);
  --green:var(--lcp-green);
  --green2:var(--lcp-green2);
  --shadow:var(--lcp-shadow-pro);
  --radius:var(--lcp-radius-lg);

  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background: linear-gradient(180deg, #f7fbff 0%, #eef7ff 100%);
  padding:40px 0;
}
.lcpBleedPro *{ box-sizing:border-box; }

.lcpBleedPro .inner{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding-inline: clamp(14px, 2.8vw, 64px);
}

.lcpBleedPro .grid{
  display:grid;
  grid-template-columns: minmax(640px, 1.35fr) minmax(420px, .85fr);
  gap:24px;
  align-items:stretch;
}

.lcpBleedPro .card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:30px;
  overflow:hidden;
}

.lcpBleedPro .kicker{
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(34,197,94,.95);
  margin:0 0 10px 0;
}
.lcpBleedPro h2{
  margin:0 0 10px 0;
  font-size:1.8rem;
  line-height:1.15;
  color:var(--ink);
  letter-spacing:-.02em;
}
.lcpBleedPro .sub{
  margin:0 0 14px 0;
  color:var(--muted);
  line-height:1.55;
  font-size:1.03rem;
}

.lcpBleedPro .proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 18px 0;
}
.lcpBleedPro .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--soft);
  border:1px solid var(--line);
  color:var(--ink);
  font-weight:850;
  font-size:.93rem;
  white-space:nowrap;
}

.lcpBleedPro form{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.lcpBleedPro .full{ grid-column:1 / -1; }

.lcpBleedPro .field{ position:relative; }
.lcpBleedPro .field input,
.lcpBleedPro .field select,
.lcpBleedPro .field textarea{
  width:100%;
  border:1px solid var(--line);
  background:var(--soft2);
  border-radius:12px;
  padding:12px 12px 12px 42px;
  color:var(--ink);
  font-size:1rem;
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.lcpBleedPro .field textarea{ min-height:105px; resize:vertical; }

.lcpBleedPro .field input:focus,
.lcpBleedPro .field select:focus,
.lcpBleedPro .field textarea:focus{
  background:#fff;
  border-color:rgba(34,197,94,.35);
  box-shadow:0 0 0 4px rgba(34,197,94,.14);
}

.lcpBleedPro .ico{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  opacity:.72;
  pointer-events:none;
}
.lcpBleedPro .ico svg{ width:18px; height:18px; display:block; }
.lcpBleedPro .ico.icoTop{ top:18px; transform:none; }

.lcpBleedPro .row3{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:12px;
  grid-column:1 / -1;
}

.lcpBleedPro .help{
  grid-column:1 / -1;
  margin:-4px 0 2px 0;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.35;
}

.lcpBleedPro .actions{
  grid-column:1 / -1;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin-top:6px;
  flex-wrap:wrap;
}
.lcpBleedPro .note{
  color:var(--muted);
  font-size:.98rem;
  line-height:1.35;
  font-weight:700;
}

.lcpBleedPro .btn{
  border:none;
  cursor:pointer;
  border-radius:12px;
  padding:14px 16px;
  font-weight:900;
  font-size:1rem;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#052e16;
  box-shadow:0 14px 30px rgba(34,197,94,.18);
  min-width:260px;
  transition: transform .08s ease, filter .12s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
}
.lcpBleedPro .btn:hover{ filter:brightness(1.03); }
.lcpBleedPro .btn:active{ transform:translateY(1px); }

.lcpBleedPro .btn2{
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  box-shadow:none;
  min-width:200px;
}

.lcpBleedPro .links{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-start;
  margin-top:6px;
}
.lcpBleedPro .links a{
  color:#0f172a;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset: .18em;
  opacity:.9;
}

.lcpBleedPro .err{
  display:none;
  grid-column:1 / -1;
  margin-top:6px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(239,68,68,.08);
  border:1px solid rgba(239,68,68,.18);
  color:#7f1d1d;
  font-weight:900;
  font-size:.95rem;
}

.lcpBleedPro .imgBox{
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:#fff;
  min-height:560px;
  position:relative;
}
.lcpBleedPro .imgBox img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.lcpBleedPro .imgOverlay{
  position:absolute;
  left:16px;
  bottom:16px;
  right:16px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  padding:12px 14px;
  backdrop-filter: blur(6px);
}
.lcpBleedPro .imgOverlay b{ color:var(--ink); }
.lcpBleedPro .imgOverlay div{ color:var(--muted); font-weight:750; }

@media (max-width: 1100px){
  .lcpBleedPro .grid{ grid-template-columns: 1fr; }
  .lcpBleedPro .btn, .lcpBleedPro .btn2{ width:100%; min-width:0; }
  .lcpBleedPro .actions{ flex-direction:column; align-items:stretch; }
  .lcpBleedPro .imgBox{ min-height:360px; }
}
@media (max-width: 560px){
  .lcpBleedPro form{ grid-template-columns: 1fr; }
  .lcpBleedPro .row3{ grid-template-columns: 1fr; }
}

/* =========================================================
   5) SECCIÓN 3 PRO — CATÁLOGO SEO (lcpCatPro)
   ========================================================= */
.lcpCatPro{
  --ink:var(--lcp-ink);
  --muted:var(--lcp-muted);
  --line:var(--lcp-line);
  --soft:#f4f9ff;
  --soft2:var(--lcp-soft2);
  --card:#ffffff;
  --green:var(--lcp-green);
  --green2:var(--lcp-green2);
  --shadow:0 18px 55px rgba(2,6,23,.10);
  --radius:20px;

  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:#fff;
  padding:56px 0;
}
.lcpCatPro *{ box-sizing:border-box; }

.lcpCatPro .inner{
  width:100%;
  max-width:none;
  padding-inline: clamp(14px, 2.8vw, 64px);
}

/* HEADER */
.lcpCatPro .top{ text-align:center; margin-bottom:22px; }
.lcpCatPro .kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.85rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(34,197,94,.95);
  background:rgba(34,197,94,.10);
  border:1px solid rgba(34,197,94,.18);
  padding:8px 12px;
  border-radius:999px;
  margin:0 0 14px 0;
}
.lcpCatPro h2{
  margin:0;
  color:var(--ink);
  letter-spacing:-.03em;
  line-height:1.05;
  font-size: clamp(2.2rem, 3.2vw, 3.2rem);
}
.lcpCatPro .sub{
  margin:12px auto 0 auto;
  max-width:980px;
  color:var(--muted);
  font-size:1.08rem;
  line-height:1.65;
}

.lcpCatPro .badges{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:16px;
}
.lcpCatPro .badge{
  background:var(--soft);
  border:1px solid var(--line);
  padding:9px 12px;
  border-radius:999px;
  color:var(--ink);
  font-weight:900;
  font-size:.95rem;
  white-space:nowrap;
}

/* GRID CARDS */
.lcpCatPro .grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;
  margin-top:26px;
}

.lcpCatPro .card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:560px;
}

/* image header */
.lcpCatPro .img{
  position:relative;
  height:190px;
  background:#eaf4ff;
}
.lcpCatPro .img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.lcpCatPro .tag{
  position:absolute;
  left:14px;
  top:14px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.10);
  padding:7px 10px;
  border-radius:999px;
  font-weight:950;
  color:var(--ink);
  font-size:.84rem;
  backdrop-filter: blur(6px);
}

.lcpCatPro .body{
  padding:18px 18px 16px 18px;
  display:flex;
  flex-direction:column;
  gap:12px;
  height:100%;
}

.lcpCatPro .titleRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.lcpCatPro h3{
  margin:0;
  font-size:1.25rem;
  color:var(--ink);
  letter-spacing:-.01em;
}
.lcpCatPro .pill{
  font-weight:950;
  font-size:.78rem;
  color:#052e16;
  background:rgba(34,197,94,.18);
  border:1px solid rgba(34,197,94,.25);
  padding:6px 10px;
  border-radius:999px;
  white-space:nowrap;
}

/* mini spec table */
.lcpCatPro .spec{
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
}
.lcpCatPro .specRow{
  display:grid;
  grid-template-columns:38% 62%;
  border-bottom:1px solid var(--line);
}
.lcpCatPro .specRow:last-child{ border-bottom:none; }
.lcpCatPro .specKey{
  background:var(--soft);
  color:var(--muted);
  font-weight:950;
  padding:10px 12px;
  font-size:.98rem;
}
.lcpCatPro .specVal{
  background:#fff;
  color:var(--ink);
  font-weight:800;
  padding:10px 12px;
  font-size:.98rem;
}

/* Uses */
.lcpCatPro .usesTitle{
  font-weight:950;
  color:var(--ink);
  margin:2px 0 0 0;
  font-size:1.02rem;
}
.lcpCatPro ul{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.6;
  font-weight:700;
}
.lcpCatPro .seoLine{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size:1rem;
}
.lcpCatPro .seoLine b{ color:var(--ink); }

/* details */
.lcpCatPro details{
  border:1px dashed rgba(15,23,42,.16);
  border-radius:16px;
  padding:12px 12px;
  background:linear-gradient(180deg,#fff 0%, #f7fbff 100%);
}
.lcpCatPro summary{
  cursor:pointer;
  font-weight:950;
  color:var(--ink);
  list-style:none;
}
.lcpCatPro summary::-webkit-details-marker{ display:none; }
.lcpCatPro .detailText{
  margin:10px 0 0 0;
  color:var(--muted);
  line-height:1.65;
  font-weight:700;
}

/* actions */
.lcpCatPro .actions{
  margin-top:auto;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.lcpCatPro .btn{
  border:none;
  cursor:pointer;
  border-radius:12px;
  padding:12px 14px;
  font-weight:950;
  font-size:1rem;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#052e16;
  box-shadow:0 14px 26px rgba(34,197,94,.16);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  flex:1 1 220px;
}
.lcpCatPro .btn2{
  background:#fff;
  border:1px solid var(--line);
  color:var(--ink);
  box-shadow:none;
  flex:1 1 180px;
}

/* bottom guide */
.lcpCatPro .guide{
  margin-top:22px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow);
  padding:18px 18px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  align-items:center;
}
.lcpCatPro .guide h4{
  margin:0 0 6px 0;
  color:var(--ink);
  font-size:1.25rem;
  letter-spacing:-.01em;
}
.lcpCatPro .steps{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.7;
  font-weight:750;
}
.lcpCatPro .miniCtas{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

@media (max-width: 1100px){
  .lcpCatPro .grid{ grid-template-columns:1fr 1fr; }
  .lcpCatPro .guide{ grid-template-columns:1fr; }
  .lcpCatPro .miniCtas{ justify-content:flex-start; }
}
@media (max-width: 700px){
  .lcpCatPro .grid{ grid-template-columns:1fr; }
  .lcpCatPro .btn{ width:100%; flex:1 1 auto; }
}

/* =========================================================
   6) SECCIÓN 4 — POR QUÉ CONFIAR (lcpTrust)
   ========================================================= */
.lcpTrust{
  --green:var(--lcp-green);
  --green2:var(--lcp-green2);
  --ink:var(--lcp-ink);
  --muted:var(--lcp-muted);
  --bg:#f6fbff;
  --card:#ffffff;
  --line:rgba(2,6,23,.08);
  --shadow:0 18px 45px rgba(2,6,23,.08);
  --radius:16px;

  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:var(--bg);
  padding:70px 0;
}
.lcpTrust *{ box-sizing:border-box; }

.lcpTrust .inner{
  width:100%;
  max-width:none;
  padding-inline: clamp(14px, 2.8vw, 64px);
}

.lcpTrust .top{ text-align:center; margin-bottom:34px; }
.lcpTrust .kicker{
  display:inline-block;
  color:var(--green2);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:.82rem;
  margin-bottom:10px;
}
.lcpTrust h2{
  margin:0;
  color:var(--ink);
  font-size: clamp(2.2rem, 3.2vw, 3.4rem);
  line-height:1.05;
  letter-spacing:-.02em;
}
.lcpTrust .sub{
  margin:12px auto 0 auto;
  max-width:980px;
  color:var(--muted);
  font-size:1.06rem;
  line-height:1.7;
}

.lcpTrust .grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
  margin-top:34px;
}

.lcpTrust .card{
  position:relative;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
  min-height:340px;
}

/* Foto arriba */
.lcpTrust .photo{
  position:relative;
  height:160px;
  background:#eaf4ff;
  overflow:hidden;
}
.lcpTrust .photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  transition:transform .22s ease;
}
.lcpTrust .photo:before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(15,23,42,.08) 0%, rgba(15,23,42,.18) 100%);
  opacity:.55;
  pointer-events:none;
  transition: opacity .22s ease, background .22s ease;
}
.lcpTrust .tag{
  position:absolute;
  left:14px;
  top:14px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.10);
  padding:7px 10px;
  border-radius:999px;
  font-weight:950;
  color:var(--ink);
  font-size:.84rem;
  backdrop-filter: blur(6px);
}

.lcpTrust .body{ padding:22px 22px 20px 22px; text-align:center; }

.lcpTrust .card:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:3px;
  background:var(--green);
  opacity:.95;
}

.lcpTrust .iconWrap{
  width:74px;
  height:74px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:-44px auto 14px auto;
  background:rgba(34,197,94,.10);
  color:var(--green2);
  border:6px solid #fff;
  transition: background .22s ease, color .22s ease, transform .22s ease;
  position:relative;
  z-index:2;
}

.lcpTrust .card h3{
  margin:6px 0 10px 0;
  color:var(--green2);
  font-weight:950;
  font-size:1.12rem;
  transition: color .22s ease;
}
.lcpTrust .card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  font-weight:700;
  font-size:.98rem;
  transition: color .22s ease;
}
.lcpTrust .more{
  display:inline-flex;
  margin-top:12px;
  gap:8px;
  align-items:center;
  justify-content:center;
  color:var(--green2);
  font-weight:950;
  text-decoration:none;
  border-bottom:2px solid rgba(34,197,94,.35);
  padding-bottom:2px;
  transition: color .22s ease, border-color .22s ease;
}

/* HOVER VERDE */
.lcpTrust .card:hover{
  transform: translateY(-6px);
  background:var(--green);
  border-color: rgba(255,255,255,.15);
}
.lcpTrust .card:hover .photo img{ transform: scale(1.08); }
.lcpTrust .card:hover .photo:before{
  opacity:.85;
  background: linear-gradient(180deg, rgba(22,163,74,.25) 0%, rgba(22,163,74,.55) 100%);
}
.lcpTrust .card:hover .iconWrap{
  background: rgba(255,255,255,.18);
  color:#ffffff;
  transform: scale(1.03);
  border-color: rgba(255,255,255,.85);
}
.lcpTrust .card:hover h3{ color:#ffffff; }
.lcpTrust .card:hover p{ color: rgba(255,255,255,.92); }
.lcpTrust .card:hover .more{
  color:#ffffff;
  border-color: rgba(255,255,255,.45);
}

/* CTA final */
.lcpTrust .ctaBar{
  margin-top:36px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.lcpTrust .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:12px;
  padding:14px 18px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
  border:none;
  transition: transform .18s ease, box-shadow .18s ease;
  min-width:220px;
}
.lcpTrust .btnPrimary{
  background: linear-gradient(135deg,var(--green),var(--green2));
  color:#052e16;
  box-shadow:0 16px 30px rgba(34,197,94,.18);
}
.lcpTrust .btnGhost{
  background:#ffffff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:none;
}
.lcpTrust .btn:hover{ transform: translateY(-2px); }

@media (max-width: 980px){
  .lcpTrust .grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 620px){
  .lcpTrust .grid{ grid-template-columns:1fr; }
  .lcpTrust .btn{ width:100%; }
  .lcpTrust .photo{ height:150px; }
}

/* =========================================================
   7) SECCIÓN 8 — Local SEO / NAP (nap8)
   ========================================================= */
.nap8{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  width:100%;
  padding:10px 0;
}
.nap8 *{ box-sizing:border-box; }

.nap8 .napGrid{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:26px;
  align-items:stretch;
}

/* Tarjeta izquierda */
.nap8 .card{
  background:#fff;
  border-radius:10px;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
  padding:26px 26px 22px;
}
.nap8 .mini{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  color:#26a65b;
  font-weight:700;
  margin:0 0 8px;
}
.nap8 .title{
  margin:0 0 18px;
  font-size:34px;
  line-height:1.05;
  font-weight:800;
  color:#0b1220;
}

.nap8 .fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 18px;
}
.nap8 .field{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f3f8ff;
  border:1px solid #e6eef8;
  border-radius:6px;
  padding:12px 12px;
  min-height:46px;
}
.nap8 .field.spanAll{ grid-column:1 / -1; }

.nap8 .ico{
  width:28px;
  height:28px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eaf7ef;
  color:#26a65b;
  font-size:15px;
  flex:0 0 auto;
}
.nap8 .txt{
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1.15;
  min-width:0;
}
.nap8 .lbl{
  font-size:11px;
  color:#607086;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.nap8 .val{
  font-size:14px;
  color:#0b1220;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nap8 .val.wrap{ white-space:normal; }

.nap8 .napLink{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.18em;
}

/* Botones */
.nap8 .actions{
  display:flex;
  gap:12px;
  margin-top:16px;
  flex-wrap:wrap;
}
.nap8 .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:6px;
  font-weight:800;
  text-decoration:none;
  border:1px solid transparent;
  transition: transform .12s ease, opacity .12s ease;
}
.nap8 .btn:hover{ transform: translateY(-1px); opacity:.95; }
.nap8 .btnCall{
  background:#ffffff;
  border-color:#dfe8f3;
  color:#0b1220;
}
.nap8 .btnWa{
  background:#26a65b;
  color:#fff;
}

/* Mapa derecha */
.nap8 .mapWrap{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
  min-height:420px;
  position:relative;
}
.nap8 iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

@media (max-width: 900px){
  .nap8 .napGrid{ grid-template-columns:1fr; }
  .nap8 .mapWrap{ min-height:320px; }
  .nap8 .title{ font-size:28px; }
  .nap8 .fields{ grid-template-columns:1fr; }
  .nap8 .field.spanAll{ grid-column:auto; }
}

/* =========================================================
   8) Footer About / Links / SEO (lcpFooter*)
   ========================================================= */

/* Footer About */
.lcpFooterAbout{
  --green:var(--lcp-green);
  color:#ffffff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.lcpFooterAbout__logo{
  max-width:190px;
  height:auto;
  display:block;
  margin:0 0 12px 0;
}
.lcpFooterAbout__title{
  margin:0 0 8px 0;
  font-weight:800;
  color:var(--green);
  line-height:1.15;
}
.lcpFooterAbout__bar{
  width:44px;
  height:3px;
  background:var(--green);
  border-radius:2px;
  margin:0 0 14px 0;
}
.lcpFooterAbout__text{
  margin:0 0 12px 0;
  line-height:1.55;
  color:#ffffff;
}
.lcpFooterAbout__checks{
  line-height:1.9;
  color:#ffffff;
}
.lcpFooterAbout__checks b{ font-weight:800; }

.lcpFooterAbout a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.18em;
  transition: transform .12s ease, opacity .12s ease;
}
.lcpFooterAbout a:hover{
  transform: translateX(2px);
  opacity:.95;
}

/* Footer Links */
.lcpFooterLinks{
  --green:var(--lcp-green);
  color:#ffffff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.lcpFooterLinks__title{
  margin:0 0 8px 0;
  font-weight:800;
  color:var(--green);
  line-height:1.15;
}
.lcpFooterLinks__bar{
  width:44px;
  height:3px;
  background:var(--green);
  border-radius:2px;
  margin:0 0 14px 0;
}
.lcpFooterLinks__list{
  list-style:none;
  padding:0;
  margin:0;
  line-height:2;
}
.lcpFooterLinks__list li{ margin:0; }

.lcpFooterLinks__a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#ffffff;
  text-decoration:none;
  font-weight:800;
  padding:6px 0;
  transition: transform .14s ease, opacity .14s ease;
}
.lcpFooterLinks__a::before{
  content:"›";
  color:var(--green);
  font-weight:900;
  transition: transform .14s ease, opacity .14s ease;
  opacity:.9;
}
.lcpFooterLinks__a:hover{
  transform: translateX(6px);
  opacity:1;
}
.lcpFooterLinks__a:hover::before{
  transform: translateX(2px);
  opacity:1;
}
.lcpFooterLinks__a:focus-visible{
  outline:2px solid rgba(34,197,94,.65);
  outline-offset:3px;
  border-radius:6px;
}

/* Footer SEO Box */
.lcpFooterSeo{
  --green:var(--lcp-green);
  color:#ffffff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.lcpFooterSeo__title{
  margin:0 0 8px 0;
  font-weight:800;
  color:var(--green);
  line-height:1.15;
}
.lcpFooterSeo__p{
  margin:0 0 12px 0;
  line-height:1.55;
  color:rgba(255,255,255,.92);
  font-weight:650;
}
.lcpFooterSeo__links{
  display:grid;
  gap:6px;
  margin:10px 0 12px 0;
}
.lcpFooterSeo__a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#ffffff;
  text-decoration:none;
  font-weight:800;
  padding:4px 0;
  transition: transform .14s ease, opacity .14s ease;
}
.lcpFooterSeo__a::before{
  content:"›";
  color:var(--green);
  font-weight:900;
  opacity:.9;
  transition: transform .14s ease, opacity .14s ease;
}
.lcpFooterSeo__a:hover{
  transform: translateX(6px);
  opacity:1;
}
.lcpFooterSeo__a:hover::before{
  transform: translateX(2px);
  opacity:1;
}
.lcpFooterSeo__a:focus-visible{
  outline:2px solid rgba(34,197,94,.65);
  outline-offset:3px;
  border-radius:6px;
}
.lcpFooterSeo__note{
  margin:0;
  line-height:1.55;
  color:rgba(255,255,255,.78);
  font-weight:700;
  font-size:.95rem;
}

/* Reduce motion (footer links) */
@media (prefers-reduced-motion: reduce){
  .lcpFooterLinks__a,
  .lcpFooterLinks__a::before,
  .lcpFooterSeo__a,
  .lcpFooterSeo__a::before,
  .lcpFooterAbout a{
    transition:none !important;
  }
  .lcpFooterLinks__a:hover,
  .lcpFooterSeo__a:hover,
  .lcpFooterAbout a:hover{
    transform:none !important;
  }
}


/* ===== Espaciado de lectura (global) ===== */
main p, #content p, #primary p, .site-main p, .page-content p, .post-content p, .entry-content p{
  margin: 0 0 14px !important;
  line-height: 1.7 !important;
}
main h2, #content h2, #primary h2, .site-main h2, .page-content h2, .post-content h2, .entry-content h2{
  margin: 28px 0 12px !important;
  line-height: 1.2 !important;
}
main h3, #content h3, #primary h3, .site-main h3, .page-content h3, .post-content h3, .entry-content h3{
  margin: 18px 0 10px !important;
  line-height: 1.25 !important;
}
main ul, main ol, #content ul, #content ol, #primary ul, #primary ol, .site-main ul, .site-main ol, .page-content ul, .page-content ol, .post-content ul, .post-content ol, .entry-content ul, .entry-content ol{
  margin: 0 0 14px 18px !important;
  padding: 0 !important;
}
main li, #content li, #primary li, .site-main li, .page-content li, .post-content li, .entry-content li{
  margin: 6px 0 !important;
}
main hr, #content hr, #primary hr, .site-main hr, .page-content hr, .post-content hr, .entry-content hr{
  margin: 22px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e6edf6 !important;
}
main img, #content img, #primary img, .site-main img, .page-content img, .post-content img, .entry-content img{
  display: block !important;
  margin: 10px 0 16px !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
}
/* Tabla responsive */
main table, #content table, #primary table, .site-main table, .page-content table, .post-content table, .entry-content table{
  width: 100% !important;
  margin: 14px 0 18px !important;
  border-collapse: collapse !important;
  display: block !important;
  overflow-x: auto !important;
}
main th, main td, #content th, #content td, #primary th, #primary td, .site-main th, .site-main td, .page-content th, .page-content td, .post-content th, .post-content td, .entry-content th, .entry-content td{
  padding: 12px !important;
  line-height: 1.45 !important;
}

/* =========================================================
   BLOQUE PILAR SEO — Panel W (estilo cards/news)
   ========================================================= */
.pwPilarSEO{
  --pw-green:#22c55e;
  --pw-ink:#0f172a;
  --pw-muted:#64748b;
  --pw-line:#e5e7eb;
  --pw-bg:#ffffff;
  --pw-soft:#f8fafc;
  --pw-radius:14px;
  --pw-shadow:0 14px 35px rgba(2,6,23,.08);
  padding:42px 16px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  color:var(--pw-ink);
}

.pwPilarSEO .wrap{
  max-width:1400px;   /* prueba 1320 / 1400 / 1600 */
  margin:0 auto;
  padding:0 16px;
}

.pwPilarSEO .head{text-align:center;margin-bottom:22px;}

.pwPilarSEO .kicker{
  display:inline-block;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--pw-green);
  margin-bottom:10px;
}

.pwPilarSEO h2{
  margin:0 0 10px 0;
  font-size:clamp(26px,3vw,40px);
  line-height:1.15;
}

.pwPilarSEO .lead{
  margin:0 auto;
  max-width:900px;
  color:var(--pw-muted);
  font-size:16px;
  line-height:1.8;
}

.pwPilarSEO .grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:22px;
  margin-top:22px;
}

@media (max-width: 980px){
  .pwPilarSEO .grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 640px){
  .pwPilarSEO{padding:30px 12px;}
  .pwPilarSEO .grid{grid-template-columns: 1fr;}
}

.pwPilarSEO .card{
  background:var(--pw-bg);
  border:1px solid var(--pw-line);
  border-radius:var(--pw-radius);
  overflow:hidden;
  box-shadow:var(--pw-shadow);
  display:flex;
  flex-direction:column;
}

.pwPilarSEO .media{
  height:150px;
  position:relative;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* Imagen por tarjeta */
.pwPilarSEO .card--tipos   .media{background-image:url("https://www.lacasadelpanel.com/wp-content/uploads/2025/10/panel-w-covintec-163.jpg");}
.pwPilarSEO .card--medidas .media{background-image:url("https://www.lacasadelpanel.com/wp-content/uploads/2025/10/panel-w-covintec-69.jpg");}
.pwPilarSEO .card--acabados .media{background-image:url("https://www.lacasadelpanel.com/wp-content/uploads/2025/10/panel-w-covintec-86.jpg");}
.pwPilarSEO .card--cotizar .media{background-image:url("https://www.lacasadelpanel.com/wp-content/uploads/2025/10/panel-w-covintec-232.jpg");}
.pwPilarSEO .card--consejo .media{background-image:url("https://www.lacasadelpanel.com/wp-content/uploads/2025/10/panel-w-covintec-245.jpg");}
.pwPilarSEO .card--toluca  .media{background-image:url("https://www.lacasadelpanel.com/wp-content/uploads/2025/10/panel-w-covintec-247.jpg");}

/* Overlay para legibilidad */
.pwPilarSEO .media:after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.35));
}

.pwPilarSEO .tag{
  position:absolute; left:14px; top:14px; z-index:1;
  background:#fff;
  border:1px solid var(--pw-line);
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:800;
}

.pwPilarSEO .body{padding:16px 16px 14px 16px;}

.pwPilarSEO h3{
  margin:0 0 10px 0;
  font-size:18px;
  line-height:1.25;
}

.pwPilarSEO p{
  margin:0 0 10px 0;
  color:#334155;
  line-height:1.8;
  font-size:15px;
}

.pwPilarSEO p:last-child{margin-bottom:0;}

.pwPilarSEO ul{
  margin:0; padding-left:18px;
  color:#334155;
  line-height:1.8;
  font-size:15px;
}

.pwPilarSEO .cta{
  margin-top:24px;
  background:linear-gradient(135deg, rgba(34,197,94,.10), rgba(14,165,233,.08));
  border:1px solid var(--pw-line);
  border-radius:var(--pw-radius);
  padding:18px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}

.pwPilarSEO .cta strong{color:var(--pw-ink);}
.pwPilarSEO .btns{display:flex;gap:10px;flex-wrap:wrap;}

.pwPilarSEO .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
  border:1px solid var(--pw-line);
  background:#fff;
  color:var(--pw-ink);
}

.pwPilarSEO .btn:hover{box-shadow:0 10px 22px rgba(2,6,23,.08);}

.pwPilarSEO .btn--green{
  background:var(--pw-green);
  border-color:var(--pw-green);
  color:#fff;
}

.pwPilarSEO .btn--green:hover{filter:brightness(.98);}

.pwPilarSEO .microNote{
  margin-top:10px;
  color:var(--pw-muted);
  font-size:13px;
  line-height:1.6;
}

/* FIX menú móvil (MeanMenu) - visible en fondo claro */
@media (max-width: 991px){
  .mean-container .mean-bar{ background: #22c55e !important; }
  .mean-container a.meanmenu-reveal{ color:#fff !important; }
  .mean-container a.meanmenu-reveal span{ background:#fff !important; }
}