﻿/*#region Backgrounds */
.bg-top-center {
    background-position: top center;
}

.bg-center {
    background-position: center;
}

.bg-right {
    background-position: right;
}

.bg-left {
    background-position: left;
}


.bg-cover {
    background-size: cover;
}

.bg-contain {
    background-size: contain;
}

.bg-auto {
    background-size: auto;
}

.bg-login {
    background-image: url('../img/background/login.jpg');
}

.bg-contacto {
    background-image: url('../img/background/contacto.jpg');
    background-position-y: -150px;
    padding-top: 35em;
}

.bg-privacidad {
    background-image: url('../img/background/privacidad.jpg');
    background-position-y: -60px;
    padding-top: 30em;
}

/*#region descubre */
.bg-quienes-somos {
    background-image: url('../img/modules/descubre/quienes_somos/background.jpg');
}

.bg-quienes-somos-header {
    background-image: url('../img/modules/descubre/quienes_somos/header-1.jpg');
    padding-top: 30em;
    background-position-y: -10em;
}

.bg-bbs-header {
    background-image: url('../img/modules/descubre/quienes_somos/header-1.jpg');
    padding-top: 30em;
    background-position-y: -10em;
}

.bg-bbs-1 {
    background-color: rgb(164,147,136);
}

.bg-bbs-2 {
    background-color: rgb(171,187,183);
}

.bg-bbs-3 {
    background-color: rgb(182,141,139);
}

.bg-bbs-4 {
    background-color: rgb(170,178,187);
}

.bg-bbs-video {
    background-color: rgb(167,152,144);
}

.bg-descubre-color-1 {
    background-color: rgba(146,206,207);
}

.bg-descubre-color-2 {
    background-color: rgb(180,173,166);
}

.bg-descubre-color-3 {
    background-color: rgb(219,151,182);
}

.bg-descubre-color-4 {
    background-color: rgb(239,135,119);
}
/*#endregion */
.bg-centrodeayuda {
    background-color: #bcc5ba;
}

.bg-pregunta {
    background-color: #bcc5ba;
}

/*#endregion */

.bg-beige {
    background-color: var(--oriflame-beige-dark);
}

.bg-blue {
    background-color: var(--oriflame-blue-dark);
}

.bg-purple {
    background-color: var(--oriflame-purple-dark);
}

.bg-pink {
    background-color: var(--oriflame-pink-dark);
}

.bg-turquoise {
    background-color: var(--oriflame-turquoise-dark);
}

.bg-gray {
    background-color: var(--bs-gray-100);
}

.bg-gray-200 {
    background-color: var(--bs-gray-200);
}

.bg-gray-300 {
    background-color: var(--bs-gray-300);
}

.bg-gray-400 {
    background-color: var(--bs-gray-400);
}

.bg-gray-500 {
    background-color: var(--bs-gray-500);
}

.bg-gray-600 {
    background-color: var(--bs-gray-600);
}

.bg-gray-700 {
    background-color: var(--bs-gray-700);
}

.bg-gray-800 {
    background-color: var(--bs-gray-800);
}

.bg-gray-900 {
    background-color: var(--bs-gray-900);
}

.text-beige {
    color: var(--oriflame-beige-dark);
}

.text-blue {
    color: var(--oriflame-blue-dark);
}

.text-purple {
    color: var(--oriflame-purple-dark);
}

.text-pink {
    color: var(--oriflame-pink-dark);
}

.text-gray-dark {
    color: var(--oriflame-gray-dark);
}

@media (max-width:768px) {
    .bg-contacto {
        padding-top: 15em;
        background-position-y: 0;
    }

    .bg-privacidad {
        padding-top: 20em;
        background-position-y: 0;
    }

    .bg-quienes-somos-header {
        padding-top: 15em;
        background-position-y: 0;
    }

    .bg-bbs-header {
        padding-top: 15em;
        background-position-y: 0;
    }
}


.bg-oriflame-snow-white {
    background-color: var(--oriflame-snow-white);
}

.text-oriflame-snow-white {
    color: var(--oriflame-snow-white);
}

.bg-oriflame-gray-light {
    background-color: var(--oriflame-gray-light);
}

.text-oriflame-gray-light {
    color: var(--oriflame-gray-light);
}

.bg-oriflame-gray {
    background-color: var(--oriflame-gray);
}

.text-oriflame-gray {
    color: var(--oriflame-gray);
}

.bg-oriflame-gray-dark {
    background-color: var(--oriflame-gray-dark);
}

.text-oriflame-gray-dark {
    color: var(--oriflame-gray-dark);
}
