/* ════════════════════════════════════════════════════
   CF PRE-FOOTER — BLOQUE DE TÍTULO DE SECCIÓN
   Ruta: prefooter/assets/css/cf-pf-title.css

   Compartido por las 4 secciones que tienen título (marquee,
   reviews, blog, map — Texto SEO no tiene, ver cf-prefooter-seo.php).
   Antes estas reglas estaban duplicadas idénticas en cada CSS de
   sección; se centralizan acá porque ahora también es el
   lugar donde cuelga el CSS de "Estilo: Claro/Oscuro" (ver
   cf_pf_build_title_global_css() en includes/cf-prefooter-title-style.php),
   que necesita un único handle de stylesheet para inyectarse una sola
   vez por página en vez de repetirse en cada sección activa.
════════════════════════════════════════════════════ */

/* Título de sección: nunca fija font-family/size/weight propios, ni
   en Manual ni en Claro/Oscuro — siempre hereda la tipografía real
   del h2/h6 que ya defina el tema activo (ver "Etiqueta HTML del
   título" en cada sección, cf-prefooter.php). Solo controlamos
   layout acá. El estilo Claro/Oscuro únicamente fija COLOR — ver las
   reglas ".hb-pf-title-block--global-*" (inyectadas dinámicamente
   desde includes/cf-prefooter-title-style.php). */
.hb-pf-section-title { margin: 0; }

/* Bloque de título: subtítulo (eyebrow) arriba, título, texto abajo.
   La alineación la da el wrapper (.hb-pf-title-align-*), no el <h2>
   directamente, así el admin puede elegir izquierda/centro/derecha. */
.hb-pf-title-block { margin: 0 0 24px; }
.hb-pf-title-eyebrow + .hb-pf-section-title { margin-top: 8px; }
.hb-pf-section-title + .hb-pf-title-subtext { margin-top: 8px; }

/* A propósito SIN font-size/weight/letter-spacing/text-transform
   propios: el subtítulo es un <h6> real (ver cf_pf_render_section_title()
   en cf-prefooter.php) y siempre hereda la tipografía que el tema ya
   define para ese nivel de encabezado. Solo el color es propio del
   plugin — heredado del tema por defecto, o el que elija "Estilo"
   (Claro/Oscuro) en cf-prefooter-title-style.php. */
.hb-pf-title-eyebrow {
    display: block;
}

.hb-pf-title-subtext {
    margin: 0;
    font-size: .95rem;
    line-height: 1.6;
    color: #666;
}

.hb-pf-title-align-center { text-align: center; }
.hb-pf-title-align-left   { text-align: left; }
.hb-pf-title-align-right  { text-align: right; }