/*** Sitio: Cines Axion Reus ***/
#menu, #menupie, .passbook>a, .sin-socio, .botones-resumen {
    display: none;
}

.entre-hr {
    zoom: 50%;
}

#pie-institucional {
    zoom: 50%;
    flex-direction: row;
}

.info-sesion, .loc, .titulo-numop {
    color: #222;
}

.titulo-numop {
    border-right: 1px solid #222;
}

.titulo-uso{
    page-break-before: always;
}

.resultado {
	width:100%;
	padding: 3rem 10%;
}

.bloque-resumen {
    display: flex;
}

.resumen-compra:not(.con-info-adicional) {
	display: grid;
	grid-template-areas: "inf loc"
			"des des"
			"det det";
	grid-template-columns: 50% 50%;
} 

.resumen-compra.con-info-adicional {
	display: grid;
	grid-template-areas: "inf inf"
			"des des"
			"det det";
	grid-template-columns: 50% 50%;
}

.resumen-peli {
	grid-area: inf;
	background-color: #fff;
}

.localizador {
	grid-area: loc;
	background-color: #fff;
}

.botones-resumen {
	grid-area: btn;
}

.desglose-compra {
	grid-area: des;
	/*background-color: #3f4d94;*/
margin-right: 5px;
}

.detalle-compra {
	grid-area: det;
	/*background-color: #e7453d;*/
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.titulo-resumen, .titulo-localizador, .titulo-desglose, .titulo-detalle {
    font-family: "Bebas Neue", sans-serif;
    color: #3f4d94;
    font-size: 1.5em;
    margin-bottom: 1rem;
    text-align: left;
    padding: 0 10px !important;
    border-bottom: 1px solid #bbb;
   /*font-size: x-large;
    font-weight: bold;
    border-bottom: 2px solid #3c3c3c;*/
}

.titulo-resumen:before, .titulo-localizador:before, .titulo-desglose:before, .titulo-detalle:before{
content: url('img/ea.svg');
display: inline-block;
width: 20px;
margin: 0px 10px;
}

.titulo-barra {
    /*text-align: left;
    font-size: larger;
    font-weight: 600;
	padding-bottom: 0;*/
font-family: "Bebas Neue", sans-serif;
color: #3f4d94;
font-size: 1.5em;
margin-bottom: 1rem;
text-align: left;
padding: 0 10px !important;
border-bottom: 1px solid #bbb;
}

.titulo-uso {
    /*font-size: larger;
    font-weight: bold;
    text-align: left;*/
font-family: "Bebas Neue", sans-serif;
color: #3f4d94;
font-size: 1.5em;
margin-bottom: 1rem;
text-align: left;
padding: 0 10px !important;
border-bottom: 1px solid #bbb;
}

.titulo {
    text-align: left;
    font-size: xx-large;
    font-weight: bold;
	margin-bottom: 1rem;
	color: #fff;
}

.resumen {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 50%;
}

.resumen > div {
    margin-bottom: 0.5rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #bbb;
}

.resumen-peli .img-v {
    position: relative;
    float: left;
}

.resumen-peli .img-v > img {
    width: 97px;
    /*height: 139px;*/
}

.titulo-peli {
    /*color: #333;
    font-size: x-large;
    font-weight: bold;*/
font-family: "Bebas Neue", sans-serif;
color: #3f4d94;
font-size: 1.5em;
margin-bottom: 1rem;
}

.resumen-peli .contenido {
    position: relative;
    float: left;
    text-align: left;
    padding-left: 1rem;
}

.resumen-peli .contenido .titulo {
    font-size: medium;
    font-weight: normal;
    margin-bottom: 1rem;
	color: #333;
}

.resumen-peli .contenido .info-sesion {
    padding-bottom: 0.5rem;
    display: flex;
    column-gap: 4px;
}

.resumen-peli .contenido .info-sesion div {
    padding: 4px;
    border-radius: 6px;
}

.resumen-peli .contenido .info-sesion .sesion-fecha {
   /* background-color: #ff7d7d;
    color: #222;*/
    background-color: #3f4d94;
    color: #ffffff;
}

.resumen-peli .contenido .info-sesion .sesion-hora {
    /*background-color: #9dffa0;
    color: #222;*/
    background-color: #3f4d94;
    color: #ffffff;
}

.resumen-peli .contenido .info-sesion .sesion-sala {
    /*background-color: #7d81ff;
    color: #222;*/
    background-color: #3f4d94;
    color: #ffffff;
}

.resumen-peli .contenido .num-ent {
    /*font-size: large;
    font-weight: bold;
    color: #00d900;*/
    padding-left: 0.5rem;
font-size: large;
font-weight: bold;
color: #d6342e;
}

.bloque-localizador {
    background-color: #ebebeb;
    margin-top: 20px;
}

.passbook {
    /*width: 100%;*/
    text-align: center;
position:relative;
float:right;
}

.passbook img {
	width: 150px;
}
.qr{
    width:35%;
}
.loc {
    font-size: larger;
    font-weight: bold;
    border-radius: 6px;
    border: 2px solid #3c3c3c;
   /* margin: 0 30%;*/
    background-color: #3f4d94;
    color: #fff;
position:relative;
float:left;
}

.botones-resumen {
    /*display: flex;
    justify-content: center;
	column-gap: 10px;
	background-color: #fff;*/
width:100%;
}

.botones-resumen .btn {
    /*cursor: pointer;
    border: 1px solid #666;
    flex-basis: 50%;
    font-size: medium;
    background-color: #fff;*/

border: 0px;
border-radius:0px;
font-size: 1em !important;
font-family: "Bebas Neue", sans-serif !important;
padding: .5rem .75rem !important;
width:40%;
background-color: #eacf38;
margin:0px 5px;
color:#3f4d94;
}

.botones-resumen .btn:hover {
    color:#ffffff;
    /*border: 1px solid #666;
    background-color: #ff0000;
    color: #fff;
    font-weight: bold;*/
}

table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
	border: 0;
}

th, td {
	border: 0px !important;
}

th {
	padding: 2px 6px !important;
}

td {
	padding: 0px 6px !important;
}

.desglose-compra > div > table > thead {
    background-color: #ffffff;
}

.con-barra {
    padding: 0 !important;
}

.desglose-compra li {
    list-style: disc;
    margin-left: 2.5rem;
	text-align: left;
}

.aviso-dtos {
    /*background-color: #fff;
    margin-top: 1rem;*/
color: #fff;
background-color: #d6342e;
font-size: small;
text-align: justify;
padding: 6px;
margin-bottom: 6px;
}

.titulo-numop {
    background-color: #434f92;
    color: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 40%;
}

.titulo-numop > span {
    font-size: x-large;
}

.detalle {
    background-color: #fff;
	text-align: right;
	flex: 0 0 60%;
}

.etiq-total {
    font-size: small;
    font-weight: bold;
}

.imp-total {
    font-size: xx-large;
    font-weight: bold;
}

.imp-total > span {
    font-size: xxx-large;
}

.imp-importe > span, .imp-gastos > span, .imp-barra > span, .fecha-compra > span {
    font-weight: bold;
}

.etiq-total, .imp-importe, .imp-gastos, .imp-barra, .info-iva {
    padding-bottom: 0 !important;
}

.pie-detalle {
	display: flex;
    width: 100%;
}

.sin-socio > input {
	padding: 6px;
}

.sin-socio > button {
	/*cursor: pointer;
	padding: 6px;
    background-color: #e2cd52;
    color: #333;*/
cursor: pointer;
border: 0px;
border-radius: 0px;
font-size: 1em !important;
font-family: "Bebas Neue", sans-serif !important;
padding: .5rem .75rem !important;
width: 40%;
background-color: #eacf38;
margin: 0px 5px;
color: #3f4d94;
}
.sin-socio > button:hover {
    color:#ffffff;
}