body {
	scroll-behavior: smooth;
}
nav, header nav.white {
	-webkit-backdrop-filter: blur(12px);
  	backdrop-filter: blur(12px);
  	background-color: rgba(255, 255, 255, 0.90) !important;
  	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
	border: none;
}
header nav a {
	color: #000000 	
}
.banner {
	text-align: center;
	padding: 7.31rem 1.67rem 0 1.67rem;
	background-color: #FFFFFF !important;
}
.banner__principal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  	gap: .56rem;
  	margin-bottom: .75rem;
}
.banner__loteria {
	height: 1.25rem;
}
.banner__fechas {
	color: #737373;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1rem; 
	letter-spacing: 0.1875rem;
	text-transform: uppercase;
}
.banner__strong {
	color: #1B1B1B;
}
h1 {
	color: #1A1A1A;
	text-align: center;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 800;
	line-height: 2rem;
	letter-spacing: -0.03rem;
}
h1 strong {
	color: #FAD001;
	text-align: center;
	font-size: 3.5rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3.4375rem;
	letter-spacing: -0.03rem;
	display: block;
	max-width: 15rem;
	margin: 0 auto;
}
.banner__descripcion p {
	color: #1A1A1A;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25rem;
	margin: .54rem auto 0 auto;
	max-width: 12.25rem;
}
.banner__descripcion p strong {
	font-weight: 700;
}
.banner__img {
	margin: 1.25rem auto 0 auto;
}
.banner__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1.75rem;
	gap: 1rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.btn {
	background-color: #FAD001;
	color: #1A1A2E;
	border-radius: 12.5rem;
	border: 0.676px solid #FAD001;
	height: 2.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .48rem;
	-webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.10), 0 4px 6px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.10), 0 4px 6px 0 rgba(0, 0, 0, 0.10);
	text-align: center;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem; 
	letter-spacing: 0.02188rem;
	padding: 0 1.27rem;
	-webkit-transform: scale(1);
  	-ms-transform: scale(1);
  	transform: scale(1);
  	width: -webkit-fit-content;
  	width: -moz-fit-content;
 	width: fit-content;
  	transform: translateZ(0);
  	backface-visibility: hidden;
  	will-change: transform;
  	-webkit-transition: all 0.15s;
  	-o-transition: all 0.15s;
  	transition: all 0.15s;
}
.btn--inverse {
	color: #1A1A2E;
	border: 0.676px solid #DDD;
	background: rgba(255, 255, 255, 0.00);
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.10);
}
.btn:hover {
  	transform: scale(1.05);
}
@media only screen and (min-width: 768px) {
	h1 {
		font-size: 2rem;
		line-height: 3rem; 
		letter-spacing: -0.03rem;
	}
	h1 strong {
		font-size: 5rem;
		line-height: 3rem;
		letter-spacing: -0.03rem;
		margin-top: .62rem;
		max-width: inherit;
	}
	.banner__descripcion p {
		margin-top: 1.75rem;
		max-width: inherit;
	}
}
/*BILLETES*/
.boletos {
	background-color: #f5f5f5;
}
.boletos__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
  	scroll-behavior: smooth;
	padding: 1rem 2.5% 2rem 0;
	gap: .75rem;
	position: relative;
	scrollbar-width: none;
	-ms-overflow-style: none;
  	-webkit-overflow-scrolling: touch;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	&::-webkit-scrollbar {
    	display: none;
  	}
}
.boletos__container--grid {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 2.5%;
	overflow: unset;
}
.boletos__columns {
	width: 20.625rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 1rem;
	overflow: hidden;
	-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 2px 12px 0px;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 2px 12px 0px;
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s; 
	scroll-snap-align: center;
}
.boletos__container--grid .boletos__columns {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 0.5rem);
    flex: 0 0 calc(50% - 0.5rem);
}
.elige-msg {
	color: #1A1A1A;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 800;
	line-height: 2.25rem; 
	letter-spacing: -0.03rem;
	margin-bottom: 1.55rem;
}
.sorteo {
	height: 100%;
	position: relative;
	padding: .75rem 1rem 1rem 1rem;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	-webkit-box-align: start;
  	-ms-flex-align: start;
  	align-items: flex-start;
  	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	gap: 2.03rem;
}
.sorteo__img {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
  	width: 100%;
	object-position: center;
}
.sorteo__info, .sorteo__compra {
	position: relative;
	z-index: 1;
}
.sorteo__info {
	width: 100%;
}
.sorteo__fechas {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: .75rem;
	gap: 1rem;
}
.sorteo__fecha {
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.84375rem;
}
.sorteo__precio {
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.sorteo__numero {
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.25rem; 
}
.sorteo__frase {
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.9375rem;
	margin-top: .25rem;
}
.sorteo__vale {
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1rem; 
	letter-spacing: 0.075rem;
	margin-top: .25rem;
}
.sorteo__compra {
	border-radius: 1048575rem;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(255, 255, 255, 0.20);
	text-align: center;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem; 
	letter-spacing: 0.02188rem;
	padding: 0 1.55rem;
	min-height: 2.375rem;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
	-webkit-transition: all 0.15s; 
	-o-transition: all 0.15s; 
	transition: all 0.15s; 
}
.sorteo__compra:hover {
	background: rgba(255, 255, 255, 0.30);
	border: 1px solid rgba(255, 255, 255, 0.50);
	transform: scale(1.05);
}
.sorteo__compra--seleccionado {
	gap: .3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #FFFFFF;
	padding: 0 .5rem;
}
.sorteo__compra--seleccionado svg {
	height: 1rem;
}
.sorteo__compra--seleccionado:hover {
	background-color: #FFFFFF;
}
.boletos__mas {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.verMasMobile {
	border: none;
	border-radius: 50%;
	height: 2.5rem;
	width: 2.5rem;
	background: #FFD206;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: -3rem;
  	position: relative;
	-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);	
}
.verMasDesktop {
	border-radius: 1048575rem;
	background: #FFD206;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .5rem;
	padding: 1rem 1.94044rem 1rem 2rem;
	border: none;
	color: #1A1A1A;
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}
.verMasDesktop, .boletos__container--grid .verMasMobile {
	display: none;
}
.boletos__container--grid .verMasDesktop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 2rem auto 0 auto;
}
@media only screen and (min-width: 600px) {
	.boletos__container {
		width: 90%;
		margin: 0 auto;
		overflow: unset;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 1rem;
		padding: 0;
	}
	.boletos__columns {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 0.5rem);
		flex: 0 0 calc(50% - 0.5rem);
	}	
	.boletos__mas {
		margin-top: 2rem;
	}
	.verMasMobile {
		display: none;
	}
	.verMasDesktop, .boletos__container--grid .verMasDesktop {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0;
	}
	.sorteo__compra--seleccionado {
		padding: 0 1rem;
	}
	.sorteo__numero {
		font-size: 2.625rem;
	}
}
@media only screen and (min-width: 1024px) {  	
	.boletos__columns, .boletos__container--grid .boletos__columns {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33.33% - (2 * 1rem) / 3);
		flex: 0 0 calc(33.33% - (2 * 1rem) / 3);
	}	
	.boletos__columns:hover {
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);
		-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 8px 24px 0px;
		box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 8px 24px 0px;
	}
}	
@media only screen and (min-width: 1300px) {
	.boletos__container {
    	width: 75rem;	
  	}
}
/*GENERADOR*/
.generador {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	margin-bottom: 1.5rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.generador__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	gap: .5rem;
}
.generador__label {
	font-size: 0.875rem;
  	font-weight: 500;
}
.generador__btn {
	border-radius: 0.875rem;
	border: 2px solid #E5E7EB;	
	background: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .5rem;
	color: #364153;
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;	
	width: 3.5rem;
	height: 2.9995rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.generar-desktop {
	color: #364153;
	display: none;
}
#iconRotate {
  	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease;
}
.terminacion {
	position: relative;
}
.buscarNumeros {
	background-color: #FFD206;
	border-radius: 0.625rem;
	border: none;
	width: 2rem;
	height: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: .5rem;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.input-terminacion {
	height: 3rem;
	border-radius: 0.875rem;
	border: 2px solid #E5E7EB;
	padding: 0.625rem .5rem 0.625rem 1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	width: 7.99956rem;
}
.input-terminacion:focus {
	border: 2px solid var(--color-fondo);
}
input::placeholder {
  	color: rgba(54, 65, 83, 0.50);
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	opacity: 0;
}
.generador__btns {
	height: 3rem;
	border-radius: 0.875rem;
	border: 1.352px solid #E5E7EB;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 .25rem;
}
.btnModo {
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 0.625rem;
	height: 2.49969rem;
	padding: 0 0.62525rem;
}
.btnModo--active {
	background-color: #FFD206;
}
@media only screen and (min-width:768px) {
	.generador__container {
		gap: 1rem;
	}
	.generador__item {
		width: auto;
	}
	.generador__btn {
		width: auto;
		height: auto;
		min-height: 3rem;
		padding: 0 1.59rem;
		border-radius: 1048575rem;
		border: 2px solid #E5E7EB;
	}
	.generar-desktop {
		display: block;
	}
	input::placeholder {
		opacity: 1;
	}
	.generador__btns {
		display: none;
	}
}
@media only screen and (min-width:992px) {
	.input-terminacion {
		min-width: 20rem;
	}
}
/*CARRITO*/
.carritoSorteo {
	border-radius: 12.5rem;
	background-color: #FFD206;
	border: none;
	display: flex;
	padding: 0.5rem 1rem;
	gap: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1A1A1A;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.9375rem; 
	position: relative;
}
.compra__svg {
	height: 1rem;
}
.compra__badge {
	position: absolute;	
	border: 2px solid #FFFFFF;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: -0.25rem;
	right: -0.7rem;
	border-radius: 1048575rem;
	background: #10B981;
	min-width: 1.5rem;
	height: 1.5rem;
	color: #FFFFFF;
	font-size: 0.6875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.03125rem;
	-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}
.carroCompra {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out,visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out,visibility 0s 0.4s;
	z-index: 9;
	opacity: 0;
	background-color: rgb(35 35 35 / .7);
	transform: inherit;
	pointer-events: none;
	overflow-y: auto;
	overflow-x: hidden;
}
.carroCompra--open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	pointer-events: all;	
}
.carroCompra__modal {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: -100%;
	background-color: #FFFFFF;
	opacity: 0;
	overflow-y: auto;
	-webkit-transition: opacity 0.1s,right 0.5s;
	transition: opacity 0.1s,right 0.5s;
}
.carroCompra--open .carroCompra__modal {
	right: 0;
	opacity: 1;
	-webkit-transition: opacity 0.1s,right 0.5s;
	transition: opacity 0.1s,right 0.5s;
}
.modalInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 1.5rem;
	border-bottom: 1px solid #E5E7EB;
}
.carritoClose {
	padding: 0;
	background-color: transparent;
	border: none;
}
#dialog-title-carrito {
	max-width: inherit;
}
.modalInfo__titulo, .encabezadoBoleto {
	color: #0A0A0A;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
	margin-bottom: .31rem;
}
.modalInfo__subtitulo {
	color: #4A5565;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem; 
	display: block;
}
.modalFooter {
	padding: 1.5rem;
	background-color: #FFFFFF;
	border-top: 1px solid #E5E7EB;
	position: fixed;
  	width: 100%;
  	bottom: 0;
	z-index: 1;
}
.modal__carrito {
  	height: 100%;
}
.modalBtn {
	background-color: #FFD206;
	color: #000000;
	border-radius: 1048575rem;
	width: 100%;
	text-align: center;
	border: none;
	padding: 1rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
}
.modalSmall {
	color: #6A7282;
	text-align: center;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
	margin-top: .78rem;
	display: block;
}
.modalFooter__total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1.03rem;
}
.modalFooter__texto {
	color: #4A5565;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.75rem; 
}
.modalFooter__cifra {
	color: #101828;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; 
}
.detallesCompra {
	padding: 1.5rem 1.5rem 13rem 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1rem;
}
.carritoProductos__boleto {
	border-radius: 0.875rem;
	position: relative;
	overflow: hidden;
	padding: 1rem;
	background-color: #F9FAFB;
}
.detallesCompra__img {
	max-width: 8rem;
}
.detallesCompra__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.detallesCompra__numeroText, .detallesCompra__numero, .detallesCompra__serie {
	color: #101828;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1rem;
	letter-spacing: 0.0375rem;
}
.detallesCompra__numero {
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 2.25rem;
	display: block;
}
.detallesCompra__serie {
	letter-spacing: normal;
}
.sorteoRemove {
	background-color: transparent;
	padding: 0;
	border: none;
	flex-shrink: 0;
}
.detallesCompra__importes {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .8rem;
}
.detallesCompra__imgInfo {
	gap: 1rem;
	display: flex;
}
.btnMasMenos {
	width: 2rem;
	height: 2rem;
	border: none;
	border-radius: 0.625rem;
	background: rgba(255, 255, 255, 0.80);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #C5C1B9;
}
.btnMasMenos--disabled {
	opacity: .5;
	pointer-events: none;
}
.annadirElmininar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .5rem;
}
.annadirElmininar__texto {
	color: #101828;
	text-align: center;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem;
	width: 3rem;
}
.sorteo__precio {
	color: #101828;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem;
}
.carritoVacio {
	height: calc(100% - 6.625rem);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.carritoVacio__titulo {
	color: #99A1AF;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.75rem;
	margin-top: 1rem;
}
.carritoVacio__subtitulo {
	color: #99A1AF;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: -0.00938rem;
	margin-top: .53rem;
}
.modal-footer--boleto {
	padding: 0 1rem 1rem 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: .5rem;
}
.btnActivo {
	font-size: .875rem;
  	font-weight: 600;
  	color: #1A1A2E;
  	padding: 0 1rem;
  	background-color: #FFD206;
  	border: 2px solid #FFD206;
  	min-height: 2.25rem;
  	-webkit-transition: all .2s linear;
  	-o-transition: all .2s linear;
  	transition: all .2s linear;
	border-radius: 1048575rem;
}
.btnActivo--inverse {
	background-color: #FFFFFF;
	color: #1A1A2E;
}
@media only screen and (min-width:768px) {
	.carroCompra__modal {
		width: 28rem;
	}
	.modal--boleto {
		max-width: 30%;
	}
	.modalFooter {
		width: 28rem;
	}
}
/*SUERTE*/
.overlay--suerte {
	background-color: rgba(0, 0, 0, 0.85);
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  	-webkit-box-align: safe center;
    -ms-flex-align: safe center;
    align-items: safe center;
  	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	padding: 1rem 0;
}
.overlay__aleatorios {
	max-width: 100%;
}
.overlay__contenedorSuerte {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 1.06rem;
}
.cerrarSuerte {
	width: 3rem;
	height: 3rem;
	border: none;
	border-radius: 1048575rem;
	background-color: rgba(54, 65, 83, 0.50);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.suerte {
	width: 24.375rem;
  	height: 16.875rem;
	max-width: 100%;
	-webkit-perspective: 1200px;
	perspective: 1200px;
}
.suerte__card {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.suerte__card.is-flipped {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.cardFace {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 1rem;
	overflow: hidden;
	-webkit-box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.25), 0 2px 12px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.25), 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}
.cardFace--front {
	text-align: center;
	padding: 1.25rem 2rem 1.44rem 2rem;	
	border: 1px solid rgba(74, 85, 101, 0.30);
	background: -o-linear-gradient(315deg, #1E2734 0%, #2A3544 50%, #1A2332 100%);
	background: linear-gradient(135deg, #1E2734 0%, #2A3544 50%, #1A2332 100%);
}
.cardFace--back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg); 
}
.suerte__titulo {
	color: #FFF;
	text-align: center;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.suerte__strong {
	color: #FFD206;
	display: block;
}
.suerte__small {
	color: rgba(255, 255, 255, 0.90);
	text-align: center;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
	margin: .47rem auto 0 auto;
	display: block;
}
.suerte__numbers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: .5rem;
	margin-top: 1.5rem;
}
.numeroAleatorio {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 3.5rem;
	border-radius: 0.5rem;
	border: 1px solid #414B5B;
	color: #8691A5;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.btnActivo--card {
	height: 2.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .49rem;
	border: none;
	color: #1A1A1A;
}
.sorteo--suerte {
	width: 100%;
}
.sorteo__fecha--suerte {
	font-size: 0.875rem;
	line-height: 0.9375rem;
}
.cardFace__btns {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 1rem;
	width: 100%;
	opacity: 0;
  	-webkit-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}
.cardFace__btns--show {
	opacity: 1;
  	-webkit-transition: all 1s 0.3s;
	-o-transition: all 1s 0.3s;
	transition: all 1s 0.3s;
}
.destacados .margin-cero {
	border-radius: 1rem;
	overflow: hidden;
}
.faq-container {
	border-radius: 1rem !important;
}

/*FOOTER*/
.container--footer {
    gap: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.875rem 1.063rem !important;
}
.redess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.688rem;
}
.site {
    gap: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
.site__logo {
    height: 1.938rem;
    width: auto;
    margin: 1.125rem 0;
}
.site__info {
    font-size: .875rem;
}
.tlegales {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.625rem 1.25rem;
    margin: 0;
}
.tlegales__enlaces {
    font-size: .875rem;
    text-decoration: underline;
    text-underline-offset: 2px; 
}
.tlegales__li {
    position: relative;
}
.tlegales__li::before {
    content: "|";
    position: absolute;
    top: 0;
    left: -0.72rem;
}
.tlegales__li:first-child::before {
    display: none;
}
.organizaciones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 1.75rem;
    -webkit-column-gap: 1.75rem;
    column-gap: 1.75rem;
    row-gap: 0.75rem;
}
.powered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-top: 1px solid rgba(26,26,26,0.1);
	padding-top: 1.5rem;
	margin-top: 1.5rem;
}
@media only screen and (min-width:1024px) {
    .container--footer {
        gap: 0.625rem;
    }
    .site {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
        text-align: inherit;
    }
    .site__logo {
        margin: 0;
    }
    .site__info--3 {
        order: 3;
    }
    .site__info br {
        display: none;
    }
}
/*CAMBIOS 22-04*/
.modalFooter__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
}
.modalBtn, .modalFooter__btns .btn--inverse {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: .875rem;
  	padding: .5rem;
}
.modalFooter__btns .btn--inverse {
  	height: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
}
@media only screen and (min-width:600px)  {
	.modalBtn, .modalFooter__btns .btn--inverse {
		font-size: 1rem;
		padding: .8rem;
	}
}