/**
 * Estructura general
 * Remodelando Pixel
 */

.rmd-site {
    min-height: 100vh;
    overflow: hidden;
}

.rmd-container {
    width: min(
        calc(100% - 40px),
        var(--rmd-container)
    );
    margin-right: auto;
    margin-left: auto;
}

.rmd-container--wide {
    width: min(
        calc(100% - 40px),
        var(--rmd-container-wide)
    );
    margin-right: auto;
    margin-left: auto;
}

.rmd-section {
    position: relative;
    padding: 90px 0;
}

.rmd-section--gray {
    background: var(--rmd-gray-100);
}

.rmd-section--dark {
    color: var(--rmd-white);
    background: var(--rmd-brown-dark);
}

.rmd-grid {
    display: grid;
    gap: 30px;
}

.rmd-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rmd-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rmd-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}