/*
 * seccion-elige-intro.css
 * Llamado a la acción debajo del banner (Expo UDLAP).
 * Depende de: styles.css, seccion-elige-pasos.css (.elige-bloque-espaciado)
 */

.elige-intro {
    background: transparent;
    position: relative;
}

.elige-intro .elige-bloque-espaciado__inner {
    display: flow-root;
    max-width: 58rem;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* Padding superior para el CTA del banner; sin padding inferior (el hueco de 120px lo define .expo-beneficios) */
.elige-bloque-espaciado.elige-intro {
    padding-top: clamp(3.5rem, 8vw, 5rem);
    padding-bottom: 0;
}

.elige-intro__cta {
    margin: 0;
    font-family: var(--font-body, 'Source Sans 3', sans-serif);
    font-size: clamp(1.15rem, 2.8vw, 1.5rem);
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.01em;
    color: #475569;
    text-wrap: balance;
}

.elige-intro__cta-em {
    font-weight: 600;
    color: #1e293b;
    font-style: normal;
}

.elige-intro__cta-lead {
    display: block;
    margin-block: 0.85em 0.15em;
    font-family: var(--font-hero, 'Lexend', sans-serif);
    font-size: clamp(1.75rem, 4.5vw, 2.75rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em;
    text-wrap: balance;
    color: #008888;
}


[data-theme="dark"] .elige-intro__cta {
    color: #94a3b8;
}

[data-theme="dark"] .elige-intro__cta-em {
    color: #e2e8f0;
}

[data-theme="dark"] .elige-intro__cta-lead {
    color: #00d4d4;
}