/* Секция «Мы — сеть центров»: карточка по центру в светящейся голубой рамке */
.about {
    --about-frame-padding: var(--space-xs);
    --about-card-padding: var(--space-l) var(--space-s);
}

.about__frame {
    padding: var(--about-frame-padding);
    border-radius: var(--radius-card);
    background: var(--gradient-frame);
}

/* Мягкое «свечение» края карточки размывает переход к рамке */
.about__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--about-card-padding);
    border-radius: var(--radius-medium);
    background-color: var(--color-card);
    box-shadow: 0 0 var(--space-l) var(--space-s) var(--color-card);
    text-align: center;
}

/* В макете текст ближе к заголовку, чем у остальных секций (≈25px) */
.about__title {
    margin-bottom: var(--space-m);
}

.about__text {
    max-width: 48em;                         /* ≈ 721px — ширина текста в макете */
    font-size: var(--font-size-section-text);
}

.about__button {
    margin-top: var(--space-l);
}

@media (min-width: 768px) {
    .about {
        --about-frame-padding: var(--space-m);
        --about-card-padding: var(--space-l) var(--space-m);
    }
}

@media (min-width: 1280px) {
    .about {
        --about-frame-padding: var(--space-s);
        --about-card-padding: 3.125rem var(--space-l) 2.1875rem;   /* 50 / 35px в макете */
    }
}