/*---------TIPOGRAFIAS-----------*/

@font-face{
	font-family:"Poppins";
	src: url(../fonts/Poppins-Regular.ttf);
	font-style: normal;
	font-weight: 400;
}

@font-face{
	font-family:"Poppins";
	src: url(../fonts/Poppins-Medium.ttf);
	font-style: medium;
	font-weight: 500;
}

@font-face{
	font-family:"Poppins";
	src: url(../fonts/Poppins-Bold.ttf);
	font-style: bold;
	font-weight: 600;
}

@font-face{
	font-family:"Poppins";
	src: url(../fonts/Poppins-ExtraBold.ttf);
	font-style: black;
	font-weight: 800;
}


@font-face{
	font-family:"Poppins";
	src: url(../fonts/Poppins-LightItalic.ttf);
	font-style: italic;
	font-weight: 300;
}


/*---------COLORES-----------*/

:root{
    /*----BACKGROUND COLOR----*/
    --bg-body: rgb(2,0,36);
    --bg-pag: white;
    --bg-pag-active: black;
    --bg-navbar: white;
    --bg-ticket: rgba(255,0,69,1);
    --bg-ticket-hover: rgba(119,0,255,1);
    --bg-ticket-free: rgb(179, 47, 255);
    --bg-ticket-free-hover: rgb(60, 255, 0);
    --bg-procesados-qr: white;
    --bg-table-tr: white;
    --gradiente-body: linear-gradient(190deg, rgba(2,0,36,1) 0%, rgb(63, 60, 56) 100%);
    --gradiente-ticket: linear-gradient(90deg, rgba(119,0,255,1) 0%, rgba(255,0,69,1) 100%);
    --gradiente-ticket-hover: linear-gradient(90deg, rgba(255,0,69,1) 0%, rgba(119,0,255,1) 100%);
    --gradiente-ticket-free: linear-gradient(90deg, rgb(25, 0, 255) 0%, rgb(60, 255, 0) 100%);
    --gradiente-ticket-edit: linear-gradient(90deg, rgb(255, 208, 0) -20%, rgb(255, 0, 242) 100%);
    --gradiente-ticket-edit-hover: linear-gradient(90deg, rgb(255, 208, 0) 10%, rgb(255, 0, 242) 150%);
    --gradiente-total: linear-gradient(-70deg, rgba(119,0,255,1) -3%, rgba(255,0,69,1) 72%);

    /*----LETRAS COLOR----*/
    --tex-navbar: black !important;
    --tex-navbar-hover: gray !important;
    --texto: black;
    --texto-btn: white;
    --tex-pag: black;
    --titulo-free: black;
    --cab-evento: black;
    --tex-btn-claro: black;
    --tex-fondo: rgba(243, 213, 43, 0.5);
    --tex-table-first: darkgray;

    /*-----BORDES----*/
    --bord-table-td: #ddd;
    --gradiente-card: linear-gradient(to bottom, rgba(119,0,255,1) 0%, rgba(255,0,69,1) 100%);
    --linea-card: rgba(100,100,100,0.1);

    /*---SOMBRAS---*/
    --sw-card-hover: rgba(0, 0, 0, 1);

    /*---COLORES----*/
    --danger: red;


    







}


/*------ESTILO COMPLETO-----------*/

html {
    background: var(--bg-body);
    background: var(--gradiente-body);
}

body {
    font-family: 'Poppins',  sans-serif !important; 
    font-weight: 400; 
    letter-spacing: 0.5px;
    background: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: calc(100vh + 10em)
    
}

.text-fondo{
	writing-mode: vertical-lr;
    transform: scale(-1, -1);
    display: block;
    position: fixed;
    z-index: -10;
    color: transparent;
    font-size: 130px;
    font-weight: 800;
    -webkit-text-stroke: 1px var(--tex-fondo);
    right: -37px;
    top: 98px;
}

	

#ui-helper-hidden-accessible {
	display: none;
}

#ui-id-1 {
	background-color: cornflowerblue;
}

#ui-id-2 {
	background-color: cornflowerblue;
}

.control-imagen-index {
	overflow: hidden;
}

.navbar {
    background: var(--bg-navbar);
}

.nav-link{
    color: var(--tex-navbar);
}

.nav-link:hover{
    color: var(--tex-navbar-hover);
}


.navbar-brand img {
    width: 100%;
    max-width: 180px;
    max-height: 80px;
    padding: 10px 30px;
}


.alert-danger{
    color: red;
}

.errors{
    background-color: var(--danger);
    color: white;
    padding: 10px;
    margin: 10px auto;
    font-size: 14px;
    border-radius: 10px;
    width: 100%;
}

.errors li::marker {color: transparent !important;}


.pagination {
    margin-top: 20px;
}

.page-item.active .page-link {
    background-color: var(--bg-pag-active);
    border-color: var(--bg-pag-active);
}

.page-link {
    background-color: var(--bg-pag);
    border-color: var(--bg-pag);
	color: var(--tex-pag);
}

.margen {
	margin-left: 50px !important;
    margin-right: 50px !important;
}

.col-10{
    max-width: 300px;
}

.card{
	border: 0;
    border-radius: 0;
    overflow: hidden;
}

.card:hover {
    box-shadow: 0 5px 15px var(--sw-card-hover);
    border: 1px solid transparent;
    -moz-border-image: -moz-var(--gradiente-card);
    -webkit-border-image: -webkit-var(--gradiente-card);
    border-image: var(--gradiente-card);
    border-image-slice: 1;
    transition: all 0.3s ease-in-out;
}

a {
	text-decoration: none !important; 
}


.card-body {
    padding: 0.1rem 1rem;
}

a figure {
	width: 100%;
    display: block;
}

a figure img {
	width: 100%;
    display: block;
}

.control-imagen-index img{
	min-width: 100%;
    min-height: 100%;
}

.card-title {
    font-size: 22px;
    color: var(--texto);
    letter-spacing: -0.03em;
    height: 40px;
    margin: 15px 15px 0;
    font-weight: 600;
    background: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 25px;
    height: 2.3em;
    margin-bottom: 9px;
}

.fecha{
	font-size: 14px;
    font-weight: 500;
    color: var(--texto);
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 5px;
    margin: 0;
	border-top: solid 0.2px var(--linea-card);
}

.dire{
	font-size: 14px;
    font-weight: 500;
    color: var(--texto);
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 5px;
    margin: 0;
	border-top: solid 0.2px var(--linea-card);
}

.fa-location-dot, .fa-calendar-days, .fa-ticket, .fa-share{
	padding: 0 5px 0 0; 
}

.descripcion {
	font-size: 12px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--texto);
    white-space: nowrap;
    border-top: solid 0.2px var(--linea-card);
    padding: 10px 5px;
	text-transform: lowercase;
	margin: 0;
}

.descripcion::first-letter{
	text-transform: uppercase;
}

.ticket {
	text-align: center;
    padding: 10px 5px;
    font-size: 12px;
	text-transform: uppercase;
	color: var(--texto-btn);
	background-color: var(--bg-ticket);
    background-image: var(--gradiente-ticket);
}

.hover-tick:hover .ticket {
    background: var(--bg-ticket-hover);
	transition: 0.3s ease-in-out;
}

.ticket:hover {
    background-image: var(--gradiente-ticket-hover);
	transition: 0.3s ease-in-out;
}

/* Free */
.ticket-free {
	text-align: center;
    padding: 10px 5px;
    font-size: 12px;
	text-transform: uppercase;
	color: var(--texto-btn);
	background-color: var(--bg-ticket-free);
    background-image: var(--gradiente-ticket-free);
}

.eti-gratis {
    position: absolute;
    top: 0;
    margin: auto;
    width: 100%;
    background: yellow;
    color: var(--titulo-free);
    font-weight: 800;
    letter-spacing: -0.03em;
    text-align: center;
}

.hover-tick:hover .ticket-free {
    background: var(--bg-ticket-free-hover);
	transition: 0.3s ease-in-out;
}


/* edit */
.ticket-edit {
	text-align: center;
    padding: 10px 5px;
    font-size: 12px;
	text-transform: uppercase;
	color: var(--texto-btn);
	background-color: rgb(183, 0, 255);
    background-image: var(--gradiente-ticket-edit);
    display: flex;
    justify-content: center;
}


.ticket-edit:hover {
    background-image: var(--gradiente-ticket-edit-hover);
	transition: 0.3s ease-in-out;
    color: var(--texto-btn);
}

.contacto {
	text-align: center;
    padding: 10px 5px;
    font-size: 12px;
	text-transform: uppercase;
	color: var(--texto-btn) !important;
	background-color: rgb(0, 0, 0);
    justify-content: right;
    padding: 10px 20px;
}

.compartir {
    display: block;
	text-align: center;
    font-size: 12px;
	text-transform: uppercase;
	color: var(--texto-btn) !important;
	background-color: rgb(0, 0, 0);
    justify-content: center;
    padding: 10px 20px;
}

.ticket-edit svg{padding: 0 8px 0 0;}
.contacto svg{padding: 0 8px;}
.compartir svg{padding: 0 8px;}


.contacto:hover {background-color: rgb(59, 59, 59); transition: 0.3s ease-in-out;}
.compartir:hover {background-color: rgb(59, 59, 59); transition: 0.3s ease-in-out;}

/*---------CREANDO EL EVENTO--------------*/


.flex{display: flex;}

.crear-entrada{background: var(--gradiente-body);}

.elim {
    height: unset !important;
    margin: unset !important;
    display: unset !important;
}

.fin {vertical-align: top;}

/*--------------CARRITO------------*/

.car-even{height: 89vh;}
.car-even-free{height: 140vh;}

.cabecera-ev{
    border-top: #c5c5c5 1px solid;
    border-bottom: #c5c5c5 1px solid;
    margin-top: 21px;
    margin-bottom: 20px;
    height: 6.6em;
}

.cabecera-ev div:first-child {
    width: 66%;
    padding: 2%;
    border-right: #c5c5c5 1px solid;
    float: left;
    height: 6.5em;
}

.cabecera-ev div:last-child {
    width: 27% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding: 2%;
    float: left;
    font-size: 20px;
    font-weight: 800;
    margin-left: 20px;
}
.cabecera-ev p{
    line-height: 2em;
    color: lightcoral;
    font-weight: 300;
}
.cabecera-ev .nombre-evento{
    color: var(--cab-evento);
    font-size: 2.5em;
    line-height: 1em;
    margin: 0;
    margin-top: 0;
    padding: 0;
}

.datos-ev{
    width: 100%;
}

.evento-muestra{   
    width: 30%;
    float: right;
    background: var(--texto-btn);
    padding: 15px 15px 30px;
}

.evento-muestra img{width: 100%;}
.evento-muestra p{
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    text-align: center;
    margin-top: 20px;
}
.evento-muestra a{
    background: #dadada;
    margin: auto;
    padding: 10px;
    display: block;
    width: 9em;
    text-align: center;
    color: var(--tex-btn-claro);
    border-radius: 5px;
}
.evento-muestra a:hover{
    background: #d13262;
    color: var(--texto-btn);
    transition: all 0.3s ease-in-out;
}

.even-gratis{
    width: 40%;
    max-width: 300px;
    position: absolute;
    background: var(--bg-pag);
    padding: 15px 15px 30px;
    top: 150px;
    right: 25%;
}


.cab-gratis {
    border-top: #c5c5c5 1px solid;
    border-bottom: #c5c5c5 1px solid;
    margin-top: 21px;
    margin-bottom: 20px;
    height: 6.6em;
    width: 40%;
    margin-left: 20%;
}




.cab-gratis div:first-child {
    width: 100%;
    padding: 2%;
    float: left;
    height: 6.5em;
}

.ticke-comprar{
    width: 66% !important;
    padding: 2% !important;
    background-color: #fff;
    float: left !important;
    margin-bottom: 30px;
}

.ticke-editar{
    width: 80% !important;
    padding: 2% !important;
    background-color: #fff;
    margin-bottom: 30px;
}

.ticke-editar .btn-success{
    display: block !important;
}


.ticke-comprar-free{
    width: 66% !important;
    padding: 2% !important;
    background-color: rgba(30, 20, 40, 0.9);
    float: left !important;
}

.ticke-comprar-free form{width: 80%; margin: auto; margin-top: 50px;}
.ticke-comprar-free .btn-danger {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
}

.carrito-fondo{
    background: none;
    padding: 0;
}
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: gray !important;
}

.alinear{
	margin: 15px auto;
}

.alinear td{
	border: 1px solid lightgray;
    padding: 20px;
}

.alinear td:first-child{
    border-left: 0;
}

.alinear td:last-child{
    text-align: center;
    border-right: 0;
}

td.proce {
    text-align: right !important;
}

.ticket-carrito tr:first-child{
	display: none;
}

.ticket-carrito tr:last-child{
	border: none;
}


.evento{
	background: rgb(240, 240, 240);
    margin: 0;
    max-width: 100% !important;
	padding: 50px 0;
}

td.tipo_ticket{
	font-size: 12px;
	text-align: left;
}

td.precio{
	font-size: 16px;
	text-align: left;
}

.evento th{
	padding: 15px;
}

.addToCartForm .btn{
    height: 60px;
    margin: auto;
    display: block;
}

.btn{margin-bottom: 30px;}

.btn .addtoCart{
	border: none;
    background: rgba(119,0,255,1);
    color: var(--texto-btn);
    width: 100%;
}

.btn .fas{margin-right: 10px;}

.btn .addtoCart:hover{
	background-image: var(--gradiente-ticket);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.cantidad select{
	cursor: pointer;
}


.form-group label{
    color: var(--texto-btn);
    margin: 10px 0;
}

input[type="checkbox"].form-control{
    cursor: pointer;
    appearance: auto;
    width: auto;
    position: relative;
    top: -7px;
    left: 7em;
    line-height: 1px;
    padding: 0px;
    margin: -11px;
    zoom: 200%;
}

.row .control-group { 
    width: 90%;
    margin: auto;
    margin-top: 50px;
}

.total{
    font-size: calc(3.1em + 1vw);
    text-align: center;
    font-weight: 300;
    color: var(--texto-btn);
    line-height: 50px;
    margin-bottom: 20px;
}


.total p{
    background: -webkit-var(--gradiente-total);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: rgba(255,0,69,1);
    font-weight: 800;
    font-size: 29px;
    width: 10%;
    min-width: 80px;
    margin: 50px auto 0;
}

div.seconds {
	margin: auto;
	color:rgb(255, 255, 255);
	background: var(--gradiente-ticket-hover);
	padding: 10px 20px;
    text-align: center;
    opacity: 1;
}
#seconds {
	display: inline-block;
}

#time {
    font-size: 50px !important;
}

#checkout{
    text-align: center;
}

#checkout div .addtoCart{
	border: none;
    background: rgba(119,0,255,1);
    color: var(--texto-btn);
    width: 100%;
}

#checkout div .addtoCart:hover{
	background-image: var(--gradiente-ticket);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

#checkout div {    
    width: 100%;
    max-width: 500px;
    margin: 30px auto;
}

/*-----INGRESO----*/
button.btn-ing{
    width: 80% !important;
    margin: 10px auto !important;
    display: block !important;
    border-radius: 0 !important; 
}

#passwordHelpBlock a{
    display: block !important;
    text-align: center !important;
    color: var(--texto-btn);
    background: darkslateblue !important;
    padding: 10px !important;
    width: 80% !important;
    margin: auto !important;
}

/*----------ESCANER QR ---------*/


div.fondo-oscuro-qr{
    background-color: rgba(25, 28, 30, 0.97);
    width: 70%;
    height: 80%;
    position: absolute;
    padding: 20px;
    top: 42%;
    transform: translateY(-50%);
    margin: 80px auto;
}


div.contenido-ingresar-qr{
	height: auto;
    background: none;
    box-shadow: none;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%;
    overflow: visible;
    border-radius: 15px;
	grid-template-columns: 1fr;
}

.contenido-ingresar-qr button.boton{
	font-size: 12px;
    width: auto;
    border-radius: 0;
    color: var(--texto-btn);
    margin: 5px auto;
    padding: 5px 8px;
}

.botonera {
	margin: 15px auto;
    width: 100%;
    height: 30px;
}

.escaner-fechas{
    width: 80%;
    text-align: center;
    display: block;
    margin: 50px auto;
}

input.fecha-qr{
    padding: 10px 15px;
    border-radius: 26px 0px;
    border: none;
    margin: 10px;
    outline: none;
	background: var(--texto-btn);
}

#qr-tipo-tique span.qr-ok{
	background-color: rgba(20, 245, 0, 0.575);
    color: var(--texto-btn);
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    border-radius: 0;
    top: 30px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 25px;
    padding-top: 20px;
}

#qr-cantidad span.qr-ok {
	background-color: rgba(20, 245, 0, 0.575);
    color: var(--texto-btn);
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    border-radius: 0;
    top: 30px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 25px;
}

#qr-cantidad span.qr-ok b{
    font-weight: 800;
}


#qr-datos span.qr-ok {
	background-color: rgba(20, 245, 0, 0.575);
    color: var(--texto-btn);
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    border-radius: 0;
    top: 30px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 25px;
    padding-bottom: 20px;
}


span.qr-no {
	background-color: #FF1A43;
    color: var(--texto-btn);
    padding: 0;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    top: 30px;
    display: block;
    width: 100%;
    text-align: center;
}

span.qr-may {
	background-color: #b300fa;
    color: var(--texto-btn);
    padding: 0;
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    top: 30px;
    display: block;
    width: 100%;
    text-align: center;
}

#qr-reader__dashboard_section_csr div button {
	background-color: #5b1ea1;
    color: #ffffff;
    font-weight: 300;
    font-size: 9px;
    padding: 5px 8px;
    margin: 2px 10px;
    width: auto;
    display: inline-block;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    outline: none;
    letter-spacing: 0.02em;
    z-index: 20;
}

#qr-reader__dashboard_section_swaplink {
	text-decoration: none;
    background-color: #5b1ea1;
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
    padding: 15px 20px;
    margin: 10px auto;
    width: auto;
    display: inline-block;
    border-radius: none;
    border: none;
    cursor: pointer;
    outline: none;
    letter-spacing: 0.02em;
    z-index: 20;
}

#qr-reader__scan_region {
    margin-top: 30px;
}

#qr-reader__scan_region img {
	background: var(--bg-pag);
    padding: 19px;
    border-radius: 25%;
    overflow: visible;
}

#qr-reader__filescan_input{
	width: 80% !important;
    color: var(--texto-btn);
}

#qr-reader__filescan_input{
	width: 80% !important;
    color: var(--texto-btn);
}


#qr-reader__dashboard_section_fsr span{
	color: var(--texto-btn);
    display: block;
	font-size: 12px;
    padding: 10px;	
}

a.logo-ingreso-qr {
	background-color: transparent;
	position: relative;
	min-height: 100px;
	height: 100%;
	min-width: 100%;
	z-index: 150;
	overflow: visible;
}

#logo-bg-qr {
	display: none;
}

#logo-chill-qr{
	z-index: 5;
    width: 60%;
    max-height: 140px;
    margin: auto;
    top: 16%;
    position: absolute;
    left: 50%;
    transform: translate(-50% , -50%);
}

.form-ingreso{
    color: white;
    text-align: center;
    margin: auto;
    width: 100%;
    display: block;
}

.formulario-ingreso{
    width: 100vw;
    text-align: center;
    margin: 50px auto;
    display: block;
    line-height: 40px;
}

.formulario-ingreso .titulo {
    width: 100%;
    text-align: center;
    margin: auto;
    display: block;
    line-height: 40px;
}

.formulario-ingreso button.boton{
    background: darkorchid;
    border: 0;
    padding: 3px 15px;
    color: white;
}

.mensaje{
    color: var(--texto-btn);
    width: 79%;
    margin: 50px auto;
    text-align: center;
    font-size: 1em;
    background: var(--bg-pag-active);
    padding: 20px;
    border-radius: 5%;
}

.vivo{
    display: block;
    width: 80%;
    text-align: center;
    margin: auto;
}

#fecha-eventos{
    font-size: 35px;
}

#codigo {
    width: 80%;
    margin: 20px;
    max-width: 500px;
}


/*-----------EDIT EVENTO-------------*/

.ticketType td:last-child {
    height: 45px;
}

.reporte {
    color: var(--texto-btn);
    margin: 40px auto;
    line-height: 40px;
    width: 100%;
}


/*--------------MEDIA QUERIES 1000 PX --------------------*/

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

    .margen {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }    

/*-----------tabla responsive-----*/
table.shopping {
    width: 100%;
	max-width: 800px;
    border-collapse: collapse;
    margin: 50px auto;
    padding: 0;
    table-layout: fixed;
}

table.shopping caption {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 8px 0px;
}


table.shopping th, table.shopping td {
    font-size: 16px;
    padding: 8px;
    border-bottom: 1px solid gray !important;
}


table.shopping td:first-child{
    text-align: center;
    margin-bottom: 20px;
}

.cabecera-ev {height: 8.5em;}
.cabecera-ev div:first-child{height: 8.5em;}
.car-even-free{height: 140vh;}

}

/*---------ESCANER QR 1000---*/

div.fondo-oscuro-qr{
	background-color: rgba(25, 28, 30, 0.97);
    width: 70%;
    height: auto;
    position: absolute;
    padding: 20px;
    margin: 80px auto;
}

div.contenido-ingresar-qr{
    width: 100%;
    
    overflow: visible;
    position: relative;
    transform: translateY(0%);
	margin-bottom: 20px;
}


/*--------------MEDIA QUERIES 600 PX --------------------*/

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

    .text-fondo{
        font-size: 78px;
        right: -37px;
        top: 98px;
    }

    .row{
        --bs-gutter-x: 0;
        margin-right: 0;
        margin-left: 0;
    }


    table.shopping {
        border: 0px;
		margin: auto;
    }
    table.shopping caption {
        font-size: 22px;
    }
    table.shopping thead {
        display: none;
    }
    table.shopping tr {
		margin-bottom: 8px;
		border: none;
		border-bottom: 4px solid #ddd;
		display: block;
		margin-top: 50px;
    }

	table.shopping tr:first-child {
		margin-top: 20px;

	}

    table.shopping th, table.shopping td {
        font-size: 16px;
    }
    table.shopping td {
		border: 0;
        display: block;
        border-bottom: 1px solid var(--bord-table-td);
        text-align: right;
    }


    table.shopping td::before {
        content: attr(data-title);
        font-weight: bold;
        float: left;
		margin-left: 0;
    }

	table.shopping td.precio {
        text-align: center;
		font-size: 16px;
    }

	table.shopping td.precio:first-child {
        margin-bottom: 0;
		font-weight: 600;
    }

	table.shopping td.tipo_ticket {
        text-align: center;
		font-size: 14px;
    }


    /*--CARD RESPONSIVE--*/

.margen .row{
    margin-top: 10px;
}

.col-10{
    width: 95%;
    margin-top: 5px;
    max-width: 95%;
}    

.hover-tick{
    flex-direction: row;
    display: flex;
}

.hover-tick a{
    justify-content: center;
}

.card a{
    display: flex;
    flex-direction: column;
}

.card a figure{
    flex: 0 0 auto;
    width: 100%;
    max-width: 150px;
    display: flex;
    margin-block: 0;
    margin-inline: 0;
}

.datos{
    flex: 0 0 auto;
    width: 58%;
}

.eti-gratis {
    width: 80%;
}

.card-title{
    font-size: 14px;
    height: 40px;
    margin: 8px 5px 0 11px;
    line-height: 15px;
    margin-bottom: 3px;
    text-align: left!important;
    height: 2em;
    margin-top: 30px;
}

.pago {    
    height: 2.5em !important;
    margin-top: 15px !important;
}

.card-body {
    padding: 0 0.5rem;
    flex: 0 0 auto;
    text-align: left!important;
}

.fecha{
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    margin: 0;
    border: none;
}

.dire{
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    margin: 0;
}

.descripcion{
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    margin: 0;
    margin-bottom: 5px;
}

.ticket{
    display: none;
}

.ticket-free{
    display: none;
}

.ticket-edit{
    flex-direction: row !important;
    justify-content: center;
    width: 50%;
    float: left;
}

.contacto{
    display: none !important;
}

.compartir {
    flex-direction: row !important;
    width: 50%;
}  

.cabecera-ev{
    border: none; 
    display: block; 
    text-align: center;
    height: auto;
}

.cabecera-ev div:first-child {
    border: 0;
    width: 100%;
    padding: 0 2%;
    height: auto;
}

.cabecera-ev .nombre-evento{font-size: calc(1.3em + 1vh);}

.cabecera-ev p {
    line-height: 2em;
    color: lightcoral;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.cabecera-ev div:last-child {
    width: 100% !important;
    padding: 0 2%;
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    float: none;
}

.car-even{height: 160vh;}
.car-even-free{height: 240vh;}
.evento-muestra, .ticke-comprar, .ticke-comprar-free{width: 100% !important; padding-bottom: 0;}



.car-even-free .datos-ev .evento-muestra a{margin-top: 30px;}
.car-even-free .datos-ev .evento-muestra{padding-bottom: 30px;}

.nom-free{display: none !important;}
.btn-free{display: none !important;}

.carrito-mar{padding: 2vh 0 !important;}
table.shopping tr {
    margin-bottom: 8px;
    border: 0;
    padding: 10px;
    display: block;
    background: var(--bg-table-tr);
}
table.shopping td:first-child {
    text-align: center;
    font-size: 19px;
    margin-bottom: 0;
    font-weight: 500;
    color: var(--tex-table-first);
    line-height: 21px;
    border-bottom: 0 !important;
}
.alinear td:last-child {
    text-align: center;
    border-right: 0;
    border: 0 !important;
}

a.btn{margin: 0;}
table.shopping tr {
    margin-top: 15px;
}
table.shopping a.btn-danger {border-radius: 2em;}

.procesados-qr {
    margin:0 !important; 
    text-align: right !important; 
    font-size:20px !important; 
    font-weight:400 !important; 
    background: var(--bg-procesados-qr); 
    color: var(--tex-btn-claro);
}