.contPasaje1{
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 30px;
}

.contPasaje2, .contPasaje3{
    padding: 30px;
}

.imgPass{
    height: 20px;
    width: 20px;
    position: absolute; margin-left: -40px; margin-top: -20px;
}

/* MI CUENTA */
.mi-cuenta-mod {
	.mi-cuenta-cont {
		border-left: 2px solid #543627;
	}
	.list-group-item {
		border:none;
		margin-bottom: 0;
		border-bottom:1px solid #ddd ;
		padding: 20px 15px;
	}
	.list-group-item.selected {
		background-color: #f0511a;
		color: #fff;
		font-weight: bold;
		border-radius: 0 10px 10px 0 !important;
	}
	.list-group-item:first-child {
		border-radius: 0;
	}
	input[type=date] {
		border: 1px solid #ccc!important;
	}
	.btn-default {
	    margin-top: 1.3em;
	    margin-right: 2.5em;
	}

	/* mis pasajes*/
	.module-pasaje {



	    display: grid;
	    /* max-width: 60rem; */
	    margin: 0 auto;
	    gap: 1em;
	    grid-template-columns: 2fr 2fr 2fr 1fr;





	    .separator {
		    background: #fff4cd;
		    padding: 30px;
		    border-radius: 0;
		    width: fit-content;
		    margin-bottom: 15px;
		    mask: conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) 50%/100% 10px;
		    width: 100%;
            margin: -10px 0 0 -30px;
            height: fit-content;		}




	    box-shadow: inset 0 0 0 1px #ccc;
	    background: #fff;
	    border-radius: 10px;
	    margin-bottom: 20px;
	    padding-top: 20px;
	    padding-bottom: 10px;
	}
	.module-pasaje .pasaje-btn-module {
		ul.list-inline li {
			margin-bottom: 7px;
		}
		.btn-primary {
			font-size: 12px;
			padding: 10px 15px;
		}

		/*border-top: 1px solid #eeeded;*/
	    padding-top: 20px;
	    text-align: right;
	}

	margin-top: 2em;
}


@media (max-width: 1340px) {
	.module-pasaje {
		font-size: 13px;
	}
}

/* MIS PASAJES */

/* MODALES */
.overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);  /*Cambia la opacidad aquí*/ 
  z-index: 999;  /*Detrás del dialog*/ 
}
dialog {
    border: none;
    border-radius: 5px;
    padding: 0;
    width: 400px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    font-family: sans-serif;
    text-transform: uppercase;
}

.modal-header,
.modal-footer {
    padding: 1em;
/*    background-color: #f2f2f2;*/
}

.modal-header {
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  color: black;
  text-align: center;
}

.modal-body {
  padding: 1em;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5em;
  border-top: 1px solid white;
}

button {
  padding: 0.5em 1em;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.btn-cancelar {
  background-color: #f0511a;
  color: white;
}

.btn-aceptar {
  background-color: #f0511a;
  color: white;
}
/* ************* */