*{
    font-family: "Montserrat", sans-serif;
    padding: 0;
    margin: 0;
}

body{
    background-color: #fff;
}

header{
    background-color: #006EB7;
    padding: 63px 0px 74px 0px;
}

#logo{
    height: 30px;
    margin-right: 20px;
    cursor: pointer;
}

#menu-bar{
    margin-bottom: 72px;
}

.menu-item{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0px 10px;
    cursor: pointer;
}

#buscador{
    background-color: #fff;
    border-radius: 6px;
    margin: 0 auto;
    width: 80%;
}

#buscador-mob{
    background-color: #fff;
    border-radius: 6px;
    margin: 0 auto;
    width: 98%;
    display: none;
}

#buscador td{
    padding: 9px;
}

#buscador-mob td{
    padding: 13px;
}

.etq-buscador{
    color:rgb(128, 128, 128);
    font-size: 16px;
    font-weight: 400;
}

.titulo-seccion{
    color: #000000;    
    font-weight: 700;
    font-size: 28px;
}

 
 #login{
    margin-left: 10px;
    cursor: pointer;
 }

 #btn-menu{
    display: none;
 }

.fila{
    width: 92%;
    max-width: 1300px;
    margin: 0 auto;
}
a{
    text-decoration: none;
}

footer{
    background-color: #006EB7; 
    padding: 87px 0px 20px 0px; 
}

#copyright{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-top: 30px;
}

.texto-footer{
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.titulo-footer{
    font-size: 22px;
    color: #fff;    
    font-weight: 700;
}

.info-footer{
    color: rgb(178, 211, 233);
    font-size: 18px;
    font-weight: 400;   
}

.item-footer{
    color:rgb(178, 211, 233);
    font-size: 16px;
    font-weight: 400;   
    cursor: pointer;
    margin-top: 13px;

}

#footer-mob{
    display: none;
}

#detalles{
    background-color: #F2F2F2;
    padding: 30px 20px;
    width: calc(92% - 40px);
    max-width: 1260px;
    margin: 0 auto;
}

#afiche{
    width: 45%;
    padding: 0px 20px 0px 0px;
}

#comprar{
    width: 55%;
    padding: 0px 0px 0px 20px;
}


.titulo-comprar{
    color: rgb(26, 23, 27);
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;  
}


.dia-comprar{
    color: rgb(0, 110, 183);
    font-size: 32px;
    font-weight: 700;
}
.mes-comprar{
    color: rgb(0, 110, 183);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.hora-comprar{
    color: rgb(153, 153, 153);
    font-weight:400;
    text-transform: uppercase;
    font-size: 10px;
}
.desde{
    color: rgb(0, 110, 183);
    font-size: 14px;
    font-weight: 400;
}
.valor{
    color: rgb(0, 110, 183);
    font-size: 16px;
    font-weight: 700;
}

.ciudad-comprar{
    color: rgb(76, 76, 76);
    font-size: 14px;
    font-weight: 700;
}

.lugar-comprar{
    color: rgb(128, 128, 128);
    font-size: 12px;
    font-weight: 400;
}

.etiqueta-info{
    font-size: 14px;
    color: #000000;
    font-weight:700;
}

.valor-info{
    font-size: 14px;
    color:#000000c4;
    padding-top: 3px;
}

.etiqueta-seccion,.etiqueta-seccion-mob{
    color: rgb(0, 110, 183);
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}
.etiqueta-seccion-mob{
    display: none;
    margin-bottom: 18px;
}

.contenido-seccion{
    color: rgb(33 37 41 / 70%);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}




.localidades-comprar th{
    color: #006EB7;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    border-bottom:1px solid #B2D3E9;
    padding: 10px 0px;
}

.localidades-comprar td{
    color: rgb(33, 37, 41);
    font-weight: 400;
    font-size: 15px;
    text-align: left;
    border-bottom:1px solid #B2D3E9;
    padding: 4px 0px;
}
    

#afiche-mob,#responsable-mob{
    display: none;
}


.icono-info{
    margin-right: 16px;
    width: 100%;
    max-width: 30px;
}


#info-evento-mob{
    display: none;
}

.resumen-evento{
    background-color: #fff; 
    border-radius: 4px; 
    padding: 21px;
}

.boton-comprar{
    background-color: #006EB7;
    border-radius: 4px;
    border: none;
    outline: none;
    width: 100%;
    padding: 12px;
    /*margin-top: 20px;
    margin-bottom: 6px;*/
    cursor: pointer;
}

.boton-comprar td{
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}


.evento-destacado{
    width: 100%;
    margin-bottom: 10px;
}

.grid-destacados img{
    width: 100%;
}

.grid-destacados .celda-evento{
    width: 30% !important;
    padding: 5px;
}


.grid-otros .celda-evento{
    width: 20% !important;
    padding: 5px;
}

.grid-deportes .celda-evento{
    width: 20% !important;
    padding: 5px;
}

.marco-evento{
    background-color: #F2F2F2;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    padding: 15px;
}

.titulo-item{
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: start;
    text-transform: uppercase;
    color: rgb(26, 23, 27);
}

.lugar-item{
    color: rgb(128, 128, 128);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: start;
}

.dia-item{
    color: rgb(0, 110, 183);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: right;
}

.mes-item{
    color: rgb(0, 110, 183);
    font-size: 9.996px;
    font-weight: 700;
    line-height: 12.495px;
    text-align: right;
}

.sem-item{
    color: rgb(0, 110, 183);
    font-size: 9.996px;
    font-weight: 400;
    line-height: 12.495px;
    text-align: right;
}

.portada-evento{
    margin-bottom: 10px;
}

#lado-destacado{
    width: calc(40% - 0px);
    padding: 5px;
}
#lado-grid{
    width: 60%;  
}

#grid-destacados-x4{
    display: none;
}
#destacado-mob{
    display: none;
    padding: 10px;
}

#anuncios-x4 td{
    width: 50%;
}

#anuncios-x4 img{
    margin-bottom: 20px;    
}


.titulo-recomendado{
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: start;
    color: rgb(26, 23, 27);
    margin: 8px 0px;
}

.categoria{
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    text-align: center;
}
.titulo-categorias{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin: 60px auto 0px auto;
}
.titulo-categorias img{
    margin-top: 10px;
}

.disponible{
    display: none;
}

#otros-eventos-x4, #deportes-eventos-x4, #anuncios,#recomendadosx2{
    display: none;
}

#categoriasx2{
    display: none;
}

#btn-mostrar{
    background: #FFF;
    color: #006EB7;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-weight: bold;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    padding: 8.75px 20px;
    cursor: pointer;
}
#btn-mostrar:hover{
    background: #006EB7;
    color: #FFF;   
}


.tipo-compra{
    color: #000000;
    font-weight: 700;
    font-size: 14px;
}


.titulo-formulario{
    color: rgb(64, 66, 82);
    font-size: 17px;
    font-weight: 700;
    line-height; 27.2px;
}

.texto-formulario{
    color: rgb(98, 101, 125);
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.entrada{
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    border: 1px solid rgb(196, 196, 196);
    box-shadow: rgb(229, 229, 229) 0px 1px 5px -2px inset;
    box-sizing: border-box;
    color: rgb(64, 66, 82);
    cursor: text;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 38px;
    letter-spacing: normal;
    line-height: normal;
    margin: 2px 0px 10px 0px;
    /*min-width: 120px;*/
    width: 100%;
    max-width: 440px;
    outline-color: rgb(64, 66, 82);
    outline-style: none;
    outline-width: 0px;
    padding: 10px 5px;
    word-spacing: 0px;
}
.entrada:focus{
    border-bottom: 1px solid #FFA900;
}

.info{
    color: #3b3d40;
    font-weight: bold;
    font-size: 15px;
}

.btn{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(255, 169, 0);
    border-radius: 5px;
    padding: 12px;
    outline: 0;
    cursor: pointer;
    border: 0;
}

#frm-login{
    width: 70% !important;
}

#txt-dia,#txt-mes,#txt-ano{
    width: 90% !important;
}

.evento-forma-pago{
    color: #404252;  
    font-weight: 400;
    font-size: 26px;  
    text-transform: uppercase;
}

.etiqueta-forma-pago{
    color: #404252;  
    font-weight: 600;
    font-size: 14px
}

.btn-pago{
    text-align: center;
    outline: 0;
    border: 1px solid gray;
    border-radius: 10px;
    width: 90%;
    background-color: #fff;
    margin: 5px 0px;
    max-width: 400px;
    cursor: pointer;
}

#frm-tarjeta,#portada-mob{
    display: none;
}
a{
    text-decoration: none;
}

@media (max-width:1300px) {
    .menu-item{        
        font-size: 14px;    
    }

}

@media (max-width:1240px) {
    #buscador{
        width: 85%;
    }
}



@media (max-width:1199px) {
    .item-footer {
        font-size: 14px;
        margin-top: 3px;
    }
    #logo{        
        height: 25px;   
    }
    .menu-item,#login{
        display: none;
    }
    #btn-menu{
        display: block;
    }
    #buscador {
        width: 92%;
    }
    header{
        background-color: #006EB7;
        padding: 63px 0px 34px 0px;
    }
    #menu-bar{
        margin-bottom: 30px;
    }
    
}


@media (max-width:1100px) {
    #lado-destacado{
        width: calc(50% - 0px);
        padding: 5px;
    }
    #lado-grid{
        width: 50%;  
    }

    .grid-destacados .celda-evento {
        width: calc(50% - 10px);
        padding: 5px;
    }

    #grid-destacados-x4{
        display: table;
    }

    #grid-destacados-x6{
        display: none;
    }
}

@media (max-width:991px) {

    .grid-otros .celda-evento{
        width: calc(50% - 10px);
        padding: 5px;   
    }

    .grid-deportes .celda-evento{
        width: calc(50% - 10px);
        padding: 5px;   
    }


        #lado-grid {
            width: 100%;
        }

    #afiche-mob{
        display: initial;
    }

    header{
        padding: 38px 0px 34px 0px;
    }    
    .fila{
        width: 94%;   
    }


    #detalles{
        padding: 30px 40px;
        width: calc(94% - 80px);                
    }
    #comprar{
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .icono-info{        
        max-width: 95px;
    }

    #buscador-mob,#footer-mob,.etiqueta-seccion-mob,#info-evento-mob,#responsable-mob,#destacado-mob,#otros-eventos-x4,#deportes-eventos-x4,#anuncios,#recomendadosx2{
        display: table;
    }
    #buscador,#footer-desk,#afiche,.etiqueta-seccion,#info-evento,#responsable,#lado-destacado,#otros-eventos,#deportes-eventos,#anuncios-x4,#recomendados{
        display: none;
    }
}


@media (max-width:767px) {
    #portada-mob{
        display: block;
    }

    #categoriasx2{
        display: table;
    }
    #categorias, #portada-resumen{
        display: none;
    }
}

@media (max-width:599px) {
     .item-footer {
        font-size: 13px;
    }

    #frm-login{
        width: 90% !important;
    }

}

@media (max-width:562px) {
    #detalles {
        padding: 0px;
        width: 100%;
    }

    .titulo-comprar {
        padding: 10px 20px;
    }

    .resumen-evento{
        padding: 14px;
        margin: 0px 10px 20px 10px;     
    }
}
@media (max-width:468px) {
    #botones-pago{
        text-align: center;
    }
}