/*
 * Contenido del widget "Post Content" de Elementor (usado en la plantilla
 * Single de entradas nativas: Áreas y FAQs del Longevity Hub).
 *
 * El contenido de la entrada puede venir como HTML simple o, si la entrada
 * fue armada con Elementor, como su propio árbol de contenedores/widgets
 * anidado dentro de este mismo widget. Estas reglas igualan la tipografía
 * entre ambos casos (apuntan al tag, no a la clase de Elementor, así cubren
 * las dos formas) y quitan el padding que Elementor le agrega por defecto a
 * los contenedores del post individual.
 */

.elementor-widget-theme-post-content h2 {
    font-family: "Inter", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 32px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    color: var(--color-zem-black) !important;
}

.elementor-widget-theme-post-content p {
    font-family: "Inter", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 24px !important;
    line-height: 138% !important;
    letter-spacing: 0 !important;
    color: var(--color-zem-black) !important;
}

/* Entrada armada con Elementor: quita el padding lateral que Elementor le
   pone por defecto a cada contenedor (raíz e hijos) del post individual. */
.elementor-widget-theme-post-content [data-elementor-type="wp-post"] .e-con {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}

/* Entrada armada con Elementor: quita el padding superior del primer
   contenedor (queda pegado arriba del todo, igual que el HTML simple). */
.elementor-widget-theme-post-content [data-elementor-type="wp-post"] > .e-con > .e-con-inner {
    padding-block-start: 0 !important;
}

/* Separación arriba de cada título h2, salvo que sea el primer elemento del
   post (la excepción la marca single-content.js con esta clase, porque en
   contenido de Elementor el h2 puede estar anidado en distinta profundidad
   que el elemento anterior y no hay forma confiable de detectarlo solo con
   selectores CSS). */
.elementor-widget-theme-post-content h2 {
    margin-top: 60px !important;
}

.elementor-widget-theme-post-content h2.zem-first-content-element {
    margin-top: 0 !important;
}