/* ==========================================================================
   article-title.css
   Titular (H1) de los articulos de detalle:

     /city/{permalink}          ->  website.detalle-sidewalk
     /{categoria}/{permalink}   ->  website.detalle-post

   Por que un archivo aparte:
   El resto de titulos del sitio usan Bebas Neue (`.section-title` en mod.css y
   los `h2` de content-prose.css). Bebas Neue NO tiene minusculas reales: sus
   glifos de caja baja son mayusculas, asi que el titular del articulo salia
   TODO EN MAYUSCULAS aunque en la base de datos este escrito "North Hills
   Sidewalk Repair Rebate Program".

   Aqui el titular usa Signika Negative en negrita con la caja tal cual viene de
   la base de datos, de modo que se lee como titular editorial y queda
   deliberadamente diferenciado del resto de titulos del sitio.

   Uso: se enlaza SOLO desde las vistas de detalle, despues de post.css.
   ========================================================================== */

#main-wrapper .details-news .post .entry-title {
    font-family: 'Signika Negative', sans-serif;
    font-size: clamp(1.75rem, 3vw, 2.35rem); /* 28px movil -> 37.6px escritorio */
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    color: #525B6E;
    text-transform: none;
    margin: 14px 0 18px;
}

/* Si el editor guarda algun <h1> dentro del cuerpo del articulo, se trata con
   el mismo criterio (minusculas reales) en vez de caer en el h1 por defecto
   del navegador, que no sigue la paleta del sitio. */
#main-wrapper .details-news .entry-content h1 {
    font-family: 'Signika Negative', sans-serif;
    font-size: clamp(1.5rem, 2.4vw, 1.95rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    color: #525B6E;
    text-transform: none;
    margin: 34px 0 14px;
}

/* --------------------------------------------------------------------------
   Encabezados del cuerpo del articulo (h2 a h6)
   El h2 del estandar (content-prose.css) usa Bebas Neue, que NO tiene
   minusculas reales: ponia el titular en mayusculas aunque el redactor lo
   escribiera en caja normal ("North Hills Commercial, And Residential...").
   Aqui se usa Signika Negative y se respeta la caja tal cual la escribio el
   autor: si la escribe en mayusculas, se vera en mayusculas.
   Solo se cambia tipografia, caja, peso y color; tamanos, margenes y el
   subrayado degradado del h2 siguen viniendo de content-prose.css.
   -------------------------------------------------------------------------- */
#main-wrapper .details-news .entry-content h2,
#main-wrapper .details-news .entry-content h3,
#main-wrapper .details-news .entry-content h4,
#main-wrapper .details-news .entry-content h5,
#main-wrapper .details-news .entry-content h6 {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    color: #525B6E;
    text-transform: none;
}

/* h5 y h6 no existen en el estandar: se les da jerarquia por debajo del h4 */
#main-wrapper .details-news .entry-content h5 {
    font-size: 1rem;
    line-height: 1.4;
    margin: 22px 0 8px;
}

#main-wrapper .details-news .entry-content h6 {
    font-size: .95rem;
    line-height: 1.4;
    margin: 18px 0 6px;
}

/* --------------------------------------------------------------------------
   Tarjeta de autor (byline) que llevan los articulos sobre el titular.
   Venia con `style="font-size:13"` (sin unidad: el navegador lo ignora, el
   texto quedaba a 16px) y todo en el negro del tema, fuera de la paleta.
   -------------------------------------------------------------------------- */
#main-wrapper .details-news .profile-card .media-body {
    color: #334155;
}

#main-wrapper .details-news .profile-card .media-body h5 {
    font-family: 'Signika Negative', sans-serif;
    font-size: 1rem;
    font-weight: 400; /* el "by" */
    line-height: 1.3;
    color: #525B6E;
    margin-bottom: 4px;
}

#main-wrapper .details-news .profile-card .media-body h5 strong {
    font-weight: 700; /* el nombre */
    color: #525B6E;
}

#main-wrapper .details-news .profile-card .media-body p {
    font-size: .875rem; /* 14px: es una ficha tecnica, no prosa */
    line-height: 1.55;
    color: #334155;
    margin-bottom: 0;
}