/* ===========================================================================
   26-sep · Estructura de encabezados para SEO/AEO/GEO (agente seo-aeo).
   La etiqueta chica que estaba sobre cada título entra al encabezado como su
   primera línea (.seo-tema) y lleva el tema buscable: el encabezado queda
   "tema + promesa" en un solo elemento. El título grande no se toca.
   Aquí solo se le devuelve a la etiqueta su aspecto de antes: línea propia,
   su tipografía y su separación con el título (medidas en 390-1920 px).
   =========================================================================== */
.seo-tema { display: flex !important; width: fit-content; max-width: 100%; text-transform: uppercase; }

/* Inicio (etiqueta .ens-eyebrow): su altura de línea era 1,6 */
.ens-eyebrow.seo-tema { line-height: 1.6; }
/* separación etiqueta → título, igual que antes */
.seo-tema[data-seo="i-proceso"] { margin-bottom: 36px !important; }
.seo-tema[data-seo="i-mockups"],
.seo-tema[data-seo="i-cierre"],
.seo-tema[data-seo="i-siguiente"] { margin-bottom: 30px !important; }
.seo-tema[data-seo="pf-h1"] { margin-bottom: 29.6px !important; }
/* secciones con encabezado centrado */
.seo-tema[data-seo="i-esencia"],
.seo-tema[data-seo="i-faq"],
.seo-tema[data-seo="i-mockups"],
.seo-tema[data-seo="i-puertas"] { margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 1023px) {
  .seo-tema[data-seo="i-proceso"] { margin-left: auto !important; margin-right: auto !important; }
}

/* ModoFan (.b-eyebrow): no hereda la fuente de cartel ni la sombra del título */
.b-eyebrow.seo-tema {
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  line-height: 19.2px !important;
  text-shadow: none !important;
  margin-bottom: 16px !important;
}

/* Catálogo: la píldora conserva peso y espaciado; centrada en celular y tableta, a la izquierda desde 1024 */
.catalog-hero-badge.seo-tema { font-family: Jost, system-ui, -apple-system, sans-serif !important; font-weight: 800 !important; line-height: 1.6 !important; letter-spacing: .12em !important; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .catalog-hero-badge.seo-tema { letter-spacing: .18em !important; line-height: 16px !important; } }
@media (min-width: 1024px) { .catalog-hero-badge.seo-tema { margin-left: 0; margin-right: 0; } }