@font-face {
    font-family: 'neue_frutiger_worldregular';
    src: url('../fonts/neuefrutigerworld-regular-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neue_frutiger_worldbold';
    src: url('../fonts/neuefrutigerworld-bold-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamregular';
    src: url('../fonts/gotham-book-webfont.woff2') format('woff2'),
         url('../fonts/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'axehandelregular';
    src: url('../fonts/axehandel-webfont.woff2') format('woff2'),
         url('../fonts/axehandel-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ventura_eddingbold';
    src: url('../fonts/ventura_edding_bold-webfont.woff2') format('woff2'),
         url('../fonts/ventura_edding_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ventura_eddingmedium';
    src: url('../fonts/ventura_edding-webfont.woff2') format('woff2'),
         url('../fonts/ventura_edding-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*
@font-face {
    font-family: 'neue_frutiger_worldblack';
    src: url('../fonts/neuefrutigerworld-black-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_frutiger_worldbold';
    src: url('../fonts/neuefrutigerworld-bold-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_frutiger_worldheavy';
    src: url('../fonts/neuefrutigerworld-heavy-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_frutiger_worldHvIt';
    src: url('../fonts/neuefrutigerworld-heavyit-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-heavyit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_frutiger_worlditalic';
    src: url('../fonts/neuefrutigerworld-it-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_frutiger_worldregular';
    src: url('../fonts/neuefrutigerworld-regular-webfont.woff2') format('woff2'),
         url('../fonts/neuefrutigerworld-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamregular';
    src: url('../fonts/gotham-book-webfont.woff2') format('woff2'),
         url('../fonts/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
    */

html, body{
    margin: 0;
    padding: 0;
}
.mt10{ margin-top: 2vw; }
.mt20{ margin-top: 4vw; }
.mt30{ margin-top: 6vw; }
.mt40{ margin-top: 8vw; }
.mt50{ margin-top: 10vw; }
.mt60{ margin-top: 12vw; }
.mt70{ margin-top: 14vw; }
.mt80{ margin-top: 16vw; }
.mt90{ margin-top: 18vw; }
.mt100{ margin-top: 20vw; }

.mb10{ margin-bottom: 2vw; }
.mb20{ margin-bottom: 4vw; }
.mb30{ margin-bottom: 6vw; }
.mb40{ margin-bottom: 8vw; }
.mb50{ margin-bottom: 10vw; }
.mb60{ margin-bottom: 12vw; }
.mb70{ margin-bottom: 14vw; }
.mb80{ margin-bottom: 16vw; }
.mb90{ margin-bottom: 18vw; }
.mb100{ margin-bottom: 20vw; }

.pt10{ padding-top: 2vw; }
.pt20{ padding-top: 4vw; }
.pt30{ padding-top: 6vw; }
.pt40{ padding-top: 8vw; }
.pt50{ padding-top: 10vw; }
.pt60{ padding-top: 12vw; }
.pt70{ padding-top: 14vw; }
.pt80{ padding-top: 16vw; }
.pt90{ padding-top: 18vw; }
.pt100{ padding-top: 20vw; }

.pb10{ padding-bottom: 2vw; }
.pb20{ padding-bottom: 4vw; }
.pb30{ padding-bottom: 6vw; }
.pb40{ padding-bottom: 8vw; }
.pb50{ padding-bottom: 10vw; }
.pb60{ padding-bottom: 12vw; }
.pb70{ padding-bottom: 14vw; }
.pb80{ padding-bottom: 16vw; }
.pb90{ padding-bottom: 18vw; }
.pb100{ padding-bottom: 20vw; }
.container-fluid{
    margin: 0!important;
    padding: 0!important;
}
.container{
    padding: 0;
}
ul, ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}
p{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
header{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
input[type="file"]{
    width: 0;
    height: 0;
}
#inicio >.container{
    padding-top: 0!important;
    padding: 0!important;
    margin: 0!important;
}
#inicio header .container{
    padding-top: 0;
}
input[type="text"], select{
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
    padding: 8px 10px 8px 10px;
    font-size: 17px;
    line-height: 17px;
    font-family: 'neue_frutiger_worldregular'!important;
    outline: none;
    width: 100%;
}
input[type="file"]{

}
input.is-invalid,
select.is-invalid{
    border: 2px solid red;
}
label{
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'neue_frutiger_worldbold'!important;
}
label.is-invalid{
    color: red;
}
h1,
h2{
    font-family: 'neue_frutiger_worldbold'!important;
}
.modal_error{
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.modal_error .inner_error{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 600px;
    background-color: #FFFFFF;;
    padding: 30px 25px 30px 25px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 14px -6px #000000; 
    box-shadow: 0px 0px 14px -6px #000000;
}
.modal_error .inner_error .titulo{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.modal_error .inner_error .list_errors{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
}
.modal_error .inner_error .bt_cerrar{
    margin-top: 20px;
}
.modal_error .inner_error .bt_cerrar a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 50px;
    background-color: #006AAD;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
}
.modal_error .inner_error .bt_cerrar a p{
    color: #FFFFFF;
    font-weight: 700;
}
.modal_error .inner_error .bt_cerrar a:hover{
    border: 1px solid #006AAD;
    background-color: #FFFFFF;
}
.modal_error .inner_error .bt_cerrar a:hover p{
    color: #006AAD;
}
#nav{
    position: fixed;
    width: 100%;
    z-index: 999;
    background-color: #FFFFFF;
}
#nav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    width: calc(100% - 100px);
}
#nav .container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#nav ul li{
    
}
#nav ul li a p{
    color: #004a99;
    font-family: 'ventura_eddingmedium';
    font-size: 30px;
    line-height: 30px;
    /*letter-spacing: -0.5px;
    font-weight: 700;*/
}
#nav ul li a:hover p{
    color: #006AAD;
}
#nav ul li a.selected p{
    color: #006AAD!important;
}
#nav .divide{
    width: 1px;
    height: 30px;
    background-color: #004a99;
}

#participa{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 500px;
    
}
#participa .container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#participa .curva_blanca{
    background-image: url("../images/curvablanca.svg");
    background-repeat: no-repeat;
    width: 100%;
    height: 65px;
}
#participa .contenedor_registro{
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 10vw;
    background-image: url("../images/back_form_lineas.svg");
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
}
#participa .registrate_inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 95vw;
    background-color: #004a99;
    border-radius: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 0;
    
}
#participa .form_participa{
    width: 90vw;
}
#participa .fields{

    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    width: 100%;

}
#participa .fields .field .small{
    margin-top: 5px;
    font-size: 13px;
    line-height: 17px;
    color: #FFFFFF;
}
#participa .fields.fields_consentimiento{
    display: flex!important;
    flex-direction: column;
}
#participa .fields.fields_consentimiento .field{
    display: flex;
    flex-direction: row;
}
#participa .fields.fields_consentimiento .field input{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
#participa .fields.fields_consentimiento .field label{
    font-size: 3.5vw;
    line-height: 4.3vw;
    width: calc(100% - 7vw);
}
#participa .fields .field{
    width: 100%;
}
#participa .fields .field input{
    width: 100%;
}

#participa .titulo, .finaliza-titulo{
    width: 100%;
    font-size: 11vw;
    line-height: 11vw;
    text-align: center;
    color: #FFFFFF;
    font-family: 'ventura_eddingmedium'!important;
}
#participa .subtitulo, .finaliza-texto, .finaliza-ganadores{
    width: 100%;
    font-size: 8vw;
    line-height: 8vw;
    text-align: center;
    color: #7FCCF3;
    margin-bottom: 4vw;
}

.finaliza-titulo {
    margin-top: 12vw;
    color: #FFFFFF;
    text-align: center;
}
.finaliza-texto {
    margin-top: 4vw;
    margin-bottom: 14vw;
    color: #FFFFFF;
}
.finaliza-ganadores {
    margin-top: 4vw;
    margin-bottom: 14vw;
    color: #FFFFFF;
}

.finaliza-ganadores-listado{
    color: #FFFFFF;
    font-size: 18px;
    padding-left: 50px;
    padding-right: 50px;
}



#participa .form_participa .box_datos_personales,
#participa .form_participa .box_domicilio,
#participa .form_participa .box_datos_compra,
#participa .form_participa .box_datos_consentimiento,
#participa .form_participa .box_acciones{
    margin-top: 30px;
}
#participa .form_participa .box_datos_compra p.explicacion{
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.field .aclaracion{
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 2px;
}
#participa .form_participa .box_datos_consentimiento p.explica{
    text-align: center;
    color: #FFFFFF;
    font-size: 4vw;
    line-height: 5vw;
    font-family: 'neue_frutiger_worldbold'!important;
    margin-bottom: 4vw;
}

#participa .form_participa .box_acciones{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 10px;
}
#participa .form_participa .box_upload_image{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}
#participa .form_participa .box_upload_image .bt_guardar_producto{
    width: 300px;
}
#participa .form_participa .box_acciones .bt_envia a,
#participa .form_participa .box_upload_image .bt_guardar_producto a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 50px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
}
#participa .form_participa .box_upload_image .bt_guardar_producto a{
    width: 300px;
    height: 40px;
}
#participa .form_participa .box_acciones .bt_envia a p,
#participa .form_participa .box_upload_image .bt_guardar_producto a p{
    font-size: 22px;
    line-height: 22px;
    font-family: 'neue_frutiger_worldbold'!important;
    color: #006AAD;
}
#participa .form_participa .box_upload_image .bt_guardar_producto a p{
    font-size: 18px;
    line-height: 18px;
}
#participa .form_participa .box_acciones .bt_envia a:hover,
#participa .form_participa .box_upload_image .bt_guardar_producto a:hover{
    background-color: #006AAD;
}
#participa .form_participa .box_acciones .bt_envia a:hover p,
#participa .form_participa .box_upload_image .bt_guardar_producto a:hover p{
    color: #FFFFFF;
}

#premios{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;

    background-size: cover;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 145vw;
    background-image: url(../images/back_premios.svg);
}
#premios .inner_section{
    /* display: flex;
    flex-direction: column;
    align-items: center; */
}
#premios .inner_section .imagen_premios{
    width: 95vw;
    margin-bottom: 3vw;
}
#premios .inner_section .imagen_premios img{
    width: 100%;
}

#premios .inner_section .premio_mayor{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 70px;
}
#premios .inner_section .premio_mayor .imagen_premio_mayor{
    width: 85vw;
}
#premios .inner_section .premio_mayor .imagen_premio_mayor img{
    float: left;
    width: 100%;
}
#bases_y_condiciones{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 600px;
    padding-bottom: 30px;
    background-color: #88c8ec;
    /* background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,106,173,1) 0%, rgba(54,148,208,1) 100%); */
}
#bases_y_condiciones .inner_section{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#bases_y_condiciones h1{
    color:#FFFFFF;
    margin-top: 10vw;
    font-size: 6vw;
}
#bases_y_condiciones .content_bases{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*width: 1100px;*/
    width: 90vw;
    background-color: #FFFFFF;
    border-radius: 15px;
    margin-top: 20px;
    height: 260px;
    box-sizing: border-box;
    
}
#bases_y_condiciones .content_bases .texto{
    width: 84vw;
    height: 240px;
    padding-right: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#bases_y_condiciones .box_social{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}
#bases_y_condiciones .box_social .redes{
    display: flex;
    flex-direction: row;
}
#bases_y_condiciones .box_social .redes a.red{
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #20B1E7;
}
#bases_y_condiciones .box_social .redes a:hover.red{
    background-color: #004a99;
}

#bases_y_condiciones .box_social .redes a.red.facebook{
    margin-left: 20px;
}
#bases_y_condiciones .box_social .redes a.red img{
    float: left;
    width: 100%;
}


.proximamente{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%!important;
}
.proximamente .imagen_proximamente{
    width: 95vw;
}
.proximamente .imagen_proximamente img{
    float: left;
    width: 100%;
}


.inner_header{
    height: 132vw;
    background-image: url("../images/back_header.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: top;
    position: relative;
    overflow: hidden;
}
.inner_header .contenido_header{
    display: flex;
    padding-top: 60px;
}
#como_participo,
#participa,
#premios{
    overflow: hidden;
}

.inner_header .cucarda{
    position: absolute;
    left: 0;
    top: 0;
    width: 40vw;
    z-index: 99;
}
.inner_header .cucarda img{
    float: left;
    width: 100%;
}
.inner_header .logo_header{
    position: absolute;
    width: 43vw;
    left: 28vw;
    z-index: 98;
    top: 17px;
    /*
    position: absolute;
    width: 80vw;
    left: 3vw;
    z-index: 98;
    */
}
.inner_header .logo_header img{
    float: left;
    width: 100%;
}
.inner_header .onda_azul{
    position: absolute;
    width: 100%;
    bottom: -1px;
    z-index: 99;
}
.inner_header .onda_azul img{
    float: left;
    width: 100%;
}
.asterisco{
    font-size: 12px;
    line-height: 18px;
    padding: 10px 15px 20px 15px;
    text-align: center;
    color: #e10435;
    background-color: #f6d6ad;
}
.inner_participo{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 159vw;
    background-color: #f6d6ad;
    /* background-image: url("../images/backazul.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: -1px; */
    position: relative;
}
.inner_participo .lactales{
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 9vw;
    top: 68vw;
    z-index: 9;
}
.inner_participo .lactales .lactal1,
.inner_participo .lactales .lactal2{
    display: flex;
    flex-direction: column;
    width: 37vw;
}
.inner_participo .lactales .lactal2{
    width: 34.3vw;
    margin-left: 6vw;
    
}
.inner_participo .lactales .lactal1 img,
.inner_participo .lactales .lactal2 img{
    float: left;
    width: 100%;
}
.inner_participo .lactales .lactal1 .descripcion,
.inner_participo .lactales .lactal2 .descripcion{
    width: 37vw;
    text-align: center;
    font-size: 2.8vw;
    line-height: 3.3vw;
    color: #e10435;
    font-weight: 600;
    margin-top: 2vw;
}


.inner_participo .onda_blanca{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.inner_participo .onda_blanca img{
    float: left;
    width: 100%;
}

.inner_participo .ticket{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* width: 88vw; */
    width: 90vw;/*calc(100% - 300px);*/
    /* margin-left: 3vw; */
    margin-top: 10vw;
    color: #FFFFFF;
    /* background-color: pink; */
}


.inner_participo .ticket .texto{
    width: 100%;
    color: #e10435;
}
.inner_participo .ticket .texto.texto2{
    margin-top: 10vw;
}
.inner_participo .ticket .texto >p{
    font-family: 'ventura_eddingmedium';
    font-size: 8vw;
    line-height: 8vw;
    padding: 0;
}
.inner_participo .ticket .texto p .destaca{
    font-family: 'ventura_eddingbold';
}
.inner_participo .ticket .texto .ondulado{
    width: 100%;
    height: 15px;
    background-image: url("../images/ondulada.svg");
    margin-top: 5px;
}
.inner_participo .ticket .texto .descripcion{
    width: 90vw;
    font-size: 3.5vw;
    line-height: 4.5vw;
    text-align: center;
    margin-top: 3vw;
}

/*
.inner_participo .ticket .texto1{
    font-family: 'neue_frutiger_worldregular';
    font-size: 7.5vw;
    line-height: 8.2vw;
    text-align: center;
    order: 1;
}
.inner_participo .ticket .texto2{
    font-size: 3.3vw;
    line-height: 4.3vw;
    text-align: center;
    margin-top: 3vw;
    order: 2;
}
.inner_participo .ticket .texto1 .destaca{
    font-family: 'neue_frutiger_worldbold';
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
}
.inner_participo .ticket .texto3{
    width: 100%;
    font-size: 3.3vw;
    text-align: center;
    margin-top: 2vw;
    order: 3;
}
*/
.file_element{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.1);
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    margin-bottom: 2px;
    align-items: center;
    min-height: 58px;
}
.file_element p{
    overflow-wrap: break-word;
    color: #FFFFFF;
}
.file_element .bt_delete{
    display: flex;
}
.file_element .bt_delete a{
    box-sizing: border-box;
    background-color: red;
    color: #FFFFFF;
    border-radius: 6px;
    padding: 7px 10px 7px 10px;
}
.file_element .progress_percent{
    display: none;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: 10px;
}
.container_files{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
}
.spinner{
    display: none;
    width: 50px;
}
.spinner img{
    float: left;
    width: 100%;
}
.producto_participante{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.producto_participante .imagen_auriculares_radios{
    width: 400px;
}
.producto_participante .imagen_televisores_monitores{
    width: 250px;
}
.producto_participante .imagen_cafeteras_electrodomesticos{
    width: 500px;
}
.producto_participante .imagen_auriculares_radios img,
.producto_participante .imagen_televisores_monitores img,
.producto_participante .imagen_cafeteras_electrodomesticos img{
    float: left;
    width: 100%;
}
.header_base{
    /* width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column; */
}
.field_terminos_condiciones a{
    color: #FFFFFF;
    text-decoration: underline;
}
.field_terminos_condiciones a:hover{
    color: #7FCCF3;
}
.bt_participa,
.bt_participa_invert{
    display: flex;
    position: absolute;
    z-index: 100;
}
.bt_participa{
    left: calc(50% - 100px);
    bottom: 0vw;
}
.bt_participa_invert{
    
}
.bt_participa a,
.bt_participa_invert a{
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #0069ac;
    border: 1px solid #0069ac;
    width: 200px;
    height: 45px;
    border-radius: 10px;
    overflow: hidden;
}

.bt_participa_invert a{
    background-color: #b0212b; 
    border: 1px solid #b0212b;
}
.bt_participa_invert:hover a{
    background-color: #ea0029; 
}
.bt_participa a:hover{
    background-color: #004a99; 
}
.bt_participa a p,
.bt_participa_invert a p{
    position: absolute;
    font-size: 23px;
    line-height: 23px;
    letter-spacing: 2.5px;
    color: #FFFFFF;
    font-weight: 500;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.bt_participa_invert a p{
    color: #FFFFFF;
}
.bt_participa a:hover p{
    color: #FFFFFF;
}
.bt_participa_invert a:hover p{
    color: #FFFFFF;
}
.bt_participa a .flecha,
.bt_participa_invert a .flecha{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #004a99;
    z-index: 1;
    border-radius: 40%;
}
.bt_participa_invert a .flecha{
    background-color: #ea0029;
}
.bt_participa_invert a:hover .flecha{
    background-color: #b0212b!important;
}
.bt_participa a:hover .flecha{
    background-color: #0069ac;
}
.bt_participa a .flecha img,
.bt_participa_invert a .flecha img{
    float: left;
    width: 100%;
}

#modallError .error_response{
    font-size: 17px;
    /*text-align: center;*/
    padding: 10px 10px 20px 10px;
    font-weight: 500;
}
#modallError .modal-title{
    text-align: center!important;
    width: 100%!important;
    font-size: 22px!important;
    font-weight: 700;
    color: red;
}
#modalResponse .modal-body{
    position: relative;
}
#modalResponse .modal-body .btn-close{
    position: absolute;
    right: 10px;
    top: 10px;
}

.ticket .imagen_ticket{
    width: 100%;
    order: 4;
}
.ticket .imagen_ticket img{
    float: left;
    width: 100%;
}

@media (min-width: 576px) {

    .mt10{ margin-top: 10px; }
    .mt20{ margin-top: 20px; }
    .mt30{ margin-top: 30px; }
    .mt40{ margin-top: 40px; }
    .mt50{ margin-top: 50px; }
    .mt60{ margin-top: 60px; }
    .mt70{ margin-top: 70px; }
    .mt80{ margin-top: 80px; }
    .mt90{ margin-top: 90px; }
    .mt100{ margin-top: 100px; }

    .mb10{ margin-bottom: 10px; }
    .mb20{ margin-bottom: 20px; }
    .mb30{ margin-bottom: 30px; }
    .mb40{ margin-bottom: 40px; }
    .mb50{ margin-bottom: 50px; }
    .mb60{ margin-bottom: 60px; }
    .mb70{ margin-bottom: 70px; }
    .mb80{ margin-bottom: 80px; }
    .mb90{ margin-bottom: 90px; }
    .mb100{ margin-bottom: 100px; }

    .pt10{ padding-top: 10px; }
    .pt20{ padding-top: 20px; }
    .pt30{ padding-top: 30px; }
    .pt40{ padding-top: 40px; }
    .pt50{ padding-top: 50px; }
    .pt60{ padding-top: 60px; }
    .pt70{ padding-top: 70px; }
    .pt80{ padding-top: 80px; }
    .pt90{ padding-top: 90px; }
    .pt100{ padding-top: 100px; }

    .pb10{ padding-bottom: 10px; }
    .pb20{ padding-bottom: 20px; }
    .pb30{ padding-bottom: 30px; }
    .pb40{ padding-bottom: 40px; }
    .pb50{ padding-bottom: 50px; }
    .pb60{ padding-bottom: 60px; }
    .pb70{ padding-bottom: 70px; }
    .pb80{ padding-bottom: 80px; }
    .pb90{ padding-bottom: 90px; }
    .pb100{ padding-bottom: 100px; }

    .proximamente .imagen_proximamente{
        width: 500px;
    }
}

#premios .inner_section .premio_mayor .imagen_premio_mayor img{
    float: left;
    width: 100%;
}
.logo_header_mobile{
    display: flex;
}
.logo_header_desktop{
    display: flex;
}

/* The side navigation menu */
#sidebarnav{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
}
.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 10; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: rgba(0,106,173,0.95); /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 6vw; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  }
  
  /* The navigation menu links */
  .sidenav ul li a {
	padding: 0.5vw 0.5vw 0.5vw 0.5vw;
    text-decoration: none;
    font-size: 5vw;
    color: #FFF;
    display: block;
    transition: 0.3s;
    text-align: center;
	font-weight: 400;
	letter-spacing: 0.2vw;
    font-family: 'neue_frutiger_worldregular';
    /*font-family: 'amsipro-semibolduploaded_file';*/
	/*font-family: 'Barlow Condensed', sans-serif;*/
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidenav ul li a:hover {
	color: #04446d;
  }
  
  /* Position and style the close button (top right corner) */
  .sidenav .close_menu {
	float: left;
	width: 100%;
	margin-bottom: 2vw;
	/*
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	*/
  }

  .sidenav .close_menu a,
  #sidebarnav .open_menu a{
    display: block;
    width: 6vw;
    height: 6vw;
    margin: 0 auto;
    text-align: center;
  }
  #sidebarnav .close_menu a{
    color: #04446d;
  }
  .sidenav .close_menu a .fa-times,
  #sidebarnav .open_menu a .fa-bars{
	font-size: 6vw;
    color: #04446d;
    font-weight: 500;
    line-height: 6vw; 
    
  }
  .sidenav .close_menu a:hover .fa-times,
  #sidebarnav .open_menu a:hover .fa-bars{
	color: #04446d;
  }
  #sidebarnav .open_menu a{
      /*margin-top: 15px;*/
  }
  #sidebarnav .open_menu{
    margin-top: 3vw;
    margin-right: 0vw;
  }
  .sidenav{
      display: flex;
    flex-direction: column;
    align-items: center;
}
  .sidenav ul{
      width: 530px;
  }


  .menu_browser{
    display: none!important;
}
.menu_mobile{
    position: absolute;
    display: flex!important;
    width: 95vw;
    flex-direction: row;
    align-self: flex-end;
    z-index: 9999;
}
#modalResponse .modal-body{
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    /*background-image: url(../images/backmodal.jpg);*/
    background-position-y: 60%;
    background-size: cover;
    /*min-height: 280px;*/
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 40px 30px 40px 30px;
}
.titulo_modal_response{
    width: 100%;
    text-align: center;
    font-size: 12vw;
    line-height: 12vw;
    font-family: 'ventura_eddingbold';
    color: #004a99;
}
.textos_modal_response{

}
.texto_modal_response{
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    font-family: 'neue_frutiger_worldregular';
    /*
    font-size: 20px;
    line-height: 30px;
    */
    margin-top: 4vw;
}
.texto_modal_response .destaca_strong{
    font-family: 'neue_frutiger_worldbold';
    color: #004a99;
}
.texto_modal_response_premio{
    font-size: 4vw;
}
.texto_modal_response_segui .destaca_strong{
    font-family: 'neue_frutiger_worldheavy';
    font-size: 5vw;
    line-height: 6vw;
    
}
.texto_modal_response_comunicate{
    font-size: 3.2vw;
    margin-top: 3vw;
}
.texto_modal_response_comunicate .destaca_strong{
    font-size: 5vw;
    line-height: 5vw;
}
.texto_modal_response_importante{
    text-align: left;
    font-size: 2.8vw;
    line-height: 4vw;
    margin-top: 3vw;
}
.texto_modal_response_segui{
    margin-top: 3vw;
    margin-bottom: 2vw;
    font-size: 3vw;
    line-height: 3.7vw;
}
#bases_y_condiciones .box_social a.bt_ig_bottom_tv,
#bases_y_condiciones .box_social a.bt_ig_bottom_hogar{
    margin-top: 30px;
}
#bases_y_condiciones .box_social a.bt_ig_bottom_tv h3,
#bases_y_condiciones .box_social a.bt_ig_bottom_hogar h3{
    color: #FFFFFF;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    font-family: 'neue_frutiger_worldbold'!important;
}
#bases_y_condiciones .box_social a:hover.bt_ig_bottom_tv h3,
#bases_y_condiciones .box_social a:hover.bt_ig_bottom_hogar h3{
    color: #7FCCF3;
}
#bases_y_condiciones .box_social a.bt_ig_bottom_hogar{
    margin-top: 5px;
}



.inner_header .bimbo_reposera .image img{
    float: left;
    width: 100%;
}
.inner_header .bimbo_cucarda{
    display: none;
    position: absolute;
    width: 150px;
    top: 60px;
    right: 150px;
    z-index: 100;
}
.inner_header .bimbo_cucarda_mb{
    display: flex;
    position: absolute;
    width: 19vw;
    top: 20px;
    z-index: 100;
    left: 6vw;
}
.inner_header .bimbo_cucarda img,
.inner_header .bimbo_cucarda_mb img{
    width: 100%;
    float: left;
}
.inner_header .bimbo_panes{
}
.inner_header .bimbo_panes .image{

}
.inner_header .bimbo_panes .image img{
    float: left;
    width: 100%;
}
.text_url{
    font-family: 'ventura_eddingmedium';
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 30px;
    font-size: 30px;
    line-height: 30px;
}

#premios .inner_section{
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
#premios .box_premios{
    display: none;
    position: relative;
    left: calc(50% - 500px);
    top: 80px;
    width: 1000px;
}
#premios .box_premios img,
#premios .box_premios_mobile img{
    float: left;
    width: 100%;
}

#premios .box_premios_mobile{
    display: flex;
    position: relative;
    width: calc(100% - 10vw);
}

#premios .premio1,
#premios .premio2,
#premios .premio3{
    position: absolute;
    width: 300px;
}
#premios .premio1 img,
#premios .premio2 img,
#premios .premio3 img{
    float: left;
    width: 100%;
}
#premios .premio1{
    left: 20vw;
    top: 69vw;
    width: 21vw;
}
#premios .premio2{
    left: 57vw;
    top: 25vw;
    width: 35vw;
}
#premios .premio3{
    left: 60vw;
    top: 102vw;
    width: 15vw;
}
#como_participo .bt_participa_invert{
    width: 90vw;
    display: flex;
    justify-content: center;
    margin-top: unset;
    bottom: 8vw;
}
.inner_header .bimbo_reposera{
    display: none;
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 400px;
    top: 250px;
}
.inner_header .bimbo_reposera .image{
    width: 730px;
    position: absolute;
    left: -130px;
}
.inner_header .bimbo_panes{
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 360px;
    right: 0;
    top: 50vw;
}
.inner_header .bimbo_panes .image{
    width: 155vw;
    position: absolute;
    left: -4vw;
}
.inner_header .bimbo_panes .image img{
    float: left;
    width: 100%;
}
.inner_header .bimbo_panes .texto{
    width: 56vw;
    position: absolute;
    bottom: 0;
    left: 23vw;
    top: 46vw;
}
.inner_header .bimbo_panes .texto img{
    float: left;
    width: 100%;
}

#premios .inner_section .imagen_premios {
    width: 1250px;
    margin-bottom: 50px;
}

#como_participo .inner_participo .mancha_tickets{
    position: absolute;
    right: 6vw;
    top: unset;
    bottom: 20vw;
    z-index: 8;
}
#como_participo .inner_participo .mancha_tickets .imagen{
    width: 90vw;
}
#como_participo .inner_participo .mancha_tickets .imagen img{
    width: 100%;
    float: left;
}
.container_productos{
    width: 100%;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.container_productos.hide{
    display: none;
}
.container_productos .producto{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #FFFFFF;
    padding: 5px 5px 5px 10px;
}
.container_productos .producto .textos{
    display: flex;
    flex-direction: column;
}
.container_productos .producto:last-child{
    border-bottom: 0;
}
.container_productos .producto .item{
    display: flex;
    flex-direction:row;
    align-items: flex-start;
    width: 100%;
}
.container_productos .producto .item .label{
    
}
.container_productos .producto .item .value{
    margin-left: 5px;
    font-weight: 700;
    color: #7FCCF3;
}
.container_productos .producto .acciones{

}
.container_productos .producto .acciones a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: red;
    color: white;
}
.container_productos .producto .acciones a:hover{
    background-color: white;
    color: red;
}
input.error,
select.error{
    border: 1px solid red;
}

@media (min-width: 576px) {
    .bt_participa {
        left: calc(50% - 60px);
        bottom: 10px;
    }
    .bt_participa, .bt_participa_invert {
        display: flex;
        position: absolute;
        z-index: 100;
    }
    .bt_participa a, .bt_participa_invert a {
        display: flex;
        position: relative;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 120px;
        height: 37px;
        border-radius: 10px;
        overflow: hidden;
    }
    .bt_participa a p, .bt_participa_invert a p {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 2px;
    }
    #premios .box_premios_mobile {
        display: flex;
        position: relative;
        width: calc(100% - 50px);
    }
    .texto_modal_response {
        margin-top: 25px;
    }
    .titulo_modal_response {
        width: 100%;
        
        font-size: 60px;
        line-height: 60px;
        
    }
    .texto_modal_response_comunicate {
        font-size: 18px;
        margin-top: 15px;
    }
    .texto_modal_response_segui {
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 22px;
    }
    .texto_modal_response_importante {
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px;
    }
    .texto_modal_response_premio {
        font-size: 22px;
    }
    .texto_modal_response_comunicate .destaca_strong {
        font-size: 18px;
        line-height: 18px;
    }
    .texto_modal_response_segui .destaca_strong {
        font-family: 'neue_frutiger_worldbold';
        font-size: 24px;
        line-height: 28px;
    }
    .container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .menu_mobile {
        width: 490px;
    }
    .sidenav .close_menu a .fa-times, #sidebarnav .open_menu a .fa-bars {
        font-size: 30px;
        line-height: 30px;
    }
    #sidebarnav .open_menu {
        margin-top: 15px;
        margin-right: 0vw;
    }
    .sidenav .close_menu a, #sidebarnav .open_menu a {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        text-align: center;
    }
    #bases_y_condiciones h1 {
        margin-top: 50px;
        font-size: 30px;
    }
    
    .inner_header .cucarda {
        left: 0;
        top: 0;
        width: 250px;
    }
    #participa .titulo, .finaliza-titulo {
        font-size: 70px;
        line-height: 70px;
    }
    #participa .subtitulo, .finaliza-texto, .finaliza-ganadores {
        font-size: 37px;
        line-height: 37px;
        margin-bottom: 20px;
    }
    .finaliza-titulo {
        margin-top: 70px;
        color: #FFFFFF;
        text-align: center;
    }
    .finaliza-texto {
        margin-top: 20px;
        margin-bottom: 70px;
        color: #FFFFFF;
    }
    .finaliza-ganadores {
        margin-top: 20px;
        margin-bottom: 70px;
        color: #FFFFFF;
    }
    #participa .form_participa .box_datos_consentimiento p.explica {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 40px;
    }
    #participa .fields.fields_consentimiento .field label {
        font-size: 18px;
        line-height: 23px;
        width: calc(100% - 35px);
    }
    .inner_participo {
        display: flex;
        flex-direction: column;
        height: 740px;
        /* background-image: url(../images/backazul.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: -1px; */
        position: relative;
    }
    .inner_header {
        height: 280px;
        background-image: url(../images/back_header.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 0;
        position: relative;
        overflow: hidden;
    }
    .inner_header .bimbo_cucarda {
        display: flex;
        position: absolute;
        width: 55px;
        top: 24px;
        right: 67px;
        z-index: 100;
    }
    .inner_header .bimbo_cucarda_mb{
        display: none;
    }
    .inner_header .bimbo_panes {
        overflow: hidden;
        position: absolute;
        width: 199px;
        height: 360px;
        right: 0;
        top: 105px;
    }
    .inner_header .bimbo_panes .image {
        width: 313px;
        position: absolute;
        height: 370px;
        left: 0px;
    }
    .inner_header .bimbo_panes .texto {
        width: 156px;
        height: 100px;
        position: absolute;
        bottom: 0;
        left: 28px;
        top: 103px;
    }
    .inner_header .bimbo_reposera {
        display: flex;
        position: relative;
        overflow: hidden;
        width: 260px;
        height: 400px;
        top: 91px;
    }
    .inner_header .bimbo_reposera .image {
        width: 320px;
        position: absolute;
        left: -60px;
    }
    .inner_participo .ticket {
        align-items: center;
        width: calc(100% - 60px);
        margin-top: 40px;
    }
    .inner_participo .ticket .texto >p {
        font-size: 35px;
        line-height: 35px;
    }
    .inner_participo .ticket .texto.texto2 {
        margin-top: 40px;
    }
    .inner_header .logo_header {
        position: absolute;
        width: 170px;
        top: 20px;
        left: calc(50% - 85px);
        z-index: 98;
    }
    #participa .form_participa {
        width: calc(100% - 90px);
    }
    #participa .fields {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        width: 100%;
    }
    #premios {
        width: 100%;
        height: 750px;
    }
    #premios .inner_section .premio_mayor .imagen_premio_mayor {
        width: 500px;
    }
    #premios .inner_section .imagen_premios {
        width: 100%;
        margin-bottom: 50px;
    }
    #participa .registrate_inner {
        width: 100%;/*calc(100% - 200px);*/
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 0;
    }
    #bases_y_condiciones .content_bases {
        width: 500px;
        border-radius: 15px;
        margin-top: 20px;
        height: 260px;
        box-sizing: border-box;
    }
    #bases_y_condiciones .content_bases .texto {
        width: 470px;
        height: 240px;
        padding-right: 20px;
    }
    /*
    .inner_participo .ticket .texto1{
        font-size: 40px;
        line-height: 42px;
        text-align: center;
        order: 1;
    }
    .inner_participo .ticket .texto2{
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        margin-top: 15px;
        order: 2;
    }
    .inner_participo .ticket .texto1 .destaca{
        font-size: 42px;
        line-height: 54px;
        font-weight: 700;
    }
    .inner_participo .ticket .texto3{
        width: 100%;
        font-size: 18px;
        text-align: center;
        margin-top: 10px;
        order: 3;
    }
    */
    .ticket .imagen_ticket {
        width: 100%;
        order: 4;
    }
    .inner_participo .ticket .texto .descripcion {
        width: 100%;
        font-size: 19px;
        line-height: 25px;
        margin-top: 15px;
    }
    /*
    .inner_participo .lactales {
        display: flex;
        flex-direction: row;
        position: absolute;
        right: 150px;
        top: 115px;
        z-index: 9;
    }
    */
    .inner_participo .lactales {
        right: 60px;
        top: 310px;
    }
    .inner_participo .lactales .lactal1, .inner_participo .lactales .lactal2 {
        width: 190px;
    }
    .inner_participo .lactales .lactal2 {
        width: 175px;
        margin-left: 30px;
    }
    .inner_participo .lactales .lactal1 .descripcion, .inner_participo .lactales .lactal2 .descripcion {
        width: 200px;
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
    }
    #como_participo .inner_participo .mancha_tickets {
        right: 50px;
        top: 316px;
    }
    #como_participo .inner_participo .mancha_tickets .imagen {
        width: 450px;
    }
    #como_participo .bt_participa_invert {
        width: 350px;
        margin-top: 40px;
        bottom: 30px;
    }
    #participa .contenedor_registro {
        padding-bottom: 50px;
    }
    #premios .premio1 {
        left: 120px;
        top: 360px;
        width: 100px;
    }
    #premios .premio2 {
        left: 300px;
        top: 115px;
        width: 200px;
    }
    #premios .premio3 {
        left: 317px;
        top: unset;
        bottom: 108px;
        width: 75px;
    }

}

@media (min-width: 768px) { 
    
    #como_participo .bt_participa_invert {
        width: 350px;
        margin-top: 40px;
    }
    #como_participo .inner_participo .mancha_tickets {
        right: 180px;
        top: 139px;
    }
    #como_participo .inner_participo .mancha_tickets .imagen {
        width: 580px;
    }
    .inner_participo .lactales .lactal1 .descripcion, .inner_participo .lactales .lactal2 .descripcion {
        width: 200px;
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
    }
    .inner_participo .lactales .lactal1, .inner_participo .lactales .lactal2 {
        width: 260px;
    }
    .inner_participo .lactales .lactal2 {
        width: 242px;
        margin-left: 30px;
    }
    .inner_participo .ticket .texto .descripcion {
        width: 350px;
        font-size: 19px;
        line-height: 25px;
        margin-top: 15px;
    }
    .inner_participo .ticket .texto.texto2 {
        margin-top: 60px;
    }
    .bt_participa a, .bt_participa_invert a {
        display: flex;
        position: relative;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 200px;
        height: 45px;
        border-radius: 10px;
        overflow: hidden;
    }
    .bt_participa a p, .bt_participa_invert a p {
        font-size: 23px;
        line-height: 23px;
        letter-spacing: 2.5px;
        font-weight: 500;
    }
    #participa .registrate_inner {
        width: calc(100% - 100px);
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 20px;
    }
    .menu_mobile {
        width: 670px;
    }
    #premios {
        width: 100%;
        height: 1040px;
    }
    .bt_participa, .bt_participa_invert {
        display: flex;
    }
    #participa .form_participa {
        width: calc(100% - 150px);
    }
    #participa .fields {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        width: 100%;
    }
    .inner_header .logo_header {
        width: 220px;
        left: calc(50% - 110px);
        z-index: 98;
        top: 26px;
    }
    /*
    .inner_participo .ticket .texto1{
        font-size: 40px;
        line-height: 42px;
        text-align: center;
        order: 1;
    }
    .inner_participo .ticket .texto2{
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        margin-top: 15px;
        order: 2;
    }
    .inner_participo .ticket .texto1 .destaca{
        font-size: 42px;
        line-height: 54px;
        font-weight: 700;
    }
    .inner_participo .ticket .texto3{
        width: 100%;
        font-size: 18px;
        text-align: center;
        margin-top: 10px;
        order: 3;
    }
    */
    .ticket .imagen_ticket {
        width: 100%;
        order: 4;
    }
    .inner_participo .ticket {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 100px);
        margin-top: 40px;
        color: #FFFFFF;
    }
    .ticket .imagen_ticket {
        width: 390px;
    }
    
    .inner_participo {
        display: flex;
        flex-direction: column;
        height: 963px;
        /* background-image: url(../images/backazul.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: -1px; */
        position: relative;
    }
    .bt_participa, .bt_participa_invert {
        position: absolute;
        z-index: 100;
        
    }
    .bt_participa{
        left: calc(50% - 90px);
        bottom: 10px;
    }
    .bt_participa_invert {
        position: absolute;
        z-index: 100;
    }
    .bt_participa a, .bt_participa_invert a {
        width: 180px;
    }
    .proximamente .imagen_proximamente{
        width: 650px;
    }
    .inner_header{
        height: 350px;
        background-image: url(../images/back_header.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: top;
        position: relative;
        overflow: hidden;
    }
    #premios .inner_section .imagen_premios {
        width: 100%;
        margin-bottom: 50px;
    }
    #premios .inner_section .premio_mayor .imagen_premio_mayor {
        width: 100%;
    }
    #bases_y_condiciones .content_bases {
        width: calc(100% - 100px);
        margin-top: 20px;
        height: 260px;
    }
    #bases_y_condiciones .content_bases .texto {
        width: calc(100% - 30px);
        height: 240px;
        padding-right: 20px;
    }
    .inner_header .bimbo_panes {
        width: 287px;
        height: 240px;
        right: 0;
        top: 130px;
    }
    .inner_header .bimbo_panes .image {
        width: 470px;
        height: 150px;
        left: 0px;
    }
    .inner_header .bimbo_panes .texto {
        width: 175px;
        height: 100px;
        bottom: 0;
        left: 70px;
        top: 140px;
    }
    .inner_header .bimbo_reposera {
        width: 370px;
        height: 250px;
        top: 118px;
    }
    .inner_header .bimbo_reposera .image {
        width: 410px;
        left: -80px;
    }
    .inner_header .bimbo_cucarda {
        position: absolute;
        width: 75px;
        top: 33px;
        right: 80px;
        z-index: 100;
    }
    .inner_participo .ticket .texto >p {
        font-size: 40px;
        line-height: 40px;
    }
    .inner_participo .ticket .texto .descripcion {
        width: 100%;
        font-size: 19px;
        line-height: 25px;
        text-align: center;
        margin-top: 15px;
    }
    .inner_participo .lactales {
        display: flex;
        flex-direction: row;
        right: 69px;
        top: 340px;
    }
    #como_participo .inner_participo .mancha_tickets {
        right: 60px;
        top: 349px;
    }
    .bt_participa_invert {
        width: 350px;
        display: flex;
        justify-content: center;
        bottom: 40px;
        left: calc(50% - 179px);
    }
    #participa .contenedor_registro {
        padding-bottom: 75px;
    }
    #premios .premio1 {
        left: 150px;
        top: 500px;
        width: 140px;
    }
    #premios .premio2 {
        left: 400px;
        top: 170px;
        width: 260px;
    }
    #premios .premio3 {
        left: 420px;
        bottom: 146px;
        width: 115px;
    }
    
}

@media (min-width: 992px) {
    #como_participo .inner_participo .mancha_tickets {
        right: 40px;
        top: 99px;
    }
    #participa .contenedor_registro {
        padding-bottom: 100px;
    }
    #participa .registrate_inner {
        width: calc(100% - 200px);
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 50px;
    }
    .bt_participa_invert {
        width: 350px;
        display: flex;
        justify-content: center;
        margin-top: 40px;
    }
    .inner_participo .ticket .texto .descripcion {
        width: 350px;
        font-size: 19px;
        line-height: 25px;
        text-align: center;
        margin-top: 15px;
    }
    .inner_participo .ticket .texto >p {
        font-size: 45px;
        line-height: 45px;
    }
    #inicio header .container{
        padding-top: 60px;
    }
    .menu_browser{
        display: flex!important;
    }
    .menu_mobile{
        display: none!important;
    }
    #inicio >.container{
        padding-top: 60px!important;
    }
    
    #participa .fields {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        width: 100%;
    }
    #participa .fields.triple {
        grid-template-columns: repeat(3, 1fr);
    }
    /*
    .inner_participo .ticket .texto1{
        font-size: 40px;
        line-height: 42px;
        text-align: center;
        order: 1;
    }
    .inner_participo .ticket .texto2{
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        margin-top: 15px;
        order: 2;
    }
    .inner_participo .ticket .texto1 .destaca{
        font-size: 42px;
        line-height: 54px;
        font-weight: 700;
    }
    .inner_participo .ticket .texto3{
        width: 270px;
        font-size: 18px;
        text-align: center;
        order: 4;
        margin-top: 0;
    }
    */
    .ticket .imagen_ticket {
        width: 100%;
        order: 3;
    }
    .inner_participo .ticket {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* width: 460px;
        margin-left: 70px; */
        margin-top: 40px;
        color: #FFFFFF;
    }
    
    .inner_participo {
        display: flex;
        flex-direction: column;
        height: 750px;
        /* background-image: url(../images/backazul.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: -1px; */
        position: relative;
    }
    
    .logo_header_mobile{
        display: flex;
    }
    .logo_header_desktop{
        display: flex;
    }
    #premios .inner_section .premio_mayor .imagen_premio_mayor {
        width: 800px;
    }
    
    #bases_y_condiciones .content_bases {
        width: 900px;
        margin-top: 20px;
        height: 260px;
    }
    #bases_y_condiciones .content_bases .texto {
        width: 870px;
        height: 240px;
        padding-right: 20px;
    }
    .inner_header .logo_header {
        width: 290px;
        left: calc(50% - 145px);
        top: 50px;
    }
    .bt_participa, .bt_participa_invert {
        position: absolute;
    }
    .bt_participa_invert {
        position: absolute;
    }
    .bt_participa a, .bt_participa_invert a {
        width: 180px;
    }
    .inner_participo .lactales {
        display: flex;
        right: 60px;
        top: 115px;
        z-index: 9;
    }
    .inner_participo .ticket {
        width: calc(100% - 100px);
        margin-top: 40px;
    }
    .inner_participo .lactales .lactal1, .inner_participo .lactales .lactal2 {
        display: flex;
        flex-direction: column;
        width: 200px;
    }
    .inner_participo .lactales .lactal2 {
        width: 186px;
    }
    .inner_participo {
        height: 560px;
    }
    #premios .inner_section .imagen_premios {
        width: 100%;
        margin-bottom: 50px;
    }
    #premios {
        height: 860px;
    }
    .inner_header{
        height: 500px;
    }
    .inner_header .bimbo_panes {
        width: 359px;
        height: 360px;
        right: 0;
        top: 195px;
    }
    .inner_header .bimbo_panes .image {
        width: 563px;
        height: 270px;
    }
    .inner_header .bimbo_panes .texto {
        width: 210px;
        height: 100px;
        bottom: 0;
        left: 93px;
        top: 167px;
    }
    .inner_header .bimbo_reposera {
        width: 410px;
        height: 400px;
        top: 160px;
    }
    .inner_header .bimbo_reposera .image {
        width: 580px;
        left: -110px;
    }
    .inner_header .bimbo_cucarda {
        width: 110px;
        top: 40px;
        right: 110px;
    }
    .bt_participa {
        left: calc(50% - 90px);
        bottom: 50px;
    }
    #como_participo .inner_participo .mancha_tickets .imagen {
        width: 500px;
    }
    #premios .box_premios {
        display: flex;
        left: 0;
        top: 10px;
        width: 900px;
    }
    #premios .box_premios_mobile{
        display: none;
    }
    #premios .premio2 {
        left: 530px;
        top: 140px;
        width: 300px;
    }
    #premios .premio1 {
        left: 190px;
        top: 380px;
        width: 160px;
    }
    #premios .premio3 {
        left: 542px;
        bottom: 101px;
        width: 115px;
    }

}

@media (min-width: 1200px) {
    .inner_header {
        height: 600px;
    }
    #bases_y_condiciones .content_bases {
        width: 1100px;
        margin-top: 20px;
        height: 260px;
    }
    #bases_y_condiciones .content_bases .texto {
        width: 1070px;
        height: 240px;
        padding-right: 20px;
    }
    .inner_header .logo_header {
        width: 330px;
        left: calc(50% - 165px);
        top: 55px;
    }
    .inner_header .bimbo_panes {
        width: 459px;
        height: 360px;
        right: 0;
        top: 225px;
    }
    .inner_header .bimbo_panes .image {
        width: 730px;
        height: 370px;
        left: 0px;
    }
    .inner_header .bimbo_panes .texto {
        width: 250px;
        height: 100px;
        left: 130px;
        top: 210px;
    }
    .inner_header .bimbo_cucarda {
        width: 130px;
        top: 50px;
        right: 140px;
        z-index: 100;
    }
    .inner_header .bimbo_reposera {
        width: 500px;
        height: 400px;
        top: 200px;
    }
    .inner_header .bimbo_reposera .image {
        width: 670px;
        left: -130px;
    }
    .bt_participa {
        bottom: 60px;
    }
    .inner_participo .lactales {
        display: flex;
        right: 150px;
        top: 115px;
        z-index: 9;
    }
    .inner_participo .lactales .lactal1, .inner_participo .lactales .lactal2 {
        display: flex;
        flex-direction: column;
        width: 200px;
    }
    .inner_participo .lactales .lactal2 {
        width: 186px;
    }
    #como_participo .inner_participo .mancha_tickets {
        right: 130px;
        top: 119px;
    }
    #como_participo .inner_participo .mancha_tickets .imagen {
        width: 500px;
    }
    #premios .box_premios {
        left: 0;
        top: 10px;
        width: 1000px;
    }
    #premios .premio2 {
        left: 630px;
        top: 140px;
        width: 330px;
    }
    #premios .premio1 {
        left: 250px;
        top: 410px;
        width: 190px;
    }
    #premios .premio3 {
        left: 630px;
        bottom: 86px;
        width: 135px;
    }




    
    #premios .inner_section .imagen_premios {
        width: 100%;
        margin-bottom: 50px;
    }
    .bt_participa, .bt_participa_invert {
        position: absolute;
    }
    .bt_participa a, .bt_participa_invert a {
        width: 200px;
    }
    .inner_participo .ticket {
        width: calc(100% - 300px);
        margin-top: 40px;
    }
    /*
    .inner_participo .ticket .texto1 {
        font-size: 40px;
        line-height: 42px;
        text-align: center;
    }
    .inner_participo .ticket .texto2 {
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        margin-top: 15px;
    }
    .inner_participo .ticket .texto3 {
        width: 270px;
        font-size: 18px;
        text-align: center;
    }
    */    
    .inner_participo {
        height: 600px;
    }
    #premios {
        height: 930px;
    }
    #como_participo .bt_participa_invert{
        
    }
}

@media (min-width: 1400px) {
    .inner_header .logo_header {
        width: 390px;
        left: calc(50% - 195px);
        top: 55px;
    }
    .inner_participo .lactales{
        display: flex;
        flex-direction: row;
        position: absolute;
        right: 150px;
        top: 115px;
        z-index: 9;
    }
    .inner_participo .lactales .lactal1,
    .inner_participo .lactales .lactal2{
        display: flex;
        flex-direction: column;
        width: 260px;
    }
    .inner_participo .lactales .lactal2{
        width: 242px;
        margin-left: 30px;
        
    }
    .inner_participo .lactales .lactal1 img,
    .inner_participo .lactales .lactal2 img{
        float: left;
        width: 100%;
    }
    .inner_participo .lactales .lactal1 .descripcion,
    .inner_participo .lactales .lactal2 .descripcion{
        width: 200px;
        text-align: center;
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
    }

    .inner_header .bimbo_panes{
        width: 509px;
        height: 360px;
        right: 0;
        top: 255px;
    }
    .inner_header .bimbo_panes .image{
        width: 783px;
        height: 370px;
        left: 0px;
    }
    .inner_header .bimbo_panes .texto{
        width: 270px;
        height: 100px;
        bottom: 0;
        left: 143px;
        top: 230px;
    }
    .inner_header .bimbo_reposera{
        width: 600px;
        height: 400px;
        top: 240px;
    }
    .inner_header .bimbo_reposera .image{
        width: 730px;
        left: -130px;
    }
    .inner_header{
        height: 660px;
    }
    .bt_participa {
        bottom: 80px;
    }
    #premios .premio1,
    #premios .premio2,
    #premios .premio3{
        width: 300px;
    }
    #premios .premio1{
        left: 330px;
        top: 410px;
        width: 190px;
    }
    #premios .premio2{
        left: 710px;
        top: 140px;
        width: 330px;
    }
    #premios .premio3{
        left: 720px;
        bottom: 86px;
        width: 135px;
    }
    .inner_header .bimbo_cucarda{
        width: 150px;
        top: 60px;
        right: 150px;
    }
    #como_participo .bt_participa_invert {
        bottom: 150px;
        left: 146px;
    }
    #premios .box_premios {
        left: 0;
        top: 11px;
        width: 1000px;
    }
    #como_participo .inner_participo .mancha_tickets .imagen {
        width: 600px;
    }
    #como_participo .inner_participo .mancha_tickets {
        right: 142px;
        top: 99px;
    }

}