@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	line-height: 1.5;
}
a{
	text-decoration: none;
}
.logoblancoWSMF{
	filter: invert(7%) sepia(81%) saturate(1247%) hue-rotate(181deg) brightness(98%) contrast(101%);
}
.decimo_numero{
	display: block;
	position: absolute;
	text-align: right;
	line-height: .8;
	font-family: 'Signika', sans-serif;
	top: 2%;
	right: 22.5%;
	width: 61.5%;
	letter-spacing: .22em;
	font-weight: 700;
	min-height: .8em;
	user-select: none;
	text-shadow: 0 0 .05em #ffffff, 0 0 .1em #ffffff, 0 0 .15em #ffffff;
}

/* ****************** TOP ************************ */
/* === BARRA SUPERIOR === */
	.MMtop_nav{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 30px;
		background-color: #001a2d;
		color: #ffffff;
		font-family: Arial, sans-serif;
		gap: 30px;
		z-index: 1000;
	}
	.MMtop_nav .logo{
		position: absolute;
		display: block;
		width: max-content;
		left: 30px;
		cursor: pointer;
		color: #ffffff;
	}
	.MMtop_nav .logo:hover{
		color: #ffffff;
		text-decoration: none
	}
	.MMtop_nav .logo i{
		display: inline-block;
		vertical-align: middle;
	}
	.MMtop_nav .logo div{
		display: inline-block;
		vertical-align: middle;
		font-size: .55em;
		border-left: .2em solid;
		padding-left: .55em;
		margin-left: .25em;
		line-height: 1.15em;
		font-weight: 700;
		font-family: 'Signika', sans-serif;
	}
	.cesta_landing{
		position: relative;
		min-width: 2em;
		font-size: 1.6em !important;
		margin-right: 1em;
		text-align: center;
	}
	.cesta_landing span.TextoMuyPequenoWSMF{
		display: block;
		position: absolute;
		width: max-content;
		left: 0;
		line-height: 1;
		left: 50%;
		transform: translateX(-50%);
		transform: translate(-50%, -.4em);
	}

/* MENÚ PRINCIPAL */
	.menu{
		display: flex;
		gap: 20px;
		align-items: center;
		justify-content: center;
	}
	.menu a,
	.menu a:not([href]):not([class]){
		color: #ffffff;
		text-decoration: none;
		font-weight: 500;
		font-size: 0.95rem;
	}
	.menu a:hover{
		opacity: 0.7;
	}

/* DROPDOWN */
	.dropdown-toggle{
		cursor: pointer;
		position: relative;
	}

/* MEGA MENU (desktop) */
	.mega-menu{
		display: none;
		position: fixed;
		top: 60px;
		left: 0;
		width: 100vw;
		background: #dee1e4;
		padding: 20px 50px;
		box-shadow: 0 4px 12px #00000080;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 9999;
	}
	.mega-menu.show{
		display: block;
		opacity: 1;
	}
	.mega-menu .header h2{
		margin-bottom: 20px;
		color: #001a2d;
		text-align: center;
		font-size: 1.25rem;
		font-weight: 600;
	}
	.mega-menu .row{
		display: flex;
		justify-content: space-between;
		gap: 30px;
	}
	.mega-menu .column{
		flex: 1;
	}
	.mega-menu .column h3{
		color: #001a2d;
		margin-bottom: 12px;
		font-size: 1.25rem;
		font-weight: 600;
	}
	.mega-menu .column a,
	.mega-menu a:not([href]):not([class]){
		display: block;
		color: #001a2d;
		text-decoration: none;
		margin-bottom: 8px;
		font-size: 1rem;
	}
	.mega-menu .column a:hover{
		color: #001a2d;
		opacity: 0.7;
	}
	.mega-menu .column h5{
		font-size: 1rem;
	}

/* AUTH LINKS */
	.auth-links{
		display: flex;
		align-items: center;
		gap: 12px;
		position: absolute;
		right: 30px;
	}
	.auth-links a{
		color: #ffffff;
		text-decoration: none;
	}
	.auth-links .signin{
		padding: 6px 14px;
		border: 1px solid;
		border-radius: 6px;
		background-color: #001a2d;
		color: #ffffff;
	}
	.auth-links .signin:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}

/* HAMBURGER */
	.hamburger{
		display: none;
		flex-direction: column;
		gap: 4px;
		cursor: pointer;
	}
	.hamburger span{
		width: 22px;
		height: 2px;
		background: #ffffff;
		border-radius: 2px;
	}

/* === RESPONSIVE === */
	@media (max-width: 900px){
		.MMtop_nav{
			justify-content: space-between;
			padding: 10px 20px;
			position: fixed;
			flex-wrap: nowrap;
			height: auto;
		}
		.MMtop_nav .logo{
			position: static;
			left: auto;
		}
		.auth-links{
			position: static;
			right: auto;
		}
		.hamburger{
			display: flex;
		}

		/* MENU RESPONSIVE CON SCROLL */
			.menu{
				flex-direction: column;
				width: 100%;
				display: none;
				padding: 15px 0;
				background-color: #001a2d;
				position: absolute;
				top: 100%;
				left: 0;
				align-items: center;
				text-align: center;
				max-height: 80vh;
				overflow-y: auto;
				scrollbar-width: thin;
				scrollbar-color: #ccc transparent;
			}
			.menu::-webkit-scrollbar{
				width: 6px;
			}
			.menu::-webkit-scrollbar-thumb{
				background-color: #888888;
				border-radius: 10px;
			}
			.menu.active{
				display: flex;
			}
			.menu a{
				padding: 3px 0;
				width: 100%;
			}
			.dropdown{
				width: 100%;
				position: relative;
			}
			.mega-menu{
				position: relative;
				margin-top: 5px;
				padding: 10px 20px;
				display: none;
				opacity: 1;
				text-align: left;
				width: 100%;
				box-shadow: none;
			}
			.mega-menu.show{
				display: block;
			}
			.mega-menu .header h2{
				font-size: 1.5em;
				text-align: center;
				margin-bottom: 10px;
			}
			.mega-menu .row{
				display: flex;
				flex-direction: column;
				gap: 15px;
			}
			.mega-menu .column h3{
				font-size: 1.2em;
				text-align: center;
				margin-bottom: 5px;
			}
			.mega-menu .column a{
				font-size: 0.95rem;
				margin-left: 10px;
			}
	}

	@media (max-width: 667px){
		.MMtop_nav{
			gap: 0.75em;
			padding: 0.25em 1.25em 0.25em 0.25em;
		}
		.auth-links{
			gap: .75em;
		}
		.auth-links .signin{
			padding: 0.25em;
			font-size: calc(0.48vw + 11.2px);
		}
		.cesta_landing{
			font-size: 1.3em !important;
			margin-right: 0;
		}
	}

	@media (max-width: 320px){
		.auth-links .signin{
			font-size: 4vw;
		}
	}

	@media (max-width: 600px){
		.menu a{
			font-size: calc(0.6vw + 14px);
		}
		.mega-menu .header h2,
		.mega-menu .column h3{
			font-size: calc(0.6vw + 14px);
			text-align: left;
		}
		.mega-menu{
			top: 12px;
		}
		.menu{
			gap: 10px;
		}
		.mega-menu .row{
			gap: 0px;
		}
		.mega-menu .column a,
		.mega-menu a:not([href]):not([class]){
			text-align: left !important;
			margin-bottom: 0px;
		}
		.mega-menu .column h5{
			text-align: left !important;
		}
		.mega-menu .column a:active,
		.mega-menu a:not([href]):not([class]):active{
			background: #dddddd;
			color: #000000;
		}
		.mega-menu .column h5:hover{
			font-weight: 600;
			color: #001a2d;
			opacity: 0.7;
			background: #cbcece;
		}
		.mega-menu .column a:hover{
			font-weight: 600;
			color: #001a2d;
			opacity: 0.7;
			background: #cbcece;
		}
		.mega-menu .header h2::after{
			font-family: "Font Awesome 5 Free";
			content: "\f107";
			font-weight: 900;
			margin-left: 6px;
		}
		.mega-menu .column h3::after{
			font-family: "Font Awesome 5 Free";
			content: "\f107";
			font-weight: 900;
			margin-left: 6px;
		}
	}

	.mega-menu .column h5:hover{
		font-weight: 600;
		color: #001a2d;
		opacity: 0.7;
	}
	.mega-menu .column a:hover{
		font-weight: 600;
		color: #001a2d;
		opacity: 0.7;
	}

/*estilos modal de bootstrap que daba fallos en el scss*/
	.modal-open{
		overflow: hidden;
	}
	.modal-open .modal{
		overflow-x: hidden;
		overflow-y: auto;
	}
	.modal{
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
		outline: 0;
	}
	.modal-dialog{
		position: relative;
		width: auto;
		pointer-events: none;
	}
	.modal-dialog-scrollable{
		display: flex;
	}
	.modal-dialog-scrollable .modal-content{
		overflow: hidden;
	}
	.modal-dialog-scrollable .modal-header,
	.modal-dialog-scrollable .modal-footer{
		flex-shrink: 0;
	}
	.modal-dialog-scrollable .modal-body{
		overflow-y: auto;
	}
	.modal-dialog-centered{
		display: flex;
		align-items: center;
	}
	.modal-dialog-centered &::before{
		display: block;
		height: min-content;
		content: "";
	}
	.modal-content{
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-clip: padding-box;
		outline: 0;
	}
	.modal-backdrop{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
	}
	.modal-backdrop &.fade{
		opacity: 0;
	}
	.modal-header{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.modal-title{
		margin-bottom: 0;
	}
	.modal-body{
		position: relative;
		flex: 1 1 auto;
	}
	.modal-footer{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
	}
	.modal-scrollbar-measure{
		position: absolute;
		top: -9999px;
		width: 50px;
		height: 50px;
		overflow: scroll;
	}

/*Editar canal y producto*/
	:root{
		--ColordeFondoCabecera: #ffffff;
		--ColordeTextoCabecera: #49494a;
		--ColordeFondoBotones: #00000000;
		--ColordeTextoBotones: #49494a;
		--ColordeFondoBotonesHover: #00000000;
		--ColordeTextoBotonesHover: #49494a;
		--ColorDeFondoWeb: #ffffff;
		--ColordeTextoWeb: #49494a;
		--ColordeFondoPie: #00000000;
		--ColordeTextoPie: #00000000;
		--ColordeFondoPiehover: #00000000;
		--ColordeTextoSobreImagen: #001a2d;
		--DetalleJugadasRecuadro1: #ffffff;
		--DetalleJugadasSombraLogo: #e9f5fd;
		--CabeceraImagen: url("https://misodsmarketapi.azurewebsites.net/Images/Logos/logo_home_misodsmarket.svg");
	}
	.FotoEntidad{
		background-image: var(--FotoEntidad);
	}
	.ColordeTextoSobreImagen,
	.ProductDetail .ColordeTextoSobreImagen{
		color: var(--ColordeTextoSobreImagen);
		text-shadow: 0 0 .05em var(--DetalleJugadasRecuadro1), 0 0 .09em var(--DetalleJugadasRecuadro1), 0 0 .13em var(--DetalleJugadasRecuadro1), 0 0 .19em var(--DetalleJugadasRecuadro1), 0 0 .3em var(--DetalleJugadasRecuadro1);
	}
	.DetalleDeArticulosFotoDelProducto{
		filter: drop-shadow(3px 3px 1px var(--DetalleJugadasRecuadro1));
	}

/*CABECERA Y PIE*/
	.CabeceraImagen{
		width: 95%;
		max-width: 15em;
		height: 3.5em;
		background-size: contain;
		background-repeat: no-repeat;
		margin: .25em 0;
	}
	.ContadordeCesta{
		position: absolute;
		background-color: #821111;
		color: #ffffff;
		display: block;
		width: 1.3em;
		height: 1.3em;
		padding-top: .2em;
		border-radius: 50%;
		font-size: .65em;
		top: -.35em;
		right: -.5em;
		font-weight: 700;
		text-align: center;
	}
	.CuerpodePagina{
		min-height: calc(100vh - 30em);
		padding: 1px 0;
		background-size: cover;
		background-position: center center;
		padding-top: 3.75em;
	}
	.CuerpodePagina .CuerpodePagina{
		padding-top: 0;
	}
	.SeccionCompartir{
		margin: 1.5em 0;
	}
	.SeccionCompartir_titulo{
		font-weight: 700;
		margin-bottom: .25em;
	}
	.SeccionCompartir_redes a{
		display: inline-block;
		vertical-align: middle;
		width: 2em;
		padding: .55em 0 .45em;
		line-height: 1;
		margin: .25em;
		text-align: center;
		border-radius: 50%;
		box-shadow: inset 0 0 .5em 0 #ffffff80;
		color: #ffffff;
	}
	.SeccionCompartir_redes a:hover{
		box-shadow: inset 0 0 .5em 0 #ffffffe0;
		color: #ffffff;
	}
	.SeccionCompartir_redes a[href*="facebook"],
	.SeccionCompartir_redes a[href*="facebook"]:hover{
		background-color: #4267b2;
	}
	.SeccionCompartir_redes a[href*="wa.me"]{
		background: #075e54;
		background: linear-gradient(45deg, #075e54 0%, #25d366 100%);
	}
	.SeccionCompartir_redes a[href*="wa.me"]:hover{
		background: linear-gradient(45deg, #25d366 0%, #075e54 100%);
		box-shadow: none;
	}
	.SeccionCompartir_redes a[href*="x.com"],
	.SeccionCompartir_redes a[href*="x.com"]:hover{
		background-color: #14171a;
	}
	.SeccionCompartir_redes a[href*="t.me"],
	.SeccionCompartir_redes a[href*="t.me"]:hover{
		background-color: #24a1de;
	}
	.SeccionCompartir_redes a[href*="instagram"]{
		background: #fcb045;
		background: linear-gradient(25deg, #fcb045 0%, #fd1d1d 50%, #833ab4 100%);
		box-shadow: none;
	}
	.SeccionCompartir_redes a[href*="instagram"]:hover{
		background: linear-gradient(25deg, #fcb045 0%, #833ab4 50%, #fd1d1d 100%);
		box-shadow: none;
	}
	.SeccionCompartir_redes a[href*="mailto"],
	.SeccionCompartir_redes a[href*="mailto"]:hover{
		background-color: #a00000;
	}
	.SeccionCompartir_redes a[href*="linkedin"],
	.SeccionCompartir_redes a[href*="linkedin"]:hover{
		background-color: #0e76a8;
	}
	.SeccionCompartir_redes a[href*="pinterest"],
	.SeccionCompartir_redes a[href*="pinterest"]:hover{
		background-color: #E60023;
	}
	.SeccionCompartir_redes a[href*="bsky"]{
		background-color: #ffffff;
		color: #0a7aff;
		box-shadow: inset 0 0 .5em 0 #0a7aff80;
	}
	.SeccionCompartir_redes a[href*="bsky"]:hover{
		color: #0a7aff;
		box-shadow: inset 0 0 .5em 0 #0a7affe0;
		text-shadow: 0 0 .075em #dddddd, 0 0 .125em #dddddd;
	}
	#PieWSMF{
		background-color: #001a2d;
		color: #ffffff;
		text-align: center;
		box-shadow: 0 0 0 1px #001a2d;
		position: relative;
	}
	#PieWSMF a{
		color: #ffffff;
	}
	#PieWSMF > .ColordeFondoPie{
		padding: calc(2vw + 15px) 0;
	}
	.Pielinea1,
	.Pielinea2{
		vertical-align: top;
		margin-bottom: 1.2em;
	}
	.PielineaEntidades{
		margin: 0 1em .5em;
		overflow: hidden;
		position: relative;
	}
	.PielineaEntidades_titulo{
		line-height: 1.1;
		margin-bottom: .75em;
	}
	.PielineaEntidades_texto1,
	.PielineaEntidades_texto2{
		display: inline-block;
		vertical-align: middle;
		font-size: .5em;
	}
	.PielineaEntidades_texto1 i,
	.PielineaEntidades_texto2 i{
		display: block;
		text-align: center;
		font-size: 2.2em;
	}
	.PielineaEntidades_scroll{
		position: relative;
		text-align: left;
	}
	.PielineaEntidades_scroll.ElementoInactivo{
		display: block !important;
		width: max-content;
		animation: scroll_Entidades linear infinite 420s;
	}
	#DesplegableEntidades > a,
	#DesplegableEntidades > div{
		display: inline-block;
		vertical-align: middle;
		margin-right: .3em;
	}
	.Entidades_perfil{
		filter: invert(.5) brightness(2);
	}
	.Entidades_perfil_inv{
		filter: drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff) drop-shadow(0 0 .01em #ffffff);
	}
	.Entidades_perfil_inv img{
		filter: invert(.5) brightness(0) invert(9%) sepia(44%) saturate(1604%) hue-rotate(172deg) brightness(95%) contrast(104%);
	}
	.Entidades_perfil img{
		width: 2.4em;
		padding: .25em;
	}
	.Entidades_perfil01 img{
		width: .6em;
	}
	.Entidades_perfil02 img{
		width: 1.5em;
	}
	.Entidades_perfil11 img{
		width: 3.3em;
	}
	.Entidades_perfil12 img{
		width: 4.2em;
	}
	.Entidades_perfil20 img{
		width: 5.1em;
	}
	.Entidades_perfil21 img{
		width: 6em;
	}
	.Entidades_perfil22 img{
		width: 6.9em;
	}
	.Entidades_perfil30 img{
		width: 7.8em;
	}
	.Entidades_perfil31 img{
		width: 8.7em;
	}
	.Entidades_perfil32 img{
		width: 9.6em;
	}
	.Entidades_perfil40 img{
		width: 10.5em;
	}
	.Entidades_perfil41 img{
		width: 11.4em;
	}
	.Entidades_perfil42 img{
		width: 12.3em;
	}
	.Entidades_perfil50 img{
		width: 13.2em;
	}
	.Entidades_perfil51 img{
		width: 14.1em;
	}
	.Entidades_perfil52 img{
		width: 15em;
	}
	.Entidades_perfil60 img{
		width: 15.9em;
	}
	.Entidades_perfil61 img{
		width: 16.8em;
	}
	.Entidades_perfil62 img{
		width: 17.7em;
	}
	.Entidades_perfil7 img{
		width: 18.6em;
	}
	.IconoEntidades,
	.IconoEntidades:hover{
		text-decoration: none;
	}
	.IconoEntidades i{
		transition: transform .2s ease-in-out;
	}
	.IconoEntidades:not(.IconoActivo) .PielineaEntidades_texto2,
	.IconoEntidades.IconoActivo .PielineaEntidades_texto1{
		display: none;
	}
	.IconoEntidades.IconoActivo i{
		transform: scaleY(-1);
	}

	@keyframes scroll_Entidades{
		0%{
			transform: none;
		}

		100%{
			transform: translateX(calc(-100% + 100vw - 2em));
		}
	}

	.Pielinea3{
		margin-top: 0.7em;
	}
	.JuegoAtravesdeMisods i{
		font-size: 1.5em;
	}
	.ImagenTarjetas{
		padding-top: 2em;
		line-height: 1.2;
	}
	.ImagenTarjetas i{
		font-size: 1.5em;
	}
	.ImagenTarjetas [class*="cert"]{
		font-size: 3em;
		padding: 0 .2em;
	}
	.TextoCabecera{
		display: inline-block;
		vertical-align: middle;
		width: 25%;
	}

	/*Modal descarga la app*/
		.modalDescargaApp{
			display: block;
		}
		.modalDescargaApp .close{
			color: #aaaaaa;
			cursor: pointer;
		}
		.modalDescargaApp .modal-content{
			width: 90%;
			max-width: 767px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			animation: AparicionDeModal ease-out 400ms;
		}
		.modalDescargaApp_texto{
			margin-bottom: 2em;
		}
		.modalDescargaApp_img{
			text-align: center;
		}
		.modalDescargaApp_img img{
			width: 100%;
			max-width: 350px;
		}
		.BotonDescargaApp{
			font-weight: 700;
			margin: 0.2em 0;
			padding: 0.4em 1em;
			text-align: center;
			transition: 300ms;
			border: none;
		}
		.BotonDescargaApp i{
			vertical-align: middle;
			font-size: 1.4em;
		}
	/*Fin modal descarga la app*/
/*FIN CABECERA Y PIE*/

/*BOTONES CABECERA*/
	.BotonDesactivado{
		filter: opacity(0.4) grayscale(0.5);
		cursor: default !important;
	}
	.BotonDesactivado *{
		cursor: default !important;
	}
	.BotonDesactivado:hover,
	.BotonDesactivado:focus{
		box-shadow: none !important;
	}
	.SaldoEuros{
		height: 100%;
	}
	#DesplegableSaldo{
		visibility: hidden;
		position: absolute;
		right: 0;
		padding: 0.25em;
		transition-duration: 500ms;
	}
	#DesplegableSaldo.ElementoInactivo{
		display: block !important;
		transform: translateY(-50%) scaleY(0);
	}
	#FlechaDesplegableSaldo{
		cursor: pointer;
		transition-duration: 500ms;
	}
	#FlechaDesplegableSaldo.ElementoInactivo{
		display: inline-block !important;
		transform: scaleY(-1);
	}
	.SaldoMisods{
		display: inline-block;
		vertical-align: top;
		padding: 0.5em 0;
		width: 8em;
		text-align: center;
	}
	.SaldoMisods img{
		width: 1.5em;
		vertical-align: middle;
		margin-right: 0.25em;
	}
	.SaldoMisods span{
		vertical-align: middle;
	}
	#ContadordeProductosCesta{
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translateX(0.65em);
		width: 1.2em;
		line-height: 1.2em;
		border-radius: 50%;
	}
	/* ===== WIDE CARD ===== */
		/*.admin-theme{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}*/
		.login-page{
			/*min-height: 100vh;*/
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 40px 24px;
			background: #001a2d40;
			font-family: 'Open Sans', sans-serif;
		}
		.login-card-wide{
			width: 960px;
			max-width: 100%;
			background: #ffffff;
			color: #222;
			border-radius: 18px;
			box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
			display: flex;
			overflow: hidden;
		}

		/* ===== LEFT PANEL ===== */
			.login-card-wide_Cerrar{
				position: absolute;
				color: #7a8090;
				right: 0;
				top: 0;
				font-size: 2.25em;
				line-height: .75;
			}
				.login-card-wide_Cerrar i {
					padding: .33em .5em;
					cursor: pointer;
				}
			.login-left{
				flex: 1.1;
				background: linear-gradient(135deg, #001a2d, #046dba);
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 40px 32px;
			}
			.login-left-inner{
				text-align: center;
				color: #ffffff;
				font-size: 2em;
			}
			.login-left-inner i{
				display: inline-block;
				vertical-align: middle;
			}
			.login-left-inner div{
				display: inline-block;
				vertical-align: middle;
				font-size: 0.55em;
				padding-left: 0.55em;
				margin-left: 0.25em;
				line-height: 1.15em;
				font-weight: 700;
				font-family: Signika, sans-serif;
				border-left: 0.2em solid;
			}
			.login-left-logo{
				max-width: 230px;
				width: 70%;
				margin-bottom: 16px;
				user-select: none;
				-webkit-user-drag: none;
			}
			.login-right{
				position: relative;
				flex: 1;
				padding: 40px 44px 32px 44px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				background: #ffffff;
			}
			.login-title{
				font-size: 1.35rem;
				font-weight: 600;
				color: #222;
				margin-bottom: 6px;
			}
			.login-subtitle{
				font-size: 0.9rem;
				color: #7a8090;
				margin-bottom: 24px;
			}
			.login-input{
				width: 100% !important;
				padding: 11px 13px !important;
				font-size: 0.95rem !important;
				border-radius: 2em !important;
				border: 1px solid #d0d4e4 !important;
				margin-bottom: 8px !important;
				color: #333333 !important;
				transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
				background: #fafbff !important;
			}
			.login-input:focus{
				outline: none;
				border-color: #6b8cff !important;
				box-shadow: 0 0 0 3px rgba(107, 140, 255, 0.25) !important;
				background: #ffffff !important;
			}
			.link-field{
				margin: .5em 0 1em;
			}
			.link-field a{
				display: block;
				text-align: right;
			}
			.login-field .input-group .form-control[type="password"], .login-field .input-group .form-control[type="text"]{
				padding: 11px 13px !important;
				font-size: 0.95rem !important;
				border-radius: 2em 0 0 2em !important;
				border: 1px solid #d0d4e4 !important;
				margin-bottom: 8px !important;
				color: #333333 !important;
				transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
				background: #fafbff !important;
				height: 3.08em;
				border-right: none !important;
			}
			.login-field .input-group .form-control[type="password"] ~ .btn.btn-outline-secondary, .login-field .input-group .form-control[type="text"] ~ .btn.btn-outline-secondary{
				padding: 11px 13px !important;
				font-size: 0.95rem !important;
				border-radius: 0 2em 2em 0 !important;
				border: 1px solid #d0d4e4 !important;
				margin-bottom: 8px !important;
				color: #b7bfd8 !important;
				transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
				background: #fffcc8 !important;
				height: 3.08em;
				border-left: none !important;
			}

			/* wrapper around each pill + icon */
				.login-field{
					position: relative;
					display: flex;
					align-items: center;
				}

			/* extra padding-right so text doesn't overlap the icon */
				.login-input-inner{
					padding-right: 42px;
				}

			/* icon on the right */
				.login-field-icon{
					position: absolute;
					right: 18px;
					top: 50%;
					transform: translateY(-50%);
					font-size: 1rem;
					color: #b7bfd8;
				}

			/* ===== BUTTON ===== */
				.login-btn, .login-btn2{
					width: 100%;
					padding: 11px 16px;
					margin-top: 10px;
					border-radius: 999px;
					border: none;
					font-size: 0.95rem;
					font-weight: 600;
					cursor: pointer;
					transition: filter 0.15s ease, transform 0.08s ease;
					letter-spacing: 0.12em;
					text-transform: uppercase;
					color: #ffffff;
				}
				.login-btn{
					background: linear-gradient(90deg, #1acd2e, #187310);
				}
				.login-btn2{
					background: linear-gradient(90deg, #046dba, #001a2d);
				}
				.login-btn:hover,
				.login-btn2:hover{
					filter: brightness(1.05);
					transform: translateY(-1px);
				}
				.login-btn:active,
				.login-btn2:active{
					transform: translateY(0);
				}

			/* ===== ALERT ===== */
				.login-alert{
					margin-top: 12px;
					font-size: 0.9rem;
					color: #e52e50;
					min-height: 1.2em;
				}

			@media (max-width: 768px){
				.login-card-wide{
					flex-direction: column;
				}
				.login-left{
					padding: 24px 24px 12px 24px;
				}
				.login-right{
					padding: 24px 22px 22px 22px;
				}
			}

			/* wrapper around each pill + icon */
				.login-field{
					position: relative;
					display: flex;
					align-items: center;
				}

			/* style the InputText’s generated <input> */
				.login-field .login-input{
					width: 100%;
					padding: 11px 13px;
					font-size: 0.95rem;
					border-radius: 999px;
					border: 1px solid #d0d4e4;
					margin-bottom: 8px;
					color: #333;
					background: #fafbff;
					transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
				}

			/* extra padding-right so text doesn't overlap the icon */
				.login-field .login-input.login-input-inner {
					padding-right: 42px;
				}

			/* focus state */
				.login-field .login-input:focus {
					outline: none;
					border-color: #6b8cff;
					box-shadow: 0 0 0 3px rgba(107, 140, 255, 0.25);
					background: #ffffff;
				}

			/* icon on the right */
				.login-field-icon{
					position: absolute;
					right: 18px;
					top: 50%;
					transform: translateY(-50%);
					font-size: 1rem;
					color: #b7bfd8;
				}

	@media (orientation: portrait){
		.CabeceraImagen{
			margin: 1.5em 0 .25em;
		}
		#PieWSMF{
			padding-bottom: 3em;
		}
	}

	.loader{
		font-family: 'misodsfont';
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 99;
		width: 0;
		height: 0;
		font-size: 5em;
		color: #001a2d;
	}
	.loader:after{
		content: "\e90a";
		position: absolute;
		left: calc(50% - 1em);
		top: calc(50% - 1em);
		width: 2em;
		text-align: center;
		display: block;
		line-height: 1;
		padding: .5em 0;
		animation: latido 1s linear infinite;
	}
	.loader:before{
		display: block;
		position: absolute;
		left: calc(50% - 1.25em);
		top: calc(50% - 1.25em);
		content: "";
		border: .3em solid #00000000;
		border-top: .3em solid #001a2d;
		border-radius: 50%;
		animation: spin 2s linear infinite;
		width: 2.5em;
		height: 2.5em;
	}

	@keyframes spin{
		0%{
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(360deg);
		}
	}

	@keyframes latido{
		30%, 60%{
			transform: scale(1);
		}
		50%{
			transform: scale(1.05);
		}
	}

/*IDENTIFICADOR ENTIDAD*/

/*MASTER CANAL*/
	.MasterCanal{
		position: relative;
		background-color: var(--ColorDeFondoWeb);
		color: var(--ColordeTextoWeb);
		overflow: hidden;
	}
	.MasterCanal_fondo,
	.MasterCanal_fondo:before,
	.MasterCanal_fondo:after{
		content= "";
		position: absolute;
		top: -35%;
		left: -35%;
		width: 170%;
		height: 170%;
		opacity: 10%;
		background-size: 25em 25em;
	}
	.MasterCanal_fondo{
		background: radial-gradient(circle,
					#00000000 3%, var(--ColordeFondoPie) 4%, var(--ColordeFondoPie) 8%, #00000000 9%,
					#00000000 13%,var(--ColordeFondoPie) 14%, var(--ColordeFondoPie) 18%, #00000000 19%,
					#00000000 23%, var(--ColordeFondoPie) 24%, var(--ColordeFondoPie) 28%, #00000000 29%,
					#00000000 33%, var(--ColordeFondoPie) 34%, var(--ColordeFondoPie) 38%, #00000000 39%,
					#00000000 43%, var(--ColordeFondoPie) 44%, var(--ColordeFondoPie) 48%, #00000000 49%,
					#00000000 53%, var(--ColordeFondoPie) 54%, var(--ColordeFondoPie) 58%, #00000000 59%);
		background-size: 25em 25em;
		transform: skew(4deg, 16deg);
	}
	.MasterCanal_fondo:before{
		background: linear-gradient(#00000000 19%, var(--ColordeTextoPie) 31%, var(--ColordeTextoPie) 69%, #00000000 81%);
		background-size: 100% 1.5em;
		transform: skew(0, 32deg);
	}
	.MasterCanal_fondo:after{
		background: linear-gradient(#00000000 19%, var(--ColordeFondoPiehover) 31%, var(--ColordeFondoPiehover) 69%, #00000000 81%);
		background-size: 100% 1.5em;
		transform: skew(0, -32deg);
	}
	.MasterCanal_cabecera{
		position: relative;
		padding: .75em 0 1.25em;
		background: linear-gradient(#001a2d 0, var(--ColordeFondoBotonesHover) 8%, var(--ColordeFondoBotonesHover) 92%, #00000000 100%);
		color: var(--ColordeTextoBotonesHover);
		line-height: 0;
		z-index: 1;
	}
	.MasterCanal_cabecera .ContenedorGrandeWSMF{
		position: relative;
	}

	/*Banner promocional*/
		.BannerPromocional{
			display: block;
			position: relative;
			width: 100%;
			height: calc(95vw / 6);
			margin-bottom: .5em;
			overflow: hidden;
			z-index: 1;
		}
		.BannerPromocional img{
			position: absolute;
			width: 100%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			animation: Apariciontransparente linear infinite 60s;
		}
		.BannerPromocional img.BannerPromocionalParpadeoBase{
			animation-name: ParpadeoPubli1;
		}
		.BannerPromocional img.BannerPromocionalParpadeoItem{
			animation-name: ParpadeoPubli2;
		}
		.BannerPromocional img:nth-child(1){
			animation-delay: -1.8s;
		}
		.BannerPromocional img:nth-child(2){
			animation-delay: -58.8s;
		}
		.BannerPromocional img:nth-child(3){
			animation-delay: -55.8s;
		}
		.BannerPromocional img:nth-child(4){
			animation-delay: -52.8s;
		}
		.BannerPromocional img:nth-child(5){
			animation-delay: -49.8s;
		}
		.BannerPromocional img:nth-child(6){
			animation-delay: -46.8s;
		}
		.BannerPromocional img:nth-child(7){
			animation-delay: -43.8s;
		}
		.BannerPromocional img:nth-child(8){
			animation-delay: -40.8s;
		}
		.BannerPromocional img:nth-child(9){
			animation-delay: -37.8s;
		}
		.BannerPromocional img:nth-child(10){
			animation-delay: -34.8s;
		}
		.BannerPromocional img:nth-child(11){
			animation-delay: -31.8s;
		}
		.BannerPromocional img:nth-child(12){
			animation-delay: -28.8s;
		}
		.BannerPromocional img:nth-child(13){
			animation-delay: -25.8s;
		}
		.BannerPromocional img:nth-child(14){
			animation-delay: -22.8s;
		}
		.BannerPromocional img:nth-child(15){
			animation-delay: -19.8s;
		}
		.BannerPromocional img:nth-child(16){
			animation-delay: -16.8s;
		}
		.BannerPromocional img:nth-child(17){
			animation-delay: -13.8s;
		}
		.BannerPromocional img:nth-child(18){
			animation-delay: -10.8s;
		}
		.BannerPromocional img:nth-child(19){
			animation-delay: -7.8s;
		}
		.BannerPromocional img:nth-child(20){
			animation-delay: -4.8s;
		}

		@keyframes Apariciontransparente{
			0%, 8%, 100%{
				opacity: 0;
			}
			1.5%, 6.5%{
				opacity: 1;
			}
		}
		@keyframes ParpadeoPubli1{
			0%, 16%, 100%{
				opacity: 0;
			}
			.5%, 15.5%{
				opacity: 1;
			}
		}
		@keyframes ParpadeoPubli2{
			1%, 1.8%, 3.8%, 4.6%, 6.6%, 93.4%, 95.4%, 96.2%, 98.2%, 99%{
				opacity: 0;
			}
			0%, 0.9%, 1.9%, 3.7%, 4.7%, 6.5%, 93.5%, 95.3%, 96.3%, 98.1%, 99.1%, 100%{
				opacity: 1;
			}
		}
	/*FIN banner promocional*/
	.MasterCanal_logos{
		position: relative;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.MasterCanal_logo{
		display: inline-block;
		vertical-align: middle;
		width: 100%;
	}
	.MasterCanal_logo1:nth-last-child(n+2),
	.MasterCanal_logo2{
		width: calc(50% - 2em);
	}
	.MasterCanal_ImagenLogo{
		max-width: 100%;
		max-height: 5em;
	}
	.MasterCanal_logodoble{
		display: inline-block;
		vertical-align: middle;
		font-size: 2.5em;
	}
	.MasterCanal_logo1:nth-last-child(n+2){
		text-align: right;
		padding-right: .75em;
	}
	.MasterCanal_logo2{
		text-align: left;
		padding-left: .75em;
	}

	@media (min-width: 992px){
		.MasterCanal_cabecera{
			padding: .8em 0;
			height: 4.4em;
		}
		/*Banner promocional*/
			.BannerPromocional{
				position: absolute;
				right: 0;
				width: 16.66666666666667em;
				height: 2.77777777777778em;
				margin-bottom: 0;
			}
			.BannerPromocional ~ .MasterCanal_logos{
				width: calc(100% - 16.66666666666667em);
			}
		.MasterCanal_ImagenLogo{
			max-height: 2.77777777777778em;
		}
		.MasterCanal_logo1:nth-last-child(n+2),
		.MasterCanal_logo2{
			width: calc(50% - 1.25em);
		}
		.MasterCanal_logo1:nth-last-child(n+2){
			padding-right: .15em;
		}
		.MasterCanal_logo2{
			padding-left: .15em;
		}
		.MasterCanal_logodoble{
			font-size: 1em;
			padding-top: .5em;
		}
	}

	@media (max-width: 667px){
		.CuerpodePagina{
			padding-top: 2.45em;
		}
		.CuerpodePagina .CuerpodePagina{
			padding-top: 0;
		}
	}

	@media (min-width: 1200px){
		.MasterCanal_logo1:nth-last-child(n+2){
			padding-right: .75em;
		}
		.MasterCanal_logo2{
			padding-left: .75em;
		}
		.MasterCanal_logodoble{
			font-size: 1.5em;
		}
	}
/*FIN MASTER CANAL*/

/*DETALLE DE PRODUCTO*/
	.NombreEntidad{
		text-align: center;
		margin: 2vw 0 1vw;
	}
	.btnInstalaAPP{
		width: 16em;
		height: 3em;
		padding-top: 0.1em;
		border-radius: 0.75em;
		cursor: pointer;
		line-height: 1.1;
		font-size: 20px;
		background: #001a2d;
		color: #ffffff;
	}
	.btnInstalaAPP:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}
	.DetalleDeArticulosPrecio{
		vertical-align: top;
	}
	.DetalleDeArticulosPrecio ~ .TextoPequenoWSMF{
		text-align: center;
	}
	.DetalleDeArticulosStock{
		vertical-align: top;
	}
	.DetalleDeArticulosImagen{
		position: relative;
		display: inline-block;
		width: 95%;
		margin: auto;
		max-width: 22em;
	}
	.DetalleDeArticulosImagen:nth-child(n + 2){
		margin-top: 10px;
	}
	.DetalleDeArticulosNumeroLoteria{
		position: absolute;
		width: 65%;
		left: 25%;
		top: 12%;
		font-family: Signika, sans-serif;
		line-height: .8;
		font-size: 10vw;
		font-weight: 700;
		letter-spacing: .125em;
		text-align: center;
	}
	.DetalleDeArticulosFotoDelProducto{
		position: relative;
		width: 100%;
	}
	.DatosMisJugadasCifraGrande{
		font-size: 1.6em;
	}
	.DatosDetalleJugadas{
		margin-bottom: 0.5em;
	}
	.DetalleDeArticulosBotonJugarYa{
		display: inline-block;
		width: 48%;
		font-weight: 700;
		margin: 0.4em 0;
		padding: 0.25em 0 0.1em;
		text-align: center;
		cursor: pointer;
		transition: 300ms;
		line-height: 1.2;
		text-shadow: none;
	}
	.DetalleDeArticulosBotonJugarYa:nth-child(2){
		margin-left: 4%;
	}
	.DetalleDeArticulosBotonJugarYa span{
		font-size: 0.75em;
	}
	.DetalleDeArticulosBotonJugarYa i{
		font-size: 1.6em;
	}
	.DetalleDeArticulosBotonJugarYa_2_0{
		display: block;
		width: 95%;
		font-weight: 700;
		margin: auto;
		padding: 0.75em 0 0.6em;
		text-align: center;
		cursor: pointer;
		transition: 300ms;
		line-height: 1.2;
		text-shadow: none;
		max-width: 15.8em;
		margin-top: .4em;
		background-color: #001a2d;
		color: #ffffff;
	}
	.DetalleDeArticulosBotonJugarYa_2_0:not(.BotonDesactivado):hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}
	.DetalleDeArticulos_accion{
		position: relative;
		display: block;
		width: 95%;
		font-weight: 700;
		margin: auto;
		text-align: center;
		line-height: 1.2;
		text-shadow: none;
		max-width: 15.8em;
		margin-top: .4em;
	}
	.DetalleDeArticulos_botonmasmenos{
		display: inline-block;
		vertical-align: middle;
		width: 3em;
		padding: .8em 0;
		cursor: pointer;
		text-decoration: none;
		background-color: #001a2d;
		color: #ffffff;
	}
	.DetalleDeArticulos_botonmasmenos:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}
	.DetalleDeArticulos_visormasmenos{
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 7.5em);
		text-align: center;
		outline: none;
		border: none;
		background-color: #00000000;
		font-size: 1.3em;
	}
	.DetalleDeArticulos_cesta{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding-top: .8em;
		text-decoration: none;
		background-color: #001a2d;
		color: #ffffff;
	}
	.DetalleDeArticulos_cesta:hover{
		background-color: #f7f6f2;
		color: #001a2d;
		text-decoration: none;
	}
	.DetalleDeArticulosBotonMasNumeros{
		display: block;
		width: 95%;
		font-weight: 700;
		margin: auto;
		padding: 0.75em 0 0.6em;
		text-align: center;
		cursor: pointer;
		transition: 300ms;
		line-height: 1.2;
		text-shadow: none;
		max-width: 15.8em;
		margin-top: .75em;
		text-decoration: none;
		background-color: #e3e3e3;
	}
	.DetalleDeArticulosBotonMasNumeros:hover{
		background-color: #ececec;
		text-decoration: none;
	}
	.DetalleDeArticulosVerJugada{
		cursor: default;
		text-align: center;
	}
	.DetalleDeArticulosPrecioyStock{
		max-width: 350px;
		margin: auto;
	}
	.DetalleDeArticulosRealizarJugada{
		position: relative;
		margin: auto;
		text-align: center;
		max-width: 350px;
	}
	.DetalleDeArticulosBotonMasMenosJugadas{
		cursor: pointer;
		padding: 0.25em 0;
		text-shadow: none;
		line-height: 1.4;
	}
	.DetalleDeArticulosVisorMasMenosJugadas{
		box-sizing: border-box;
		text-align: center;
		padding: 0.25em 0;
		border: none;
		line-height: 1.4;
		outline: none;
		color: inherit;
		text-shadow: inherit;
	}
	.DetalleDeArticulosBloqueo>div:not(.DetalleDeArticulosAgotado){
		filter: opacity(0.4) grayscale(0.5);
	}
	.DetalleDeArticulosBloqueo>div:not(.DetalleDeArticulosAgotado) *{
		cursor: default !important;
	}
	.DetalleDeArticulosAgotado{
		position: absolute;
		background-color: #001a2d;
		color: #ffffff;
		padding: .1em 1.5em .2em;
		text-align: center;
		top: 50%;
		left: 50%;
		width: max-content;
		max-width: 100%;
		text-shadow: none;
		transform: translate(-50%, -50%) rotateZ(-15deg);
	}
	.DetalleDeArticulosTablaPremios{
		position: relative;
		margin: auto;
		text-align: center;
		max-width: 400px;
		text-shadow: none;
	}
	.DetalleDeArticulosTablaPremios_tabla{
		text-align: left;
		margin-bottom: 1em;
	}
	.DetalleDeArticulosTablaPremios_categoria{
		line-height: 1;
		margin: .84em 0;
	}
	.DetalleDeArticulosTablaPremios_reparto{
		line-height: 1;
		margin-top: .84em;
	}
	.DetalleDeArticulosTablaPremios_importe{
		line-height: 1;
		margin-bottom: .6em;
	}
	.DetalleDeArticulosTablaPremios_separador{
		margin: 0 auto 1.25em;
	}
	.DetalleDeArticulosTablaPremios_tituloresultados{
		line-height: 1;
	}
	.DetalleDeArticulosTablaPremios_resultados{
		line-height: 1;
		font-weight: 700;
	}
	.ContenedorImagen{
		text-align: center;
	}
	.FotoEntidad,
	.FotoEntidad:after{
		position: absolute;
		width: 100%;
		border-bottom-right-radius: 65% 10%;
		border-bottom-left-radius: 35% 2.5%;
	}
	.FotoEntidad{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		height: 24em;
		padding-bottom: 2em;
		margin-top: -2.5em;
	}
	.FotoEntidad:after{
		content: "";
		height: calc(100% + .25em);
		box-shadow: inset 0 -.75em .5em 0 var(--ColorDeFondoWeb), 0 .25em .25em var(--ColorDeFondoWeb);
	}
	.DetalleJugadasContenido{
		position: relative;
	}
	@media (min-width: 992px){
		.Descripcion_Detalleproductogaleria{
			position: relative;
			display: inline-block;
			vertical-align: top;
			max-width: calc(100% - 26em);
			max-height: 16em;
			overflow-y: hidden;
		}
		.Descripcion_Detalleproductogaleria_vermas{
			background-image: linear-gradient(0deg, #ffffff 0%, #ffffffcc 40%, #ffffff00 100%);
			text-shadow: 0 0 .075em #ffffff, 0 0 .15em #ffffff;
			position: absolute;
			font-weight: 700;
			line-height: 1;
			top: 13em;
			left: 0;
			width: 100%;
			text-align: center;
			padding: 1em 0;
			cursor: pointer;
		}
		.Descripcion_Detalleproductogaleria_vermas:before{
			content: "VER MÁS";
		}
		.Descripcion_Detalleproductogaleria_vermas:hover{
			opacity: .9;
		}
		.Descripcion_Detalleproductogaleria.ElementoInactivo{
			display: inline-block !important;
			max-height: none;
			padding-bottom: 3em;
		}
		.Descripcion_Detalleproductogaleria.ElementoInactivo .Descripcion_Detalleproductogaleria_vermas{
			bottom: 0;
			top: auto;
			background-image: none;
		}
		.Descripcion_Detalleproductogaleria.ElementoInactivo .Descripcion_Detalleproductogaleria_vermas:before{
			content: "VER MENOS";
		}
		.Descripcion_Detalleproductogaleria.ElementoInactivo .Descripcion_Detalleproductogaleria_vermas i{
			transform: rotateZ(180deg);
		}
		.Claseauxiliar_0001 ~ .DetalleJugadasRecuadro1{
			display: inline-block;
			vertical-align: top;
			width: 24em;
		}
		.DetalleDeArticulosImagen:nth-child(n + 2){
			margin-top: 0;
		}
		.DetalleDeArticulosImagen:nth-child(n + 3){
			margin-top: 10px;
		}
		.DetalleDeArticulosImagen:nth-child(2n){
			margin-left: 10px;
		}
	}
	@media (min-width: 1500px){
		.FotoEntidad,
		.FotoEntidad:after{
			border-bottom-right-radius: 65% 12.5%;
			border-bottom-left-radius: 35% 6%;
		}
	}
	.ColordeFondoAcceso{
		border: none;
	}
	.ColordeTextoCabecera a,
	.ColordeFondoBotones,
	.ColordeFondoAcceso{
		transition: background-color 300ms, color 300ms;
	}
	.ContenedorGanaMisods{
		position: relative;
		margin: auto;
		width: 9em;
		height: 2em;
	}
	.ContenedorGanaMisods > img{
		position: absolute;
		top: 0;
		right: 0;
		transform: rotateX(60deg) skew(-20deg, 0deg);
		width: 3em;
		animation: GanaMisods linear infinite 7.5s;
	}
	.ContenedorGanaMisods > img:nth-child(1){
		top: 20%;
		animation-delay: -1.2s;
	}
	.ContenedorGanaMisods > img:nth-child(2){
		top: 15%;
		animation-delay: -.9s;
	}
	.ContenedorGanaMisods > img:nth-child(3){
		top: 10%;
		animation-delay: -.6s;
	}
	.ContenedorGanaMisods > img:nth-child(4){
		top: 5%;
		animation-delay: -.3s;
	}
	.ContenedorGanaMisods > img:nth-child(5){
		top: 0;
	}

	@media (min-width: 450px){
		.DetalleDeArticulosNumeroLoteria{
			font-size: 2.7em;
		}
	}

	@keyframes GanaMisods{
		0%, 20%{
			transform: translate(-200%, 0);
			opacity: 0;
		}
		23%{
			transform: translate(-133%, -25%) rotateX(30deg) skew(-6.6deg, 0deg);
			opacity: 1;
		}
		26%{
			transform: translate(-66%, -25%) rotateX(30deg) skew(-13.3deg, 0deg);
		}
		30%, 100%{
			transform: rotateX(60deg) skew(-20deg, 0deg);
		}
	}

	@keyframes Botando{
		36%{
			transform: translateY(-5%) scaleY(1.1) scaleX(1);
		}
		70%{
			transform: translateY(10%) scaleY(0.8) scaleX(1);
		}
		80%{
			transform: translateY(-10%) scaleY(1.2) scaleX(0.8);
		}
		0%, 98%{
			transform: translateY(-20%) scaleY(0.95) scaleX(1.05);
		}
	}

	@media (max-width: 991px){
		.DetalleJugadasRecuadro1,
		.DetalleJugadasRecuadro2{
			padding: .75em 0 .5em;
			width: 90%;
			margin: auto;
		}
		.DetalleJugadasRecuadro1{
			border-bottom: none;
			padding-bottom: 0;
		}
		.DetalleJugadasRecuadro2{
			border-top: none;
			padding-top: .5em;
		}
	}

	/*Libreria galeria de imagenes producto*/
		.gp-wrap{
			width: 100%;
			max-width: 100%;
			margin: 0;
		}
		.gp-layout{
			display: grid;
			grid-template-columns: 3.2em 16em;
			gap: .7em;
			align-items: start;
		}

		/* Miniaturas */
			.gp-thumbs-vertical{
				width: 2.8em;
				max-height: 21em;
				overflow-y: auto;
				display: flex;
				flex-direction: column;
				gap: .3em;
				padding: .2em;
			}
			.gp-thumbs-vertical::-webkit-scrollbar{
				width: 6px;
			}
			.gp-thumbs-vertical::-webkit-scrollbar-thumb{
				background: #00000038;
				border-radius: 1em;
			}
			.gp-thumb{
				all: unset;
				box-sizing: border-box;
				width: 2.2em;
				height: 2.2em;
				border-radius: .5em;
				border: .1em solid transparent;
				background: #ffffff;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.gp-thumb img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: .4em;
				display: block;
				pointer-events: none;
			}
			.gp-selected{
				border-color: #001a2d;
				box-shadow: 0 0 0 .1em #001a2d;
			}

		/* Imagen grande */
			.gp-main-vertical{
				width: 100%;
			}
			.gp-imageBox{
				position: relative;
				height: 16em;
				width: 16em;
				margin: auto;
				border-radius: .7em;
				background: #ffffff;
				border: 1px solid #0000001f;
				box-shadow: 0 .5em 1.2em #00000014;
				overflow: hidden;
				align-items: center;
				touch-action: pan-y pinch-zoom;
				user-select: none;
			}
			.gp-mainImg{
				width: 100%;
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}

		/* Flechas */
			.gp-arrowOverlay{
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				background-color: #001a2d;
				color: #ffffff;
				width: 1.75em;
				height: 3.5em;
				border-radius: .4em;
				cursor: pointer;
				font-size: 26px;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 2;
				border-color: #d2dde5;
			}
			.gp-arrowOverlay:hover{
				background-color: #f7f6f2;
				color: #001a2d;
			}
			.gp-left{
				left: .5em;
			}
			.gp-right{
				right: .5em;
			}
			.gp-empty{
				padding: .8em;
				color: #666666;
			}

		/* Modal */
			.gp-modalBack{
				position: fixed;
				inset: 0;
				background: #000000db;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 9999;
				cursor: zoom-out;
			}
			.gp-modalImg{
				max-width: 92%;
				max-height: 92%;
				border-radius: .7em;
				background: #ffffff;
				box-shadow: 0 0 2.1em #000000a6;
			}

		/* Dots */
			.gp-dots{
				display: none;
				justify-content: center;
				gap: .5em;
				margin-top: .5em;
				user-select: none;
			}
			.gp-dotBtn{
				all: unset;
				width: 1.4em;
				height: 1.4em;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				-webkit-tap-highlight-color: transparent;
				touch-action: manipulation;
			}
			.gp-dot{
				width: .4em;
				height: .4em;
				border-radius: 50em;
				border: 1px solid #00000040;
				background: #0000001f;
				display: block;
				transition: transform .08s ease;
			}
			.gp-dotActive .gp-dot{
				background: #0000008c;
				border-color: #0000008c;
				transform: scale(1.15);
			}

		@media (max-width: 900px){
			.gp-layout{
				grid-template-columns: 1fr;
			}
			.gp-thumbs-vertical{
				display: none;
			}
			.gp-dots{
				display: flex;
			}
			.gp-arrowOverlay{
				display: none;
			}
		}
	/*FIN libreria galeria de imagenes producto*/
/*FIN DETALLE DE PRODUCTO*/

/*GARANTIA EN EL JUEGO*/
	.BandaSeguraWSMF{
		position: relative;
		font-size: 0;
		line-height: 1;
		color: #001a2d;
		background-image: url(/Images/seguridad_fondoWSMF.jpg);
		background-size: cover;
		background-position: center center;
	}
	.BandaSeguraWSMF > .ContenedorWSMF{
		width: 100%;
	}
	.BandaSeguraWSMF .BandaSeguraItem{
		position: relative;
		width: calc(100% / 3);
		display: inline-block;
		vertical-align: top;
		padding: 1em 0.5em;
	}
	.BandaSeguraWSMF .BandaSeguraItem:nth-child(3n):after,
	.BandaSeguraWSMF .BandaSeguraItem:nth-child(3n+2):after{
		position: absolute;
		content: "";
		width: 1px;
		height: 4.5em;
		left: 0;
		top: 4em;
		background-color: #000000;
	}
	.BandaSeguraWSMF .BandaSeguraImagen{
		font-size: 2.3em;
	}
	.BandaSeguraWSMF .BandaSeguraTitulo{
		min-height: 4em;
		padding: 0.3em 0 1em;
		font-weight: bold;
		text-shadow: 0 0 .1em #f2f2f2, 0 0 .2em #f2f2f2, 0 0 .3em #f2f2f2, 0 0 .4em #f2f2f2;
	}
	.BandaSeguraWSMF .BandaSeguraDescripcion{
		min-height: 5em;
		text-align: center;
		text-shadow: 0 0 .1em #f2f2f2, 0 0 .2em #f2f2f2, 0 0 .3em #f2f2f2, 0 0 .4em #f2f2f2;
	}
	.BandaSeguraBotonInformacion{
		text-shadow: none;
		padding: .3em 0;
		border-radius: .3em;
		display: block;
		margin-top: .4em;
		background-color: #001a2d;
		color: #ffffff;
	}
	.BandaSeguraBotonInformacion:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}
	.BandaSeguraGarantiaMisodsMarket_linea1{
		font-size: 3.2em;
	}
	.BandaSeguraGarantiaMisodsMarket_linea2,
	.BandaSeguraGarantiaMisodsMarket_linea3,
	.BandaSeguraGarantiaMisodsMarket_linea4{
		width: 15em;
		margin: auto;
	}
	.BandaSeguraGarantiaMisodsMarket_linea4{
		line-height: .85;
	}
	.BandaSeguraGarantiaMisodsMarket_linea3 span,
	.BandaSeguraGarantiaMisodsMarket_linea2 span,
	.BandaSeguraGarantiaMisodsMarket_linea4 span{
		font-weight: 700;
		font-size: 1.25em;
		letter-spacing: -.075em;
	}
	.BandaSeguraGarantiaMisodsMarketBandaSeguraBotonInformacion{
		text-shadow: none;
		padding: .2em 1.25em;
		border-radius: .3em;
		margin-top: .5em;
		display: inline-block;
		background-color: #001a2d;
		color: #ffffff;
	}
	.BandaSeguraBotonInformacion:hover,
	.BandaSeguraGarantiaMisodsMarketBandaSeguraBotonInformacion:hover{
		background-color: #f7f6f2;
		color: #001a2d;
		text-decoration: none;
	}
	.InfoDonativos_Cantidad:after{
		content: "288.405 €";
	}
	.InfoDonativos_Temporada:after{
		content: "2024";
	}

	@media (max-width: 991px){
		.BandaSeguraWSMF .BandaSeguraItem:nth-child(n+4):before{
			position: absolute;
			content: "";
			width: 40%;
			height: 1px;
			left: 30%;
			top: 0;
			background-color: #000000;
		}
	}

	@media (min-width: 992px){
		.BandaSeguraWSMF .BandaSeguraItem:nth-child(n+7):before{
			position: absolute;
			content: "";
			width: 40%;
			height: 1px;
			left: 30%;
			top: 0;
			background-color: #000000;
		}
		.BandaSeguraWSMF .BandaSeguraItem:nth-child(6n+4):after{
			position: absolute;
			content: "";
			width: 1px;
			height: 4.5em;
			left: 0;
			top: 4em;
			background-color: #000000;
		}
		.BandaSeguraWSMF .BandaSeguraItem{
			width: calc(100% / 6);
		}
	}

	.ImagenCertificados{
		width: 25em;
		max-width: 90%;
		margin: 1em 0;
		filter: drop-shadow(.02em .02em .04em #ffffff) drop-shadow(.02em .02em .04em #ffffff);
	}

	@media (min-width: 601px){
		.BandaSeguraWSMF{
			padding: 30px 0;
		}
		.BandaSeguraWSMFItem{
			margin: 24px 0;
			vertical-align: top;
		}
	}
/*FIN GARANTIA EN EL JUEGO*/

/*BANNER PREMIOS REPARTIDOS*/
	.BannerPremiosRepartidosWSMF{
		font-size: 0;
		line-height: 1;
		color: #001a2d;
		background-image: url(/Images/seguridad_fondoWSMF.jpg);
		background-size: cover;
		background-position: center center;
	}
	.BannerPremiosRepartidosWSMF .ColumnaDe50Grande:first-child{
		padding-top: .75em;
	}
	.BannerPremiosRepartidosWSMF .ColumnaDe50Grande:last-child{
		padding-bottom: .75em;
	}
	.BannerPremiosRepartidos_linea1{
		font-size: 3.2em;
	}
	.BannerPremiosRepartidos_linea2,
	.BannerPremiosRepartidos_linea3,
	.BannerPremiosRepartidos_linea4{
		width: 15em;
		margin: auto;
	}
	.BannerPremiosRepartidos_linea4{
		line-height: .85;
	}
	.BannerPremiosRepartidos_linea2 span,
	.BannerPremiosRepartidos_linea3 span,
	.BannerPremiosRepartidos_linea4 span{
		font-weight: 700;
		font-size: 1.25em;
	}
	.BannerPremiosRepartidosBotonInformacion{
		background-color: #001a2d;
		color: #ffffff;
		text-shadow: none;
		padding: .2em 1.25em;
		border-radius: .3em;
		margin-top: .5em;
		display: inline-block;
	}
	.BannerPremiosRepartidosBotonInformacion:hover{
		background-color: #f7f6f2;
		color: #001a2d;
		text-decoration: none;
	}

	@media (min-width: 992px){
		.BannerPremiosRepartidosWSMF .ColumnaDe50Grande{
			padding: .75em 0;
		}
	}
/*FIN BANNER PREMIOS REPARTIDOS*/

/*BANNERS EXPLICACION*/
	.ComoFunciona{
		text-align: justify;
		margin: calc(2vw + 15px) auto;
		padding: calc(1vw + 7.5px) 0;
		box-shadow: 1px 1px 4px 0 #737373;
	}

	.TituloComoFunciona{
		text-align: center;
	}
/*FIN BANNERS EXPLICACION*/

/*MI CUENTA*/
	#MiCuenta{
		position: relative;
		overflow-x: hidden;
	}
	.MiCuentaCuerpo{
		position: relative;
		min-height: 60vh;
	}
	.SubmenusMicuenta{
		background: #ffffff;
		position: absolute;
		padding: .5em 0;
		overflow-y: scroll;
		height: calc(100vh - 2.4em);
		width: 100%;
		transition: transform .5s ease-out;
		z-index: 1;
	}
	.SubmenusMicuenta.ElementoInactivo{
		display: block !important;
		transform: translateX(-100%);
	}
	.BotonCerrarMenuMicuenta{
		font-size: 2.5em;
		line-height: 1;
		padding: 0 .4em;
		cursor: pointer;
	}
	.BotonAbrirMenuMicuenta{
		display: inline-block;
		vertical-align: middle;
		padding: 1em 0 .5em;
		margin: 0 0.15em;
		text-align: center;
		min-width: 7em;
		line-height: 1.2;
		font-size: 2.15vw;
		cursor: pointer;
	}
	.BotonAbrirMenuMicuenta .TituloWSMF{
		font-size: 3em;
	}
	.BotonMenuMicuenta, .BotonSubmenuMicuenta{
		position: relative;
		margin-bottom: .4em;
		transition: background-color .5s ease-in-out, color .5s ease-in-out;
		padding: .5em 1.25em .5em .5em;
		cursor: pointer;
	}
	.BotonSubmenuMicuenta{
		margin-top: -.2em;
		padding-left: 2.5em;
	}
	.BotonSubmenuMicuenta:before{
		content: ">";
		display: block;
		position: absolute;
		left: 2em;
		font-weight: 700;
	}
	.BotonMenuMicuenta:hover, .BotonSubmenuMicuenta:hover{
		background-color: #f0f0f0;
	}
	.BotonMenuMicuenta.Activo, .BotonMenuMicuenta.Activo:hover, .BotonSubmenuMicuenta.Activo, .BotonSubmenuMicuenta.Activo:hover{
		background: #001a2d;
		color: #ffffff;
	}
	.BotonMenuMicuenta > i, .BotonSubmenuMicuenta > i{
		display: inline-block;
		vertical-align: middle;
		font-size: 1.4em;
		text-align: center;
		width: 2.5em;
	}
	.BotonMenuMicuenta > i > i, .BotonSubmenuMicuenta > i > i{
		color: #fcb045;
		display: block;
		position: absolute;
		font-size: .55em;
		transform: translate(158%, -40%);
		transition: color .5s ease-out;
	}
	.BotonMenuMicuenta.Activo > i > i, .BotonMenuMicuenta.Activo:hover > i > i, .BotonSubmenuMicuenta.Activo > i > i, .BotonSubmenuMicuenta.Activo:hover > i > i{
		color: #9d0505;
	}
	.BotonMenuMicuenta > span, .BotonSubmenuMicuenta > span{
		display: inline-block;
		vertical-align: middle;
		margin-left: .25em;
	}

	@media (min-width: 992px){
		.MiCuentaCuerpo{
			margin-left: 25%;
		}
		.SubmenusMicuenta{
			width: 33%;
			padding: .5em 1em;
		}
		.BotonMenuMicuenta, .BotonSubmenuMicuenta{
			max-width: max-content;
		}
	}

	.TextoFormularioRegistro{
		margin-bottom: 0.3em;
	}
	.OkPagoCuadroNuevoSaldo{
		background-color: #0000001c;
	}
	.OkPagoNuevoSaldo{
		padding: 0.5em 0;
	}
	.MisJugadasImagen{
		position: relative;
		width: 100%;
		height: 44.19vw;
		margin-bottom: 0.4em;
		margin: auto;
	}
	.MisJugadasImagen_Cetrar{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.MisJugadasImagen .FotoDelProducto{
		position: absolute;
		height: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.SelloLSMMisJugadas{
		position: absolute;
		width: 20%;
		top: 0;
		left: 0;
		transform: translate(-30%, -5%);
	}
		.SelloLSMMisJugadas img{
			width: 100%;
		}
	.DatosMisJugadas{
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 1em;
		line-height: 0.9;
	}
	.VerMisJugadas{
		margin-top: 1em;
		text-align: center;
	}
	.tooltip-wrapper{
		position: relative;
	}
	.tooltip_text{
		visibility: hidden;
		position: absolute;
		width: 120px;
		bottom: 100%;
		left: 50%;
		margin-left: -60px;
		background-color: #363636;
		color: #ffffff;
		text-align: center;
		padding: 5px 0;
		border-radius: 6px;
		z-index: 1;
	}
	.tooltip_text:after{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555555 transparent transparent transparent;
	}
	.tooltip-wrapper:hover span{
		visibility: visible;
	}
	.TablaMisPedidos{
		width: 100%;
	}
	.TablaMisPedidos tr:first-child{
		background-color: #001a2d;
		color: #ffffff;
		width: 100%;
	}
	.TablaMisPedidos thead td{
		padding: .5em .3em;
	}
	.TablaMisPedidos tr:nth-child(2n){
		background-color: #e1e1e1;
	}
	.TablaMisPedidos td{
		padding: .25em .3em;
	}
	.TablaMisPedidosImagen img{
		width: auto;
		height: 2.5em;
	}
	.BotonDetallePedido{
		background-color: #001a2d;
		color: #ffffff;
		font-weight: 700;
		padding: 0.2em 1em;
		text-align: center;
		box-sizing: border-box;
		transition: 300ms;
		border: none;
	}
	.BotonDetallePedido:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}
	.modalDetallePedido{
		background-color: #00000066;
		display: block;
	}
	.modalDetallePedido .modal-content{
		width: 95%;
		max-width: 1000px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: AparicionDeModal ease-out 400ms;
	}
	.modalDetallePedido .close{
		color: #aaaaaa;
		cursor: pointer
	}
	.modalDetallePedido .modal-body{
		overflow-y: scroll;
		max-height: 65vh;
		padding: 0.5em;
	}

	@media (min-width: 992px){
		.modalDetallePedido .modal-content{
			padding: 20px;
		}
	}

	/*Mis Premios*/
		.BannerPremios_textotop{
			line-height: 1.3em;
			margin-bottom: .75em;
		}
		.BannerPremios_textotop_Linea1{
			margin-bottom: 1em;
		}
		.IconoDetallePremios{
			display: inline-block;
			padding: .25em 0;
			cursor: pointer;
			min-width: 12em;
			transition: margin .3s ease-in-out, border-radius .3s ease-in-out;
			background-color: #001a2d;
			color: #ffffff;
		}
		.IconoDetallePremios:hover{
			background-color: #f7f6f2;
			color: #001a2d;
		}
		.IconoDetallePremios.IconoActivo{
			border-radius: 1em 1em 0 0;
		}
		.DesplegableDetallePremios{
			line-height: 1;
		}
		.DesplegableDetallePremios_Canal,
		.DesplegableDetallePremios_Sorteo,
		.DesplegableDetallePremios_Numero,
		.DesplegableDetallePremios_Premio,
		.DesplegableDetallePremios_Info{
			padding: 0 .4em;
			text-align: center;
		}
		.DesplegableDetallePremios_Canal{
			text-align: left;
		}
		.DesplegableDetallePremios_Numero{
			font-family: 'Signika', sans-serif;
		}
		.DesplegableDetallePremios_Premio{
			text-align: right;
		}
		.IconoDetallePremios.IconoActivo .BotonDetallePremios_Oculto,
		.IconoDetallePremios:not(.IconoActivo) .BotonDetallePremios_Visto{
			display: none;
		}
		.TablaMisPedidos ~ hr{
			transition: margin .3s ease-in-out;
		}
		.TablaMisPedidos.ElementoInactivo ~ hr{
			border-color: #00000000;
			margin: .1em 0;
		}
		.BannerPremios_opcion{
			margin: .5em .5em .5em 0;
		}
		.BannerPremios_opcion1{
			color: #006b6b;
		}
		.BannerPremios_opcion2{
			color: #690069;
		}
		.BannerPremios_opcion3{
			color: #640000;
		}
		.BannerPremios_opciondescripcion{
			margin: .25em 0 .7em 4em;
			text-align: left;
			color: #49494a;
		}
		.BannerPremios_opciondescripcion .ColumnaDe50Grande,
		.BannerPremios_opciondescripcion .ColumnaDe35Grande{
			vertical-align: top;
		}
		.BannerPremios_opciondescripciondecimo{
			display: block;
			position: relative;
			width: 10em;
			margin: .6em auto 2.5em;
			padding-right: 2.5em;
		}
		.BannerPremios_opciondescripciondecimo span{
			position: absolute;
			display: block;
			line-height: 1;
			bottom: -4%;
			right: 12.5%;
			padding: .25em 0 .2em;
			font-weight: 700;
			width: max-content;
			color: #ffffff;
			background-color: #001a2d;
			min-width: 8em;
			text-align: center;
		}

		@media (hover: hover){
			.BannerPremios_opciondescripciondecimo:hover span{
				color: #001a2d;
				background-color: #f7f6f2;
			}
		}
		.BannerPremios_opciondescripciondecimo img{
			width: 100%;
			transform: skew(-5deg, -5deg);
			filter: drop-shadow(0 0 .1em #000000);
		}
		.BannerPremios_opcionicono{
			display: inline-block;
			vertical-align: middle;
			width: 3em;
			text-align: center;
		}
		.BannerPremios_opcionicono i{
			transform: scale(1.75) translateY(.1em);
		}
		.BannerPremios_opcionicono i.icon-cabecera_misods_market_logo{
			transform: scale(1.375) translateY(.25em);
		}
		.BannerPremios_opcionicono img{
			width: 100%;
		}
		.BannerPremios_opciontexto{
			display: inline-block;
			vertical-align: middle;
			width: calc(100% - 3.75em);
		}
		.InstruccionesCobrarPremiosMovil,
		.InstruccionesCobrarPremiosEscritorio{
			width: 100%;
		}
		.InstruccionesCobrarPremiosMovil{
			max-width: 667px;
		}

		@media (min-width: 992px){
			.BannerPremios_opciones{
				margin-left: 10%;
			}
			.BannerPremios_opciondescripcion .ColumnaDe50Grande{
				margin-bottom: 2.25em;
			}
			.BannerPremios_opciondescripciondecimo{
				margin: -1em auto 0;
			}
		}
	/*Fin mis Premios*/

	/*Tarjetas de puntos*/
		.TarjetaPuntos_textotop{
			line-height: 1.3em;
			margin: .75em 0;
			text-align: center;
		}
		.TarjetaPuntos_textotop_Linea1{
			line-height: 1.2;
			margin: .5em 0;
		}
		.TarjetaPuntos_textotop_Img{
			width: 75%;
			max-width: 500px;
			transition: transform .3s ease-in-out;
		}
		.TarjetaPuntos_textotop_Linea2{
			width: max-content;
			margin: 1em auto;
		}
		.DesplegableDetalleMisods{
			width: 100%;
		}
		.DesplegableDetalleMisods thead td{
			padding: .5em .3em;
			text-align: center;
		}
		.DesplegableDetalleMisods tr:nth-child(2n){
			background-color: #e1e1e1;
		}
		.DesplegableDetalleMisods td{
			padding: .25em .3em;
			text-align: center;
		}
		.DesplegableDetalleMisods tbody td:nth-child(2),
		.DesplegableDetalleMisods tbody td:nth-child(3),
		.DesplegableDetalleMisods tbody td:nth-child(5){
			text-align: right;
			padding-right: .5em;
		}
		.DesplegableDetalleMisods .icon-billete_misod{
			font-size: .8em;
		}
		.IconoDetalleMisods{
			display: inline-block;
			padding: .25em .5em;
			cursor: pointer;
			min-width: 12em;
			transition: margin .3s ease-in-out, border-radius .3s ease-in-out;
		}
		.IconoDetalleMisods.IconoActivo{
			border-radius: 1em 1em 0 0;
		}
		.DesplegableDetalleMisods_Canal,
		.DesplegableDetalleMisods_Sorteo,
		.DesplegableDetalleMisods_Numero,
		.DesplegableDetalleMisods_Premio,
		.DesplegableDetalleMisods_Info{
			padding: 0 .4em;
			text-align: center;
		}
		.DesplegableDetalleMisods_Canal{
			text-align: left;
		}
		.DesplegableDetalleMisods_Numero{
			font-family: 'Signika', sans-serif;
		}
		.DesplegableDetalleMisods_Premio{
			text-align: right;
		}
		.IconoDetalleMisods.IconoActivo .BotonDetalleMisods_Oculto,
		.IconoDetalleMisods:not(.IconoActivo) .BotonDetalleMisods_Visto{
			display: none;
		}
		.DesplegableDetalleMisods ~ hr{
			transition: margin .3s ease-in-out;
		}
		.DesplegableDetalleMisods.ElementoInactivo{
			display: table !important;
		}
		.DesplegableDetalleMisods.ElementoInactivo thead,
		.DesplegableDetalleMisods.ElementoInactivo tbody{
			display: none !important;
		}
		.DesplegableDetalleMisods tfoot tr{
			background-color: #ffffff;
			color: #001a2d;
			font-weight: 700;
		}
		.DesplegableDetalleMisods tfoot td:first-child{
			text-align: center;
			padding: .25em .3em .65em;
		}
		.DesplegableDetalleMisods tfoot i.icon-cabecera_misods_market_misods{
			font-size: 1.4em;
			font-weight: 400;
		}
		.DesplegableDetalleMisods tfoot td:last-child{
			padding: .45em .5em .45em .3em;
			text-align: right;
		}
		.DesplegableDetalleMisods.ElementoInactivo ~ hr{
			border-color: #00000000;
			margin: .1em 0;
		}

		/*En caso de no tener tarjeta*/
			.TarjetaPuntos_textotop_Linea2{
				text-align: center;
			}
			.TarjetaPuntos_textotop_Linea2_compra button{
				border: none;
				margin-top: .5em;
				padding: .3em 1em;
				min-width: 8.5em;
			}
			.TarjetaPuntos_textotop_Linea2 ~ .TarjetaPuntos_textotop_Img{
				display: inline-block;
				vertical-align: middle;
				width: 30%;
			}
			.TarjetaPuntos_textotop_Linea2 ~ .TarjetaPuntos_textotop_Linea1{
				display: inline-block;
				vertical-align: middle;
				width: 40%;
				margin-left: 5%;
				text-align: left;
			}

		@media (min-width: 601px){
			.DesplegableDetalleMisods tbody td:nth-child(2),
			.DesplegableDetalleMisods tbody td:nth-child(3),
			.DesplegableDetalleMisods tbody td:nth-child(5),
			.DesplegableDetalleMisods tfoot td:last-child{
				padding-right: 2.5em;
			}
		}

		@media (orientation: landscape){
			.TarjetaPuntos_textotop{
				position: relative;
				text-align: left;
			}
			.TarjetaPuntos_textotop_Img{
				display: inline-block;
				vertical-align: middle;
				width: 40%;
				margin-right: 5%;
				max-width: 500px;
			}
			.TarjetaPuntos_textotop_Img:hover,
			.TarjetaPuntos_textotop_Img:active,
			.TarjetaPuntos_textotop_Img:focus,
			.TarjetaPuntos_textotop_Img:focus-visible,
			.TarjetaPuntos_textotop_Img:focus-within,
			.TarjetaPuntos_textotop_Img:target{
				transform: translateX(25%) scale(1.5);
			}
			.TarjetaPuntos_textotop_Linea1{
				display: inline-block;
				vertical-align: middle;
				max-width: 50%;
			}

			/*En caso de no tener tarjeta*/
				.TarjetaPuntos_textotop_Linea2{
					position: absolute;
					right: 5%;
					margin: 0;
					width: 55%;
				}
				.TarjetaPuntos_textotop_Linea2 ~ .TarjetaPuntos_textotop_Linea1{
					text-align: center;
					width: 60%;
					vertical-align: bottom;
				}
		}
	/*Fin Tarjetas de puntos*/
/*FIN MI CUENTA*/

/*GALERIA DE ARTICULOS*/
	.ColumnaJugadas{
		display: inline-block;
		vertical-align: top;
		width: 49%;
		margin-bottom: 1.5em;
		position: relative;
		margin-right: 2%;
		padding: .25em;
		background-color: var(--ColordeFondoCabecera);
		color: var(--ColordeTextoCabecera);
	}
	.ColumnaJugadas:nth-child(2n){
		margin-right: 0;
	}
	.NumeroLoteriaMisJugadas{
		position: absolute;
		top: 8.75%;
		right: 21.5%;
		font-family: 'Signika', sans-serif;
		line-height: 1;
		font-size: 6.5vw;
		letter-spacing: 0.69em;
		font-weight: bold;
		color: #000000;
		text-shadow: 0 0 .1em #ffffff, 0 0 .2em #ffffff, 0 0 .3em #ffffff, 0 0 .4em #ffffff;
	}
	.GaleriaDeArticulosVerJugada .NumeroLoteriaMisJugadas{
		top: .42em;
		font-size: 3.4vw;
		letter-spacing: 0.69em;
	}

	@media (min-width: 768px){
		.ColumnaJugadas:nth-child(n){
			width: 33%;
			margin-left: 0;
			margin-right: .5%;
			padding: .6em;
		}
		.ColumnaJugadas:nth-child(3n){
			margin-right: 0;
		}
		.MisJugadasImagen{
			height: 28.5vw;
		}
		.GaleriaDeArticulosVerJugada .NumeroLoteriaMisJugadas{
			font-size: 4.2vw;
		}
	}

	@media (min-width: 992px){
		.NumeroLoteriaMisJugadas{
			font-size: 30px;
		}
	}

	@media (min-width: 1200px){
		.ColumnaJugadas:nth-child(n){
			width: 23.5%;
			margin-right: 2%;
		}
		.ColumnaJugadas:nth-child(4n){
			margin-right: 0;
		}
		.MisJugadasImagen{
			height: 20.3vw;
		}
		.GaleriaDeArticulosVerJugada .NumeroLoteriaMisJugadas{
			font-size: 21px;
		}
	}

	@media (min-width: 1600px){
		.ColumnaJugadas:nth-child(n){
			width: 19.2%;
			margin-right: 1%;
		}
		.ColumnaJugadas:nth-child(5n){
			margin-right: 0;
		}
		.MisJugadasImagen{
			height: 267px;
		}
		.GaleriaDeArticulosVerJugada .NumeroLoteriaMisJugadas{
			font-size: 21px;
		}
	}

	.ListaDeFiltros{
		text-align: center;
		padding: 1em 0;
		display: none;
	}
	.SelectordeFiltros option{
		cursor: pointer;
	}
	.GaleriaDeArticulosPieProducto{
		overflow: hidden;
		height: 3em;
		margin-top: .3em;
		padding: .2em 0;
	}
	.GaleriaDeArticulosDescripcionProducto{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 0.9;
		height: 2.6em;
	}
	.GaleriaDeArticulosNoDisponible{
		margin-top: .15em;
		line-height: 1.2em;
	}
	.GaleriaDeArticulosBotonJugarYa{
		display: inline-block;
		width: 48%;
		font-weight: 700;
		margin: 0.4em 0;
		padding: 0.6em 0 0.3em;
		text-align: center;
		cursor: pointer;
		box-sizing: border-box;
		transition: 300ms;
		line-height: 1.2;
	}
	.GaleriaDeArticulosPrecioyStock{
		margin: auto;
		max-width: 11em;
	}
	.GaleriaDeArticulosPrecioCifra{
		line-height: 1;
		font-weight: 700;
	}
	.GaleriaDeArticulosPieDonativo{
		position: absolute;
		transform: translateY(.8em);
		z-index: 1;
		font-size: .65em;
		width: 8.5em;
		line-height: .85;
		color: #777777;
	}
	.GaleriaDeArticulosPieDonativo ~ .GaleriaDeArticulosPrecioCifra{
		transform: translateY(-.66em);
	}
	.GaleriaDeArticulosPieDonativo > input{
		transform: translateY(.2em);
	}
	.GaleriaDeArticulosPieDonativo > input ~ div{
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 1.66em);
	}
	.GaleriaDeArticulosBotonACesta,
	.GaleriaDeArticulosAnadidoACesta{
		position: relative;
		display: inline-block;
		padding: .15em 1.25em;
	}
	.GaleriaDeArticulosBotonACesta{
		background-color: var(--ColordeFondoBotones);
		color: var(--ColordeTextoBotones);
		cursor: pointer;
		transition: 300ms;
		border-radius: 1em;
		box-shadow: -.045em .035em .15em 0 var(--ColordeTextoBotones);
	}
	.GaleriaDeArticulosAnadidoACesta{
		color: #827f6f;
		animation: Aparicionescala ease-out 400ms;
	}
	@keyframes Aparicionescala{
		0%{
			transform: scale(0);
		}
		80%{
			transform: scale(1.2);
		}
		100% {
			transform: scale(1);
		}
	}
	.GaleriaDeArticulosAnadidoACesta:before{
		content: "AÑADIDO A LA CESTA";
		position: absolute;
		bottom: 85%;
		left: 50%;
		transform: translateX(-50%);
		font-size: .4em;
		width: max-content;
	}
	.GaleriaDeArticulosAnadidoACesta .fa-xmark{
		position: relative;
		transition: 300ms;
		transform: scale(1.66);
		cursor: pointer;
	}
	.GaleriaDeArticulosAnadidoACesta .fa-xmark:hover{
		color: #ab1b1b;
	}
	.GaleriaDeArticulosAnadidoACesta .fa-xmark:after{
		content: "QUITAR";
		position: absolute;
		display: block;
		font-size: .25em;
		width: max-content;
		top: 90%;
		left: 50%;
		transform: translateX(-50%);
	}
	.GaleriaDeArticulosBotonACesta:not(.BotonDesactivado):hover{
		background-color: #fff1c8;
		color: #49494a;
	}
	.GaleriaDeArticulosBotonACesta.BotonDesactivado,
	.GaleriaDeArticulosBotonACesta.BotonDesactivado:hover{
		box-shadow: -.03em .023em .1em 0 var(--ColordeTextoCabecera) !important;
	}
	.GaleriaDeArticulosRealizarJugada{
		max-width: 350px;
		margin: auto;
		text-align: center;
	}
	.GaleriaDeArticulosBotonMasMenosJugadas{
		cursor: pointer;
		padding: 0.25em 0;
		line-height: 1.4;
	}
	.GaleriaDeArticulosVisorMasMenosJugadas{
		box-sizing: border-box;
		text-align: center;
		padding: 0.25em 0;
		border: none;
		line-height: 1.4;
		outline: none;
	}
	.GaleriaDeArticulosMensajeAgotado{
		font-weight: 700;
		margin: 0.4em 0;
		padding: 0.25em 0 0.1em;
		text-align: center;
		box-sizing: border-box;
		line-height: 1.2;
		color: #a4a4a4;
	}
	.GaleriaDeArticulosRegistraDecimoImagen{
		position: absolute;
		width: 28%;
		top: 32%;
		left: 17.5%;
		transform: rotateZ(55deg);
	}
	.GaleriaDeArticulosRegistraDecimoBoton{
		background-color: #001a2d;
		color: #ffffff;
		cursor: pointer;
		line-height: 1.38;
		margin: .4em 0 .3em;
	}
	.GaleriaDeArticulosRegistraDecimoBoton:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}
	.GaleriaDeArticulosBotonJugarYa:nth-child(2){
		margin-left: 4%;
	}
	.GaleriaDeArticulosBotonJugarYa span{
		font-size: 0.75em;
	}
	.GaleriaDeArticulosBotonJugarYa i{
		font-size: 1.6em;
	}
	.GaleriaDeArticulosVerJugada{
		cursor: default;
	}
	.GaleriaDeArticulosNombreProducto{
		margin: .5em 0;
		cursor: pointer;
	}
	.MisJugadasImagen:hover{
		opacity: 0.7;
		cursor: pointer;
	}
	.MisJugadasImagen:hover ~ .GaleriaDeArticulosNombreProducto,
	.GaleriaDeArticulosNombreProducto:hover{
		text-decoration: underline;
	}
	.GaleriaDeArticulosDonativoOpcional{
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
		transform: translateY(.3em);
		line-height: 1.2em;
	}
	.AvisoProductoCerradoGaleria{
		position: relative;
		z-index: 1;
		content: "TIEMPO DE PEDIDOS FINALIZADO";
		display: block;
		padding: 0.25em;
		text-align: center;
		transform: rotateZ(-15deg);
		margin-bottom: -3em
	}
	.AvisoProductoCerradoGaleria ~ div,
	.AvisoProductoCerradoGaleria ~ input{
		opacity: .05;
	}

	@media (min-width: 992px){
		.GaleriaDeArticulosRegistraDecimoLinea2{
			padding-top: .47em;
		}
		.GaleriaDeArticulosRegistraDecimoLinea3{
			padding-top: .47em;
		}
		.GaleriaDeArticulosRegistraDecimoLinea4{
			padding: .47em 0 .6em;
		}
	}
/*FIN GALERIA DE ARTICULOS*/

/*CARRITO*/
	.CarritoVacio{
		text-align: center;
		padding: 3em 0;
		text-transform: uppercase;
	}
	.CarritoVacio img{
		width: 15em;
		max-width: 100%;
	}
	.CarritoLinea1{
		background-color: #f7f6f2;
		color: #001a2d;
		border:1px ridge #ff523b;
		border-radius: 0.5em;
		padding: 0.05em;
	}
	.LineaProductosCarrito{
		position: relative;
		padding: .3em 0;
	}
	.LineaProductosCarrito:nth-child(2n){
		background-color: #8888880d;
	}
	.LineaProductosCarrito:nth-child(n + 2):before{
		content: "";
		display: block;
		border: 1px solid;
		width: 75%;
		margin: auto;
		opacity: .25;
		transform: translateY(calc(-.3em - 1px));
	}
	.VerdetalleProductosCarrito{
		width: 45%;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	.ImagenProductosCarrito_contenedor{
		position: relative;
		display: inline-block;
		max-width: 80%;
	}
	.ImagenProductosCarrito_contenedor > img{
		max-width: 8em;
		max-height: 5em;
	}
	.ImagenProductosCarrito_decimo_numero{
		font-size: 1.075em;
	}
	.NumeroLoteriaProductosCarrito{
		font-family: 'Signika', sans-serif;
	}
	.ComprarProductosCarrito{
		position: relative;
		width: 35%;
		display: inline-block;
		vertical-align: middle;
	}
	.CantidadesProductosCarrito{
		padding: .3em;
		text-align: right;
	}
	.MasMenosProductoCarrito{
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		width: 2em;
		text-align: center;
		border-radius: 50%;
		padding: .5em 0;
		cursor: pointer;
		background-color: #001a2d;
		color: #ffffff;
	}
	.MasMenosProductoCarrito:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}
	.CantidadProductoCarrito{
		display: inline-block;
		vertical-align: middle;
		width: max-content;
		min-width: 3em;
		text-align: center;
		padding: .25em .5em;
	}
	.LineaTotalProductoCarrito{
		border-top: 2px solid;
		width: 6.5em;
		max-width: 100%;
		position: absolute;
		right: 0;
		opacity: .25;
	}
	.EliminarProductosCarrito{
		display: inline-block;
		vertical-align: middle;
		width: 10%;
		height: 6em;
		padding: .25em;
		margin-left: 5%;
	}
	.EliminarProductosCarrito a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		box-shadow: 0 0 1px;
		transition: opacity .2s;
	}
	.EliminarProductosCarrito a:hover{
		opacity: .4;
	}
	.EliminarProductosCarrito a i{
		position: absolute;
		top: calc(50% - .5em);
		left: 0;
		width: 100%;
		text-align: center;
	}
	.TotalCompra{
		display: flex;
		justify-content: flex-end;
	}
	.TotalCompra > table{
		width: 100%;
		max-width: 25em;
	}
	.TotalCompraLineaSeparacion{
		background-color: #001a2d;
		height: 0.3em;
	}
	.FormadePago,
	.MododeEnvio,
	.CartTarjetaMisods{
		float: right;
		display: block;
		width: inherit;
		min-width: 12em;
		max-width: 100%;
		height: calc(1.5em + .75rem + 2px);
		padding: .375rem .75rem;
		font-size: 1em;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		background-color: #ffffff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: .25rem;
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.FormadePago:focus,
	.MododeEnvio:focus{
		color: #495057;
		background-color: #ffffff;
		border-color: #80bdff;
		outline: 0;
		box-shadow: 0 0 0 .2rem #007bff40;
	}
	.TotalCompra td:nth-child(2),
	.TotalCompra_TarjetaMisods2{
		text-align: right;
		padding-right: .3em;
	}
	.TotalCompra td:nth-child(3){
		width: 20%;
	}
	.TotalCompra_Total td,
	.TotalCompra_Pagar td{
		font-weight: 700;
	}
	.TotalCompra_Envio td{
		padding-top: 1em;
	}
	.TotalCompra_TarjetaMisods2 span{
		background-color: #fff8b9;
		color: #001a2d;
		padding: .1em .4em;
	}
	.card{
		box-shadow: 0 4px 8px 0 #00000033;
		max-width: 300px;
		margin: auto;
		text-align: center;
		font-family: Arial;
	}
	.title{
		color: gray;
		font-size: 18px;
	}
	.textoPagoImporteTarjeta{
		color: #4a4a49;
	}
	.BotonJugarYa{
		background-color: #001a2d;
		color: #ffffff;
		padding: .4em 3em;
	}
	.BotonJugarYa:hover{
		background-color: #f7f6f2;
		color: #001a2d;
	}

	@media (min-width: 768px){
		.VerdetalleProductosCarrito{
			width: 60%;
		}
		.ImagenProductosCarrito{
			display: inline-block;
			vertical-align: top;
			width: 40%;
		}
		.NombreProductosCarrito{
			display: inline-block;
			vertical-align: top;
			width: 60%;
			text-align: left;
		}
		.ComprarProductosCarrito{
			width: 25%;
		}
		.MasMenosProductoCarrito{
			width: 1.5em;
			padding: .25em 0;
		}
	}

	@media (min-width: 992px){
		.LineaProductosCarrito{
			width: 40em;
			margin-left: calc(100% - 40em);
		}
		.ImagenProductosCarrito_decimo_numero{
			font-size: 1.05em;
		}
		.TotalCompra td:nth-child(3){
			width: 5.9em;
		}
	}

	/*MODAL PAGAR*/
		.modalPagar{
			background-color: #00000066;
			display: block;
			z-index: 99999;
		}
		.modalPagar .modal-content{
			padding: 20px;
			width: 50%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			animation: AparicionDeModal ease-out 400ms;
		}
		.modalPagar .close{
			color: #aaaaaa;
			cursor: pointer
		}
		.modalPagar .modal-header{
			padding: 0;
			border-bottom: none;
		}
		.modalPagar .modal-body{
			padding-top: 0;
		}

		@media (max-width: 991px){
			.modalPagar .modal-content{
				width: 80% !important;
			}
		}

		@keyframes AparicionDeModal{
			0%{
				transform: translate(-50%, -50%) scaleX(0) scaleY(0.01);
			}

			26%, 34%{
				transform: translate(-50%, -50%) scaleX(1) scaleY(0.01);
			}

			100%{
				transform: translate(-50%, -50%) scaleX(1) scaleY(1);
			}
		}
	/*FIN MODAL PAGAR*/
/*FIN CARRITO*/

/*Pagina okpago con operaciones aceptadas y rechazadas*/
	.ParrafoOkPago{
		margin: 1em 0;
	}
	.OkPago_producto-ok,
	.OkPago_producto-ko{
		max-width: 600px;
		margin: 1em auto;
		padding: 1em 1.5em;
		border: 1px solid #cccccc;
		border-left-width: .4em;
		border-radius: .25em;
		box-shadow: 0 2px 4px #0000000d;
	}
	.OkPago_producto-ok{
		border-left-color: #2ecc71;
	}
	.OkPago_producto-ko{
		border-left-color: #e67e22;
	}
	.OkPago_producto-titulo{
		font-weight: bold;
		color: #333333;
	}
	.OkPago_producto-detalle{
		margin-bottom: 0.3rem;
		color: #444444;
	}
	.OkPago_producto-detalle strong{
		color: #000000;
	}
	.OkPago_mensaje-ok,
	.OkPago_mensaje-ko{
		margin-top: 1em;
		text-align: left;
	}
	.OkPago_mensaje-ok{
		color: #2ecc71;
	}
	.OkPago_mensaje-ko{
		color: #e67e22;
	}
/*Fin pagina okpago con operaciones aceptadas y rechazadas*/

/*Pagina Identificate para ver tus premios*/
	.PremiosIdentificateFondo{
		font-family: 'Signika', sans-serif;
		background-color: #e6d9a9;
		background-image: url(/Images/abrir_regalo.png);
		background-position: 65% 3em;
		background-size: auto calc(100% - 6em);
		background-repeat: no-repeat;
		padding: 1px 0;
		text-shadow: 0 0 0.05em #ffffff, 0 0 0.05em #ffffff, 0.025em 0.025em 0.1em #ffffff, 0.0375em 0.0375em 0.15em #ffffff, 0.05em 0.05em 0.2em #ffffff, 0.05em 0.05em 0.3em #ffffff, 0.05em 0.05em 0.4em #ffffff;
	}
	.PremiosIdentificate{
		position: relative;
		width: 8em;
		border-radius: 1em;
		padding: .5em .25em .25em;
		margin: 1.5em auto 0;
	}
	.PremiosIdentificateTitulo,
	.PremiosIdentificateSubtitulo{
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: .05em;
		padding-bottom: 0;
		position: relative;
		z-index: 2;
	}
	.PremiosIdentificateSubtitulo{
		transform: translateY(-75%);
	}
	.PremiosIdentificateContenedorDecimo{
		position: relative;
		margin: auto;
		width: 7.5em;
		color: #333333;
		text-shadow: none;
		transform: skewY(5deg) rotateY(-20deg) rotateZ(2deg) rotateX(30deg) scale(1.25);
		user-select: none;
	}
	.PremiosIdentificateRecuadrobanner{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border-width: 0.4em;
		border-color: #aca419;
		transform: skewX(-3.5deg) skewY(-3.5deg);
	}
	.PremiosIdentificateRecuadrobannerTras{
		border-bottom-style: solid;
		border-right-style: solid;
	}
	.PremiosIdentificateRecuadrobannerDel{
		border-top-style: solid;
		border-left-style: solid;
		box-shadow: -0.6em -0.6em 0 0.6em #e6d9a9;
	}
	.PremiosIdentificateRecuadrobannerDecimoLoteria{
		width: 100%;
	}
	.PremiosIdentificateContenedorNumeroLoteria{
		position: absolute;
		overflow: hidden;
		top: 9%;
		left: 16.5%;
		width: 80%;
		height: 1em;
		text-align: center;
		line-height: 1;
	}
	.PremiosIdentificateNumeroLoteria{
		display: inline-block;
		vertical-align: top;
		width: 0.5em;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-duration: 80s;
		animation-name: PremiosIdentificateAnimacionNumeroLoteria;
	}
	.PremiosIdentificateNumeroLoteriaDM{
		animation-delay: -10s;
	}
	.PremiosIdentificateNumeroLoteriaUM{
		animation-delay: -20s;
	}
	.PremiosIdentificateNumeroLoteriaC{
		animation-delay: -30s;
	}
	.PremiosIdentificateNumeroLoteriaD{
		animation-delay: -40s;
	}
	.PremiosIdentificateNumeroLoteriaU{
		animation-delay: -50s;
	}

	@keyframes PremiosIdentificateAnimacionNumeroLoteria{
		0%, 15.7%, 25%, 39.7%, 50%, 65.75%, 75%, 89.25%, 100%{
			transform: TranslateY(calc(-100% / 11 * 10));
		}

		15.55%, 39.55%, 65.5%, 89%{
			transform: TranslateY(calc(-103% / 11 * 10));
		}

		1.5%, 12.5%, 28.5%, 37.5%, 52%, 62.5%, 78%, 87.5%{
			transform: TranslateY(0);
		}

		1.25%, 28.25%, 51.75%, 77.75%{
			transform: TranslateY(3%);
		}
	}

	.ContenedorOkRegistro{
		text-align: center;
	}
	.ContenedorOkRegistro input{
		padding: .25em 3em;
	}
/*FIN Pagina Identificate para ver tus premios*/

/*Pagina Registra Decimo*/
	.Titular_Registra_Decimo{
		background-color: var(--ColordeFondoCabecera);
		color: var(--ColordeTextoCabecera);
		display: inline-block;
		padding: .3em 1em;
		border-radius: .4em;
	}
	.Linea1_Registra_Decimo > div{
		vertical-align: top;
	}
	.Beneficiario_Registra_Decimo{
		width: 100%;
		max-width: 18em;
		box-shadow: .1em.1em .15em #001a2d;
		border-radius: 1em;
	}
	.Registra_Decimo_Boton_Foto,
	.Registra_Decimo_Boton_Validar{
		display: block;
		width: 100%;
		max-width: 15em;
		padding: .5em 0 .4em;
		margin: auto;
		border: none;
		background-color: var(--ColordeFondoBotones);
		color: var(--ColordeTextoBotones);
	}
	.Registra_Decimo_Boton_Foto:hover,
	.Registra_Decimo_Boton_Validar:hover{
		background-color: var(--ColordeFondoBotonesHover);
		color: var(--ColordeTextoBotones);
	}
	.Formulario_Registra_Decimo_input{
		text-align: center;
		width: 10.8em;
	}
	.Formulario_Registra_Decimo_numero .Formulario_Registra_Decimo_input{
		font-weight: bold;
		letter-spacing: .3em;
		width: 7.7em;
	}
	.Formulario_Registra_Decimo_serie .Formulario_Registra_Decimo_input,
	.Formulario_Registra_Decimo_fraccion .Formulario_Registra_Decimo_input{
		width: 5em;
		margin: 0 .4em
	}
	.Formulario_Registra_Decimo_check{
		padding-left: 2em;
	}
	.Participantes_Registra_Decimo{
		width: 40%;
		max-width: 18em;
		box-shadow: .1em.1em .15em #001a2d;
		border-radius: 1em;
		margin: 0 1em 1em;
	}
	.Colaboradores_Registra_Decimo{
		width: 20%;
		max-width: 9em;
		box-shadow: .1em.1em .15em #001a2d;
		border-radius: 1em;
		margin: 0 1em 1em;
	}
	.modalFotoDecimo{
		background-color: #00000066;
		display: block;
	}
	.modalFotoDecimo .modal-content{
		width: 90%;
		max-width: 1000px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: AparicionDeModal ease-out 400ms;
	}
	.modalFotoDecimo .modal-header{
		padding-bottom: 0;
	}
	.modalFotoDecimo .close{
		color: #aaaaaa;
		cursor: pointer
	}
	.modalFotoDecimo .modal-body{
		overflow-y: scroll;
		max-height: 65vh;
		padding: 0.5em;
	}
	.modalFotoDecimo .card-body{
		padding-top: 0;
	}
	.modalFotoDecimo #videoFeed,
	.modalFotoDecimo_captura{
		display: inline-block;
		vertical-align: middle;
		width: 15em;
		max-width: 100%;
		margin-top: 1.5em;
	}
	.modalFotoDecimo_Boton{
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		max-width: 15em;
		padding: .5em 0 .4em;
		margin: 1.5em 1.5em 0;
		border: none;
		background-color: var(--ColordeFondoBotones);
		color: var(--ColordeTextoBotones);
	}
	.modalFotoDecimo_Boton:hover {
		background-color: var(--ColordeFondoBotonesHover);
		color: var(--ColordeTextoBotones);
	}

	@media (min-width: 992px){
		.modalFotoDecimo .modal-content{
			padding: 20px;
		}
	}
/*Fin Pagina Registra Decimo*/

/*Error 404*/
	.error404{
		min-height: calc(100vh - 32vw - 32px);
		text-align: center;
		line-height: 1;
	}
	.error404lineadinamica > div{
		display: inline-block;
		vertical-align: middle;
		animation: Botando linear infinite;
	}
	.error404lineadinamica1 > div{
		animation-duration: 1000ms;
	}
	.error404lineadinamica1 > div:nth-child(5n + 1){
		animation-delay: -350ms;
	}
	.error404lineadinamica1 > div:nth-child(5n + 2){
		animation-delay: -850ms;
	}
	.error404lineadinamica1 > div:nth-child(5n + 3){
		animation-delay: -100ms;
	}
	.error404lineadinamica1 > div:nth-child(5n + 4){
		animation-delay: -600ms;
	}
	.error404linea3{
		font-size: 3em;
		font-weight: bold;
		color: #972020;
		position: absolute;
		width: 100%;
	}
	.error404linea4 > img{
		width: 100%;
		max-width: 600px;
	}
	.gdpr-banner{
		font-size: medium;
		font-weight: 500;
		padding: 16px 0;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
/*Fin error 404*/

/*Estilos transparencia*/
	.Secciontransparencia{
		margin: 2em 0;
	}
	.Secciontransparencia > .SubTituloWSMF{
		margin: 2em auto 1.5em;
	}
	.Seccion_buscar{
		margin-bottom: 2em;
	}
	.Titulo_Anidadas{
		position: relative;
		font-weight: 500;
	}
	.BuscadorDeCausas{
		position: relative;
		width: calc(10em + 15%);
		margin: auto;
	}
	.BuscadorDeCausas input{
		position: relative;
		width: 100%;
	}
	.BuscadorDeCausas button{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: .75em;
		margin-right: 0.5em;
		padding: 0.5em;
		border-radius: 50%;
		border: none;
		background-color: #9dbdd5;
		color: #ffffff;
		cursor: pointer;
	}
	.BuscadorDeCausas button:hover{
		background-color: #001a2d;
	}
	.BuscadorDeFechas{
		margin-top: .75em;
	}
	.BuscadorDeFechas > div{
		display: inline-block;
		vertical-align: middle;
		width: 48%;
		max-width: 10em;
	}
	.BuscadorDeCausas input,
	.BuscadorDeFechas input{
		font-family: inherit;
		color: #001a2d;
		border: 0.2em solid #9dbdd5;
		font-size: 1em;
		padding: 0.25em .1em;
	}
	.BuscadorDeCausas input:focus,
	.BuscadorDeFechas input:focus{
		outline: 1px solid #6090b4;
	}
	.BotonBuscadorDeCausas{
		margin: 1.5em auto 0;
		padding: .1em .4em .1em 0;
		width: 10em;
		cursor: pointer;
		border: 0.2em solid #9dbdd5;
	}
	.Item_resultados{
		width: 92%;
		margin: auto;
		max-width: 1200px;
	}
	.Cuadro_resultados{
		border: 1px solid #001a2d;
		border-radius: .75em;
		overflow: hidden;
		margin: 2em 0 .5em;
	}
	.Cuadro_resultados_titulo{
		background-color: #001a2d;
		color: #ffffff;
		padding: .5em 0;
		text-align: center;
		line-height: 1;
	}
	.Cuadro_resultados_contenido{
		font-size: 0;
		background-color: #ffffff90;
	}
	.Cuadro_resultados_item{
		background-image: url(https://misodsmarket.org/Images/donativo.svg);
		background-size: contain;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		display: inline-block;
		vertical-align: middle;
		width: calc(100% / 5);
		line-height: 1.2;
		padding: .4em 0;
		text-align: center;
		background-color: #fffde2;
		text-shadow: 0 0 .05em #fffde2, 0 0 .075em #fffde2, 0 0 .075em #fffde2, 0 0 .1em #fffde2;
	}
	.Cuadro_resultados_itemmas,
	.Cuadro_resultados_itemmenos{
		background-image: none;
		background-color: #ffffff !important;
		color: #0000ff;
		cursor: pointer;
	}

	@media (hover: hover){

		.Cuadro_resultados_itemmas:hover,
		.Cuadro_resultados_itemmenos:hover{
			color: #6666ff;
		}
	}
	.Cuadro_resultados_item:nth-child(2n + 1){
		background-color: #edf7ff;
		text-shadow: 0 0 .05em #edf7ff, 0 0 .075em #edf7ff, 0 0 .075em #edf7ff, 0 0 .1em #edf7ff;
	}
	.Cuadro_resultados_item_fecha{
		font-size: .55em;
	}
	.Cuadro_resultados_item_cantidad{
		font-weight: 700;
	}
	.Cuadro_resultados_item_codigo{
		font-size: .55em;
	}

	@media (min-width: 600px){
		.Cuadro_resultados{
			background-size: calc(100% / 9) 3.2em;
		}
		.Cuadro_resultados_item{
			width: calc(100% / 9);
		}
	}

	@media (min-width: 768px){
		.Titulo_Anidadas,
		.BuscadorDeCausas{
			display: inline-block;
			vertical-align: middle;
			margin: 0 .5em;
		}
		.BuscadorDeFechas,
		.BotonBuscadorDeCausas{
			display: inline-block;
			vertical-align: bottom;
			margin: .75em .3em 0;
		}
		.BuscadorDeFechas > div{
			width: 10em;
		}
		.BuscadorDeFechas > div:nth-child(2 + n){
			margin-left: 3%;
		}
	}

	@media (min-width: 1200px){
		.Cuadro_resultados{
			background-size: calc(100% / 15) 3.2em;
		}
		.Cuadro_resultados_item{
			width: calc(100% / 15);
		}
	}
/*Fin estilos transparencia*/

/*Aviso Legal, cookies, faqs...*/
	.TituloAviso{
		font-size: 1.2em;
		margin-top: 2em;
		text-transform: uppercase;
	}
	.ParrafoAviso{
		margin-bottom: 1rem;
	}
	.AdvertenciaAviso{
		text-align: justify;
		padding: 1em 2em;
		background-color: #001a2d;
		color: #ffffff;
		margin: 1.5em 0;
		border-radius: 1em;
	}
	.AdvertenciaAviso a{
		color: #ffffff;
		font-weight: 700;
	}
	.LogoRegistrosAviso{
		width: 25em;
		max-width: 80%;
		display: inline-block;
		vertical-align: top;
		padding-top: 2em;
	}
	.PantallazoAviso{
		max-width: 80%;
		width: 400px;
	}
	.Pantallazo2Aviso{
		width: 100%;
		border: .05em solid #000000;
	}

	/*Estilos faq*/
		.Seccionfaq{
			margin: 2em 0;
		}
		.Seccionfaq > .SubTituloWSMF{
			margin: 2em auto 1.5em;
		}
		.Seccionfaq_txt{
			max-width: 1200px;
		}
		.Seccionfaq_txt.ElementoInactivo{
			display: block !important;
		}
		.Seccionfaq_txtTitulo{
			position: relative;
			background-color: #001a2d;
			color: #ffffff;
			font-weight: 700;
			padding: .25em 2em .25em 1em;
			border-radius: .25em;
			cursor: default;
			user-select: none;
			transition: color .3s, background-color .3s;
		}
		.Seccionfaq_txtcontenido{
			height: 0;
			overflow: hidden;
			transition: padding .3s;
			padding: 0 1em;
			margin-bottom: .5em;
			border-radius: 0 0 .25em .25em;
			line-height: 1.75;
		}
		.Seccionfaq_txt:not(.ElementoInactivo) .Seccionfaq_txtTitulo{
			color: #001a2d;
			background-color: #f7f6f2;
			border: 1px solid;
		}
		.Seccionfaq_txt:not(.ElementoInactivo) .Seccionfaq_txtcontenido{
			padding: 1em 1em 2em;
			height: auto;
			border-width: 0 1px 1px;
			border-style: solid;
			border-color: #001a2d;
			transform: translateY(-.3em);
		}
		.Seccionfaq_txtTitulo[onclick]:after{
			position: absolute;
			display: block;
			right: .5em;
			top: 50%;
			transform: translateY(-50%);
			font-style: normal;
			font-variant: normal;
			line-height: 1;
			text-rendering: auto;
			font-weight: 900;
			font-family: "Font Awesome 6 Free";
			content: "\2b";
			cursor: pointer;
		}
		.Seccionfaq_txt:not(.ElementoInactivo) .Seccionfaq_txtTitulo[onclick]:after{
			content: "\f068";
		}
	/*Fin estilos faq*/

	/*Estilos nosotros*/
		.NosotrosBannerArriba{
			background-color: #cfe2f0;
			color: #001a2d;
		}
		.NosotrosParrafo{
			margin-bottom: 1rem;
		}
		.NosotroslineaEntidades{
			margin: 0 1em .5em;
			position: relative;
		}
		.NosotroslineaEntidades_Boton{
			display: block;
			max-width: 100%;
			width: 10em;
			margin: auto;
			padding: .5em 0;
			cursor: pointer;
			text-shadow: none;
			border: 1px solid;
		}
		.NosotroslineaEntidades_Boton:hover{
			text-decoration: none;
		}
		.NosotroslineaEntidades_scroll_section{
			position: relative;
			margin: 0 auto;
		}
		.NosotroslineaEntidades_scroll{
			max-width: max-content;
			overflow: auto;
			scroll-behavior: smooth;
			padding-bottom: 1px;
		}
		.NosotroslineaEntidades_scroll::-webkit-scrollbar{
			display: none;
		}
		.NosotroslineaEntidades_scrolled{
			width: max-content;
		}
		.NosotroslineaEntidades_scroll .NosotroslineaEntidades_scrollleft,
		.NosotroslineaEntidades_scroll .NosotroslineaEntidades_scrollright{
			font-size: 2.25em;
			position: absolute;
			line-height: 1;
			top: calc(50% - .5em);
			width: 1em;
			text-align: center;
			cursor: pointer;
			transition: color .15s;
			transform: scaleY(1.5);
			color: #001a2d;
			display: none;
		}
		.NosotroslineaEntidades_scrollleft.ScrollEnd,
		.NosotroslineaEntidades_scrollright.ScrollEnd{
			opacity: .1;
		}
		.NosotroslineaEntidades_scrollleft:hover,
		.NosotroslineaEntidades_scrollright:hover{
			color: #f44336;
		}
		.NosotroslineaEntidades_scrollleft{
			right: 100%;
		}
		.NosotroslineaEntidades_scrollright{
			left: 100%;
		}
		.NosotroslineaEntidades_scroll_item{
			position: relative;
			display: inline-block;
			vertical-align: top;
			text-align: center;
			margin: 0 2em 2.3em 0;
			background-color: #ffffff;
			color: #49494a !important;
		}
		.NosotroslineaEntidades_scroll_itemcuadro{
			border: 1px solid #c7c7c7;
			padding: .25em .25em 0;
			width: min-content;
		}
		.NosotroslineaEntidades_scroll_item:hover{
			text-decoration: none;
		}
		.NosotroslineaEntidades_scroll_item img{
			height: 5em;
			margin: 0 .75em;
		}
		.NosotroslineaEntidades_scroll_item p{
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			overflow: hidden;
			margin: 0 0 .25em;
			line-height: 1.1;
			height: 2.25em;
		}
		.NosotroslineaEntidades_scroll_itemdonativo{
			position: absolute;
			right: -1em;
			bottom: -1.5em;
			background-color: #00b60f;
			color: #ffffff;
			box-shadow: .05em .05em .25em #000000;
			border-radius: 50%;
			line-height: 1;
			width: 4em;
			padding: 1.5em 0;
			text-align: center;
		}
		.donativodecim{
			background-color: #ffffff;
			color: #006909;
		}
		.donativodec{
			background-color: #006909;
		}
		.donativocen{
			background-color: #ff7b00;
		}
		.donativoum{
			background-color: #ad4500;
		}
		.donativodm{
			background-color: #dd1257;
		}
		.donativocm{
			background-color: #a50b00;
		}
		.NosotroslineaEntidades_scroll_itemdonativo .donativodecimales{
			font-size: .7em;
		}
		.NosotroslineaEntidades_scroll_itemdonativo .donativotrasmil{
			font-size: .7em;
		}
		.NosotroslineaEntidades_scroll_itemdonativo .donativodecimales:before{
			content: ",";
		}
		.NosotroslineaEntidades_scroll_itemdonativo .donativotrasmil:before{
			content: ".";
		}
		.NosotroslineaEntidades_scroll_itemdonativo:after{
			content: " €";
			font-size: .7em;
		}

		@media (min-width: 992px){
			.NosotroslineaEntidades_scroll_section{
				width: max-content;
				max-width: calc(100% - 6em);
			}
			.NosotroslineaEntidades_scroll .NosotroslineaEntidades_scrollleft,
			.NosotroslineaEntidades_scroll .NosotroslineaEntidades_scrollright{
				display: block;
			}
		}
	/*Fin estilos nosotros*/
/*Fin Aviso Legal, cookies, faqs...*/

/*Popup compra la tarjeta*/
	#promotarjetas{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: #b7b7b7b0;
		color: #001a2d;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.promotarjetas_cerrar{
		position: absolute;
		top: .15em;
		right: .1em;
		font-size: 2.25em;
		padding: .2em;
		line-height: .7;
		z-index: 2;
		cursor: pointer;
		color: #ffffff;
		text-shadow: 0 0 .1em #001a2d, 0 0 .1em #001a2d, 0 0 .25em #001a2d, 0 0 .25em #001a2d, 0 0 .4em #001a2d, 0 0 .4em #001a2d;
	}
	.promotarjetas_header{
		position: absolute;
		background-image: url('https://www.mitarjetadesaludajena.org//images_ajena/bannner_web_lanazmiento_2.jpg');
		background-size: cover;
		background-position: 50% 50%;
		width: 100%;
		height: 100%;
		animation: fondopromotarjetas .25s ease-in-out;
		opacity: .88;
	}
	.promotarjetas_body{
		position: relative;
		padding: .5em;
		height: 100%;
	}
	.promotarjetas_titulo{
		position: relative;
		font-weight: 700;
		text-align: center;
		line-height: 1;
		margin-top: .75em;
		animation: textopromotarjetas 60s ease-out;
	}
	.promotarjetas_titulo1{
		font-family: "Roboto", sans-serif;
		color: #001a2d;
		text-shadow: 0 0 .1em #ffffff, 0 0 .1em #ffffff, 0 0 .25em #ffffff, 0 0 .25em #ffffff, 0 0 .4em #ffffff, 0 0 .4em #ffffff;
		margin: 0 0 .5em;
		line-height: 1.2;
		font-size: 1.35em;
		animation: titulopromotarjetas 1s cubic-bezier(0, .25, .85, 1.5);
		animation-delay: -.25s;
	}
	.promotarjetas_titulo1 i{
		font-weight: 700;
	}
	.promotarjetas_img{
		position: relative;
		margin: auto;
		width: 80%;
		max-width: 520px;
	}
	.promotarjetas_decimo_imagen{
		position: relative;
		width: 100%;
		box-shadow: .1em .1em .75em #001a2dcc;
		border-radius: .25em;
		animation: tarjetapromotarjetas 2.5s cubic-bezier(0, .25, .85, 1.5);
	}
	.promotarjetas_img:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 15%;
		background: #001a2dcc;
		bottom: 0;
		transform: translate(-4.5%, 0) skew(45deg, 0);
		filter: blur(.2em);
	}
	.promotarjetas_Precio{
		margin-top: .25em;
		font-weight: 700;
		font-size: 1.1em;
		animation: titulopromotarjetas 1s cubic-bezier(0, .25, .85, 1.5);
		color: #b8fff8;
		text-shadow: 0 0 .1em #001a2d, 0 0 .1em #001a2d, 0 0 .25em #001a2d, 0 0 .25em #001a2d, 0 0 .4em #001a2d, 0 0 .4em #001a2d;
		display: none;
	}
	.promotarjetas_botones{
		margin-top: .25em;
	}
	.promotarjetas_Boton{
		position: relative;
		display: block;
		text-decoration: none;
		text-align: center;
		line-height: 1;
		padding: .25em;
		border: none;
		max-width: max-content;
		margin: auto;
		min-width: 9em;
		background-color: #001a2d;
		color: #ffffff;
		text-shadow: none;
		user-select: none;
		cursor: pointer;
		box-shadow: .15em .15em .075em #ffffff;
		animation: botonpromotarjetas .7s ease-in-out;
		animation-delay: 3s;
	}
	.promotarjetas_titulo2,
	.promotarjetas_titulo3,
	.promotarjetas_titulo4{
		padding: .3em .25em .3em 3.2em;
		background-repeat: no-repeat;
		background-position: 0 50%;
		background-size: auto 100%;
		background-color: #ffffffcc;
		border-radius: .5em;
		text-align: left;
		min-height: 2.6em;
	}
	.promotarjetas_titulo2{
		background-image: url(https://www.mitarjetadesaludajena.org/images_ajena/tarjeta_ajena_3.jpg);
		animation-delay: -58.5s;
	}
	.promotarjetas_titulo3{
		background-image: url(https://www.mitarjetadesaludajena.org/images_ajena/tarjeta_ajena_1.jpg);
		animation-direction: reverse;
		animation-delay: -57.5s;
	}
	.promotarjetas_titulo4{
		background-image: url(https://www.mitarjetadesaludajena.org/images_ajena/tarjeta_ajena_2.jpg);
		animation-delay: -56.5s;
	}

	@keyframes fondopromotarjetas{
		0%{
			opacity: 0;
		}
		100%{
			opacity: .88;
		}
	}

	@keyframes titulopromotarjetas{
		0%, 25%{
			transform: scale(0);
		}
		100%{
			transform: scale(1);
		}
	}

	@keyframes textopromotarjetas{
		2%, 49%{
			transform: translateX(200%) scale(0);
		}
		51%, 98%{
			transform: translateX(-200%) scale(0);
		}
		1%, 99%{
			transform: translateX(0) scale(1.75);
		}
		0%, 100%{
			transform: none;
		}
	}

	@keyframes tarjetapromotarjetas{
		0%{
			transform: scale(0) rotateX(90deg) rotateY(90deg) rotateZ(-2400deg) skew(-15deg, -15deg);
			filter: grayscale(0) brightness(1);
			box-shadow: .1em .1em .75em #001a2dcc;
		}
		92.5%{
			transform: scale(1.075) rotateZ(85deg);
			filter: grayscale(.25) brightness(1.2);
			box-shadow: .1em .1em .75em #ffffffcc, .1em .1em 1em #ffffffcc, .1em .1em 1.25em #ffffffcc, .1em .1em 1.5em #ffffffcc, .1em .1em 1.75em #ffffffcc, .1em .1em 2em #ffffffcc;
		}
		100%{
			transform: scale(1) rotateZ(0);
			box-shadow: .1em .1em .75em #001a2dcc;
			filter: grayscale(0) brightness(1);
		}
	}

	@keyframes botonpromotarjetas{
		0%{
			background-image: linear-gradient(110deg, #00000000 47%, #ebc475 47.33%, #fde699 48%, #edc142 48.5%, #55442d 48.66%, #b4974a 49.66%, #edc142 50.86%, #ebc475 51.86%, #fde699 52.66%, #00000000 53.33%);
			background-size: 300%;
			background-position: 0% 50%;
			transform: scale(1);
		}
		50%{
			transform: scale(1.5);
		}
		100%{
			background-image: linear-gradient(110deg, #00000000 47%, #ebc475 47.33%, #fde699 48%, #edc142 48.5%, #55442d 48.66%, #b4974a 49.66%, #edc142 50.86%, #ebc475 51.86%, #fde699 52.66%, #00000000 53.33%);
			background-size: 300%;
			background-position: 100% 50%;
			transform: scale(1);
		}
	}

	@media (orientation: landscape){
		.promotarjetas_titulo1{
			margin: .25em 0;
		}
		.promotarjetas_titulo1 br{
			display: none;
		}
		.promotarjetas_img,
		.promotarjetas_Precio{
			width: calc(30% + 32px);
			position: absolute;
			left: calc(5% - 20px);
		}
		.promotarjetas_Precio{
			top: calc(50vh + 20px);
		}
		.promotarjetas_titulo2,
		.promotarjetas_titulo3,
		.promotarjetas_titulo4{
			margin-left: calc(35% + 36px);
			font-size: .75em;
			padding: .15em .25em .15em 2em;
			min-height: 1.4em;
		}
		.promotarjetas_botones{
			position: absolute;
			bottom: calc(10vh - 20px);
			width: 100%;
			left: 0;
		}
	}

	@media (orientation: portrait) and (min-width: 320px){
		.promotarjetas_img{
			width: calc(40% + 128px);
		}
		.promotarjetas_titulo2,
		.promotarjetas_titulo3,
		.promotarjetas_titulo4{
			padding: .3em .25em .3em 3.2em;
			min-height: 2.6em;
		}
	}

	@media (orientation: portrait) and (min-width: 768px){
		.promotarjetas_titulo2,
		.promotarjetas_titulo3,
		.promotarjetas_titulo4{
			padding: 3.25vh .25em 0 12vh;
			min-height: 10vh;
		}
		.promotarjetas_botones{
			position: absolute;
			bottom: calc(10vh - 20px);
			width: 100%;
			left: 0;
		}
	}

	@media (min-width: 768px) and (orientation: landscape){
		.promotarjetas_titulo{
			margin-top: 1.25em;
		}
	}

	@media (min-width: 992px) and (orientation: landscape){
		.promotarjetas_titulo{
			margin-top: 1.75em;
		}
	}

	@media (min-width: 1300px) and (orientation: landscape){
		.promotarjetas_body{
			text-align: center;
		}
		.promotarjetas_img,
		.promotarjetas_Precio{
			width: calc(25% + 25px);
			position: relative;
			left: auto;
		}
		.promotarjetas_titulo2,
		.promotarjetas_titulo3,
		.promotarjetas_titulo4{
			margin: .5em .5%;
			display: inline-block;
			vertical-align: middle;
			padding: 1.5em .25em 0 5em;
			text-align: right;
			min-height: 5em;
			width: 30%;
		}
		.promotarjetas_cerrar{
			font-size: 3.5em;
		}
	}

	@media (min-width: 1450px) and (orientation: landscape){
		.promotarjetas_titulo2,
		.promotarjetas_titulo3,
		.promotarjetas_titulo4{
			margin: 1.5em;
			width: 9.5em;
			padding: 6.55em .25em 0;
			text-align: center;
			min-height: 9em;
			background-size: 100% auto;
			background-position: 0 -2.75em;
		}
	}
/*Fin popup compra la tarjeta*/

/*buscador de canales*/
	.divResultado strong{
		text-shadow: none;
	}
/*Fin buscador de canales*/

/*Page buscador*/
	.Pages_Buscador{
		position: relative;
	}
	.Pages_Buscador_arriba{
		padding-bottom: .6em;
	}
	.Pages_Buscador_decimo{
		position: relative;
		margin: auto;
		max-width: 400px;
	}
	.Pages_Buscador_decimo_img{
		width: 100%;
	}
	.Pages_Buscador_decimo_introduce{
		position: absolute;
		width: 49%;
		left: 32%;
		top: 0;
		text-align: center;
		line-height: 1;
		padding: 1em 0 .5em;
		background-color: #ffffff;
		display: none;
	}
	.Pages_Buscador_decimo_input{
		position: absolute;
		font-family: 'Signika', sans-serif;
		font-weight: 700;
		width: 45%;
		left: 33%;
		top: 11%;
		font-size: 2em;
		text-align: center;
		line-height: 1;
		height: 1em;
		border: 1px solid #ececec;
		box-shadow: .025em .025em .1em #ececec;
		text-transform: uppercase;
	}
	.Pages_Buscador_decimo_input:focus{
		outline: none;
		box-shadow: .1em .1em .25em #cccccc;
	}
	.Pages_Buscador_decimo_botonera{
		position: absolute;
		width: 100%;
		padding-top: .75em;
		bottom: 0;
		background: linear-gradient(0deg, var(--ColorDeFondoWeb) 25%, #00000000 100%);
		text-align: center;
	}
	.Pages_Buscador_decimo_boton{
		display: inline-block;
		width: 3em;
		margin: 0 1em;
		padding: .3em 0;
		cursor: pointer;
		background-color: #1c86c4;
		color: #ffffff;
	}
	.Pages_Buscador_decimo_boton:hover,
	.Pages_Buscador_decimo_boton.active{
		background-color: #cad8e8;
		color: #1c86c4;
	}
	.Pages_Buscador_decimo_boton span{
		display: block;
		font-size: .5em;
		text-transform: uppercase;
	}
	.Pages_Buscador_decimo_botoncapicua i:before{
		display: block;
		transform: rotateZ(90deg);
	}
	.Pages_Buscador_decimo_botonimpar i:before{
		display: block;
		transform: scaleY(-1);
	}
	.Pages_Buscador_provincia{
		width: 100%;
		max-width: 400px;
		margin: 2.5em auto 0;
	}
	.Pages_Buscador_provincia select{
		width: 100%;
		padding: .4em;
	}
	.Pages_Buscador_tituloresultados{
		background: linear-gradient(0deg, #cccccc 0%, #e9e9ed 50%, #e9e9ed 85%, #cccccc 100%);
		padding: .25em 0 .5em 1em;
		font-weight: 700;
	}
	.Pages_Buscador_entidadapoyada{
		text-align: center;
	}
	.Pages_Buscador_entidadapoyada img{
		max-width: 10em;
		max-height: 4em;
	}
	.Pages_Buscador_resaltado{
		font-family: 'Signika', sans-serif;
		font-size: 1.5em;
		color: #ff0000;
	}
	.Pages_Buscador_Grid{
		display: grid;
		width: 100%;
		margin-bottom: 1em;
		grid-template-columns: repeat(auto-fit, minmax(7.5em, 1fr));
		gap: 0 .75em;
		padding: .5em 1.5em 1em;
		max-height: 27.24em;
		overflow-y: auto;
	}
	.Pages_Buscador_resultado{
		position: relative;
		background: linear-gradient(20deg, #fffef2 0%, #fffef5 35%, #fffffb 50%, #fffef5 65%, #fffef7 100%);
		margin-top: 1.5em;
		padding: .25em .15em .75em;
		border-radius: .5em;
		text-align: center;
		border: 1px solid #ddd;
		box-shadow: 0 2px 6px #0000001a;
		transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
		cursor: pointer;
	}
	.Pages_Buscador_resultado:hover{
		box-shadow: 0 4px 10px #00000026;
	}
	.Pages_Buscador_resultado_imgdecimoext{
		position: absolute;
		top: -1.2em;
		left: 0;
		width: 100%;
		height: 2.1em;
		overflow: hidden;
	}
	.Pages_Buscador_resultado_imgdecimoint{
		position: relative;
		width: max-content;
		transform: translate(.5em, .2em) rotateZ(-5deg);
	}
	.Pages_Buscador_resultado_imgdecimoimg{
		width: 7em;
	}
	.Pages_Buscador_resultado_imgdecimonum{
		position: absolute;
		width: 111%;
		left: 0;
		top: 20%;
		font-family: Signika, sans-serif;
		line-height: .8;
		font-size: .85em;
		font-weight: bold;
		letter-spacing: .05em;
		text-shadow: 0 0 0.075em #ffffff, 0px 0px 0.15em #ffffff, 0px 0px 0.225em #ffffff, 0px 0px 0.3em #ffffff, 0px 0px 0.375em #ffffff;
		transform: translateY(-50%);
		text-transform: uppercase;
	}
	.Pages_Buscador_resultado_numero{
		font-family: 'Signika', sans-serif;
		color: #255403;
		font-weight: 700;
		font-size: 1.8em;
		margin-top: .3em;
	}
	.Pages_Buscador_resultado_numero .resaltado{
		color: #ff0000;
	}
	.Pages_Buscador_resultado_existencias{
		line-height: 1;
		margin-bottom: .6em;
	}
	.Pages_Buscador_resultado_cesta{
		position: absolute;
		background-color: var(--ColordeFondoBotones);
		color: var(--ColordeTextoBotones);
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.Pages_Buscador_resultado_cesta:hover{
		background-color: var(--ColordeFondoBotonesHover);
		color: var(--ColordeTextoBotones);
	}
	.Pages_Buscador_resultado_cesta i{
		font-size: .75em;
	}
	.Pages_Buscador_resultado_cesta span{
		font-size: .6em;
	}
	.Pages_Buscador_resultado_accion{
		position: relative;
		padding: .1em;
		width: max-content;
		margin: auto;
	}
	.Pages_Buscador_resultado_botonmasmenos{
		display: inline-block;
		vertical-align: middle;
		background-color: var(--ColordeFondoBotones);
		color: var(--ColordeTextoBotones);
		width: 1.5em;
		padding: .05em 0;
	}
	.Pages_Buscador_resultado_botonmasmenos:hover{
		background-color: var(--ColordeFondoBotonesHover);
		color: var(--ColordeTextoBotones);
	}
	.Pages_Buscador_resultado_visormasmenos{
		display: inline-block;
		vertical-align: middle;
		width: 2em;
		outline: none;
		border: none;
		background-color: #00000000;
		text-align: center;
	}
	.Pages_Buscador_LinkCabecera{
		display: block;
		position: absolute;
		top: 8.75em;
		left: 0;
		width: 100%;
	}

	@media (min-width: 768px){
		.Pages_Buscador_decimo_botonera{
			background: none;
			top: 0;
			height: 100%;
			left: 100%;
			text-align: left;
			width: 6.5em;
			padding: 0;
		}
		.Pages_Buscador_decimo_boton{
			display: block;
			width: 100%;
			margin: 0 0 .4em 1em;
			padding: .15em .4em;
		}
		.Pages_Buscador_decimo_boton i{
			display: inline-block;
			vertical-align: middle;
			width: 1.25em;
		}
		.Pages_Buscador_decimo_boton span{
			display: inline-block;
			vertical-align: middle;
		}
	}

	/*Buscador tarjetas grid*/

		/* <<<<----	Grid de resultados reservado para cuando haya mas tarjetas	---->>>> */
			/*.T100_FiltrosdeBusqueda{
				cursor: pointer;
			}
			.BuscadorTarjetas_Grid{
				display: grid;
				width: 100%;
				margin-bottom: 1em;
				grid-template-columns: repeat(auto-fit, minmax(11.75em, .3fr));
				gap: .5em;
				padding: .5em;
			}
			.BuscadorTarjetas_resultado{
				position: relative;
				background: linear-gradient(20deg, #fffef2 0%, #fffef5 35%, #fffffb 50%, #fffef5 65%, #fffef7 100%);
				padding: .25em .15em .5em;
				border-radius: .5em;
				text-align: center;
				border: 1px solid #ddd;
				box-shadow: 0 2px 6px #0000001a;
				transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
				cursor: pointer;
				max-width: 25em;
			}
			.BuscadorTarjetas_resultado:hover{
				box-shadow: 0 4px 10px #00000026;
			}
			.BuscadorTarjetas_resultado_img{
				width: 7em;
			}
			.BuscadorTarjetas_resultado_emisor,
			.BuscadorTarjetas_resultado_receptor{
				line-height: 1;
				min-height: 3em;
				margin: .15em 0;
			}
			.BuscadorTarjetas_resultado_emisor .resaltado{
				color: #ff0000;
			}
			.BuscadorTarjetas_resultado_accion{
				position: relative;
			}
			.BuscadorTarjetas_resultado_boton{
				display: inline-block;
				vertical-align: middle;
				width: 42.5%;
				margin: 0 3%;
				padding: .2em;
				border-radius: .25em;
				max-width: 8.5em;
			}
			.BuscadorTarjetas_resultado_boton i{
				font-size: .75em;
			}
			.BuscadorTarjetas_resultado_boton span{
				font-size: .6em;
			}*/
		/* <<<<----	Fin grid de resultados reservado para cuando haya mas tarjetas	---->>>> */

		/* <<<<----	Temporal, sólo dos tarjetas	---->>>> */
			.BuscadorTarjetas_Grid{
				padding: .5em;
				margin: auto;
				text-align: center;
			}
			.BuscadorTarjetas_resultado{
				position: relative;
				width: 75%;
				margin: 1em auto 4em;
				max-width: 25em;
				text-align: center;
			}
			.BuscadorTarjetas_resultado_img{
				width: 100%;
			}
			.BuscadorTarjetas_resultado_emisor,
			.BuscadorTarjetas_resultado_receptor{
				display: none;
			}
			.BuscadorTarjetas_resultado_accion{
				position: relative;
				line-height: .8;
				text-align: center;
			}
			.BuscadorTarjetas_resultado_boton{
				display: inline-block;
				vertical-align: middle;
				width: 40%;
				margin: -1.33em 5% 0;
				padding: .4em .2em;
				border-radius: .25em;
				max-width: 8.5em;
				border: 1px solid;
				background-image: linear-gradient(0deg, #cccccc 17.5%, #ffffff 75%);
				background-size: 100% 140%;
				background-position: 50% 10%;
				color: #001a2d;
				box-shadow: 0 6px 0 0 #001a2d;
				transition: .4s;
				cursor: pointer;
			}
			.BuscadorTarjetas_resultado_boton:hover{
				color: #001a2d !important;
				box-shadow: 0 2px 0 0 #001a2d;
				background-position: 50% 60%;
				transform: translateY(4px);
			}
			.BuscadorTarjetas_resultado_boton i{
				font-size: 1.1em;
			}
			.BuscadorTarjetas_resultado_boton span{
				font-size: .75em;
			}

			@media (min-width: 668px){
				.DescripcionCanal br:first-child{
					display: none;
				}
			}

			@media (min-width: 992px){
				.DescripcionCanal br{
					display: none;
				}
				.BuscadorTarjetas_resultado{
					display: inline-block;
					vertical-align: middle;
					position: relative;
					width: 100%;
					max-width: 600px;
				}
				.BuscadorTarjetas_resultado_img{
					display: inline-block;
					vertical-align: middle;
					width: 55%;
				}
				.BuscadorTarjetas_resultado_accion{
					display: inline-block;
					vertical-align: middle;
				}
				.BuscadorTarjetas_resultado_boton{
					display: block;
					margin: 1.2em .75em;
					min-width: 7.5em;
				}
			}
		/* <<<<----	Fin temporal, sólo dos tarjetas	---->>>> */
	/*Fin buscador tarjetas grid*/

	/*Adaptaciones root*/
		.HomeWS_seccionProvincias{
			padding: 0 !important;
		}
		.HomeWS_seccionProvincias .Pages_Buscador_Grid{
			max-height: none;
		}
	/*Fin adaptaciones root*/
/*Fin page buscador*/

/*decimo compra*/
	.ImagenProductosCarrito img{
		width: 100px;
	}
/*Fin decimo compra*/

/*Regalo Misods*/
	.MensajeMisods{
		margin: 1em 0;
	}
	.Regaloaceptado_lazo{
		width: 75%;
		max-width: 600px;
	}
	.Regaloaceptado_contenido{
		background-color: #f0f6fb;
		color: #001a2d;
		border: 2px solid #e0e5ee;
		padding: .75em;
		margin-top: -2px;
	}
	.Regaloaceptado_Titulo{
		text-transform: uppercase;
		font-weight: 700;
	}
	.Regaloaceptado_Imagenes img{
		width: 75%;
		max-width: 320px;
		margin: .5em;
	}
	.Regaloaceptado_Texto1{
		margin: .5em 0 .75em;
	}
	.Regaloaceptado_Botones{
		text-align: center;
		margin-top: .75em;
	}
	.Regaloaceptado_Botones input{
		border: none;
		padding: .3em .65em;
		border-radius: .4em;
	}
	.Regaloaceptado_Botones input:first-child{
		margin-right: .5em;
	}
/*Fin regalo Misods*/

/*Apaño temporal para ocultar las tarjetas de despachos de la landing de tarjetas*/
	.BuscadorTarjetas_resultado:nth-child(n + 3){
		display: none;
	}