/* HirePath: ampliar exclusivamente la columna de lectura de entradas individuales. */
body.hpwa-wide-article .hp-wrap:has(> .hp-article) {
    width: min(calc(100% - (var(--hpwa-page-gap, 22px) * 2)), calc(var(--hpwa-article-width, 1200px) + 32px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
}
body.hpwa-wide-article .hp-wrap > .hp-article {
    width: 100% !important;
    max-width: var(--hpwa-article-width, 1200px) !important;
    min-width: 0 !important;
    margin-inline: auto !important;
}
/* Mantener el contenido y la imagen a la anchura disponible sin desbordarse. */
body.hpwa-wide-article .hp-wrap > .hp-article > article.hp-content,
body.hpwa-wide-article .hp-wrap > .hp-article .hp-entry {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}
body.hpwa-wide-article .hp-wrap > .hp-article img,
body.hpwa-wide-article .hp-wrap > .hp-article video,
body.hpwa-wide-article .hp-wrap > .hp-article iframe {
    max-width: 100%;
}
body.hpwa-wide-article .hp-wrap > .hp-article .hp-article-image {
    width: 100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
body.hpwa-wide-article .hp-wrap > .hp-article .hp-entry :is(table, .wp-block-table) {
    max-width: 100%;
}
/* Mejor distribución en tabletas y celulares: el ancho siempre depende del viewport. */
@media (max-width: 900px) {
    body.hpwa-wide-article .hp-wrap:has(> .hp-article) {
        width: calc(100% - 28px) !important;
    }
    body.hpwa-wide-article .hp-wrap > .hp-article {
        max-width: 100% !important;
    }
}
@media (max-width: 600px) {
    body.hpwa-wide-article .hp-wrap:has(> .hp-article) {
        width: calc(100% - 20px) !important;
    }
    body.hpwa-wide-article .hp-wrap > .hp-article {
        max-width: 100% !important;
    }
    body.hpwa-wide-article .hp-wrap > .hp-article .hp-entry,
    body.hpwa-wide-article .hp-wrap > .hp-article .hp-content {
        overflow-wrap: break-word;
    }
}