/**
 * Testimonios Option 04 — Historias + estadística (DESKTOP)
 * Migrado desde assets/css/testimonios-option04.css (reglas base, sin el
 * bloque @media que ahora es mobile/testimonios-option04-mobile.css).
 */
.testimonios-option04 { background: var(--bg-surface); padding-block: clamp(64px, 9vw, 130px); }

.t04-header { max-width: 560px; margin-bottom: 48px; }
.t04-header h2 { margin-top: 14px; }

.t04-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}

.t04-card {
    background: var(--bg-surface-raised);
    border-radius: var(--radius-xl);
    padding: 32px;
    box-shadow: var(--elevation-1);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.t04-person { display: flex; align-items: center; gap: 14px; }
.t04-person img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.t04-name { margin: 0; font-weight: 700; }
.t04-role { margin: 0; font-size: var(--text-xs); color: var(--text-muted); }

.t04-story { margin: 0; color: var(--text-primary); font-size: var(--text-lg); line-height: var(--leading-snug); }

.t04-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 16px;
    border-top: 1px solid var(--border-subtle);
}