/* ============================================================
   layout/public-layout.css
   Layout público geral
   ============================================================ */

.page-wrapper {
    min-height: 65vh;
}

.section {
    padding: 76px 20px;
}

.section-light {
    background: var(--color-bg-light);
}

.section-dark {
    background:
        radial-gradient(circle at top left, rgba(201, 154, 66, 0.18), transparent 35%),
        linear-gradient(135deg, var(--color-bg-dark), var(--color-bg-darker));
    color: var(--color-white);
}

.section-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.section-container.narrow {
    max-width: 920px;
}

.two-columns {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 52px;
    align-items: start;
}

.section-heading {
    max-width: 760px;
    margin-bottom: 34px;
}

.section-heading.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (max-width: 960px) {
    .two-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .section {
        padding: 52px 16px;
    }
}