/***************************************
* FONTS
***************************************/
@font-face {
    font-family: "OpenSans";
    src: url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans";
    src: url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Pinecone";
    src: url('../fonts/PineconeMVB-Regular.woff') format('woff'), url('../fonts/PineconeMVB-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/***************************************
* GENERIC DEFINITIONS
***************************************/
:root {
    color-scheme: light only;
}
body, p, span, h1, h2, h3, h4, h5, h6 {
}
* {
    font-family: "OpenSans";
    color: #000000;
}
.pinecone {
    font-family: "Pinecone";
}
body {
    color-scheme: light only;
    background-color: #fff !important;
    color: #000 !important; 
    overflow-x: hidden;
    overflow-y: scroll;
}

.text-white {color: #fff;}
.text-black {color: #000000 !important;}
.text-orange {color: #f6842a;}
.text-blue {color: #0863bf;}

.bg-white {background: #fff;}
.bg-black {background: #000000;}
.bg-orange {background: #f6842a;}
.bg-blue {background: #0863bf;}

.bg-game {
    background: url(../images/Fondo-Chedraui-Principal.jpg) no-repeat;
    background-size: cover;
}
.bg-winner {
    background: url(../images/Fondo-Chedraui-Ganador.jpg) no-repeat;
    background-size: cover;
}

.border-white {border: solid 1px #fff;}
.border-black {border: solid 1px #000;}
.border-orange {border: solid 1px #f6842a;}
.border-blue {border: solid 1px #0863bf;}

.border-bottom-orange {
    border-bottom: solid 5px #f6842a;
}

.fs-7 {font-size: 0.9rem;}
.fs-8 {font-size: 0.8rem;}
.fs-11{font-size: 5rem;}

.opc-text {
    color: #000000 !important;
}
.h100vh {
    min-height: 100vh;
    height: -webkit-fill-available;
}
.h80vh {
    min-height: 80vh;
    height: -webkit-fill-available;
}
.h-fill-available {
    height: -webkit-fill-available;
}

.btn-orange {
    color: #fff;
    background: #f6842a;
    border: none;
    border-radius: 15px;
    padding: 5px 30px;
    font-size: 1em;
    cursor: pointer;
    letter-spacing: 1px;
}
.btn-blue {
    color: #fff;
    background: #0863bf;
    border-radius: 15px;
    padding: 5px 30px;
    font-size: 1em;
    cursor: pointer;
    letter-spacing: 1px;
}

.noscroll {overflow: hidden !important;}
.cursor-pointer {cursor: pointer}
.hidden {display: none;}
.overflow-y-scroll {overflow-y: scroll;overflow-x: hidden;}

input#chxPrivacy, input#chxTerms {
    margin-right: 7px;
}
.icon-email {
    padding-left: 40px; /* espacio para la imagen */
    background: url("../images/Chedraui-Rewards-Remesas_icn-mail.png") no-repeat 10px center;
    background-size: 20px; /* tamaño del icono */
}
.icon-ticket {
    padding-left: 40px; /* espacio para la imagen */
    background: url("../images/Chedraui-Rewards-Remesas_icn-ticket.png") no-repeat 10px center;
    background-size: 20px; /* tamaño del icono */
}
@media (prefers-color-scheme: dark) {
    :root, html, body, body * {
        color-scheme: light only !important;
        background-color: #fff !important;
        color: #000 !important;
    }
}

@media only screen and (max-width: 390px) {}

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, 5760px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}