/* ============================================================
   Plantilla Pilar (5-oct-2026): texto de introducción debajo de
   "Los N tratamientos que más piden nuestros pacientes".
   ============================================================ */
.section-header--center .pilar-intro { max-width: 760px; margin: 0 auto; }
.pilar-intro p { margin-bottom: 12px; }
.pilar-intro p:last-child { margin-bottom: 0; }
.pilar-intro strong, .pilar-intro b { font-weight: 700; color: var(--text-primary); }
.pilar-intro a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

/* Texto de introducción ARRIBA (solo cuando la página Pilar aún no tiene tarjetas).
   Copia de los estilos .intro-texto de transicion.css, que la plantilla Pilar no carga. */
.intro-texto {
    background: #fff;
    padding: 48px 24px 0;
}
.intro-texto__inner {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
}
.intro-texto__body {
    font-size: 15px;
    line-height: 1.55;
    color: var(--text-secondary, #475569);
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.intro-texto__body p {
    margin: 0 0 10px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.intro-texto__body p:last-child { margin-bottom: 0; }
.intro-texto__body strong,
.intro-texto__body b { font-weight: 700 !important; color: inherit !important; }
.intro-texto__body em,
.intro-texto__body i { font-style: italic !important; }
.intro-texto__body a { color: var(--accent, #1D3250) !important; text-decoration: underline !important; text-underline-offset: 2px; }
.intro-texto__body a:hover { color: var(--hoja, #5BB8C4) !important; }
@media (max-width: 600px) {
    .intro-texto {
        padding: 32px 20px 0;
    }
    .intro-texto__body {
        font-size: 15px;
        line-height: 1.55;
    }
}