@font-face {

font-family: "Bion-Bold";
src: url('../Sorteos/assets/fonts/bion/Bion-Bold.woff2') format('woff2'), url('assets/fonts/bion/Bion-Bold.woff') format('woff');
font-style: normal;
font-weight: normal;

}



html, body{
    font-family:"Bion-Bold", Sans-serif !important;
}

/* Clases añadidas 2025  */ 

.header {
    background-color: #641569 !important;
}

.header2 {
    background-color: #1E3D6E !important;
}

.navmenu a {
    font-weight: bold !important;
    font-family: 'Bion-bold', Sans-serif !important;
}


a.SolicitaBoleto, li a.SolicitaBoleto {
    background-color: #A0BA37 !important;
    color: white;
    padding:10px !important;
    font-weight: bold;
    border-radius: 20px;
}

a.SolicitaBoleto:hover, li a.SolicitaBoleto:hover{
    background-color: #7F9528 !important; /*Sorteo Primavera-Verano */
    color:white;
}


.tituloColab {
    color:white;
    letter-spacing:1.5px;
    font-weight:bolder;
}

.tituloColab span {
    color:#7F9528 !important;
    letter-spacing:1.5px;
    font-weight:bolder;
    font-size: 2rem !important;
}


.description-title {
    color: #A0BA37 !important;
}


#btnCompraBoleto {
    color: black;
    font-weight: bold;
    border: 3px solid white;
}

/*.main img {
    width:100%;
}*/

#primerlugar, #otrospremios, #premioscolaboradores {
 width: 100%;
}

#logomenusorteos, #logomenuitson{
max-height: 50px !important;
    margin-right: 8px;
}

#sectionColaborador1{
    background-color:#1e3d6e; 
    padding-bottom:0;
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem;
    align-items: center;
}

.colaboradores {
    text-align: justify;
    /*text-align-last: center;*/
    line-height: 1.5;
}

.ContactoSorteos {
    text-transform:uppercase;
    color:#006db6;
    letter-spacing:1.5px;
    font-weight:bold;
}

.MetasCXM, .infoGanadores {
    color:#406eb2;
    letter-spacing:1.5px;
    text-align: left;
    font-weight: bolder;
}


.SuerteCC {
    color: #006db6;
    letter-spacing: 1.5px;
    text-align: center;
    font-weight: 900;
}

.pscc {
    border: 2px solid darkgray;
    background-color: #fff;
    color: #cbae67;
    text-align: center;
    margin:0 15px;
    padding: 1rem;

}

.pscc img {
    margin:20px;
}

.pscc h5 {
    color: #32508D;
}

h3 b {
color:orange;
text-transform:uppercase;

}

.colabs {
    background-color: #b9c5d1;
    height: 80%;
    border: 1px solid black;
}


.pcxm {
    border: 2px solid darkgray;
    background-color: #fff;
    color:#cbae67; 
    text-align: center;
    padding: 20px;
}

.pcxm h5 {
   color: #32508D; /*Sorteo Primavera verano */
}

.pcxm2 {
    background-color: #A0BA37;/*Sorteo Primavera-verano */
    color: white;
    text-align: center;
    padding: 20px;
}

.pcxm2 h5 {
    color: #fff; 
}


h3.ganadores {
    margin-bottom: 5px;
    font-size: 20px;
    color: #23417e;
    text-align: justify;
    line-height: 1.5;
}

.csorteos {
    /*background-color: #006db6;*/
    background-color:#641569; /*SorteoPV*/
    color:white;
}

.contact .info-item i{
    background-color: transparent !important;
}

.bi-facebook, .bi-instagram {
    color:#436092;
}

/*.bi-facebook:hover, .bi-instagram:hover {
    color:#436092;
}*/

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}


@media (max-width: 767px) {
    #precioboleto, #fechasorteo {
        width: 140px;
    }

    #contactosorteos {
        width:100px
    }

    .introcxm {
        font-size: large;
        letter-spacing: 1px !important;
        text-align: center
    }

    .h2cxm {
        text-align: center;
    }


    .bcxm {
        width: 90%; 
    }

}



@media (max-width: 950px) {
    #precioboleto, #fechasorteo {
        width: 170px;
    }

    #contactosorteos {
        width:120px;
    }

    .introcxm {
        font-size: large;
        letter-spacing: 1.2px !important;
        text-align:center
    }

    .h2cxm {
        text-align:center;
    }

    .bcxm {
        width: 90% !important;
    }

    #imgReqCXM {
        height: 250px;
    }

    .introColab {
        text-align:center;
    }

}

@media (max-width: 1950px) {
    
    #contactosorteos {
        width: 100px;
    }

    #imgReqCXM {
        height: 400px;
    }

}

#colaborador {
    height:350px !important;
}

.introcxm {
    font-size: x-large;
    letter-spacing: 1.5px;
}

.h2cxm {
    color:white;
    font-size:3rem;
    font-weight: 900;
}

h3 label span {
    display: inline-flex !important;
    align-items: center;
    text-align:left;
}

.numberreq {
    color: darkorange;
    font-size: xx-large
}

.descrreq {
    font-size: large;
    color: #32508d;
    text-align: justify;
    text-align-last: left;
}

.datosreq {
    width:100%;
    font-weight:bolder;
}

.h2req {
    font-weight:bolder;
    color:#32508D;
}

.bcxm {
    border: 1px solid gray;
    background-color: rgb(169 178 193 / 15%);
    color: darkorange;
    text-align: center;
    width: 30%;
    margin: 5px;
}

    .bcxm h5 {
        color: #32508d;
    }

#rowbeneficiosCXM {
    justify-content:center;
}

.introColab {
    font-weight:bold;
    font-size:2rem;
    color:#fff;
}

.introColab #BienvenidoColab {
    color:darkorange;
}


.pcolab {
    border: 2px solid #006db6;
    background-color: #fff;
    color: #006db6;
    text-align: center;
    padding: 20px;
}

    .pcolab h5 {
        color: #006db6;
    }

.pcolab2 {
    background-color: #006db6;
    color: white;
    text-align: center;
    padding:20px;
}

.pcolab2 h5 {
    color: white;;
}

.btnSorteos {
    background-color:#1F488C;
    color:white;
}

    .btnSorteos:hover, .btnSorteos:active {
        background-color: #163f83 !important;
        color: white;
    }

table tr th {
    background-color:#006db6 !important;
    color:white !important;
}

.btnEditarSorteo {
    font-weight:bold;
    color:#464646;
    background-color:#ffd760;
}

    .btnEditarSorteo:hover, .btnEditarSorteo:active {
        font-weight: bold;
        color: #464646;
        background-color: #edc347 !important;
    }


.bckganadores{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../img/SorteoVigente/Confeti.png');
}

.TituloSorteo {
    font-weight: bolder;
    color: white;
    text-shadow: 4px 3px 4px #170218;
}

.SectionColaborador {
    background-image:url('../img/SorteoVigente/background-colaboradores.jpg');
    max-width:100%; 
}


#Contacto h3{
    color:#D7DA3A;
}


#videoPotroMillonario {
    /*background-image: url(https://sorteositson.com/wp-content/uploads/fondo-video-potro-millonario.webp);*/
    background-position: center center;
    background-size: cover;
    /*padding: 50px 0;*/
}

.fw-bold a {
    color:white;
}

.fw-bold a:hover {
    color:#5daac3;
}

.FooterSorteos {
    background-color:#436092;
    padding:20px 0;
    color: #fff;
    font-weight:bolder;
}

.FooterSorteos a{
    background-color: #cacd37;
    border-radius: 25px;
    padding: 10px;
}

.FooterSorteos a:hover{
    background-color: #92951a;
}


.header .logo img {
  max-height: 50px !important;
  margin-right: 8px;
}

.pcxm2-s2 {
    background-color: #fc8f13;
    color: white;
    text-align: center;
    padding: 20px;
}

.pcxm2-s2 h5 {
    color: white;
    font-weight:bolder;
}

.pcxm-s2 {
    border: 2px solid darkgray;
    background-color: #fff;
    color: #fc8e16;
    text-align: center;
    padding: 20px;
}

.pcxm-s2 h5 {
    color: #32508d;
    font-weight:bolder;
    
}

.section-title {
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    font-weight: bolder;
}

.csorteos-s2 {
    background-color:#1E3D6E; 
    color:white;
}


li a.SolicitaBoleto-s2, a.SolicitaBoleto-s2 {
    background-color: #fc8e16 !important;
    color: white;
    padding: 10px !important;
    font-weight: bold;
    border-radius: 20px;
}


li a.SolicitaBoleto-s2:hover, a.SolicitaBoleto-s2:hover {
    background-color: #FF8300 !important;
    color:white;
}


.pscc-s2 {
    border: 2px solid darkgray;
    background-color: #fff;
    color: #fc8e16;
    text-align: center;
    margin: 0 15px;
    padding: 1rem;
}


.pscc-s2 img {
    margin:20px;
}

.pscc-s2 h5 {
    color: #32508D;
    font-weight:bolder;
}

.FooterSorteos a {
    background-color: #fc8e16;
    border-radius: 25px;
    padding: 10px;
}

.FooterSorteos a:hover {
    background-color: #FF8300;
    border-radius: 25px;
    padding: 10px;
}


.pcolab-s2 {
    border: 2px solid #1e3d6e;
    background-color: #fff;
    color: #1e3d6e;
    text-align: center;
    padding: 20px;
}

.pcolab-s2 i, .pcolab2-s2 i, .pcxm i, .pcxm2 i, .pcxm-s2 i, .pcxm2-s2 i, .pscc-s2 i{
    font-size: 60px;
}


    .pcolab-s2 h5 {
        color: #1e3d6e;
        font-weight:bolder;
    }

.pcolab2-s2 {
    background-color: #1e3d6e;
    color: white;
    text-align: center;
    padding:20px;
}

.pcolab2-s2 h5 {
    color: white;
    font-weight:bolder;
}

#VentajasCXM .MetasCXM {
    text-align: center;
}

#SectionCXM{
    background-color:#1e3d6e; padding-bottom:0
}

#SectionCXM .member-info {
    color:#fff;
}