.modal-back{
    position:fixed;
    top:0;
    right: 0;
    left:0;
    background: #000000cc;
    bottom:0;
    overflow-y: scroll;
    z-index: 9;
}
.win{
    
position: absolute;
    
right: 0;
    
top: 17%;
    
z-index: 0;
}
.top-no-pop{
    
margin-top: 9%!important;
}
.top-no-pop2{
    
}
.naranja{
    color: #d53c27!important;
}

.cartel-modal{

max-width: 350px;

margin: 0 auto;

text-align: center;

margin-top: 49%;
}
.como-participar-modal{
    
margin-top: 14%;
    
max-width: 950px;
}
.cartel-modal .close-modal{

color: white;

text-align: right;

font-family: 'ArcherBoldPro';

text-transform: uppercase;

font-size: 12px;

z-index: 9;

position: relative;

z-index: 9999;
}
    .cartel-modal .close-modal a{

        color: white;
        
        }
.cuerpo-modal{
    
z-index: 11;
    
BACKGROUND: #d53c27;
    
padding: 16px;
    
position: relative;
    }
    .cuerpo-modal .cont {
    
border: 1px solid #f8f6dc;
    
padding: 16px;
}
.cuerpo-modal .texto-1{
    
font-family: 'ArcherBoldPro';
    
color: #f8f6dc;
    
font-size: 33px;
    
margin-top: -12px;
    
margin-bottom: 13px;
}
.cuerpo-modal .texto-1 div{
    font-size: 25px;
    margin-top: -4px;
}
.cuerpo-modal .title{
    
margin-top: 25px;
}
.cuerpo-modal .texto-2{
    
font-family: 'ArcherBookPro';
    
color: #f8f6dc;
    
font-size: 25px;
    
border-top: 1px solid #f8f6dc;
    
border-bottom: 1px solid #f8f6dc;
    
padding: 10px 0;
}
.cuerpo-modal .premio{
    width:100%;
    margin-bottom: -16px;
}
.cuerpo-modal .texto-3{
    
font-family: 'ArcherBookPro';
    
color: #f8f6dc;
    
font-size: 31px;
    
/* margin-top: -12px; */
    
border-top: 1px solid #f8f6dc;
    
border-bottom: 1px solid #f8f6dc;
    
padding: 10px 0;
}
.cuerpo-modal .texto-4{
    
font-family: 'ArcherBookPro';
    
color: #f8f6dc;
    
font-size: 17px;
    
/* padding: 10px 0; */
}
.cuerpo-modal .texto-5{
    
font-family: 'ArcherBoldPro';
    
color: #f8f6dc;
    
font-size: 20px;
    
border-top: 1px solid #f8f6dc;
    
border-bottom: 1px solid #f8f6dc;
    
padding: 10px 0;
    
text-transform: uppercase;
}

.como-superior{
    
display: inline-flex;
    
width: 92%;
    
padding-top: 12px;
    
padding-bottom: 3%;
    
border-bottom: 3px solid #fff5cf;
}

.como-superior .como-oster{height: auto;width: auto;}
.como-superior .como-y75{
    
width: auto;
    
height: auto;
}

.como-superior .texto-como{
    
font-size: 25px;
    
line-height: 30px;
    
color: #fff5cf;
    
margin-left: 4%;
    
width: 100%;
    
font-weight: bold;
    
text-transform: uppercase;
}

.como-inferior{
    
padding-top: 2%;
}



.como-inferior .como-panel{
    border-left: 3px solid #fff5cf;
    padding: 11px;
}


.panel-clear{
    border-left: none!important;
}

.como-inferior .imagen-como{
    
margin-bottom: 3%;
}
.como-inferior .imagen-como img{
    
width:100%;
    
max-width: 375px;
}
.respuestas-correctas{
    
display: flex;
    
border-top: 2px solid #f8f6dc;
    
margin-top: 35px;
    
padding-top: 35px;
}

.respuestas-correctas .numero{
    
font-size: 102px;
    
font-family: BourtonBase;
    
color: #f8f6dc;
    
line-height: 1;
    
margin-top: -39px;
}

.respuestas-correctas .texto{
    
font-family: 'ArcherBoldPro';
    
color: #f8f6dc;
    
font-size: 31px;
    
line-height: 1;
    
text-align: left;
    
margin-left: 33px;
    
/* margin-top: 38px; */
}
.tu-tiempo{

border-top: 2px solid #f8f6dc;

margin-top: 35px;

padding-top: 35px;

display: flex;
}
.tu-tiempo .titulo{font-family: 'ArcherBoldPro';color: #f8f6dc;font-size: 23px;line-height: 1;text-align: left;margin-left: 33px;}
.tu-tiempo .tiempo{font-family: 'BourtonBase';color: #f8f6dc;font-size: 39px;line-height: 1;text-align: left;margin-left: 33px;margin-top: -16px;}
.texto-final{
    font-family: 'ArcherBoldPro';
    color: #f8f6dc;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    /* margin-left: 33px; */
    text-transform: uppercase;
    border-top: 2px
 solid #f8f6dc;
    margin-top: 35px;
    padding-top: 32px;
    margin-bottom: 13px;
    }
@media (max-width:991px){
    
.como-superior{
    
display: block;
    
width: 92%;
    
padding-top: 12px;
    
padding-bottom: 3%;
    
border-bottom: 3px solid #fff5cf;
    
margin: 0 auto;
}

.como-superior .como-oster{height: auto;width: auto;position: absolute;left: calc(45% - 100px);top: 57px;width: 130px;}
.como-superior .como-y75{
    
width: auto;
    
height: auto;
    
position: absolute;
    
right: calc(45% - 100px);
    
top: 50px;
    
width: 100px;
}

.como-superior .texto-como{
    
font-size: 3vw;
    
line-height: 30px;
    
color: #fff5cf;
    
margin-left: 4%;
    
width: 100%;
    
font-weight: bold;
    
text-transform: uppercase;
    
margin-top: 90px;
}

.como-inferior{
    
padding-top: 2%;
}



.como-inferior .como-panel{
    border-left: unset;
    padding: 11px;
    margin-bottom: 28px;
}



.panel-clear{
    border-left: none!important;
}

    .como-inferior .imagen-como{

    margin-bottom: 3%;
    }
    .como-inferior .imagen-como img{
    
width: 73%;
    }
}
@media (max-width:480px){
    .respuestas-correctas{
    
display: flex;
    
border-top: 2px solid #f8f6dc;
    
margin-top: 35px;
    
padding-top: 35px;
}

.respuestas-correctas .numero{
    
font-size: 92px;
    
font-family: BourtonBase;
    
color: #f8f6dc;
    
line-height: 1;
    
margin-top: -39px;
    
margin-left: 23px;
}

.respuestas-correctas .texto{
    
font-family: 'ArcherBoldPro';
    
color: #f8f6dc;
    
font-size: 27px;
    
line-height: 1;
    
text-align: left;
    
margin-left: 33px;
    
/* margin-top: 38px; */
}
.tu-tiempo{

border-top: 2px solid #f8f6dc;

margin-top: 35px;

padding-top: 35px;

display: flex;
}
.tu-tiempo .titulo{font-family: 'ArcherBoldPro';color: #f8f6dc;font-size: 20px;line-height: 1;text-align: left;margin-left: 23px;}
.tu-tiempo .tiempo{font-family: 'BourtonBase';color: #f8f6dc;font-size: 39px;line-height: 1;text-align: left;margin-left: 33px;margin-top: -16px;}
.texto-final{
    font-family: 'ArcherBoldPro';
    color: #f8f6dc;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    /* margin-left: 33px; */
    text-transform: uppercase;
    border-top: 2px
 solid #f8f6dc;
    margin-top: 35px;
    padding-top: 32px;
    margin-bottom: 13px;
    }
}