/* ============================================================
   Containerul paginii principale (zona din dreapta side menu-ului).
   Sectiunile sunt asezate vertical, cu un padding exterior si o
   latime maxima de continut, conform layout-ului din Figma.
   ============================================================ */

.page {
    padding: 60px 70px;
}

/* Fundal #FAFAFA pentru toate paginile secundare (Blog, Demo, Migrare etc.).
   Pagina principala (Home) foloseste --color-bg (#FFFFFF) implicit. */
.page--secondary {
    background-color: var(--color-bg-page);
}

/* Wrapper de latime pentru fiecare sectiune (continut centrat). */
.page__section {
    max-width: var(--container-max); /* 1480px */
    margin-inline: auto;
}

/* Spatiu vertical intre sectiuni. */
.page__section + .page__section {
    margin-top: 0;
}

@media (max-width: 992px) {
    .page {
        padding: 32px 32px;
    }

    .page__section + .page__section {
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    .page {
        padding: 20px 16px;
    }

    .page__section + .page__section {
        margin-top: 0;
    }
}