@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

#toggle {
    display: none;
}
#divAceptaCookies {
    padding-bottom: 50px!important;
}
#logo {
    background-image: url(../img/logo.svg);
    background-position: left;
    background-size: contain;
    width: 100%;
    position: unset;
    height: 75px;
    order: 3;
    grid-column-start: 1;
    grid-row-start: 2;
}

#seccion{
    background-color: transparent;
}

.seccion1a #Panel{
    text-align: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.FichaGeneral{
    width: 300px;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    margin: 0px;
}

#headerGroup{
    z-index: auto;
    background-color: transparent;
    padding: 12px;
    gap: 12px;
    display: grid;
    grid-template-columns: 300px auto 300px;
    grid-template-rows: 30px auto;
    column-gap: 16px;
    max-width: 1050px;
    width: 1050px;
}

#header{
    background-image: url(../img/headerhj.png);
    background-color: #075050;
    background-position: top;
    background-repeat: repeat-x;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

#headerHJ{
    background-color: transparent;
    display: none;
}

#subnav {
    width: 100%;
    display: flex;
    background-color: transparent;
    border: none;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    height: auto;
    line-height: normal;
}

#menuEventos {
    width: 100%;
    line-height: normal;
    height: auto;
}

#menuEventos ul {
    display: flex;
    gap: 12px;
    justify-content: end;
    align-items: center;
}

#subnav li {
    width: auto;
    min-width: unset;
    font-style: normal;
    text-transform: uppercase;
    height: auto;
    line-height: normal;
}

#subnav a {
    color: white;
    width: auto;
    line-height: normal;
    white-space: unset;
    height: auto;
    font-size: 16px;
}

#subnav a:hover {
    text-decoration: none;
    color: #f5a35d;
    font-size: 16px;
}

#menuEventos li a:first-child {
    display: none;
}

#bloqueOpcionesMenu{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    border: none;
    background-color: transparent;
    gap: 12px;
    align-items: center;
    height: auto;
    line-height: normal;
}

#bloqueOpcionesMenu .button {
    margin: 0px;
    height: auto;
    line-height: normal;
}

#bloqueIdiomas {
    max-width: inherit;
    height: 100%;
    position: unset;
    float: unset;
    display: flex;
    gap: 8px;
    order: 1;
    align-items: center;
    grid-column-start: 3;
    grid-row-start: 1;
    justify-self: flex-end;
}

#banderaES, #banderaEN, #banderaCA, #banderaEU, #banderaFR, #banderaPT, #banderaDE, #banderaIT{
    display: none;
}

#txtES, #txtEN, #txtCA, #txtEU, #txtMX, #txtFR, #txtPT, #txtDE, #txtIT {
    font-size: 14px;
    max-width: unset;
    line-height: normal;
    height: auto;
}

#idiomaES, #idiomaEN, #idiomaCA, #idiomaEU, #idiomaMX, #idiomaFR, #idiomaPT, #idiomaDE, #idiomaIT {
    border-right: none;
    padding: 0px;
    line-height: normal;
    width: auto;
    cursor: pointer;
}

#nav {
    position: unset;
    width: auto;
    height: auto;
    grid-row-start: 2;
    grid-column-start: 2;
    grid-column-end: 4;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

#bloqueBuscadorUnCampo{
    background-color: transparent;
    border: none;
    position: unset;
    width: 100%;
    height: auto;
    padding-left: 0px;
    grid-row-start: 1;
    grid-column-start: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#lstResultadoRapido {
    position: relative;
    width: 90%;
    border-radius: 0px;
    border: none;
    background-color: #fff;
    box-shadow: 0 0 3px 2px rgb(0 0 0 / 14%);
    height: auto;
    max-height: 250px;
}

#lstResultadoRapido #BotonCerrar {
    font-size: 1.3rem;
    text-align: right;
    margin-right: unset;
    position: absolute;
    right: 8px;
    top: 4px;

}

#fichaBuscador {
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    height: auto;
    padding: 8px;
}

#fichaBuscador:hover {
    color: #f5a35d;
}

#btnBuscadorUnCampo{
    position: relative;
    padding: 0px;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    color: white;
}

input#txtBuscadorUnCampo {
    width: 90%;
    margin: 0px;
    background-color: white;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

#txtBuscadorUnCampo::-webkit-input-placeholder {
    color: #3a3a3a;
}

#header, #headerGroup {
    height: 150px;
    min-height: 150px;
}

#AccesoComprador {
    display: flex;
    width: auto;
    background-color: transparent;
    position: unset;
    margin-top: 0px;
    gap: 8px;
    grid-column-start: 3;
    grid-row-start: 1;
}

#o_off {
    float: left;
    height: 35px;
    text-align: left;
    font-weight: bold;
    line-height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

#o_off i{
    display: none;
}

#o_off:first-child {
    margin-left: 0px;
}

#o_off:last-child:after {
    display: none;
}

#o_onG {
    float: left;
    height: 35px;
    color: #3a3a3a;
    text-align: left;
    font-weight: bold;
    line-height: 50px;
}

#txtTituloSeccion div:after {
    content: '\f0da';
    font-family: FontAwesome;
    margin-left: 10px;
}

#tituloSeccion{
    border: none;
}

#bloqueConcesiones {
    padding: 16px;
    margin-left: 0px;
    margin-top: 12px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d2d2d2;
}

#bloqueConcesiones input {
    border-color: #3A3A3A;
}

.seccion7 #bloqueConcesiones{
    border-radius: 0px;
}

#bloqueInfoZona{
    line-height: normal;
}

/*Boton Consultar Codigo */

#botEtiquetasPago, div#consultaSaldoEtiqueta{
	width: auto;
}

.ListaSesionesNumeradas{
    width: 10%;
}

.CarritoResumen {
    font-weight: 500;
}

.Marcado {
    color: #075050;
    font-weight: bold;
}

a#lblAvisoLegal, a#lblCondicionesGen{
    color: #fff;
}

#EncabezadoSesion{
    border-radius: 0px;
    border: 1px solid #d2d2d2;
}

#fichaEventoMasInfo {
    color: #1a1a1a;
}

#NombreZona{
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    width: 76.5%;
}

#ZonasMapa{
    background-color: #fff;
    padding: 16px;
    width: 76.5%;
    border: 1px solid #d2d2d2;
}

/******************** PAGINACION *******************/

#PanelPaginacion, .pagination__controls{
    height: auto;
    font-size: 16px;
}
.paginaActual, .pagination .active {
    color: #075050;
}

#anteriorPaginacion, #siguientePaginacion, .prev a, .next a {
    float: left;
    width: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: currentColor;
    background-color: transparent;
    border: none;
}

.paginaActual, .pagination .active{
    border: none;
}

.paginaActiva a {
    float: left;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: currentColor;
}

.paginaActiva a.otrasPaginas {
    color: currentColor;
}

.paginaActiva, .pagination li{
    text-align: center;
    margin: 1px;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: currentColor;
    background-color: transparent;
    border: none;
    border-radius: 100%;
}

.paginaActual, .pagination .active{
    line-height: 20px;
    background-color: transparent;
}

/***************************** RESUMEN DE COMPRA ***************************************/

.seccion8 #imgEncabezaSesion, 
.seccion8a #imgEncabezaSesion, 
.seccion9 #imgEncabezaSesion, 
.seccion10 #imgEncabezaSesion{
	display: flex;
    flex-direction: column-reverse;
    margin-bottom: 30px;
}

.seccion8a #wrapper.VentaCombinada #EncabezadoSesion, 
.seccion8 #wrapper.VentaCombinada #EncabezadoSesion, 
.seccion9 #wrapper.VentaCombinada #EncabezadoSesion, 
.seccion10 #wrapper.VentaCombinada #EncabezadoSesion{
    display: flex;
    padding: 15px;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #d2d2d2;
}

.seccion8 #EncabezadoSesion > div:first-child, 
.seccion8a #EncabezadoSesion > div:first-child, 
.seccion9 #EncabezadoSesion > div:first-child, 
.seccion10 #EncabezadoSesion > div:first-child{
	display: inherit;
}

.seccion8 #EncabezadoSesion, 
.seccion8a #EncabezadoSesion, 
.seccion9 #EncabezadoSesion, 
.seccion10 #EncabezadoSesion{
	flex-direction: row;
}

.seccion8 #EncabezadoSesion #EncabezaSesionImagen, 
.seccion8a #EncabezadoSesion #EncabezaSesionImagen, 
.seccion9 #EncabezadoSesion #EncabezaSesionImagen, 
.seccion10 #EncabezadoSesion #EncabezaSesionImagen{
	width: 25%;
    margin-right: 20px;
}

.seccion8 #EncabezadoSesion #EncabezaSesionInfo, 
.seccion8a #EncabezadoSesion #EncabezaSesionInfo, 
.seccion9 #EncabezadoSesion #EncabezaSesionInfo, 
.seccion10 #EncabezadoSesion #EncabezaSesionInfo{
	width: 100%;
}

.seccion8 #EncabezadoSesion > div:first-child, 
.seccion8a #EncabezadoSesion > div:first-child, 
.seccion9 #EncabezadoSesion > div:first-child, 
.seccion10 #EncabezadoSesion > div:first-child{
	height: inherit;
	margin-top: 0px;
	margin-bottom: 0px;
}

.seccion8 #EncabezadoSesion *, 
.seccion8a #EncabezadoSesion *, 
.seccion9 #EncabezadoSesion *, 
.seccion10 #EncabezadoSesion *{
	text-align: left;
}

#ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child, 
#ZonaResumenCompraOperaciones #imgEncabezaSesion{
	display: inherit;
}

.seccion8 #EncabezadoSesion, 
.seccion8a #EncabezadoSesion, 
.seccion9 #EncabezadoSesion, 
.seccion10 #EncabezadoSesion{
    box-shadow: none;
    border: 1px solid #d2d2d2;
    margin-bottom: 0px;
}

#ZonaDetalleResumen{
    margin: 0px;
    line-height: 40px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ededed;
    border: 1px solid #d2d2d2;
    border-bottom: none;
}

.cabeceraDetalleButaca{
    padding: 0px 10px;
    background-color: #ededed;
    border: none;
    padding-top: 10px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    color: #898989;
    height: auto;
    width: 100%;
    box-sizing: border-box;
}

.detalleButaca {
    background-color: #ededed;
    padding-bottom: 10px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

#ZonaResumenCompraOperaciones .cabeceraDetalleButaca{
    border-color: #d2d2d2;
}

#TotalCarrito{
    background-color: #d3d3d3;
    margin-top: 10px;
}

.subTotal{
    display: none;
}

.bloqueCarrito {
    font-size: 14px;
    width: auto;
    height: 100%;
    position: unset;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-row-start: 1;
    align-self: start;
    justify-self: flex-start;
}

#txtCarrito, #infoCarrito, #imgCarrito, #enlaceCarrito {
    width: auto;
    margin: 0px 3px;
}

#txtCarrito, #infoCarrito, #imgCarrito, #enlaceCarrito {
    width: auto;
    margin: 0px 3px;
}

.CarritoResumenVacio {
    opacity: 0.7;
}

#txtCarrito, #infoCarrito, #imgCarrito, #enlaceCarrito {
    width: auto;
    margin: 0px 3px;
}

.bloqueCarrito #txtCarrito:after {
    content: "-";
}

#bloqueIdiomas .Marcado .txtIdiomas {
    text-decoration: none;
    color: #f5a35d;
}

#planoCabecera, #MapaZonas{
    min-height: 0px;   
    border-radius: 0px!important;
    background-color: #fff!important;
}

#ContenedorButacas{
    width: 100%!important;
}

#bloqueLiteralUbicacion{
    height: auto;
    line-height: inherit;
}

.ListaSesionesInfoSesion, .ListaSesionesInfo2Sesion, .ListaSesionesInfo3Sesion{
    width: 12%;
}

.ListaSesionesInfoCanal{
    display: none;
}

#ListaSesiones{
    background-color: #fff;
        padding: 16px;
    border: 1px solid #d2d2d2;
}

/**** SECCION 7 *****/

/*** Fichitas Concesiones ***/

#seleccionButacasAmpliado{
    display: none;
}

div#bloqueEntradasSeleccionadasAmpliado {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 225px;
    overflow: auto;
    border: 1px solid #d2d2d2;
}

.seleccionButacasAmpliado,
.seleccionButacasAmpliadoSeleccionado {
    width: 48%;
    min-width: inherit;
}

.seleccionButacasAmpliadoConcesion {
    width: 100%;
    text-align: left;
    margin-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: elLipsis;
    margin-top: 3px;
}

.seleccionButacasAmpliado,
.seleccionButacasAmpliadoSeleccionado {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 70px;
    padding: 10px;
    box-sizing: border-box;
}

.seleccionButacasAmpliadoFila,
.seleccionButacasAmpliadoButaca {
    width: auto;
    font-weight: bold;
}

.seleccionButacasAmpliadoFila {
    margin-left: 0px;
}

.btnEliminarButaca {
    display: inherit;
    color: darkgray;
    width: auto;
    margin: 0px 10px;
}

.seccion7 .btnEliminarButaca {
    position: absolute;
    top: 5px;
    right: 10px;
}

.btnEliminarButaca .fa-times-circle:before {
    content: "\f00d";
}

.seleccionButacasAmpliado,
.seleccionButacasAmpliadoSeleccionado {
    background-color: #fff;
}

.seleccionButacasAmpliadoFila:before {
    content: "Fila ";
}

.seleccionButacasAmpliadoButaca:before {
    content: "Butaca ";
}

div#bloqueEntradasSeleccionadasAmpliado {
    min-width: 0px;
    width: 100%;
    float: right;
}

#wrapper.BLOQUEUNICO div#bloqueEntradasSeleccionadasAmpliado {
    width: 100%;
}

.seleccionButacasAmpliado {
    position: relative;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div#bloqueEntradasSeleccionadasAmpliado{
    width: 75%;
    padding: 10px;
}

#GestorAforoPlano{
    overflow: auto;
}

#bloqueEntradasSeleccionadasAmpliado:empty {
    display: none;
}

#CambiaFechaListaZonas, #CambiarFechaListaZonas{
    margin-left: 10px;
}

#wrapper.BLOQUEUNICO #bloqueConcesiones{
    margin-left: 0px;
}

#wrapper.BLOQUEUNICO div#bloqueEntradasSeleccionadasAmpliado:before, #bloqueEntradasSeleccionadasAmpliado:before{
   content: "BUTACAS SELECCIONADAS";
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    font-weight: bold; 
}

#version {
    display: none;
}

#CambiarFechaListaZonas .enlace{
    text-decoration: underline;
    margin-left: 5px;
}

#msgAvisoAcreditacionConcesiones{
    display: none;
}

#CarritoTitulo {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    line-height: 40px;
    padding: 0px 15px;
    display: inherit;
}

.ListaSesionesHora a {
    color: #3a3a3a;
}

.ListaZonasZona .nombreZona, 
.ListaZonasZona .nombreBloque {
    width: auto;
    line-height: normal;
}

/*** Calendario ***/

#ModoNormalCalendario .cabeceraDiaMes {
    height: 40px;
    color: #3a3a3a;
}

#ModoNormalCalendario .DiaSeleccionado {
    color: #075050!important;
}

#ModoNormalCalendario .cabeceraDiaMesNoClick {
    opacity: 0.3;
    cursor: not-allowed;
}

/*** Botones ***/

#butt_bPagar, 
#butt_bBloquear,
.btnPago,
.seccion8 #BotoneraPago .btnPago {
    margin: 0px;
}

#butt_bActualizar {
    margin-left: 0px;
    height: unset;
}

button#butt_bMisCompras {
    margin-top: 0px;
}

#VolverZonas {
    display: none;
}

div#o_onG, #o_off {
    line-height: normal;
}

.radTipoEntrega {
    border-radius: 4px!important;
}

/*Boton Cancelar-Cambiar*/

.seccion8 #botoneraOperacion button#btnCancelaCarrito,
.seccion8a #botoneraOperacion button#btnCancelaCarrito,
.seccion8 #botoneraOperacion button#btnCambiarCarrito,
.seccion8a #botoneraOperacion button#btnCambiarCarrito {
    padding: 4px 8px;
    background-color: transparent!important;
}

/*** Botoneras ***/

#bloqueBotonComprar, 
#BotoneraPago,
#bloqueOpciones,
#ZonaBotonesMensajeVentaCombinada,
div#botoneraVC,
.operacionesAbonadoAcceso,
#botoneraOperacion {
    display: flex;
    justify-content: end;
    gap: 8px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    flex-wrap: wrap;
}
#ZonaBotonesMensajeVentaCombinada {
    margin-top: 24px;
    justify-content: center;
}

#bloqueCompradorBotonera {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    flex-wrap: wrap;
}

#BotoneraDatosUsuario,
#opcionesEntrega {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    flex-wrap: wrap;
}

/*Info adicional*/

#fichaEventoMasInfo,
#EncabezaSesionMasInfoEvento a, 
#EncabezaSesionMasInfoRecinto a {
    display: none;
}

/*Privacidad*/

a#enlaceIntervinientePrivacidad1_0 {
    line-height: normal;
}

/*Mensaje emergente*/

#mensajeError {
    padding: 12px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

.contenidoEmergente {
    max-height: 500px;
    min-height: 200px;
    height: auto;
}

div#cajaAlert {
    display: flex;
    justify-content: center;
    align-items: center;
}
#cajaMensajeAlert {
    margin: auto;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

#CajaEtiquetas .respuestaEtiquetas {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*Eleccion de butacas*/

#leyendaPlantillasInicio {
    border-radius: 0px;
}

#leyendaPlantillasTodos {
    gap: 8px;
}

div#bloqueLeyendaPlantillas {
    border-radius: 0px;
}

/*Mensaje emergente de VC*/
.ProductoVCMixtaP #EncabezaSesionImagen {
    width: 100%!important;
}

.ProductoVCMixtaS {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
}

.ayudaNoVisible {
    display: none;
}

/**Venta Combinada**/

.fichaVentaCombinada,
.MensajesVentaCombinadaCaja,
.CajaCriterio {
    box-shadow: none;
    border: 1px solid #d2d2d2;
    border-radius: 0px;
}
.fichaVentaCombinada {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
}

.CajaCriterio {
    background-color: #fff!important;
}
.seccion1c3 #NavegaVentaCombinada .CajaCriterio {
    margin-right: 0px!important;
    padding: 12px;
    position: relative;
    width: 49%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 100px;
}
#NavegaVentaCombinada .CajaCriterio {
    width: 100%;
}

.AbonoCarta #EncabezaSesionFechaHora {
    background-color: transparent;
    color: #3a3a3a;
}

.AbonoCarta .detalleButacaFila, 
.AbonoCarta .detalleButacaTotal,
.AbonoCarta .detalleButacaColumna {
    width: auto;
    white-space: unset;
    min-width: 20%;
}

.AbonoCarta .detalleButacaTotal {
    text-align: center;
}

.AbonoCarta .cabeceraDetalleButaca, 
.AbonoCarta .detalleButaca {
    padding: 6px;
    justify-content: center;
}

.AbonoCarta #EncabezaSesionFechaHora .CabeceraSesionTxtLinea2 {
    line-height: normal;
}
.seccion1c #Panel {
    column-gap: 2%;
    row-gap: 24px;
}
#NavegaVentaCombinada {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 24px;
    justify-content: center;
    align-items: center;
}
#divImgFichaRecintos, 
#divImgFichaEventos {
    display: flex;
    justify-content: center;
    align-items: center;
}
.CriteriosVCobliga {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
.CajaCriterio .CriteriosVC {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
@media only screen and (max-width:1050px) {
    #NavegaVentaCombinada .CajaCriterio {
        width: 100%!important;
        margin-bottom: 0px!important;
    }
}
.CajaCambiarCriterio {
    text-decoration: underline;
    color: #ff1649;
}

/*** Usuario Logueado Agencias ***/

#bloqueRegistro {
    color: #3a3a3a;
}

.menuAgencia .opcionAgencia, 
#opcionAgencia1 .opcionAgencia {
    color: #3a3a3a;
    text-align: center;
}

/*** Menu Agencias Favoritos ***/

.seccion1g #Panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.fichaFavoritoAgencia {
    min-width: 320px;
    margin: 0px;
    padding: 12px;
    height: auto;
    min-height: 150px;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

.fichaFavoritoAgencia .bloqueContenido {
    position: unset;
}

.fichaFavoritoAgencia .bloqueContenido #fichaAgenciaLinea1 {
    font-size: 16px;
    padding-bottom: 8px;
}

/*Acreditaciones*/

.acreditaConcesiones {
    background-color: transparent;
}

#bloqueAcreditaConcesiones {
    border-radius: 0px;
    width: 100%;
}

/*Seleccion de entradas*/

#cabeceraConcesion #nombreConcesion, .detalleConcesion .nombreConcesion {
    padding-left: 8px;
}

/*Seleccion de zona*/

.filaListaZonas .ListaZonasZona {
    display: flex;
    align-items: center;
}

/*Cambiar Clave*/

.seccion1s1 #Panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#grupoCambioClave {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
    box-sizing: border-box;
}
#titCambioClave {
    font-weight: bold;
    font-size: 16px;
    height: 40px;
    padding-bottom: 0px;
    text-align: center;
}
#campoClaveNueva input, div#campoClaveActual input, div#campoClaveNuevaRep input {
    width: 100%;
    border-radius: 0px;
    box-sizing: border-box;
}
#litClaveActual, div#litClaveNueva, div#litClaveNuevaRep {
    text-align: left;
    width: auto;
    padding-left: 4px;
    padding-top: 15px;
    line-height: 25px;
}
#botoneraCambioClave {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
    box-sizing: border-box;
    padding-top: 15px;
}
#botoneraCambioClave input.boton {
    width: 100%;
}

/*** Acceso Agencias ***/

.seccion1s #Panel {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

#bloqueAgencias {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
}

div#bloqueAgenciasTitulo {
    font-weight: bold;
    font-size: 16px;
    width: 100%;
}

#bloqueAgenciasCanal, #bloqueAgenciasTerminal, #bloqueAgenciasUsuario, #bloqueAgenciasUsuario, div#bloqueAgenciasClave {
    left: 0%!important;
    width: 100%!important;
    padding-left: 0px;
    padding-right: 0%;
}

#agenciaCanal, #agenciaTerminal, #agenciaUsuario, #agenciaClave {
    width: 100%!important;
    border-radius: 0px;
    margin-top: 0px;
    margin-right: 0px;
}

#bloqueAgenciasBotonera {
    left: 0px;
    width: 100%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 30px;
}

#bloqueAgenciasBotonera input {
    width: 100%;
}

#bloqueAgencias font {
    width: auto;
    padding-left: 4px;
    padding-top: 15px;
    line-height: 25px;
}

/*** Login ***/

#bloqueComprador {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

#bloqueCompradorCanal, 
#bloqueCompradorClave {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

#bloqueCompradorCanal font, 
#bloqueCompradorClave font {
    min-width: 60px;
}

#bloqueCompradorCanal input, 
#bloqueCompradorClave input {
    min-width: 200px;
    margin: 0px;
}

/*** Consulte sus entradas ***/

#bloquePendientes {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

#refRecogidaMisCompras, 
#correoMisCompras,
#tRegaloMisCompras,
#nifMisCompras {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

#refRecogidaMisCompras label, 
#correoMisCompras label,
#tRegaloMisCompras label,
#nifMisCompras label {
    min-width: 80px;
    width: auto!important;
    text-align: right!important;
}

#refRecogidaMisCompras input, 
#correoMisCompras input,
#tRegaloMisCompras input,
#nifMisCompras input {
    min-width: 200px;
    margin: 0px;
}

#bloquePendientes p:last-child {
    justify-content: center;
}

/*** Footer ***/

#footer {
    height: auto;
}

#bloqueCopyRight {
    font-family: 'Raleway', sans-serif;
}

#piePaginaConfigurable {
    display: flex;
    flex-wrap: nowrap;
    padding: 12px;
    height: auto;
    width: 1050px;
    max-width: 1050px;
}

#footerleft {
    width: 100%;
    height: 100%;
    float: unset;
    position: unset;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 120px;
}

#blqAvisoCondiciones {
    padding-top: 0px;
    width: 100%;
    height: auto;
    float: unset;
    position: unset;
}

#bloqueCopyRightFijo {
    color: #fff;
    height: auto;
    line-height: normal;
    display: flex;
    align-items: flex-end;
    width: 100%;
}

/*** CUSTOMIZACION ***/

/*** body ***/

body{
    font-size: 14px;
    background-color: #fafafa;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color: #3a3a3a;  
}

input, textarea, select {
    color: #3a3a3a;
    border-radius: 0px!important;
    padding: 4px;
}

/*** Header ***/

#bloqueOpcionesMenu a{
    color: white;
    font-weight: 500;
    text-transform: unset;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    margin: 0px;
}

/*on hover*/ 
#bloqueOpcionesMenu a:hover {
    color: #f5a35d;
    font-weight: 500;
    text-transform: unset;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    margin: 0px;
    text-decoration: none;
}

/*Carrito*/

.bloqueCarrito{
    color: white;
}

.CarritoResumen {
    color: white;
}

/* Bloque de idiomas */

#bloqueIdiomas{
    color: white;
}

#bloqueIdiomas .Marcado{
    color: #3a3a3a;
    font-weight: normal;
}

/*** Fichas de evento ***/

.FichaGeneral{
    background-color: #fff;
   color: currentColor;
}
#botonFicha{
   background-color: #075050;
   border-color: #075050;
   color: #fff;
   font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
}
#botonFicha:hover{
    background-color: #008a8a!important;
    border-color: #008a8a!important;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
     font-family: 'Raleway', sans-serif;
}

/*** Boton informacion adicional ***/

.botonEntradas,
#msgConcesionCorte, 
#EncabezaSesionMasInfoEvento a,
#EncabezaSesionMasInfoRecinto a  {
    color: #075050;
}

/*Boton Cerrar ventanas emergentes/Cerrar buscador*/

#btnCerrar, #BotonCerrar a {
    color: #3A3A3A;
}

/*** Zoom Aforo ***/

#btnZoomMin, #btnZoomMas {
    background-color: #075050!important;
}

/*** Footer ***/

#footer {
  background-color: #1a1a1a;
}
a#lblAvisoLegal, a#lblCondicionesGen{
   color: #fff;
}
#piePaginaConfigurable{
    color: #fff;
    background-color: transparent;
}
#bloqueCopyRightFijo {
    color: #fff;
}

/*** Botones ***/

/*Botones primarios*/

#butt_bMisCompras, 
.botonEtiquetas, 
#btnAceptarProvinciasINE, 
.boton, 
.botonEtiquetas, 
#btnAceptarProvinciasINE, 
.boton4 #btnAceptar, 
#btnModificarDatos, 
#btnModificarClave, 
#CambiaZonaListaZonas, 
#btnAceptar,
#butt_bLoginCompradorr, 
#butt_bAltaComprador,
#butt_SeleccionVC1Click,
#butt_ResumenVC, 
#butt_FinalizarVC   {
    background-color: #075050;
    border-color: #075050;
    color: #fff;
    font-weight: 500;
     font-family: 'Raleway', sans-serif;
    border-radius: 4px!important;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/*on hover primarios*/
#butt_bMisCompras:hover, 
.botonEtiquetas:hover, 
#btnAceptarProvinciasINE:hover, 
.boton:hover, 
.botonEtiquetas:hover, 
#btnAceptarProvinciasINE:hover, 
.boton4 #btnAceptar:hover, 
#btnModificarDatos:hover, 
#btnModificarClave:hover, 
#CambiaZonaListaZonas:hover, 
#btnAceptar:hover
#butt_bLoginCompradorr:hover, 
#butt_bAltaComprador:hover,
#butt_SeleccionVC1Click:hover,
#butt_ResumenVC:hover, 
#butt_FinalizarVC:hover  {
    background-color: #008a8a!important;
    border-color: #008a8a!important;
    color: #fff!important;
    font-weight: 500;
     font-family: 'Raleway', sans-serif;
    border-radius: 4px!important;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/*Botones secundarios*/

#btnCambiarCarrito, 
#btnCancelaCarrito, 
#butt_bCancelarCarrito, 
#butt_bVolver, 
#butt_bCancelar, 
#VolverZonas .paginacion, 
#opcionVolver .paginacion, 
#EnlaceVolverMisCompras a, 
#btnCancelarEtiquetas, 
#butt_bCancelarPago,
#butt_CancelarVC {
    background-color: #fff;
    border-color: #3a3a3a;
    color: #3a3a3a;
    font-weight: 500;
     font-family: 'Raleway', sans-serif;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/*on hover secundarios*/
#btnCambiarCarrito:hover, 
#btnCancelaCarrito:hover, 
#butt_bCancelarCarrito:hover, 
#butt_bVolver:hover, 
#butt_bCancelar:hover, 
#VolverZonas .paginacion:hover, 
#opcionVolver .paginacion:hover, 
#EnlaceVolverMisCompras a:hover, 
#btnCancelarEtiquetas:hover, 
#butt_bCancelarPago:hover,
#butt_CancelarVC:hover {
    background-color: #fff!important;
    border-color: #075050!important;
    color: #075050!important;
    font-weight: 500;
     font-family: 'Raleway', sans-serif;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/*Area privada*/

#bloqueOpcionesAreaPrivada .opcionAreaPrivada {
    border-radius: 0px;
    background-color: #075050;
    color: #fff;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

#bloqueOpcionesAreaPrivada .opcionAreaPrivada.opcionSeleccionada {
    background-color: #fff;
    color: #075050;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    border: none;
    border-radius: 0px;
    font-size: 14px;
}

#bloqueAreaPrivada #msgBienvenida {
    border-bottom: 1px solid #075050;
}

/*Botones registro*/

#OpcionDePago0 {
    background-color: #075050;
    color: #fff;
    border: 1px solid #075050;
}

#OpcionDePago1 {
    background-color: grey;
    border-color: grey;
    color: #fff;
}

/*** Seleccion de butacas ***/
.seleccionButacasAmpliado {
    border-left: 5px solid #075050;
}

/*** Resumen de carrito y compra ***/

#CarritoTitulo {
    background-color: #075050;
    color: #fff;
}

/*** Volver a la pagina anterior ***/

#VolverNavegacion:before, #VolverNavegacion a {
    color: #3a3a3a!important;
}

/*Venta Combinada*/

#bloqueProductosExtraVCMixta .tituloProductoVCMixtaS, 
#bloqueProductosExtraVCMixta .subTituloProductoVCMixtaS {
    background-color: #075050;
}

#botonFichavc {
    background-color: #075050;
    border-color: #075050;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    position: absolute;
    bottom: 0px;
    margin-top: 0px;
    width: 100%!important;
    right: unset;
    left: 0px;
}

#botonFichavc:hover {
    background-color: #008a8a!important;
    border-color: #008a8a!important;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    position: absolute;
    bottom: 0px;
    margin-top: 0px;
    width: 100%!important;
    right: unset;
    left: 0px;
}

.fichaVCNombre {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    color: #3a3a3a!important;
}

.MensajesVentaCombinadaCaja {
    border-bottom: 3px solid #075050;
    padding: 16px;
}
#MensajeVentaCombinadaTitulo {
    font-size: 20px;
    margin-bottom: 24px;
}

.CriteriosVCTitulo {
    border-bottom: 2px solid #075050;
    line-height: normal;
    padding-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 24px;
}
.CajaCriterioSeleccion #Criterio0::before, 
.CajaCriterioSeleccion #Criterio1::before, 
.CajaCriterioSeleccion #Criterio2::before, 
.CajaCriterioSeleccion #Criterio3::before, 
.CajaCriterioSeleccion #Criterio4::before, 
.CajaCriterioSeleccion #Criterio5::before {
    position: absolute;
    padding: 0px;
    right: 12px;
}
.CriteriosVCDescripcion:empty {
    display: none;
}
.VCPropiedadesCriterios.VCPropiedadesCriterios2:empty,
div#SesionesCriterio:empty {
    display: none;
}
.VCPropiedadesCriterios.VCPropiedadesCriterios1,
.VCPropiedadesCriterios.VCPropiedadesCriterios2,
.CriteriosVCDescripcion {
    width: 100%;
}

/*** Customizacion para movil ***/

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

    /*color de fondo de header mobile*/
    
    #toggle + label {
    background-color: #075050!important;
    }
    
    #toggle + label:after {
    /*Icono hamburguesa*/color: #fff!important;
    }

    #toggle:checked + label:after {
    /*Icono cerrar*/color: white!important;
    background-color: #075050!important;

    }
    #headerHJ {
    /*Fondo del headerhj*/background-color: #075050!important;
    }

    #idiomaES, #idiomaEN, #idiomaCA, #idiomaEU, #idiomaMX, #idiomaFR, #idiomaPT, #idiomaDE, #idiomaIT {
        border-right: 1px solid #fff;
        padding-right: 8px;
    }

    /*Boton Login Comprador y alta comprador*/
    #butt_bLoginCompradorr {
        background-color: #075050!important
    }

    #butt_bAltaComprador {
        color: #fff!important;
    }

    /*Usuario Agencia Logado Banda Superior*/
    #nombreUsuarioAgencia {
        background-color: #1a1a1a!important;
        color: #fff!important;
    }

    /*Menu Agencias Favoritos*/
    #opcionAgencia1 .opcionAgencia {
        color: #3a3a3a!important;
    }
}


/*** RESPONSIVE ***/


@media only screen and (max-width: 1050px){
    
    #logo{
        display: flex;
    align-items: center;
    height: 100%!important;
    background-size: 175px;
        background-position: left!important;
        width: auto!important;
    }
    
    #toggle + label{
        box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
    }

    #toggle:checked + label{
        background-image: none!important;
        box-shadow: none!important;
    }

    #toggle:checked + label:after {
        margin: 0px!important;
        padding: 12px;
        padding-top: 6px;
    }

    #toggle:checked ~ #header {
        z-index: 99;
    }

    #toggle:checked ~ #content {
        margin-top: 210px!important;
    }

    #txtBuscadorUnCampo {
        max-width: unset!important;
    }

    #AccesoComprador {
        box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #header {
        top: -600px!important;
    }
    #toggle:checked ~ #header {
        top: 0!important;
    }
    #nav {
        margin-bottom: 0px!important;
        display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    }

    #bloqueOpcionesMenu {
        height: auto!important;
        width: 100%;
        display: flex;
        justify-content: flex-end!important;
        flex-wrap: wrap;
    }
    
    #DetalleTabla{
        background-color: #fff;
    }
    
    #Concesiones .bgTdTabla{
        background-color: #fff;
    }
    
    #ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child, #ZonaResumenCompraOperaciones #imgEncabezaSesion{
        display: none!important;
    }
    
    #ZonaDetalleResumen, .cabeceraDetalleButaca, .detalleButaca, .detalleButaca{
        width: 100%!important;
    }
    
    .seccion8 #EncabezaSesionTitulo, 
    .seccion8a #EncabezaSesionTitulo, 
    .seccion9 #EncabezaSesionTitulo, 
    .seccion10 #EncabezaSesionTitulo{
        padding-left: 0px!important;
    }
    
    #EncabezadoSesion #EncabezaSesionImagen{
        display: none!important;
    }
    
    #EncabezadoSesion #EncabezaSesionInfo{
        width: 100%!important;
    }
    
    .ListaSesionesHora{
        width: auto!important;
        margin-right: 20px!important;
    }
    
    .btnEliminarButaca{
        right: 0px;
        bottom: 0px;
    }
    
    .detalleButaca {
    position: relative;
    }
    
    .bloqueCarrito{
        width: 100%!important;
        justify-content: flex-end;
        grid-column-start: 1;
        position: unset!important;
    }

    #subnav {
        display: flex!important;
    }

    #bloqueIdiomas {
        position: unset!important;
        margin-left: 50px;
    }
    #fichaBuscador {
        border-bottom: 1px solid #d2d2d2;
        width: 90%;
        display: flex;
        height: auto;
        padding: 8px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0% 5%;
    }
    #MapaZonas{
        border-radius: 0px!important;
    }
    
    #NombreZona{
        width: 100%;
        margin-left: 0px;
        padding: 16px;
    }
    
    div#bloqueEntradasSeleccionadasAmpliado{
        width: 100%!important;
    }
    
    .comisionConcesion {
    display: inherit!important;
                opacity: 0.7;
    }
    
    .comisionConcesion:before {
    content: "+";
    }
    
    .importeConcesion{
        margin-right: 10px;
    }
    
    #bloqueBuscadorUnCampo {
        margin-bottom: 0px!important;
    }

    #lstResultadoRapido {
        width: 90%;
    }

    #header, #headerGroup {
        overflow: visible!important;
        height: 200px!important;
        min-height: 200px!important;
    }

    #headerGroup {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 12px 20px;
    }

    #cajaMensajeAlert {
        width: 60%!important;
        margin: auto!important;
    }

    #refRecogidaMisCompras label, #correoMisCompras label {
        width: auto!important;
    margin-right: 0px;
    text-align: right!important;
    line-height: normal!important;
    }

    #bloquePendientes p {
        height: 40px!important;
    }

    .ProductoVCMixtaP #EncabezadoSesion {
        display: none!important;
    }

    #butt_bCancelar, 
    #butt_bCancelarCarrito, 
    #butt_bVolver, 
    #butt_bPagar, 
    #butt_bBloquear, 
    #butt_bPagoCarrito, 
    #butt_bContinuarCarrito, 
    #butt_bSelManu, 
    #butt_bSelAuto, 
    #butt_bContinuar,
    .btnPago {
        margin-bottom: 0px!important;
        width: auto!important;
        height: auto!important;
        margin-left: 0px!important;
        text-transform: uppercase!important;
    }

    #BotoneraPago {
        width: 100%!important;
    }

    /**Footer**/
    #footer {
        height: auto!important;
    }

    #piePaginaConfigurable {
        padding-bottom: 62px;
    }

    #footerleft {
        width: 100%!important;
        height: auto!important;
        padding: 0px!important;
    }

    #bloqueCopyRight {
        height: auto!important;
    }

    #blqAvisoCondiciones {
        width: 100%!important;
        height: auto!important;
        padding: 0px!important;
    }
    .fichaVentaCombinada {
        width: 100%!important;
        margin-left: 0px!important;
    }
}

@media only screen and (max-width:768px) {
    #headerGroup {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 30px 20px 50px auto;
    }
    div#bloqueIdiomas {
        grid-row-start: 1;
        grid-column-start: 2;
        margin-left: 0px;
        width: 100%;
        justify-content: flex-end;
    }
    div#logo {
        grid-row-start: 1;
        grid-column-start: 1;
        margin-left: 32px;
        background-size: contain;
    }
    div#bloqueBuscadorUnCampo {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-column-end: 3;
        justify-content: end;
    }

    input#txtBuscadorUnCampo {
        max-width: 400px!important;
    }

    div#bloqueCarrito {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-column-end: 3;
        width: 100%!important;
        justify-content: flex-end;
    }
    
    div#nav {
        grid-row-start: 4;
        grid-column-start: 1;
        grid-column-end: 3;
        justify-content: flex-start;
    }
    #header, #headerGroup {
        height: 280px!important;
        min-height: 280px!important;
    }
    #fichaBuscador {
        margin: 0px;
        width: 100%;
    }
    #toggle:checked ~ #content {
        margin-top: 280px!important;
    }
    
}

@media only screen and (max-width: 480px){
    #headerGroup {
        grid-template-columns: 100%;
        grid-template-rows: 30px 60px 20px 50px auto;
    }
    div#bloqueIdiomas {
        grid-row-start: 1;
        grid-column-start: 1;
        justify-content: flex-end;
    }
    div#logo {
        grid-row-start: 2;
        grid-column-start: 1;
        margin-left: 0px;
        background-position: center!important;
    }
    div#bloqueCarrito {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-column-end: 1;
        width: 100%!important;
        justify-content: center;
    }
    div#bloqueBuscadorUnCampo {
        grid-row-start: 4;
        grid-column-start: 1;
        grid-column-end: 1;
        justify-content: center;
    }
    div#nav {
        grid-row-start: 5;
        grid-column-start: 1;
        grid-column-end: 1;
        justify-content: flex-start;
    }
    #bloqueOpcionesMenu {
        justify-content: center!important;
        flex-direction: column;
        gap: 16px;
    }
    #menuEventos ul {
        flex-direction: column;
        gap: 16px;
    }
    #menuEventos ul, #subnav {
        flex-wrap: wrap;
        justify-content: center;
    }
    #header, #headerGroup {
        height: 600px!important;
        min-height: 600px!important;
    }
    #footerleft {
        min-height: unset;
    }
    
    .seleccionButacasAmpliado, 
    .seleccionButacasAmpliadoSeleccionado{
        width: 100%;
    } 

    #piePaginaConfigurable {
        flex-wrap: wrap;
        gap: 16px;
    }

    #cajaMensajeAlert {
        width: 85%!important;
    }

    button#butt_bMisCompras {
        width: 100%;
    }

    #butt_bCancelar, 
    #butt_bCancelarCarrito, 
    #butt_bVolver, 
    #butt_bPagar, 
    #butt_bBloquear, 
    #butt_bPagoCarrito, 
    #butt_bContinuarCarrito, 
    #butt_bSelManu, 
    #butt_bSelAuto, 
    #butt_bContinuar,
    #butt_bSeleccionar,
    .btnPago, 
    #btnAceptar,
    #bloqueCompradorBotonera .boton,
    #butt_bGuardaCompradorr,
    #butt_CancelarVC,
    #butt_SeleccionVC1Click,
    #butt_consultaSaldoEtiqueta,
    #butt_bValidar,
    #butt_operacionesAbonadoAcceso0,
    #butt_operacionesAbonadoMejora0,
    #butt_ResumenVC {
        width: 100%!important;
    }
    .seccion4 .ListaSesionesEnlace {
        width: 100%;
    }

    /**Login**/

    #bloqueCompradorCanal, 
    #bloqueCompradorClave {
        align-items: start;
        flex-direction: column;
    }

    #bloqueCompradorCanal font, 
    #bloqueCompradorClave font {
        text-align: left;
    }

    /*Inputs*/
in
    .tipoCampoPago {
        width: 100%;
    }

    .tipoCampoPago input {
        margin-right: 0px;
        width: 100%;
    }

    /*VC*/

    #bloqueSesionesCriterio .DetalleTabla {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
        height: 100%;
    }

    .AbonoCarta .ListaSesionesTitulo, 
    .AbonoCarta .ListaSesionesFecha {
        width: 100%!important;
        height: auto;
        line-height: normal;
        margin-right: 0px!important;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }

    .AbonoCarta .ListaSesionesHora {
        width: 50%!important;
        height: auto;
        line-height: normal;
        margin-right: 0px!important;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }

    .AbonoCarta #DetalleTabla {
        height: auto;
    }

    #respuestaEtiquetas {
        margin-bottom: 12px;
    }
    #lstResultadoRapido {
        width: 100%;
    }
    #EncabezadoSesion #EncabezaSesionImagen {
        display: block!important;
        margin-bottom: 24px;
    }
    .seccion8 #EncabezadoSesion #EncabezaSesionImagen, 
    .seccion8a #EncabezadoSesion #EncabezaSesionImagen, 
    .seccion9 #EncabezadoSesion #EncabezaSesionImagen, 
    .seccion10 #EncabezadoSesion #EncabezaSesionImagen,
    .seccion8a #ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child,
    .seccion8a #ZonaResumenCompraOperaciones #imgEncabezaSesion {
        width: 100%;
        margin-right: 0px;
        display: block!important;
    }
    .seccion8a .tipoCampoPago {
        width: 100%;
    }

    /*Toggle en movil*/

    #toggle:checked ~ #content {
        margin-top: 600px!important;
    }
}

@media only screen and (min-width: 1280px){
    
    #headerGroup, #aside, #piePaginaConfigurable{
        width: 1200px;
        max-width: 1200px;
    }

    .FichaGeneral{
        width: 372px;
        height: 461px;
    }
    
    #divImgFichaRecintos, #divImgFichaEventos{
        height: 192px;
    }
    
    #NombreZona{
    background-color: #fff;
    padding: 16px;
    width: 80%;
    }

    #ZonasMapa{
    background-color: #fff;
    padding: 16px;
    width: 100%;
    margin-left: 0px;
    }
    
    #bloqueConcesiones{
        width: 100%;
    margin-top: 12px;
    margin-left: 0px;
    }
    #fichaEventoTipoE, 
#fichaEventoTitulo, 
#fichaEventoRecinto, 
#fichaEventoFechaHora, 
#fichaEventoFechaHoraCompleta, 
#fichaEventoProvincia, 
#fichaEventoMaxPrecio, 
#fichaEventoMinPrecio, 
#fichaEventoDuracion, 
#fichaEventoCalificacion, 
#fichaRecintoNombre, 
#fichaRecintoDireccion, 
#fichaRecintoPoblacion {
    padding: 0px 20px;
}
#fichaEventoTipoE {
    margin-top: 20px;
}
}

/********/
.seccion4 #EncabezaSesionMasinfoTitulo {
    display: none;
}
.seccion4 .ListaSesionesEnlace {
    margin-right: 12px;
}
.seccion4 #DetalleTabla:hover {
    background-color: transparent;
}
.seccion4 .ListaSesionesFecha i {
    display: none;
}
@media only screen and (max-width: 1050px) {
    #DetalleTabla {
        position: relative;
        padding: 12px;
    }
    .seccion4 .ListaSesionesEnlace {
        margin-right: 0px;
        position: absolute;
        right: 12px;
        top: 30px;
    }
}
@media only screen and (max-width: 480px) {
    .seccion4 .ListaSesionesEnlace {
        position: unset;
    }
}
/******/
.seccion6 #EncabezaSesionFechaHora .CabeceraSesionTxtLinea2, 
.seccion6 #EncabezaSesionRangoFechaHora .CabeceraSesionTxtLinea2,
.seccion8 #EncabezaSesionFechaHora .CabeceraSesionTxtLinea2, 
.seccion8 #EncabezaSesionRangoFechaHora .CabeceraSesionTxtLinea2 {
    font-size: 14px;
}
.seccion6 #EncabezaSesionRecinto .CabeceraSesionTxtLinea2,
.seccion8 #EncabezaSesionRecinto .CabeceraSesionTxtLinea2 {
    height: auto;
    line-height: normal;
}
.seccion6 #totalConcesiones {
    min-width: unset;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 12px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}
.seccion6 #totalEntradasConcesiones {
    width: auto;
    font-weight: bold;
}
.seccion6 #totalImporteConcesiones {
    width: auto;
    margin-left: 0px;
    font-weight: bold;
}
.seccion6 #masInfoConcesion {
    display: none;
}
.seccion6 #cabeceraConcesion #nombreConcesion, 
.seccion6 .detalleConcesion .nombreConcesion {
    padding-left: 0px;
}
.seccion6 .totalConcesion {
    width: 14%;
}
.seccion6 #cabeceraConcesion {
    padding: 8px;
    height: auto;
}
.seccion6 .detalleConcesion {
    padding: 8px;
}
.seccion6 .numEntradasConcesionBotones button {
    cursor: pointer;
}
.seccion6 .bgTdTabla:hover {
    background-color: transparent;
}
.seccion6 .numEntradasConcesionBotones button:hover {
    color: #1a1a1a;
}
@media only screen and (max-width: 1050px) {
    .seccion6 #bloqueLeyendaButacas {
        padding: 0px!important;
    }
    .seccion6 #Concesiones .bgTdTabla {
        flex-wrap: wrap;
        height: auto;
        padding: 12px;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .seccion6 .importeConcesion {
        margin-right: 0px;
        font-weight: 400;
        min-width: 20%;
    }
    .seccion6 .numEntradasConcesion {
        display: inherit;
        align-items: center;
        justify-content: flex-start;
        min-width: 20%;
    }
    .seccion6 .comisionConcesion {
        width: auto;
        min-width: 20%;
        opacity: 1;
    }
    .seccion6 .totalConcesion {
        display: block!important;
        min-width: 20%;
    }
    .seccion6 .nombreConcesionNombre:before {
        content: 'Tipo de entrada:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion6 .importeConcesion:before {
        content: 'Importe ud.:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion6 .comisionConcesion:before {
        content: 'Gastos de gesti\00F3n:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion6 .totalConcesion:before {
        content: 'Total:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion6 .numEntradasConcesion:before {
        content: 'Entradas:';
        margin-right: 4px;
        font-weight: bold;
    }

}
@media only screen and (max-width: 480px) {
    .seccion6 .importeConcesion,
    .seccion6 .numEntradasConcesion,
    .seccion6 .comisionConcesion,
    .seccion6 .totalConcesion {
        width: 100%;
        min-width: unset;
        text-align: left;
    }
    .seccion6 #totalConcesiones {
        flex-direction: column;
        align-items: flex-start!important;
        gap: 0px!important;
    }
}

/********/
.seccion8 #botoneraOperacion {
    padding-bottom: 0px;
}
.seccion8a .tipoIntervinientePrivacidad, 
.seccion8a .tipoIntervinienteCondiciones {
    height: auto;
    line-height: normal;
    margin-top: 24px;
}
.seccion8a .tipoIntervinientePrivacidad .enlace, 
.seccion8a .tipoIntervinienteCondiciones .enlace {
    line-height: normal;
}
.seccion8a #ZonaResumenCompraOperaciones {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0px;
}

/*******/
.seccion5 #Panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
}
.seccion5 #EncabezadoSesion {
    margin-bottom: 0px;
}
.seccion5 #tablaListaZonas {
    max-height: unset;
}
.seccion5 #MapaZonas {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
}
.seccion5 .colorZona {
    display: none;
}
.seccion5 .filaListaZonas .ListaZonasZona {
    height: 100%;
}
.seccion5 #NombreZona {
    background-color: transparent;
    width: 100%;
    padding: 0px;
    display: none;
}
.seccion5 .bgTdTabla {
    padding: 20px 8px;
    height: auto;
    line-height: normal;
    display: flex;
    align-items: center;
    border-top: 1px solid #d2d2d2;
}
.seccion5 .filaListaZonas {
    border-bottom: none;
}
.seccion5 .tdOn {
    float: left;
    line-height: normal;
    height: auto;
    width: 100%;
    padding: 20px 8px;
    display: flex;
    align-items: center;
    border-top: 1px solid #d2d2d2;
}
.seccion5 #ZonasMapa {
    width: 100%;
    margin-left: 0px;
}
@media only screen and (min-width: 1280px) {
    .seccion5 #NombreZona {
        background-color: transparent;
        width: 100%;
        padding: 0px;
    }
}
@media only screen and (max-width: 1050px) {
    .seccion5 #ZonasMapa {
        width: 100%!important;
        margin-left: 0px!important;
    }
    .seccion5 .filaListaZonas {
        border-bottom: 1px solid #d2d2d2;
    }
    .seccion5 .tdOn {
        height: auto!important;
    }
    .seccion5 .ListaZonasPrecio {
        width: 35%!important;
        height: 100%!important;
        display: flex;
        align-items: center;
    }
    .seccion5 .ListaZonasCarrito {
        height: 100%!important;
        display: flex;
        align-items: center;
    }
    .seccion5 #NombreZona {
        margin-top: 0px!important;
    }
}

/*******/
.seccion5a #Panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
}
.seccion5a #EncabezadoSesion {
    margin-bottom: 0px;
}
.seccion5a #MapaZonas, 
.seccion5a #NombreZona {
    width: 100%;
    margin-left: 0px;
    border: 1px solid #d2d2d2;
}
.seccion5a #ZonasMapa {
    width: 100%;
    margin-left: 0px;
}
.seccion5a #MapaZonas {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column; 
}
.seccion5a #CambiaZonaListaZonas {
    line-height: normal;
    height: auto;
}
.seccion5a .filaListaZonas {
    border-bottom: none;
}
.seccion5a .bgTdTabla {
    padding: 20px 8px;
    height: auto;
    line-height: normal;
    display: flex;
    align-items: center;
    border-top: 1px solid #d2d2d2;
}
.seccion5a .tdOn {
    float: left;
    line-height: normal;
    height: auto;
    width: 100%;
    padding: 20px 8px;
    display: flex;
    align-items: center;
    border-top: 1px solid #d2d2d2;
}
.seccion5a .colorZona {
    display: none;
}
.seccion5a #NombreZona {
    padding: 16px;
}
@media only screen and (max-width: 1050px) {
    .seccion5a #ZonasMapa {
        width: 100%!important;
        margin-left: 0px!important;
    }
    .seccion5a .filaListaZonas {
        border-bottom: 1px solid #d2d2d2;
    }
    .seccion5a .tdOn {
        height: auto!important;
    }
    .seccion5a .ListaZonasPrecio {
        width: 35%!important;
        height: 100%!important;
        display: flex;
        align-items: center;
    }
    .seccion5a .ListaZonasCarrito {
        height: 100%!important;
        display: flex;
        align-items: center;
    }
}

/*****/
.seccion7 #bloqueConcesiones {
    margin-top: 0px;
}
.seccion7 div#bloqueEntradasSeleccionadasAmpliado {
    background-color: #fff;
}
.seccion7 #bloqueLeyendaPlantillas {
    background-color: #fff;
    padding: 8px 4px;
    margin-bottom: 24px;
}
.seccion7 .leyendaPlantillas.Plantilla {
    gap: 6px;
}
.seccion7 .leyendaPlantillasPrecioMinLit, 
.seccion7 .leyendaPlantillasPrecioMin {
    margin-right: 0px;
}
.seccion7 .leyendaPlantillasColor {
    margin-right: 0px;
    margin-left: 0px;
}
.seccion7 .leyendaPlantillasNombre {
    margin-right: 0px;
}
.seccion7 #bloqueLiteralUbicacion {
    margin-bottom: 8px;
}

@media only screen and (max-width: 1050px) {
    .seccion7 #bloqueLeyendaButacas, 
.seccion7 #bloqueLeyendaPlantillas {
    padding: 0px!important;
}
.seccion7 #bloqueConcesiones {
    margin-top: 0px!important;
}
.seccion7 #bloqueLiteralUbicacion {
    margin-left: 0px!important;
} 
}
/*****/
@media only screen and (min-width: 1280px) {
    .seccion1b #imgFichaRecintos {
        height: auto;
        width: 100%;
    }
}
.seccion1b #imgFichaRecintos {
    height: auto;
    width: 100%;
}
@media only screen and (max-width: 480px) {
    .seccion1b .FichaGeneral {
        width: 280px;
    }
}

/****/
.seccion1a .FichaGeneral #fichaEventoFechaHora {
    order: 1;
}
.seccion1a .FichaGeneral > div:first-child {
    display: flex;
    flex-direction: column;
    height: 100%;
}
/*****/
#tituloSeccion {
    text-transform: uppercase;
}
#tituloSeccion #txtTituloSeccion > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0px;
    margin-right: 8px;
}
#content {
    margin-top: 0px;
}
#mensajeEnZona {
    padding: 8px;
}
@media only screen and (max-width: 1050px) {
    #content {
        margin-top: 40px;
    }
    #tituloSeccion {
        padding-left: 0px!important;
    padding-right: 0px!important;
    margin-top: 0px!important;
    }
    
}

/********/
.seccion1e #Panel {
    background-color: transparent;
    border: none;
    padding: 0px;
}
.seccion1e #bloquePendientes {
    gap: 16px;
}
.seccion1e button#butt_bMisCompras {
    margin-top: 12px;
    min-width: 350px;
}
.seccion1e #bloquePendientes #refRecogidaMisCompras,
.seccion1e #bloquePendientes #tarjetaMisCompras,
.seccion1e #bloquePendientes #ImagenTarjetas,
.seccion1e #bloquePendientes #correoMisCompras,
.seccion1e #bloquePendientes #tRegaloMisCompras {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
}
.seccion1e #TituloMisCompras, 
.seccion1e #SubtituloMisCompras, 
.seccion1e #tRegaloMisCompras, 

.seccion1e #bloquePendientes #refRecogidaMisCompras,
.seccion1e #bloquePendientes #tarjetaMisCompras,
.seccion1e #bloquePendientes #ImagenTarjetas,
.seccion1e #bloquePendientes #correoMisCompras,
.seccion1e #bloquePendientes #tRegaloMisCompras {
    height: auto!important;
    line-height: normal;
}
.seccion1e #bloquePendientes #refRecogidaMisCompras label, 
.seccion1e #bloquePendientes #correoMisCompras label,
.seccion1e #bloquePendientes #tarjetaMisCompras label,
.seccion1e #bloquePendientes #ImagenTarjetas label,
.seccion1e #bloquePendientes #tRegaloMisCompras label {
    min-width: 350px;
    margin-right: 0px;
    text-align: left!important;
}
.seccion1e #bloquePendientes #refRecogidaMisCompras input, 
    .seccion1e #bloquePendientes #correoMisCompras input,
    .seccion1e #bloquePendientes #tarjetaMisCompras input,
    .seccion1e #bloquePendientes #ImagenTarjetas input,
    .seccion1e #bloquePendientes #tRegaloMisCompras input {
        min-width: 350px;
    }

    .seccion1e #EPconsulta #cabeceraMisCompras > div {
        min-width: unset!important;
        width: 15%!important;
    }
    #EPconsulta .detalleMisCompras .bgTdTitulo > div {
        min-width: unset!important;
        width: 15%!important;
    }

    .seccion1e #EPconsulta #cabeceraMisCompras {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .seccion1e #EPconsulta .detalleMisCompras {
        display: flex;
        align-items: center;
        border-top: 1px solid #d2d2d2;
        width: 100%;
    }
    .seccion1e #EPconsulta .detalleMisCompras .bgTdTitulo {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
    }

@media only screen and (max-width: 1050px) {
    .seccion1e #EPconsulta #cabeceraMisCompras > div {
        min-width: unset!important;
        width: 20%!important;
    }
    #EPconsulta .detalleMisCompras .bgTdTitulo > div {
        min-width: unset!important;
        width: 20%!important;
    }
    .seccion1e #bloquePendientes p:last-child {
        height: auto!important;
    }
    .seccion1e #bloquePendientes p {
        height: auto!important;
    }
}
@media only screen and (max-width: 768px) {
    .seccion1e #EPconsulta #cabeceraMisCompras {
        display: none;
    }
    .seccion1e #EPconsulta .detalleMisCompras {
        border: 1px solid #d2d2d2;
        height: auto;
        padding: 12px;
    }
    .seccion1e #EPconsulta .detalleMisCompras .bgTdTitulo {
        flex-direction: column;
        gap: 8px;
    }
    .seccion1e #EPconsulta .detalleMisCompras .bgTdTitulo > div {
        width: 100%!important;
        text-align: left;
        font-size: 16px;
    }
    .seccion1e #EPconsulta {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}
@media only screen and (max-width: 480px) {
    .seccion1e .detalleMisCompras #butt_bSelectOperacion {
        letter-spacing: 0.3px!important;
        font-size: 16px!important;
        padding-left: 20px!important;
        padding-right: 20px!important;
        width: 100%!important;
    }
    .seccion1e #bloquePendientes #refRecogidaMisCompras,
    .seccion1e #bloquePendientes #tarjetaMisCompras,
    .seccion1e #bloquePendientes #ImagenTarjetas,
    .seccion1e #bloquePendientes #correoMisCompras,
    .seccion1e #bloquePendientes #tRegaloMisCompras {
        flex-direction: column;
}
    .seccion1e #TituloMisCompras, 
    .seccion1e #SubtituloMisCompras, 
    .seccion1e #tRegaloMisCompras, 

    .seccion1e #bloquePendientes #refRecogidaMisCompras,
    .seccion1e #bloquePendientes #tarjetaMisCompras,
    .seccion1e #bloquePendientes #ImagenTarjetas,
    .seccion1e #bloquePendientes #correoMisCompras,
    .seccion1e #bloquePendientes #tRegaloMisCompras {
        height: auto!important;
        line-height: normal;
}
    .seccion1e #bloquePendientes #refRecogidaMisCompras label, 
    .seccion1e #bloquePendientes #correoMisCompras label,
    .seccion1e #bloquePendientes #tarjetaMisCompras label,
    .seccion1e #bloquePendientes #ImagenTarjetas label,
    .seccion1e #bloquePendientes #tRegaloMisCompras label {
        width: 100%!important;
        text-align: left!important;
        min-width: unset;
    }
    .seccion1e #bloquePendientes #refRecogidaMisCompras input, 
    .seccion1e #bloquePendientes #correoMisCompras input,
    .seccion1e #bloquePendientes #tarjetaMisCompras input,
    .seccion1e #bloquePendientes #ImagenTarjetas input,
    .seccion1e #bloquePendientes #tRegaloMisCompras input {
        width: 100%!important;
        min-width: unset;
    }
    .seccion1e button#butt_bMisCompras {
        min-width: unset;
    }
}

/****Ficha general***/
.FichaGeneral #fichaEventoTitulo, .FichaGeneral #fichaRecintoNombre {
    font-family: 'Raleway', sans-serif;
    color: #075050!important;
}
.FichaGeneral:hover #fichaEventoTitulo, .FichaGeneral:hover #fichaRecintoNombre {
    color: #008a8a!important;
}

/****Encabezado****/
#EncabezaSesionTitulo {
    font-family: 'Raleway', sans-serif;
}
#EncabezaSesionImagen #imgEncabezaSesion {
    padding: 0px;
    -webkit-box-shadow: 0 0 3px 2px rgb(0 0 0 / 7%);
    box-shadow: 0 0 3px 2px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 0 3px 2px rgb(0 0 0 / 7%);
    -ms-box-shadow: 0 0 3px 2px rgb(0 0 0 / 7%);
}
@media only screen and (max-width: 768px) {
    #EncabezaSesionTitulo {
        position: unset!important;
        padding: 0px!important;
    }
    #EncabezadoSesion {
        position: unset!important;
        padding-top: 16px!important;
    }
}
#EncabezaSesionFechaHora .CabeceraSesionTxtLinea2, 
#EncabezaSesionRangoFechaHora .CabeceraSesionTxtLinea2 {
    line-height: normal;
    height: auto;
}
#fichaEventoTipoE, 
#fichaEventoTitulo, 
#fichaEventoRecinto, 
#fichaEventoFechaHora, 
#fichaEventoFechaHoraCompleta, 
#fichaEventoProvincia, 
#fichaEventoMaxPrecio, 
#fichaEventoMinPrecio, 
#fichaEventoDuracion, 
#fichaEventoCalificacion, 
#fichaRecintoNombre, 
#fichaRecintoDireccion, 
#fichaRecintoPoblacion {
    padding: 0px 12px;
}
#fichaEventoTipoE {
    margin-top: 12px;
}

/****/
.seccion9 #o_on {
    color: #1a1a1a;
} 
.seccion9 #numeroReferenciaCompra, 
.seccion9 #datoNumOperacion, 
.seccion9 #datoNumAutorizacion, 
.seccion9 #datoNumComercio {
    color: #075050;
}
.seccion9 #TotalCarrito {
    margin-top: 0px;
}

/****Zona Detalle Resumen****/

.seccion8 .detalleButacaTotal,
.seccion8a .detalleButacaTotal,
.seccion9 .detalleButacaTotal,
.seccion10 .detalleButacaTotal {
    text-align: center;
}

@media only screen and (max-width: 1050px) {
    .seccion8a #TotalCarrito,
    .seccion9 #TotalCarrito,
    .seccion10 #TotalCarrito {
        font-size: 16px!important;
    }
    .seccion8 .cabeceraDetalleButaca,
    .seccion8a .cabeceraDetalleButaca,
    .seccion9 .cabeceraDetalleButaca,
    .seccion10 .cabeceraDetalleButaca {
        display: none;
    }
    .seccion8 .detalleButaca,
    .seccion8a .detalleButaca,
    .seccion9 .detalleButaca,
    .seccion10 .detalleButaca {
        padding: 12px;
        gap: 12px;
        justify-content: flex-start;
        align-items: center;
    }
    .seccion8 .detalleButacaConcesion,
    .seccion8a .detalleButacaConcesion,
    .seccion9 .detalleButacaConcesion,
    .seccion10 .detalleButacaConcesion {
        width: 100%!important;
    }
    .seccion8 .detalleButacaImporte, 
    .seccion8 .detalleButacaComision,
    .seccion8a .detalleButacaImporte, 
    .seccion8a .detalleButacaComision,
    .seccion9 .detalleButacaImporte, 
    .seccion9 .detalleButacaComision,
    .seccion10 .detalleButacaImporte, 
    .seccion10 .detalleButacaComision {
        display: block!important;
    } 
    .seccion8 .detalleButacaConcesion,
    .seccion8 .detalleButacaImporte,
    .seccion8 .detalleButacaComision,
    .seccion8 .detalleButacaTotal,
    .seccion8 .detalleButacaTotalEntradas,
    .seccion8 .detalleButacaNumButacas,
    .seccion8 .detalleButacaColumna,
    .seccion8 .detalleButacaFila,

    .seccion8a .detalleButacaFila,
    .seccion8a .detalleButacaColumna,
    .seccion8a .detalleButacaConcesion,
    .seccion8a .detalleButacaImporte,
    .seccion8a .detalleButacaComision,
    .seccion8a .detalleButacaTotal,
    .seccion8a .detalleButacaTotalEntradas,
    .seccion8a .detalleButacaNumButacas,
    
    .seccion9 .detalleButacaFila,
    .seccion9 .detalleButacaColumna,
    .seccion9 .detalleButacaConcesion,
    .seccion9 .detalleButacaImporte,
    .seccion9 .detalleButacaComision,
    .seccion9 .detalleButacaTotal,
    .seccion9 .detalleButacaTotalEntradas,
    .seccion9 .detalleButacaNumButacas,
    
    .seccion10 .detalleButacaFila,
    .seccion10 .detalleButacaColumna,
    .seccion10 .detalleButacaConcesion,
    .seccion10 .detalleButacaImporte,
    .seccion10 .detalleButacaComision,
    .seccion10 .detalleButacaTotal,
    .seccion10 .detalleButacaTotalEntradas,
    .seccion10 .detalleButacaNumButacas{
        width: auto!important;
        white-space: unset!important;
        min-width: unset!important;
    }
    .seccion8 .detalleButacaConcesion:before,
    .seccion8a .detalleButacaConcesion:before,
    .seccion9 .detalleButacaConcesion:before,
    .seccion10 .detalleButacaConcesion:before {
        content: 'Tipo de entrada:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion8 .detalleButacaImporte:before,
    .seccion8a .detalleButacaImporte:before,
    .seccion9 .detalleButacaImporte:before,
    .seccion10 .detalleButacaImporte:before {
        content: 'Importe ud.:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion8 .detalleButacaComision:before,
    .seccion8a .detalleButacaComision:before,
    .seccion9 .detalleButacaComision:before,
    .seccion10 .detalleButacaComision:before {
        content: 'Gastos de gesti\00F3n:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion8 .detalleButacaTotal:before,
    .seccion8a .detalleButacaTotal:before,
    .seccion9 .detalleButacaTotal:before,
    .seccion10 .detalleButacaTotal:before {
        content: 'Total ud.:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion8 .detalleButacaFila:before,
    .seccion8a .detalleButacaFila:before,
    .seccion9 .detalleButacaFila:before,
    .seccion10 .detalleButacaFila:before {
        content: 'Fila:'!important;
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion8 .detalleButacaColumna:before,
    .seccion8a .detalleButacaColumna:before,
    .seccion9 .detalleButacaColumna:before,
    .seccion10 .detalleButacaColumna:before {
        content: 'Asiento:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion8 .detalleButacaTotalEntradas:before,
    .seccion8a .detalleButacaTotalEntradas:before,
    .seccion9 .detalleButacaTotalEntradas:before,
    .seccion10 .detalleButacaTotalEntradas:before {
        content: 'Total:';
        margin-right: 4px;
        font-weight: bold;
    }
    .seccion8 .detalleButacaNumButacas:before,
    .seccion8a .detalleButacaNumButacas:before,
    .seccion9 .detalleButacaNumButacas:before,
    .seccion10 .detalleButacaNumButacas:before {
        content: 'Entradas:';
        margin-right: 4px;
        font-weight: bold;
    }

}

@media only screen and (max-width: 480px) {
    .seccion8 .detalleButacaConcesion,
    .seccion8 .detalleButacaImporte,
    .seccion8 .detalleButacaComision,
    .seccion8 .detalleButacaTotal,
    .seccion8 .detalleButacaTotalEntradas,
    .seccion8 .detalleButacaNumButacas,
    .seccion8 .detalleButacaColumna,
    .seccion8 .detalleButacaFila,

    .seccion8a .detalleButacaColumna,
    .seccion8a .detalleButacaFila,
    .seccion8a .detalleButacaConcesion,
    .seccion8a .detalleButacaImporte,
    .seccion8a .detalleButacaComision,
    .seccion8a .detalleButacaTotal,
    .seccion8a .detalleButacaTotalEntradas,
    .seccion8a .detalleButacaNumButacas,
    
    .seccion9 .detalleButacaColumna,
    .seccion9 .detalleButacaFila,
    .seccion9 .detalleButacaConcesion,
    .seccion9 .detalleButacaImporte,
    .seccion9 .detalleButacaComision,
    .seccion9 .detalleButacaTotal,
    .seccion9 .detalleButacaTotalEntradas,
    .seccion9 .detalleButacaNumButacas,
    
    .seccion10 .detalleButacaColumna,
    .seccion10 .detalleButacaFila,
    .seccion10 .detalleButacaConcesion,
    .seccion10 .detalleButacaImporte,
    .seccion10 .detalleButacaComision,
    .seccion10 .detalleButacaTotal,
    .seccion10 .detalleButacaTotalEntradas,
    .seccion10 .detalleButacaNumButacas{
        width: 100%!important;
        min-width: unset!important;
        text-align: left;
    }
    .detalleButacaConcesion {
        display: flex;
        flex-wrap: wrap;
    }
}

/***Acceso comprador***/
#butt_bLoginCompradorr, #butt_bAltaComprador {
    font-size: 12px;
    padding: 4px 8px;
}
#butt_bLoginCompradorr:hover, #butt_bAltaComprador:hover {
    font-size: 12px;
    padding: 4px 8px;
}

/*Lista sesiones - Seleccion sesion*/
.ListaSesionesAgrupaRecinto {
    margin-top: 0px;
}
.detalleConcesion {
    margin-top: 0px;
}
@media only screen and (max-width: 1050px) {
    #ListaSesiones {
        background-color: transparent;
        padding: 0px;
        border: none;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    #bloqueConcesiones {
        background-color: transparent;
        border: none;
        padding: 0px;
        margin-top: 0px;
    }
    #Concesiones {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    #ZonasMapa {
        background-color: transparent;
        border: none;
        padding: 0px;
    }
    .filaListaZonas.bgTdTabla {
        background-color: white!important;
    }
}
/*Img evento*/
#imgEncabezaSesion {
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media only screen and (max-width: 1050px) {
    .seccion8 .detalleButaca .detalleButacaImporte,
    .seccion8a .detalleButaca .detalleButacaImporte {
        display: flex!important;
        align-items: center;
    }
    .seccion8 .detalleButaca .detalleButacaImporte strike,
    .seccion8a .detalleButaca .detalleButacaImporte strike {
        margin: 0px;
    }
    .seccion8 .detalleButaca .detalleButacaImporte font#precioDescuento,
    .seccion8a .detalleButaca .detalleButacaImporte font#precioDescuento {
        margin-left: 0px;
        line-height: normal;
    }
    .seccion8 .detalleButaca .detalleButacaImporte font#precioDescuento:before,
    .seccion8a .detalleButaca .detalleButacaImporte font#precioDescuento:before {
        content: '-';
        padding-right: 4px;
    }
}
/**/
.seccion2b #Panel,
.seccion2c #Panel,
.seccion1b #Panel,
.seccion1a2 #Panel  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}
/**Formulario**/
input, textarea, select {
    background-color: white;
}
#TablaDatosPago {
    width: 100%;
    margin: 0px;
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.camposPago {
    display: flex;
    flex-direction: column;
    margin: 0px;
    gap: 6px;
}
.tipoLiteralPago {
    margin: 0px;
    height: auto;
    min-width: unset;
    float: unset;
    line-height: normal;
}
.tipoCampoPago input {
    height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    width: 100%;
}
#CheckIntervinientes {
    width: 100%;
    padding: 0px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.tipoIntervinientePrivacidad, .tipoIntervinienteCondiciones {
    line-height: normal;
}
.tipoIntervinientePrivacidad .enlace, .tipoIntervinienteCondiciones .enlace {
    height: auto;
    line-height: normal;
}
#AgrupaDatosPago #bloqueOpciones {
    margin-top: 24px;
}
@media only screen and (max-width: 1050px) {
    .camposPago {
        width: 45%!important;
        min-width: 45%!important;
    }
    #camposPago5 {
        width: 100%!important;
    }
    .tipoCampoPago {
        width: 100%;
    }
    #TablaDatosPago {
        width: 100%!important;
    }
    #AgrupaDatosPago #bloqueOpciones {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .camposPago {
        width: 100%!important;
    }
}

/*Ficha general horizontal
.seccion1a #Panel {
    gap: 24px;
}
.FichaGeneral {
    width: 960px;
    height: 140px;
    min-height: unset;
}
.FichaGeneral > div:first-child {
    display: block!important;
    position: relative;
    padding: 12px;
}
#divImgFichaRecintos, 
#divImgFichaEventos {
    width: 160px;
    float: left;
    height: 100%;
    margin-right: 12px;
}
#fichaEventoTipoE,
#fichaEventoTitulo,
#fichaEventoInfo,
#fichaEventoRecinto,
#fichaEventoFechaHora,
#fichaEventoProvincia,
#fichaEventoMinPrecio,
#fichaEventoMaxPrecio,
#fichaEventoCalificacion,
#fichaEventoDuracion {
    float: left;
    width: 700px;
    padding: 0px;
}
#fichaEventoTitulo {
    height: auto;
    line-height: normal;
    margin-bottom: 4px;
    margin-top: 4px;
    text-transform: uppercase;
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#botonFicha {
    position: absolute;
    width: auto;
    top: unset;
    bottom: 12px;
    right: 12px;
    left: unset;
}
#fichaEventoTipoE {
    margin-top: 0px;
    display: none;
}
#fichaEventoInfo {
    display: block;
    margin: 0px;
}
#fichaEventoRecinto p:before,
#fichaEventoProvincia p:before,
#fichaEventoFechaHora p:before {
    display: none;
}
#fichaEventoProvincia {
    display: none;
}

@media only screen and (max-width: 1050px) {
    .FichaGeneral {
        width: 640px;
        height: 150px;
        min-height: unset;
    }
    #fichaEventoTipoE,
#fichaEventoTitulo,
#fichaEventoInfo,
#fichaEventoRecinto,
#fichaEventoFechaHora,
#fichaEventoProvincia,
#fichaEventoMinPrecio,
#fichaEventoMaxPrecio,
#fichaEventoCalificacion,
#fichaEventoDuracion {
    float: left;
    width: 440px;
}  
}

@media only screen and (max-width: 768px){
    .FichaGeneral {
        width: 450px;
        height: 150px;
        min-height: unset;
    }
    #divImgFichaRecintos, 
#divImgFichaEventos {
    width: 120px;
    float: left;
    height: 100%;
    margin-right: 12px;
}
    #fichaEventoTipoE,
#fichaEventoTitulo,
#fichaEventoInfo,
#fichaEventoRecinto,
#fichaEventoFechaHora,
#fichaEventoProvincia,
#fichaEventoMinPrecio,
#fichaEventoMaxPrecio,
#fichaEventoCalificacion,
#fichaEventoDuracion {
    float: left;
    width: 290px;
}
}
@media only screen and (max-width: 480px){
    .FichaGeneral {
        width: 100%;
        height: auto;
        min-height: unset;
    }
    #divImgFichaRecintos, 
    #divImgFichaEventos {
        width: 100%;
        float: left;
        height: 100%;
        margin-right: 0px;
        margin-bottom: 12px;
        height: 160px;
        align-items: flex-start;
}
#fichaEventoTipoE,
#fichaEventoTitulo,
#fichaEventoInfo,
#fichaEventoRecinto,
#fichaEventoFechaHora,
#fichaEventoProvincia,
#fichaEventoMinPrecio,
#fichaEventoMaxPrecio,
#fichaEventoCalificacion,
#fichaEventoDuracion {
    float: left;
    width: 100%;
    padding: 0px 12px;
}
.FichaGeneral > div:first-child {
    display: flex!important;
    padding: 0px;
    padding-bottom: 52px;
}
#botonFicha {
    position: absolute;
    border-radius: 0px;
    width: 100%;
    bottom: 0px;
    right: 0px;
}
}*/

/*Seccion5*/
.seccion5a #NombreZona {
    display: none;
}
.seccion5a #Panel {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 20px;
    align-items: start;
}
.seccion5a #EncabezadoSesion {
    width: 100%;
}
.seccion5a #MapaZonas {
    width: 30%;
    height: 385px;
}
.seccion5a #ZonasMapa {
    width: 68%;
    min-height: 385px;
}
.seccion5a #CabeceraListaZonas {
    padding: 0px 8px;
}
@media only screen and (max-width: 1050px) {
    .seccion5a #MapaZonas {
        width: 100%;
        height: auto;
    }
    .seccion5a #ZonasMapa {
        width: 100%;
        min-height: unset;
    }
}

/*Encabezado sesion*/
#EncabezaSesionRecinto .CabeceraSesionTxtLinea2 {
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: normal;
}
#EncabezaSesionFechaHora .CabeceraSesionTxtLinea2 {
    font-weight: 400;
    font-size: 22px;
}
.CabeceraSesionTxtLinea1 {
    font-size: 22px;
    font-weight: bold;
}
#EncabezaSesionTitulo {
    padding-bottom: 8px;
}
#EncabezaSesionInfo #EncabezaSesionTipoE {
    display: block;
    font-size: 16px;
    margin-top: 0px;
}
#EncabezadoSesion {
    justify-content: start;
}
#EncabezadoSesion #EncabezaSesionImagen {
    margin-right: 20px;
}
@media only screen and (max-width: 480px) {
    #EncabezadoSesion #EncabezaSesionImagen {
        margin-right: 0px;
    }
}
/*Seccion 7*/
.seccion7 #bloqueEntradasAforo {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    row-gap: 12px;
    column-gap: 0px;
}
.seccion7 #planoCabecera {
    margin-right: 2%;
    width: 28%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seccion7 #bloqueConcesiones {
    width: 70%;
}
.seccion7 div#bloqueEntradasSeleccionadasAmpliado {
    margin-top: 0px;
    width: 100%;
    max-height: unset;
    padding: 16px;
    gap: 16px;
}
.seccion7 #bloqueAcreditaConcesiones:empty {
    display: none;
}
@media only screen and (max-width: 1050px) {
    .seccion7 #bloqueLiteralUbicacion {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 480px) {
    #bloqueEntradasSeleccionadasAmpliado:before {
        margin-bottom: 0px;
    }
}
/*Mensaje emergente*/
#botoneraEtiquetas {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
@media only screen and (max-width: 768px) {
    #bloqueEtiquetas #CajaEtiquetas {
        width: 90%;
    }
}
@media only screen and (max-width: 480px) {
    #botoneraEtiquetas button {
        width: 100%;
        margin: 0px;
    }
}
/*Plantillas precios*/
#wrapper.BLOQUEUNICO #bloqueLeyendaPlantillas {
    border-bottom: none;
    margin-bottom: 0px;
}
/*Calendario*/
.cabeceraDiaSemana,
.CajaSemana,
.cabeceraDiaMes,
.cabeceraDiaMesDeshabilitado, 
.cajaDiaDeshabilitado {
    border: none;
}
#ModoNormalCalendario #MensajeInicialCalendario {
    height: auto;
    font-weight: 400;
    font-size: 32px;
}
#NavegacionMesCalendario {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 0px;
    margin-top: 24px;
    margin-bottom: 12px;
    align-items: center;
}
/*Seccion4c Zona Abonado*/
.seccion4c #cabeceraDatosHJ,
.seccion4c-c #cabeceraDatosHJ {
    margin-bottom: 0px;
}
.seccion4c #ContenedorBoton,
.seccion4c-c #ContenedorBoton {
    margin-bottom: 0px;
}
.seccion4c #AccesoAbonado p,
.seccion4c-c #AccesoAbonado p {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.seccion4c #AccesoAbonado label,
.seccion4c-c #AccesoAbonado label {
    width: 100%;
    text-align: left;
    max-width: 300px;
    margin: auto;
    height: auto;
    line-height: normal;
}
.seccion4c #AccesoAbonado input,
.seccion4c-c #AccesoAbonado input {
    width: 100%;
    max-width: 300px;
    margin: auto;
}
.seccion4c #AceptarAbonado, 
.seccion4c #CancelarAbonado,
.seccion4c-c #AceptarAbonado, 
.seccion4c-c #CancelarAbonado {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 12px;
}
.seccion4c #AceptarAbonado input,
.seccion4c #CancelarAbonado input,
.seccion4c-c #AceptarAbonado input,
.seccion4c-c #CancelarAbonado input {
    width: 100%;
    max-width: 300px;
}
.seccion4c #tituloZonaAbonado,
.seccion4c-c #tituloZonaAbonado {
    line-height: normal;
    height: auto;
    margin-bottom: 12px;
}
/*Datos abonado seccion1c*/
.seccion1c #DatosAbonado {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #075050;
    text-align: left;
    margin: 0px;
    padding: 16px;
    column-gap: 24px;
    row-gap: 12px;
}
.seccion1c #DatosAbonado #CodigoAbonado {
    float: unset;
    width: auto;
    height: auto;
    line-height: normal;
}
.seccion1c #DatosAbonado #NombreAbonado {
    float: unset;
    width: auto;
}
.seccion1c #DatosAbonado #NifAbonado {
    float: unset;
    width: auto;
}
.seccion1c #DatosAbonado #DireccionAbonado {
    float: unset;
    width: auto;
}
.seccion1c #DatosAbonado #EmailAbonado {
    float: unset;
    width: auto;
}
.seccion1c #DatosAbonado #TlfAbonado {
    float: unset;
    width: auto;
}
.seccion1c #DatosAbonado font {
    margin: 0px;
    padding: 0px;
}
.seccion1c #DatosAbonado p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}
.seccion1c #ZonaResumenCompraOperaciones {
    margin-top: 0px;
}
@media only screen and (max-width: 480px) {
    .seccion1c #DatosAbonado #TlfAbonado,
    .seccion1c #DatosAbonado #EmailAbonado,
    .seccion1c #DatosAbonado #DireccionAbonado,
    .seccion1c #DatosAbonado #NifAbonado,
    .seccion1c #DatosAbonado #NombreAbonado,
    .seccion1c #DatosAbonado #CodigoAbonado {
        width: 100%;
    }
}

/*Color tipo menu agencia*/
@media only screen and (max-width: 1050px) {
    .menuAgencia .opcionAgencia, 
    #opcionAgencia1 .opcionAgencia {
        color: #3a3a3a;
    }
}
/*Icono de Favoritos*/
.FichaGeneral #fichaEventoFavAgencia {
    background-color: transparent;
}

/*Listado de entradas reservadas/bloqueadas*/
.seccion4c1 .agrupaAbonadoTitulo {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
}
.seccion4c1 .operacionesAbonado {
    height: auto;
    margin: 0px;
    background-color: white;
    padding: 12px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}
.seccion4c1 .operacionesAbonadoFechaOperacion,
.seccion4c1 .operacionesAbonadoCaducidad,
.seccion4c1 .operacionesAbonadoNombre,
.seccion4c1 .operacionesAbonadoBloque,
.seccion4c1 .operacionesAbonadoZona,
.seccion4c1 .operacionesAbonadoFila,
.seccion4c1 .operacionesAbonadoButacas  {
    width: 20%;
    text-align: center;
    justify-content: center;
    display: flex;
    white-space: pre-wrap;
    overflow: unset;
}
.seccion4c1 .operacionesAbonadoAcceso {
    width: auto;
    min-width: 100%;
    border: none;
    margin: 0px!important;
    padding: 12px 8px!important;
    border-bottom: 1px solid #d2d2d2;
}
.seccion4c1 .operacionesAbonadoZona {
    display: block;
}
.seccion4c1 #operacionesAbonadoAcceso {
    display: none;
}
.seccion4c1 .agrupaAbonado > .operacionesAbonado:first-child {
    font-weight: bold;
    font-size: 14px;
}
.seccion4c1 div#operacionesAbonadoCabecera0 {
    border-bottom: 1px solid #d2d2d2;
}
.seccion4c1 #ZonaAbonado {
    margin-top: 0px;
}
.seccion4c1 #ContenedorBoton {
    margin-bottom: 20px;
}
.seccion4c1 .operacionesAbonadoCaducidad {
    display: none;
}
.seccion4c1 .agrupaAbonado .butacasResumenColumnas {
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
    .seccion4c1 div#operacionesAbonadoCabecera0 {
        display: none;
    }
    .seccion4c1 .operacionesAbonado {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    .seccion4c1 .operacionesAbonadoFechaOperacion, 
    .seccion4c1 .operacionesAbonadoCaducidad, 
    .seccion4c1 .operacionesAbonadoNombre, 
    .seccion4c1 .operacionesAbonadoBloque, 
    .seccion4c1 .operacionesAbonadoZona, 
    .seccion4c1 .operacionesAbonadoFila, 
    .seccion4c1 .operacionesAbonadoButacas {
        text-align: left;
        justify-content: flex-start;
        white-space: nowrap;
        width: auto;
    }
    .seccion4c1 .agrupaAbonado .butacasResumenColumnas {
        flex-wrap: nowrap;
    }
    .seccion4c1 .operacionesAbonadoFechaOperacion:before {
        content: 'Fecha de operación:';
        font-weight: bold;
        margin-right: 8px;
    }
    .seccion4c1 .operacionesAbonadoCaducidad:before {
        content: 'Fecha de caducidad:';
        font-weight: bold;
        margin-right: 8px;
    }
    .seccion4c1 .operacionesAbonadoNombre:before {
        content:'Operaciones fuera de abono:';
        font-weight: bold;
        margin-right: 8px;
    }
    .seccion4c1 .operacionesAbonadoZona:before {
        content:'Zona:';
        font-weight: bold;
        margin-right: 8px;
    }
    .seccion4c1 .operacionesAbonadoBloque:before {
        content:'Bloque:';
        font-weight: bold;
        margin-right: 8px;
    }
    .seccion4c1 .operacionesAbonadoButacas:before {
        content:'Butacas:';
        font-weight: bold;
        margin-right: 8px;
    }
}
/*Calendario Seccion1h*/
.seccion1h .cabeceraDiaMes {
    background-color: #075050;
    text-align: center;
}
.seccion1h #MensajeInicialCalendario {
    display: none;
}
.seccion1h .cajaDiaMes {
    border:none;
    padding: 4px;
}
.seccion1h .cajaSesion {
    width: 100%;
    border: 1px solid #1a1a1a;
    padding: 4px;
    background-color: white;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: normal;
    height: auto;
    min-height: unset;
    margin-bottom: 4px;
}
@media only screen and (max-width: 1050px) {
    .seccion1h .cajaDiaMes {
        width: 13.87%!important;
    }
}
/*Catrazo 1a Visible*/
.seccion1c #cabeceraDatosHJ,
.seccion8a-c #cabeceraDatosHJ,
.seccion8a #cabeceraDatosHJ {
    display: block;
}
/*Fichas de evento*/
.seccion1a #zonaDatos {
    width: 100%;
    margin: 0px;
    margin-top: 16px;
}
.seccion1a #Panel {
    gap: 24px;
}
/*Elimina boton Mejorar*/
button#butt_operacionesAbonadoMejora0 {
    display: none;
}
/*Cambios solo OFGC*/
.seccion1c3 #NavegaVentaCombinada .CajaCriterio {
    width: 100%;
}
/*Correcciones de VC*/
.seccion4c1 .operacionesAbonado {
    flex-wrap: wrap;
}
.AbonoCarta .VCPropiedadesCriterios {
    height: auto;
    line-height: normal;
    margin-left: 0px;
}
.AbonoCarta .CriteriosVCobliga {
    padding-bottom: 12px;
}
.MensajesVentaCombinadaCaja {
    margin-bottom: 0px;
}
div#ListaFormasPago {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}
div#SeleccionaDatosDePago {
    width: 100%;
}
.seccion8a .tipoIntervinientePrivacidad, 
.seccion8a .tipoIntervinienteCondiciones {
    margin-top: 0px;
}
.marcadoFP input {
    background-color: #008a8a!important;
    border-color: #008a8a!important;
    color: #fff!important;
}
#wrapper.VentaCombinada .seccion8a-c #EncabezadoSesion {
    display: flex;
}
div#DatosAbonado {
    background-color: white;
    color: #3a3a3a;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
div#DatosAbonado font:before {
    display: none;
}
div#DatosAbonado > div {
    height: auto;
    line-height: normal;
    width: auto;
}
.seccion8a-c #ZonaResumenCompraOperaciones,
.seccion9-c #ZonaResumenCompraOperaciones {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0px;
}
.seccion8a-c #wrapper.VentaCombinada #EncabezadoSesion,
.seccion9-c #wrapper.VentaCombinada #EncabezadoSesion {
    display: flex;
    padding: 15px;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #d2d2d2;
}
.seccion8a-c #ZonaResumenCompraOperaciones .cabeceraDetalleButaca,
.seccion9-c #ZonaResumenCompraOperaciones .cabeceraDetalleButaca {
    border-bottom: 1px solid #d2d2d2;
}
@media only screen and (max-width: 1050px) {
    .seccion8a-c #ZonaResumenCompraOperaciones .cabeceraDetalleButaca,
    .seccion9-c #ZonaResumenCompraOperaciones .cabeceraDetalleButaca {
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
    }
    #camposPago5 {
        width: 45%!important;
    }
    #ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child, #ZonaResumenCompraOperaciones #imgEncabezaSesion {
        display: block!important;
    }
}
@media only screen and (max-width: 480px) {
    div#DatosAbonado > div {
        width: 100%;
    }
    #camposPago5 {
        width: 100%!important;
    }
}
/*Resumen de VC*/
#NavegaVentaCombinada {
    margin: 0px;
    width: 100%;
    gap: 0px;
    margin-bottom: 20px;
}
.seccion5 #OpcionesVentaCombinada, 
.seccion5 #NavegaVentaCombinada .CajaCriterio, 
.seccion5 #botoneraVC,

.seccion5a #OpcionesVentaCombinada, 
.seccion5a #NavegaVentaCombinada .CajaCriterio, 
.seccion5a #botoneraVC,

.seccion6 #OpcionesVentaCombinada, 
.seccion6 #NavegaVentaCombinada .CajaCriterio, 
.seccion6 #botoneraVC,

.seccion7 #OpcionesVentaCombinada, 
.seccion7 #NavegaVentaCombinada .CajaCriterio, 
.seccion7 #botoneraVC {
    display: none;
}
#ZonaResumenCompraOperaciones .cabeceraDetalleButaca {
    border-bottom: 1px solid #d2d2d2;
}
@media only screen and (max-width: 1050px) {
    #NavegaVentaCombinada {
        margin-bottom: 0px;
    }
    .seccion5 #Panel,
    .seccion5a #Panel,
    .seccion6 #Panel,
    .seccion7 #Panel {
        gap: 12px;
    }
}
/*Corrige el num de operacion - Compra realizada*/
font#datoNumOperacion {
    width: 100%;
    display: block;
    word-wrap: break-word;
    line-height: normal;
    font-size: 14px;
    color: #008a8a;
}
/*Elimina columna precio-aforo*/
.seccion5 .ListaZonasPrecio, 
.seccion5 .ListaZonasAforo,
.seccion5a .ListaZonasPrecio, 
.seccion5a .ListaZonasAforo {
    display: none;
}
/*Resumen de compra*/
.seccion8a-c #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion9-c #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion8a #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion9 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion8 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion10 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen {
    display: none;
}
.seccion8a-c #EncabezaSesionInfo #EncabezaSesionTipoE,
.seccion9-c #EncabezaSesionInfo #EncabezaSesionTipoE,
.seccion8a #EncabezaSesionInfo #EncabezaSesionTipoE,
.seccion9 #EncabezaSesionInfo #EncabezaSesionTipoE,
.seccion8 #EncabezaSesionInfo #EncabezaSesionTipoE,
.seccion10 #EncabezaSesionInfo #EncabezaSesionTipoE {
    display: none;
}
.seccion8a-c div#EncabezadoSesionHJ,
.seccion9-c div#EncabezadoSesionHJ,
.seccion8a div#EncabezadoSesionHJ,
.seccion9 div#EncabezadoSesionHJ,
.seccion8 div#EncabezadoSesionHJ,
.seccion10 div#EncabezadoSesionHJ {
    display: none;
}
.seccion8a-c #EncabezaSesionFechaHora,
.seccion9-c #EncabezaSesionFechaHora,
.seccion8a #EncabezaSesionFechaHora,
.seccion9 #EncabezaSesionFechaHora,
.seccion8 #EncabezaSesionFechaHora,
.seccion10 #EncabezaSesionFechaHora {
    text-align: center;
}
.seccion8a-c #ZonaResumenCompraOperaciones,
.seccion9-c #ZonaResumenCompraOperaciones,
.seccion8a #ZonaResumenCompraOperaciones,
.seccion9 #ZonaResumenCompraOperaciones,
.seccion8 #ZonaResumenCompraOperaciones,
.seccion10 #ZonaResumenCompraOperaciones {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.seccion8a-c div#CarritoTitulo,
.seccion9-c div#CarritoTitulo,
.seccion8a div#CarritoTitulo,
.seccion9 div#CarritoTitulo,
.seccion8 div#CarritoTitulo,
.seccion10 div#CarritoTitulo {
    width: 100%;
}
.seccion8a-c .AbonoCarta,
.seccion9-c .AbonoCarta,
.seccion8a .AbonoCarta,
.seccion9 .AbonoCarta,
.seccion8 .AbonoCarta,
.seccion10 .AbonoCarta {
    width: 45%;
}
@media only screen and (max-width: 1050px) {
    .seccion8a-c #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion9-c #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion8a #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion9 #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion8 #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion10 #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion8a-c #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion9-c #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion8a #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion9 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion8 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion10 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen {
        display: none!important;
    }
}
@media only screen and (max-width: 768px) {
    .seccion8a-c .AbonoCarta,
.seccion9-c .AbonoCarta,
.seccion8a .AbonoCarta,
.seccion9 .AbonoCarta,
.seccion8 .AbonoCarta,
.seccion10 .AbonoCarta {
    width: 100%;
}
}
@media only screen and (max-width: 480px) {
    .seccion8a-c #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion9-c #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion8a #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion9 #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion8 #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion10 #ZonaResumenCompraOperaciones #imgEncabezaSesion,
    .seccion8a-c #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion9-c #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion8a #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion9 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion8 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen,
.seccion10 #wrapper.VentaCombinada .Operacion #EncabezadoSesion #EncabezaSesionImagen {
        width: 100%;
        margin-right: 0px;
        display: none!important;
}
}
/**Consulte sus entradas**/
.seccion1 .misComprasFechaSesion, 
.seccion1 .misComprasEntradasPendientes {
    display: none;
}
.seccion1 #cabeceraMisCompras {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    line-height: normal;
}
.seccion1 .detalleMisCompras {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    line-height: normal;
    height: 40px;
}
.seccion1 .detalleMisCompras .bgTdTitulo {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.seccion1 #EPconsulta #cabeceraMisCompras > div,
.seccion1 #EPconsulta .detalleMisCompras .bgTdTitulo > div {
    width: 20%!important;
    min-width: unset!important;
}
@media only screen and (max-width: 1050px) {
    .seccion1 .misComprasEntradas {
        display: block!important;
    }
}
@media only screen and (max-width: 768px) {
    .seccion1 #EPconsulta #cabeceraMisCompras {
        display: none;
    }
    .seccion1 .misComprasFechaOperacion:before {
        content: 'Fecha de compra:';
        margin-right: 8px;
        font-weight: bold;
    }
    .seccion1 .misComprasEntradas:before {
        content: 'Entradas:';
        margin-right: 8px;
        font-weight: bold;
    }
    .seccion1 .misComprasRecinto:before {
        content: 'Recinto:';
        margin-right: 8px;
        font-weight: bold;
    }
    .seccion1 .misComprasEvento:before {
        content: 'Evento';
        margin-right: 8px;
        font-weight: bold;
    }
    .seccion1 #EPconsulta .detalleMisCompras .bgTdTitulo {
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }
    .seccion1 #EPconsulta .detalleMisCompras .bgTdTitulo > div {
        text-align: left;
        font-size: 16px;
        width: auto!important;
    }
    .seccion1 .detalleMisCompras {
        height: auto;
    }
    .seccion1 #EPconsulta .detalleMisCompras .bgTdTitulo .misComprasBoton {
        width: 100%!important;
    }
    .seccion1 #EPconsulta .detalleMisCompras .bgTdTitulo .misComprasBoton button {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .detalleMisCompras #butt_bSelectOperacion {
        font-size: inherit!important;
        padding-left: inherit!important;
        padding-right: inherit!important;
    }
}
/*****/
#o_on {
    color: #1a1a1a;
}
#numeroReferenciaCompra, 
#datoNumOperacion, 
#datoNumAutorizacion, 
#datoNumComercio {
    color: #008a8a;
}
/*****/
.seccion10 .detalleButacaImporte, 
.seccion10 .detalleButacaComision, 
.seccion10 .detalleButacaTotal {
    display: none;
}
.seccion10 .cabeceraDetalleButaca > div, 
.seccion10 .detalleButaca > div {
    width: 25%;
    min-width: unset;
}
div#CajaOpcionesImpresion0 {
    margin-top: 12px;
}
.seccion10 .cabeceraDetalleButaca, 
.seccion10 .detalleButaca {
    justify-content: flex-start;
}
.seccion10 #ZonaResumenCompraOperaciones img#imgEncabezaSesion {
    height: auto;
    margin-bottom: 0px;
}
@media only screen and (max-width: 1050px) {
    .seccion10 .detalleButacaImporte, 
    .seccion10 .detalleButacaComision,
    .seccion10 .detalleButacaTotal {
        display: none!important;
    }
    .seccion10 #ZonaResumenCompraOperaciones #imgEncabezaSesion {
        display: block!important;
    }
}
@media only screen and (max-width: 480px) {
    div#CajaOpcionesImpresionVirtual0, 
    div#CajaOpcionesImpresionVirtual0 button {
        width: 100%;
    }
    /*Catrazo 1a Visible*/
.seccion8a-c #cabeceraDatosHJ,
.seccion8a #cabeceraDatosHJ {
    display: none;
}
}
/*Elimina subnav*/
#subnav {
    display: none;
}
@media only screen and (max-width: 1050px) {
    #subnav {
        display: none!important;
    }
}

/*Elimina Seleccione butaca y conciertos de ficha abono*/
.seccion1c .fichaVCCriterioNombre {
    display: none;
}

/*Imagen de Abono*/
.fichaVentaCombinada > div:before {
    content: '';
    width: 290px;
    height: 160px;
    float: left;
    background-image: url('https://cdn.janto.es/pro/mg/recursos/img/20250714150635_1752498395.1817top5.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
@media only screen and (max-width: 480px) {
    .fichaVentaCombinada > div {
        display: flex;
        flex-direction: column;
    }
    .fichaVentaCombinada > div:before {
        margin-right: 0px;
        width: 100%;
    }
    #fichaVCPortada {
        order: 1;
        width: 100%;
        margin-bottom: 12px;
    }
    .fichaVCNombre {
        order: 2;
        margin-top: 8px;
    }
    .fichaVCDescripcion {
        order: 3;
    }
    .fichaVCMensaje {
        order: 4;
    }
    .fichaVCCriterio {
        order: 5;
    }
}