/* CCP SEO Boost — estilos discretos, editables. H1/texto inyectados VISIBLES pero sobrios. */
.ccp-seo-h1{font-size:1.6rem;line-height:1.2;font-weight:700;margin:16px auto;max-width:1200px;padding:0 16px;color:#1a1a1a}
.ccp-seo-h1-cat{font-size:1.4rem;margin:12px auto}
.ccp-seo-text{max-width:1100px;margin:24px auto;padding:0 16px;color:#5a5a5a;font-size:.9rem;line-height:1.7}
.ccp-seo-text h2,.ccp-seo-text h3{color:#333;font-size:1.05rem;margin:12px 0 6px}
.ccp-seo-text a{color:#0a58ca}

/* 🎨 v1.1.0 — H1 INVISIBLE AL OJO, 100% PARA GOOGLE (técnica clip / screen-reader-only).
   ⛔ NO cambiar a display:none — eso es cloaking y Google penaliza. El H1 DEBE seguir en el
      layout accesible: en el DOM, leído por Google y por lectores de pantalla. Solo se oculta
      al ojo. */
.ccp-seo-h1.ccp-seo-clip{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* 🎨 v1.2.0 — El clip, también para bloques sueltos (la semilla de las páginas de ciudad). Misma
   técnica screen-reader-only. ⛔ Nunca display:none (sería duplicado penalizable). */
.ccp-seo-clip{
    position:absolute !important; width:1px !important; height:1px !important;
    padding:0 !important; margin:-1px !important; overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important; clip-path:inset(50%) !important;
    white-space:nowrap !important; border:0 !important;
}