/* Explain: Updated layout utilities for an elegant, premium Ouro BR site. */
.section-pad {
    padding-top: clamp(3rem, 6vw, 5.5rem);
    padding-bottom: clamp(3rem, 6vw, 5.5rem);
}

.page-hero-pad {
    padding-top: clamp(6.5rem, 11vw, 9rem);
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.hero-section {
    background: linear-gradient(180deg, #FFFFFF 0%, var(--background-color) 82%);
}

.quote-section {
    background: var(--dark-bg);
    color: var(--text-on-dark);
}

.cta-band {
    background: var(--dark-bg);
    color: var(--text-on-dark);
}