:root {
    --white: #FDFBFC;
    --none: var(--white);
    --resort: #D3CBC7;
    --hotels: #A1BAD1;
    --golf: #AFBF99;
    --residentials: #A38F89;
    --light-resort: #E9E5E3;
    --light-hotels: #DFEAF3;
    --light-golf: #E4E7DD;
    --light-residentials: #A38F89;
    --grey: #BCB7B3;
    --light-grey: #F1EFF0;
    --black: #1B1B1B;
    --red: #A32F2F;
    --green-form: #10963E;
}

body {
    background-color: var(--white);
}

.text-white {
    color: var(--white);
}
.text-green {
    color: var(--green);
}
.text-grey {
    color: var(--grey);
}
.text-light-grey {
    color: var(--light-grey);
}
.text-black {
    color: var(--black);
}

.bg-white {
    background-color: var(--white);
}
.bg-grey {
    background-color: var(--grey);
}
.bg-light-grey {
    background-color: var(--light-grey);
}
.bg-black {
    background-color: var(--black);
    color: var(--white);
}
.bg-resort {
    background-color: var(--resort);
}
.bg-hotels {
    background-color: var(--hotels);
}
.bg-golf {
    background-color: var(--golf);
}
.bg-residentials {
    background-color: var(--residentials);
}


/* Light */
.bg-light-resort {
    background-color: var(--light-resort);
}
.bg-light-hotels {
    background-color: var(--light-hotels);
}
.bg-light-golf {
    background-color: var(--light-golf);
}
.bg-light-residentials {
    background-color: var(--light-residentials);
}


/*Nuevas líneas cabeceras*/
.bg-white.cabecera__inner:before, .bg-white.cabecera__inner:after {
    background-color: var(--white);
}
.bg-grey.cabecera__inner:before, .bg-grey.cabecera__inner:after {
    background-color: var(--grey);
}
.bg-light-grey.cabecera__inner:before, .bg-light-grey.cabecera__inner:after {
    background-color: var(--light-grey);
}
.bg-black.cabecera__inner:before, .bg-black.cabecera__inner:after {
    background-color: var(--black);
    color: var(--white);
}
.bg-resort.cabecera__inner:before, .bg-resort.cabecera__inner:after {
    background-color: var(--resort);
}
.bg-hotels.cabecera__inner:before, .bg-hotels.cabecera__inner:after  {
    background-color: var(--hotels);
}
.bg-golf.cabecera__inner:before, .bg-golf.cabecera__inner:after {
    background-color: var(--golf);
}
.bg-residentials.cabecera__inner:before, .bg-residentials.cabecera__inner:after {
    background-color: var(--residentials);
}


/* Light */
.bg-light-resort.cabecera__inner:before, .bg-light-resort.cabecera__inner:after {
    background-color: var(--light-resort);
}
.bg-light-hotels.cabecera__inner:before, .bg-light-hotels.cabecera__inner:after {
    background-color: var(--light-hotels);
}
.bg-light-golf.cabecera__inner:before, .bg-light-golf.cabecera__inner:after{
    background-color: var(--light-golf);
}
.bg-light-residentials.cabecera__inner:before, .bg-light-residentials.cabecera__inner:after{
    background-color: var(--light-residentials);
}