/* ==========================================================================
   Plantilla de página genérica — estilo de lectura (tema#128)
   --------------------------------------------------------------------------
   Hasta tema#128 esta plantilla no tenía NI UNA regla: ninguna hoja del tema
   seleccionaba `.pf_redes_template_page` ni `.entry-content`. Da igual mientras
   el sitio no tiene páginas, pero las tres legales que vienen (aviso legal,
   política de privacidad y política de cookies) son textos de 9.000-13.000
   caracteres con encabezados, listas, enlaces y tablas: sin esto saldrían como
   un bloque corrido, a todo el ancho del contenedor y sin jerarquía.

   Es lo MÍNIMO de lectura, con los tokens del tema. Cualquier página que se
   cree de aquí en adelante lo hereda; si una necesita maquetación propia, lo
   suyo es un page-template, no engordar esto.
   ========================================================================== */

.pf_redes_template_page {
    padding: var(--pf-redes-spacing-xl, 32px) 0 var(--pf-redes-spacing-xxl, 48px);
}

/* Ancho de lectura: una línea de 100 caracteres cansa. El contenedor del sitio
   manda en los laterales; esto solo acota la medida del texto. */
.pf_redes_template_page h1,
.pf_redes_template_page .entry-content {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.pf_redes_template_page h1 {
    margin: 0 0 var(--pf-redes-spacing-lg, 24px);
    font-size: var(--pf-redes-font-size-xxl, 28px);
    line-height: 1.2;
    color: var(--pf-redes-text, #333);
}

.pf_redes_template_page .entry-content {
    font-size: var(--pf-redes-font-size-md, 15px);
    line-height: 1.7;
    color: var(--pf-redes-text, #333);
}

.pf_redes_template_page .entry-content > *:first-child {
    margin-top: 0;
}

.pf_redes_template_page .entry-content h2 {
    margin: var(--pf-redes-spacing-xl, 32px) 0 var(--pf-redes-spacing-sm, 8px);
    font-size: var(--pf-redes-font-size-xl, 22px);
    line-height: 1.3;
}

.pf_redes_template_page .entry-content h3 {
    margin: var(--pf-redes-spacing-lg, 24px) 0 var(--pf-redes-spacing-xs, 4px);
    font-size: var(--pf-redes-font-size-lg, 18px);
    line-height: 1.35;
}

.pf_redes_template_page .entry-content h4 {
    margin: var(--pf-redes-spacing-md, 16px) 0 var(--pf-redes-spacing-xs, 4px);
    font-size: var(--pf-redes-font-size-md, 15px);
    font-weight: 700;
}

.pf_redes_template_page .entry-content p {
    margin: 0 0 var(--pf-redes-spacing-md, 16px);
}

.pf_redes_template_page .entry-content ul,
.pf_redes_template_page .entry-content ol {
    margin: 0 0 var(--pf-redes-spacing-md, 16px);
    padding-left: var(--pf-redes-spacing-lg, 24px);
}

.pf_redes_template_page .entry-content li {
    margin-bottom: var(--pf-redes-spacing-xs, 4px);
}

.pf_redes_template_page .entry-content a {
    color: var(--pf-redes-link, #C91517);
    text-decoration: underline;
}

.pf_redes_template_page .entry-content a:hover,
.pf_redes_template_page .entry-content a:focus {
    color: var(--pf-redes-primary-hover, #B90507);
}

.pf_redes_template_page .entry-content strong {
    font-weight: 700;
}

/* Un texto legal largo suele traer tablas (categorías de cookies, plazos de
   conservación): que no se salgan del ancho en móvil. */
.pf_redes_template_page .entry-content table {
    width: 100%;
    margin: 0 0 var(--pf-redes-spacing-md, 16px);
    border-collapse: collapse;
    font-size: var(--pf-redes-font-size-sm, 13px);
    display: block;
    overflow-x: auto;
}

.pf_redes_template_page .entry-content th,
.pf_redes_template_page .entry-content td {
    padding: var(--pf-redes-spacing-xs, 4px) var(--pf-redes-spacing-sm, 8px);
    border: 1px solid var(--pf-redes-border, #d0d0d0);
    text-align: left;
    vertical-align: top;
}

.pf_redes_template_page .entry-content th {
    background: var(--pf-redes-bg-alt, #f9f9f9);
    font-weight: 700;
}

.pf_redes_template_page .entry-content blockquote {
    margin: 0 0 var(--pf-redes-spacing-md, 16px);
    padding-left: var(--pf-redes-spacing-md, 16px);
    border-left: 3px solid var(--pf-redes-border, #d0d0d0);
    color: var(--pf-redes-text-light, #909090);
}

.pf_redes_template_page .entry-content img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 700px) {
    .pf_redes_template_page {
        padding: var(--pf-redes-spacing-lg, 24px) 0 var(--pf-redes-spacing-xl, 32px);
    }

    .pf_redes_template_page h1 {
        font-size: var(--pf-redes-font-size-xl, 22px);
    }
}