/* Product overview: shared brand styles supply typography and controls. */
#comunidades-capacidades, #demo { background: var(--background-light); }
#intercambio-title + .row .border-top { border-color: var(--accent-color) !important; }
#comunidades-hero { max-width: 1100px; }
@media (min-width: 992px) {
    #comunidades-hero { padding-top: 4.5rem !important; }
}

#comunidades-header :focus-visible { outline-color: var(--white); }