/* ── SOBRE LAMA — 768px ── */
@media (max-width: 768px) {

    .sa-hero {
        padding: 3rem 0 2.5rem;
    }

    .sa-title {
        font-size: 2.2rem;
        line-height: 1.2;
    }

    .sa-subtitle {
        font-size: 0.98rem;
    }

    /* Stats: 2x2 */
    .sa-hero-stats {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .sa-stat-num {
        font-size: 2rem;
    }

    /* Grid */
    .sa-content-grid {
        grid-template-columns: 1fr;
        padding: 2rem 0;
        gap: 1.25rem;
    }

    .sa-story-card,
    .sa-values-card {
        padding: 1.75rem;
        border-radius: 16px;
    }

    .sa-story-img-wrap {
        height: 200px;
        margin-bottom: 1.25rem;
    }

    .sa-card-title {
        font-size: 1.3rem;
        margin-bottom: 1.25rem;
    }

    .sa-body-text {
        font-size: 0.93rem;
    }

    /* Valores: compactos */
    .sa-value {
        padding: 0.75rem 0.9rem;
    }

    .sa-v-icon {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    /* Timeline */
    .sa-timeline-band {
        padding: 2.5rem 0;
    }

    .sa-timeline {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .sa-timeline::before { display: none; }

    .sa-tl-item {
        flex-direction: row;
        text-align: left;
        align-items: center;
        gap: 0.9rem;
        padding: 0;
    }

    .sa-tl-year {
        min-width: 52px;
        font-size: 0.95rem;
    }

    .sa-tl-dot {
        width: 12px;
        height: 12px;
        flex-shrink: 0;
    }

    .sa-tl-desc {
        font-size: 0.82rem;
        max-width: none;
    }

    /* Creds */
    .sa-cred-band {
        padding: 2rem 0;
    }

    .sa-cred {
        font-size: 0.78rem;
        padding: 0.4rem 0.85rem;
    }

    /* Ghost oculto en tablet */
    .sa-ghost {
        display: none;
    }
}