.mainSection {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--wine-darkest);
    background: linear-gradient(180deg, var(--red) 0%, var(--white) 50%);
    padding-bottom: 30px;
    padding-top: 30px;
}

.caminosSection {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--wine-darkest);
    background: linear-gradient(180deg, var(--yellow) 0%, var(--white) 50%);
    border-top: solid 1px rgb(255, 198, 55);
    padding-bottom: 30px;
    padding-top: 30px;
}

.secondSection {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--wine-darkest);
    background: linear-gradient(180deg, var(--orange) 0%, var(--white) 50%);
    border-top: solid 1px rgb(255, 122, 55);
    padding-bottom: 30px;
    padding-top: 30px;
}
