/* Reusable classes for any page or post. Add the class without the leading dot. */
.texto-justificado,
.texto-justificado :is(p, li, blockquote) {
    text-align: justify;
    text-justify: inter-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.texto-justificado :is(h1, h2, h3, h4, h5, h6) { text-align: start; }

.revista-2-columnas,
.revista-3-columnas {
    column-gap: 42px;
    column-rule: 1px solid rgb(18 103 129 / .18);
}
.revista-2-columnas { column-count: 2; }
.revista-3-columnas { column-count: 3; }
.revista-2-columnas :is(h2, h3, h4),
.revista-3-columnas :is(h2, h3, h4) { break-after: avoid-column; }
.revista-2-columnas :is(figure, blockquote, table, pre),
.revista-3-columnas :is(figure, blockquote, table, pre) { break-inside: avoid; }

/* Review layout selected globally or in the individual review. */
.vdn-review-columns-2 { --reading-size: 19px; }
.vdn-review-columns-3 { --reading-size: 18px; }
.vdn-review-reading:is(.vdn-review-columns-2, .vdn-review-columns-3) .vdn-reader { max-width: 1180px; }
.vdn-review-reading:is(.vdn-review-columns-2, .vdn-review-columns-3) .vdn-reading-content { max-width: none; }
.vdn-review-columns-2 .vdn-reading-content,
.vdn-review-columns-3 .vdn-reading-content {
    column-gap: 52px;
    column-rule: 1px solid rgb(18 103 129 / .18);
}
.vdn-review-columns-2 .vdn-reading-content { column-count: 2; }
.vdn-review-columns-3 .vdn-reading-content { column-count: 3; column-gap: 38px; }
.vdn-review-align-justify .vdn-reading-content,
.vdn-review-align-justify .vdn-reading-content :is(p, li, blockquote) {
    text-align: justify;
    text-justify: inter-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.vdn-review-reading .vdn-reading-content :is(h1, h2, h3, h4, h5, h6) {
    break-after: avoid-column;
    text-align: start;
}
.vdn-review-reading .vdn-reading-content :is(figure, blockquote, table, pre, .wp-block-cover, .wp-block-media-text) { break-inside: avoid; }
.vdn-review-reading .vdn-reading-content p { orphans: 3; widows: 3; }

@media (max-width: 950px) {
    .revista-3-columnas,
    .vdn-review-columns-3 .vdn-reading-content { column-count: 2; }
}
@media (max-width: 700px) {
    .revista-2-columnas,
    .revista-3-columnas,
    .vdn-review-columns-2 .vdn-reading-content,
    .vdn-review-columns-3 .vdn-reading-content {
        column-count: 1;
        column-rule: 0;
    }
}