/* Aprobado el 2026-08-17: propuesta "sin marca dorada" del artifact de
   comparación. Sustituye la tipografía global de Elementor (al revés por
   dispositivo) por una escala propia del artículo, consistente de escritorio
   a móvil. h2 y h3 se diferencian por tamaño y peso, no por color/adorno. */

/* Base del cuerpo (2026-08-17): en la primera pasada solo se fijó en <p>, así
   que las listas (<ul>/<li>) seguían heredando el tamaño pequeño del kit
   global de Elementor (14px en móvil) y se veían diminutas al lado del texto
   ya corregido. Puesto en el contenedor para que TODO lo de dentro (listas,
   citas...) herede el mismo tamaño sin enumerar cada etiqueta. */
.elementor-widget-theme-post-content {
    font-size: 18px !important;
    line-height: 1.55 !important;
    color: #4a4340 !important;
}
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
    margin: 0 0 16px !important;
    padding-left: 1.4em !important;
}
.elementor-widget-theme-post-content li {
    margin: 0 0 8px !important;
}
.elementor-widget-theme-post-content li::marker {
    color: #96721f;
    font-weight: 700;
}

/* El h1 del artículo (título) se pidió un poco más pequeño, sin exagerar. */
.elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
}
@media (max-width: 1024px) {
    .elementor-widget-theme-post-title .elementor-heading-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
    }
}
@media (max-width: 767px) {
    .elementor-widget-theme-post-title .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.25 !important;
    }
}

.elementor-widget-theme-post-content h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #231f20 !important;
    margin: 48px 0 8px !important;
}
/* Marcador aprobado el 2026-08-17 ("Opción G" comparada en artifact): un
   cuadrado dorado delante del texto, para distinguir el h2 del h3 sin cambiar
   su color ni añadir una raya de ancho completo. */
.elementor-widget-theme-post-content h2::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: var(--e-global-color-accent, #c59b4a);
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 1px;
}
.elementor-widget-theme-post-content h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #231f20 !important;
    margin: 32px 0 6px !important;
}
.elementor-widget-theme-post-content p {
    font-size: 18px !important;
    line-height: 1.55 !important;
    color: #4a4340 !important;
    margin: 0 0 12px !important;
}

@media (max-width: 1024px) {
    .elementor-widget-theme-post-content h2 {
        font-size: 24px !important;
        margin: 40px 0 8px !important;
    }
    .elementor-widget-theme-post-content h3 {
        font-size: 21px !important;
        margin: 28px 0 6px !important;
    }
    .elementor-widget-theme-post-content p {
        font-size: 17px !important;
    }
}
@media (max-width: 767px) {
    .elementor-widget-theme-post-content h2 {
        font-size: 21px !important;
        margin: 34px 0 6px !important;
    }
    .elementor-widget-theme-post-content h3 {
        font-size: 19.5px !important;
        margin: 24px 0 5px !important;
    }
    .elementor-widget-theme-post-content p {
        font-size: 16.5px !important;
    }
}