@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;
}
/*Editar canal y producto*/
:root{
--ColordeFondoCabecera: #cfe2f0;
--ColordeTextoCabecera: #001a2d;
--ColordeFondoBotones: #cfe2f0;
--ColordeTextoBotones: #001a2d;
--ColordeFondoBotonesHover: #001a2d;
--ColordeTextoBotonesHover: #ffffff;
--ColordeTextoWeb: #49494a;
--ColorDeFondoWeb: #ffffff;
--ColordeFondoPie: #001a2d;
--ColordeTextoPie: #ffffff;
--ColordeFondoPiehover: #ffffff;
--ColordeTextoSobreImagen: #ffffff;
--DetalleJugadasRecuadro1: #001a2d;
--CabeceraImagen: url("https://misodsmarketapi.azurewebsites.net/Images/Logos/logo_home_misodsmarket.svg");
--FotoEntidad: url('/Images/fondopordefecto.jpg');
}
.ColordeFondoCabecera{
background-color: var(--ColordeFondoCabecera);
}
.ColordeTextoCabecera{
color: var(--ColordeTextoCabecera);
}
.DetalleJugadas_logo1, .DetalleJugadas_doslogos, .DetalleJugadas_Logo2{
filter: drop-shadow(0 0 .05em var(--ColordeFondoCabecera)) drop-shadow(0 0 .075em var(--ColordeFondoCabecera)) drop-shadow(0 0 .1em var(--ColordeFondoCabecera)) drop-shadow(0 0 .4em var(--ColordeFondoCabecera));
}
.ColordeFondoWeb{
}
.ColordeFondoBotones{
background-color: var(--ColordeFondoBotones);
}
.ColordeTextoBotones{
color: var(--ColordeTextoBotones);
}
.ColordeFondoWeb{
background-color: var(--ColorDeFondoWeb);
}
.ColordeTextoWeb{
color: var(--ColordeTextoWeb);
}
.ColordeFondoPie{
background-color: var(--ColordeFondoPie);
}
.ColordeTextoPie, .ColordeFondoPie a{
color: var(--ColordeTextoPie);
}
.ColordeFondoPie a:hover{
color: var(--ColordeFondoPiehover);
}
.CabeceraImagenLogo1{
background-image: var(--CabeceraImagen);
background-position: 100% 50%;
}
.CabeceraImagen, .CabeceraImagendoslogos{
}
.CabeceraImagendoslogos{
background-image: url("https://misodsmarket.org/images/doslogos.svg");
visibility: hidden;
}
.CabeceraImagenLogo2{
background-image: var(--CabeceraImagenLogo2);
background-position: 0 50%;
}
.FotoEntidad{
background-image: var(--FotoEntidad);
}
.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));
}
.CabeceraIconos.IconoActivo{
background-color: var(--ColordeFondoBotonesHover);
color: var(--ColordeTextoBotonesHover) !important;
}
@media (hover: hover){
.ColordeFondoBotones.BotonConHover:hover{
background-color: var(--ColordeFondoBotonesHover);
}
.ColordeTextoBotones.BotonConHover:hover{
color: var(--ColordeTextoBotonesHover);
}
}
/*CABECERA Y PIE*/
#CabeceraMisodsMarket{
position: absolute;
padding: .15em 0 .75em;
background-image: radial-gradient(ellipse at center, #001a2d 199.6em, #00000000 199.7em, #00000000 18em);
color: #ffffff;
text-align: center;
line-height: .8;
width: 100%;
background-size: 500em 500em;
background-position: 50% -448em;
background-repeat: no-repeat;
top: 0;
left: 0;
z-index: 10;
}
#CabeceraMisodsMarket a{
color: #ffffff;
text-decoration: none;
}
.CabeceraWSMF{
position: relative;
z-index: 1;
}
.ColumnaCabecera{
position: relative;
vertical-align: bottom;
}
.ColumnaCabeceraLogo1{
}
.ColumnaCabeceradoslogos{
text-align: center;
}
.ColumnaCabeceraLogo2{
}
.ColumnaCabeceraIconos{
vertical-align: top;
}
.CabeceraIconos{
position: relative;
display: inline-block;
vertical-align: middle;
width: 5.5em;
height: 9.25em;
padding-top: 4.5em;
cursor: pointer;
line-height: 1.1;
z-index: 8;
transition: margin .5s ease-in-out, background-color .3s, color .3s !important;
font-size: 3.12vw;
}
.CabeceraIconos:hover{
text-decoration: none;
}
.CabeceraIconoFixed{
position: fixed;
z-index: 9;
}
.sticky .CabeceraIconoFixed{
margin-top: -3.5em;
}
.IconoMenuTop, .IconoQuien, .IconoFAQ, .IconoGuia, .IconoContacto{
display: none;
}
.CabeceraSaldo{
position: absolute;
line-height: 1.1;
padding: .6em 0 0;
border: none;
font-weight: 700;
cursor: default;
user-select: none;
right: 0;
font-size: 1.25em;
text-shadow: 0 0 .1em var(--ColordeFondoCabecera),
0 0 .15em var(--ColordeFondoCabecera),
0 0 .2em var(--ColordeFondoCabecera),
0 0 .25em var(--ColordeFondoCabecera),
0 0 .3em var(--ColordeFondoCabecera),
0 0 .35em var(--ColordeFondoCabecera),
0 0 .4em var(--ColordeFondoCabecera),
0 0 .45em var(--ColordeFondoCabecera),
0 0 .5em var(--ColordeFondoCabecera),
0 0 .55em var(--ColordeFondoCabecera);
z-index: 1;
font-size: 3.12vw;
}
.CabeceraSaldo i{
font-style: normal;
margin-right: .5em;
}
.CabeceraSaldo br{
display: none;
}
.CabeceraIcono2{
display: inline-block;
vertical-align: middle;
height: 6em;
padding-top: 1.1em;
border-radius: 0.75em;
cursor: pointer;
line-height: 1.1;
}
.CabeceraIcono2:hover{
opacity: .7;
}
.CabeceraImagen{
width: 95%;
max-width: 15em;
height: 3.5em;
background-size: contain;
background-repeat: no-repeat;
margin: .25em 0;
}
.CabeceraImagendoslogos{
width: 2.5em;
height: 2.5em;
background-size: contain;
margin: 0 auto .6em;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.CabeceraIconos i{
font-size: 1.75em;
padding-bottom: 0.2em;
}
.CabeceraIcono2 i{
font-size: 2em;
padding-top: 0.4em;
}
.CabeceraIconos span, .CabeceraSaldo span, .CabeceraIcono2 span{
padding-top: .25em;
}
.ContadordeCesta{
position: absolute;
display: block;
width: 2.2em;
height: 2.2em;
padding-top: .5em !important;
border-radius: 50%;
font-size: .5em;
top: -.8em;
right: -1.2em;
font-weight: 700;
}
.CuerpodePagina{
min-height: calc(100vh - 30em);
padding: 1px 0;
background-size: cover;
background-position: center center;
}
@media (min-width: 320px){
.CabeceraIconos, .CabeceraSaldo{
font-size: calc(0.3vw + 9.024px);
}
}
@media (min-width: 992px){
.CabeceraIconos, .CabeceraSaldo{
font-size: 12px;
}
}
@media (min-width: 992px){
.ColumnaCabeceraLogo1, .ColumnaCabeceraLogo2{
width: 25%;
}
.ColumnaCabeceradoslogos{
width: 10%;
}
.ColumnaCabeceraIconos{
width: 40%;
}
.CabeceraIconos span, .CabeceraSaldo span, .CabeceraIcono2 span{
padding-top: 0.25em;
}
}
@media (min-width: 1200px){
.ColumnaCabeceraLogo1, .ColumnaCabeceraLogo2{
width: 27.5%;
}
.ColumnaCabeceradoslogos{
width: 10%;
}
.ColumnaCabeceraIconos{
width: 35%;
}
.CabeceraSaldo{
display: inline-block;
vertical-align: middle;
height: 6em;
bottom: 0;
left: 102%;
width: max-content;
}
.CabeceraSaldo i{
display: inherit;
font-size: 1.2em;
padding: .75em.3em 0;
}
.CabeceraSaldo span{
display: inline-block;
padding-top: 0.6em;
}
}
.SeccionCompartir{
margin: 1.5em 0;
}
.SeccionCompartir_titulo{
font-weight: 700;
margin-bottom: .25em;
}
.SeccionCompartir_redes{
}
.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{
text-align: center;
box-shadow: 0 0 0 1px var(--ColordeFondoPie);
position: relative;
}
#PieWSMF > .ColordeFondoPie{
padding: calc(1vw + 7.5px) 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);
}
@-webkit-keyframes scroll_Entidades{
0%{
transform: none;
}
100%{
transform: translateX(calc(-100% + 100vw - 2em));
}
}
.Pielinea3{
margin-top: 0.7em;
}
.JuegoAtravesdeMisods{
}
.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*/
.BotoneraIdentificado, .BotoneraNoIdentificado{
height: 100%;
vertical-align: top;
text-align: right;
}
.BotonDesactivado{
filter: opacity(0.4) grayscale(0.5);
cursor: default !important;
}
.BotonDesactivado *{
cursor: default !important;
}
.BotonDesactivado:hover, .BotonDesactivado:focus{
box-shadow: none !important;
}
.BotoneraNoIdentificado .TextoFormularioAcceso, .BotoneraNoIdentificado .ContenedorFormularioAcceso{
display: inline-block;
vertical-align: middle;
}
.BotoneraNoIdentificado .TextoFormularioAcceso{
}
.BotoneraNoIdentificado .ContenedorFormularioAcceso{
}
.BotoneraNoIdentificado .form-control{
max-width: 95%;
}
.BotonCabecera{
display: inline-block;
vertical-align: middle;
position: relative;
text-align: center;
line-height: 1.3;
margin: 0 1%;
transition: 500ms;
cursor: pointer;
}
.BotonCabecera > div:not(#ContadordeProductosCesta){
box-sizing: border-box;
display: inline-block;
margin: 2% 0;
padding: 0.4em 0.8em 0;
border-radius: 1vw;
}
.BotonCabecera > div:not(#ContadordeProductosCesta):hover{
filter: brightness(1.2);
}
.BotonLogin{
height: 100%;
padding: 2.6vw 0;
}
.BotonSaldo{
position: relative;
height: 30%;
font-size: 2vw;
cursor: default;
}
.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;
}
.BotonCesta{
position: relative;
}
.BotonAcceso{
width: 100%;
text-align: center;
}
.o_Acceso{
padding-top: .5em;
text-align: center;
}
.BotonAcceso > input{
min-width: 60%;
}
#ContadordeProductosCesta{
position: absolute;
top: 20%;
left: 50%;
transform: translateX(0.65em);
width: 1.2em;
line-height: 1.2em;
border-radius: 50%;
}
.BotonCabecera .boton-icon{
border-radius: 50%;
font-size: 1.5em;
}
.BotonCabeceraTexto{
transform: translateY(-0.4em);
padding: 0.1em 0.4em;
border-radius: 0.4em;
font-size: 0.8em;
}
.CabeceraWSMFfixed .BotoneraIdentificado, .CabeceraWSMFfixed .BotoneraNoIdentificado{
text-align: right;
}
.DesplegableMenuTop, .DesplegableMenuTop.ElementoInactivo{
display: inline-block !important;
}
.DesplegableCompartir{
position: absolute;
margin-top: .1em;
right: 0;
transform: none;
text-align: left;
}
.DesplegableCompartir .CabeceraIconos{
height: 5.5em;
padding-top: .35em;
height: 5em;
margin-bottom: .35em;
transition: transform .2s ease-in-out !important;
}
.DesplegableCompartir .CabeceraIconos i{
font-size: 2.5em;
margin-top: .3em;
}
.DesplegableCompartir .CabeceraIconos br, .DesplegableCompartir .CabeceraIconos span{
display: none;
}
.DesplegableCompartir.ElementoInactivo{
display: block !important;
animation: AnimIconosAyudaB 1s;
transform: scale(0);
}
.DesplegableCompartir:not(.ElementoInactivo) .CabeceraIconos{
animation: AnimIconosAyuda .35s;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 1){
transform: translate(6.05em, -108%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 2){
transform: translate(0, -108%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 3){
transform: translate(-6.05em, -108%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 4){
transform: translate(-12.1em, -108%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 5){
transform: translate(-18.15em, -108%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 6){
transform: translate(6.05em, -214%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 7){
transform: translate(0, -214%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 8){
transform: translate(-6.05em, -214%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n + 9){
transform: translate(-12.1em, -214%) scale(0);
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-child(10n){
transform: translate(-18.15em, -214%) scale(0);
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 1){
transition-delay: .08s !important;
animation-delay: .26s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 2){
transition-delay: .02s !important;
animation-delay: .20s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 3){
transition-delay: .06s !important;
animation-delay: .24s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 4){
transition-delay: 0 !important;
animation-delay: .18s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 5){
transition-delay: .04s !important;
animation-delay: .22s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 6){
transition-delay: .05s !important;
animation-delay: .21s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 7){
transition-delay: .07s !important;
animation-delay: .23s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 8){
transition-delay: .01s !important;
animation-delay: .19s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n + 9){
transition-delay: .03s !important;
animation-delay: .23s;
}
.DesplegableCompartir .CabeceraIconos:nth-last-child(10n){
transition-delay: .09s !important;
animation-delay: .17s;
}
.DesplegableCompartir .CabeceraIconos, .DesplegableCompartir .CabeceraIconos:hover{
background-color: #d98315;
color: #ffffff;
box-shadow: inset 0 0 .5em 0 #00000080;
}
.DesplegableCompartir .CabeceraIconos:hover{
box-shadow: inset 0 0 .5em 0 #000000e0;
text-shadow: 0 0 .075em #000000, 0 0 .125em #000000;
}
.CabeceraIconos[href*="facebook"], .CabeceraIconos[href*="facebook"]:hover{
background-color: #4267b2;
color: #ffffff;
}
.CabeceraIconos[href*="wa.me"], .CabeceraIconos[href*="wa.me"]:hover{
background: #075e54;
background: -moz-linear-gradient(45deg, #075e54 0%, #25d366 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, #075e54), color-stop(100%, #25d366));
background: -webkit-linear-gradient(45deg, #075e54 0%, #25d366 100%);
background: -o-linear-gradient(45deg, #075e54 0%, #25d366 100%);
background: -ms-linear-gradient(45deg, #075e54 0%, #25d366 100%);
background: linear-gradient(45deg, #075e54 0%, #25d366 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075e54', endColorstr='#25d366', GradientType=1 );
color: #ffffff;
}
.CabeceraIconos[href*="x.com"]{
background-color: #14171a;
color: #ffffff;
box-shadow: inset 0 0 .5em 0 #ffffff80;
}
.CabeceraIconos[href*="x.com"]:hover{
background-color: #14171a;
color: #ffffff;
box-shadow: inset 0 0 .5em 0 #ffffffe0;
}
.CabeceraIconos[href*="t.me"], .CabeceraIconos[href*="t.me"]:hover{
background-color: #24a1de;
color: #ffffff;
}
.CabeceraIconos[href*="instagram"], .CabeceraIconos[href*="instagram"]:hover{
background: #fcb045;
background: -moz-linear-gradient(25deg, #fcb045 0%, #fd1d1d 50%, #833ab4 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, #fcb045), color-stop(50%, #fd1d1d), color-stop(100%, #833ab4));
background: -webkit-linear-gradient(25deg, #fcb045 0%, #fd1d1d 50%, #833ab4 100%);
background: -o-linear-gradient(25deg, #fcb045 0%, #fd1d1d 50%, #833ab4 100%);
background: -ms-linear-gradient(25deg, #fcb045 0%, #fd1d1d 50%, #833ab4 100%);
background: linear-gradient(25deg, #fcb045 0%, #fd1d1d 50%, #833ab4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb045', endColorstr='#833ab4', GradientType=1 );
color: #ffffff;
}
.CabeceraIconos[href*="mailto"], .CabeceraIconos[href*="mailto"]:hover{
background-color: #a00000;
color: #ffffff;
}
.CabeceraIconos[href*="linkedin"], .CabeceraIconos[href*="linkedin"]:hover{
background-color: #0e76a8;
color: #ffffff;
}
.CabeceraIconos[href*="pinterest"], .CabeceraIconos[href*="pinterest"]:hover{
background-color: #E60023;
color: #ffffff;
}
.CabeceraIconos[href*="bsky"]{
background-color: #ffffff;
color: #0a7aff;
box-shadow: inset 0 0 .5em 0 #0a7aff80;
}
.CabeceraIconos[href*="bsky"]:hover{
background-color: #ffffff;
color: #0a7aff;
box-shadow: inset 0 0 .5em 0 #0a7affe0;
text-shadow: 0 0 .075em #dddddd, 0 0 .125em #dddddd;
}
.DesplegableLogin{
box-sizing: border-box;
position: fixed;
left: 50%;
padding: 1em 2em;
top: 50%;
text-align: right;
z-index: 100;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 100vw #00000060;
}
.DesplegableLogin_Cerrar{
position: absolute;
top: .4em;
right: .75em;
cursor: pointer;
}
.AvisoLogin{
display: none !important;
width: 65vw;
font-size: 0.6em;
line-height: 1.2em;
text-align: justify;
padding: 0.4em;
}
.DesplegableLogin a{
transition: 300ms;
}
.DesplegableLogin a:hover{
text-decoration: underline;
}
.DesplegableLogin.ElementoInactivo{
}
@media (min-width: 601px){
}
@media (min-width: 992px){
.BotonCesta, .BotonCuenta, .BotonCuenta{
margin-top: 0.6em;
}
.BotonCabecera{
font-size: 18px;
}
.BotonLogin{
padding: 25px 0;
}
.BotonSaldo{
font-size: 18px;
}
.BotonCabecera > div:not(#ContadordeProductosCesta){
border-radius: 8px;
}
.AvisoLogin{
width: 264px;
}
}
@media (orientation: portrait){
.CabeceraImagen{
margin: 1.5em 0 .25em;
}
.ColumnaCabeceraLogo1, .ColumnaCabeceraLogo2{
width: 40%;
}
.ColumnaCabeceradoslogos{
width: 20%;
}
.ColumnaCabeceraIconos{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
}
.IconoMenuTop, .IconoQuien, .IconoFAQ, .IconoGuia, .IconoContacto{
display: inline-block;
}
.CabeceraIconoHorizontal{
display: none;
}
.CabeceraIconoVertical{
position: relative;
width: calc(100% / 3);
padding-top: 1em;
height: 5.25em;
}
.CabeceraIconoVertical, .DesplegableMenuTop > .CabeceraIconos{
background: var(--ColordeFondoCabecera) !important;
color: var(--ColordeTextoCabecera) !important;
}
.IconoMiCuenta{
background: #00000000 !important;
}
.IconoMiCuenta span{
display: none;
}
.CabeceraIconoVertical.IconoActivo, .DesplegableMenuTop > .CabeceraIconos.IconoActivo{
background-color: var(--ColordeFondoBotonesHover) !important;
color: var(--ColordeTextoBotonesHover) !important;
}
.sticky .CabeceraIconoFixed{
margin-top: 0;
}
.CabeceraIconoVertical > i{
font-size: 2em;
}
.CabeceraIconos > span > br{
display: none;
}
.CabeceraIconoVertical .ContadordeCesta{
background: var(--ColordeFondoCabecera) !important;
color: var(--ColordeTextoCabecera) !important;
box-shadow: inset 0 0 0 .15em var(--ColordeTextoCabecera);
font-weight: 700;
font-size: .35em;
}
.CabeceraSaldo{
height: 5.25em;
bottom: 0;
left: calc(100% / 3);
width: calc(100% / 3);
text-shadow: none;
background: var(--ColordeFondoCabecera) !important;
padding-top: 3.4em;
z-index: 7;
}
.DesplegableMenuTop{
position: absolute;
left: 0;
width: calc(200% / 3);
bottom: 5.25em;
transition: transform .5s;
}
.DesplegableCompartir{
position: absolute;
width: 50%;
left: 100%;
bottom: 0;
}
.DesplegableMenuTop.ElementoInactivo{
transform: translateY(50%) scaleY(0);
}
.DesplegableCompartir.ElementoInactivo{
transform: translate(-50%, 50%) scale(0, .35);
display: block !important;
animation: none;
transition-delay: .3s;
}
.DesplegableMenuTop .CabeceraIconos{
width: 100%;
padding-top: 1em;
height: 5.25em;
margin: 0;
animation: none !important;
transform: none !important;
}
.DesplegableCompartir .CabeceraIconos{
width: 100%;
transition: cubic-bezier(0,.5,1,1.25) .15s !important;
z-index: 0;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(1){
transform: translate(-200%,0) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(2){
transform: translate(-100%,0) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(3){
transform: translate(-200%,100%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(4){
transform: translate(-100%,100%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(5){
transform: translate(-200%,200%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(6){
transform: translate(-100%,200%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(7){
transform: translate(-200%,300%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(8){
transform: translate(-100%,300%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(9){
transform: translate(-200%,400%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(10){
transform: translate(-100%,400%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(11){
transform: translate(-200%,500%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(12){
transform: translate(-100%,500%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(13){
transform: translate(-200%,600%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(14){
transform: translate(-100%,600%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(15){
transform: translate(-200%,700%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(16){
transform: translate(-100%,700%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(17){
transform: translate(-200%,800%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(18){
transform: translate(-100%,800%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(19){
transform: translate(-200%,900%) scale(.5) !important;
}
.DesplegableCompartir.ElementoInactivo .CabeceraIconos:nth-last-of-type(20){
transform: translate(-100%,900%) scale(.5) !important;
}
.DesplegableCompartir .CabeceraIconos:nth-last-of-type(5n){
transition-delay: .045s !important;
}
.DesplegableCompartir .CabeceraIconos:nth-last-of-type(5n + 1){
transition-delay: .105s !important;
}
.DesplegableCompartir .CabeceraIconos:nth-last-of-type(5n + 2){
transition-delay: .06s !important;
}
.DesplegableCompartir .CabeceraIconos:nth-last-of-type(5n + 3){
transition-delay: 0s !important;
}
.DesplegableCompartir .CabeceraIconos:nth-last-of-type(5n + 4){
transition-delay: .075s !important;
}
.DesplegableMenuTop > br, .DesplegableCompartir .ContenedordeColumnas > br{
display: none;
}
#PieWSMF{
padding-bottom: 3em;
}
.DesplegableMenuTop{
font-size: 3.12vw;
}
@media (min-width: 320px){
.DesplegableMenuTop{
font-size: calc(0.3vw + 9.024px);
}
}
@media (max-width: 599px){
.DesplegableMenuTop > .CabeceraIconos{
text-align: left;
padding-top: 1.4em;
}
.DesplegableMenuTop > .CabeceraIconos i{
width: 2.5em;
margin-left: .25em;
font-size: 2em;
text-align: center;
padding: 0;
}
.DesplegableMenuTop > .CabeceraIconos br{
display: none;
}
.DesplegableMenuTop > .CabeceraIconos span{
display: inline-block;
padding: 0;
font-size: 2em;
}
}
@media (min-width: 600px){
.DesplegableMenuTop{
width: calc(100% / 3);
}
.DesplegableCompartir{
width: 200%;
}
.DesplegableCompartir .CabeceraIconos{
width: 50%;
}
.DesplegableCompartir .CabeceraIconos:first-child:nth-last-child(2n){
margin-right: 50%;
}
}
@media (min-width: 992px){
.DesplegableMenuTop{
font-size: 12px;
}
}
}
.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);
}
}
@-webkit-keyframes latido{
30%, 60%{
transform: scale(1);
}
50%{
transform: scale(1.05);
}
}
/*IDENTIFICADOR ENTIDAD*/
.LogoEntidad{
text-align: center;
height: 100%;
background-size: auto 79%;
background-position: center center;
background-repeat: no-repeat;
}
.LogoEntidad img{
visibility: hidden;
height: 80%;
margin: 2% 0;
}
.NombreEntidad{
text-align: center;
margin: 2vw 0 1vw;
}
/*DETALLE DE PRODUCTO*/
.DetalleJugadas_logo1, .DetalleJugadas_doslogos, .DetalleJugadas_Logo2{
position: relative;
left: 0;
width: 100%;
}
.DetalleJugadas_logo1{
margin-top: 5.5em;
}
.DetalleJugadas_logo1 .CabeceraImagenLogo1{
width: 55%;
height: 6em;
margin: 0 5%;
background-size: contain;
background-position: 100% 50%;
background-repeat: no-repeat;
}
.DetalleJugadas_doslogos{
margin-top: 1.5em;
}
.DetalleJugadas_doslogos .CabeceraImagendoslogos{
margin: 0 43% 0 calc(57% - 2.5em);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.DetalleJugadas_Logo2{
}
.DetalleJugadas_Logo2 .CabeceraImagenLogo2{
width: 40%;
height: 5em;
margin: 0 0 0 55%;
background-size: contain;
background-position: 0 50%;
background-repeat: no-repeat;
}
@media (min-width: 768px){
.DetalleJugadas_logo1{
margin-top: 1.5em;
}
.DetalleJugadas_doslogos{
margin-top: -.5em;
}
.DetalleJugadas_Logo2{
margin-top: -.5em;
}
}
@media (min-width: 1200px){
.DetalleJugadas_logo1{
margin-top: 1.75em;
}
.DetalleJugadas_logo1 .CabeceraImagenLogo1{
width: 42%;
}
.DetalleJugadas_doslogos{
margin-top: -3.75em;
}
.DetalleJugadas_doslogos .CabeceraImagendoslogos{
margin: 0 48% 0 calc(52% - 2.5em);
}
.DetalleJugadas_Logo2{
margin-top: -.5em;
}
.DetalleJugadas_Logo2 .CabeceraImagenLogo2{
margin: 0 0 0 51%;
width: 210px;
}
}
@media (orientation: portrait){
.DetalleJugadas_logo1{
margin-top: 1.75em;
}
.DetalleJugadas_doslogos{
margin-top: -1.75em;
}
.DetalleJugadas_Logo2{
margin-top: -.5em;
}
}
.DetalleDeArticulosPrecio{
vertical-align: top;
}
.DetalleDeArticulosStock{
vertical-align: top;
}
.DetalleDeArticulosImagen{
position: relative;
width: 95%;
margin: auto;
max-width: 22em;
}
.DetalleDeArticulosFotoDelProducto{
position: relative;
width: 100%;
}
.DatosMisJugadasCifraGrande{
font-size: 1.6em;
}
.DetalleJugadasRecuadro1{
padding: .5em;
}
.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;
box-sizing: border-box;
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;
box-sizing: border-box;
transition: 300ms;
line-height: 1.2;
text-shadow: none;
max-width: 15.8em;
margin-top: .4em;
}
.DetalleDeArticulosVerJugada{
cursor: default;
}
.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;
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{
height: 27.5em;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.DegradadoFotoEntidad{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30em;
/*background: linear-gradient(174deg, #00000000 38%, var(--ColorDeFondoWeb) 39%);*/
background-image: radial-gradient(ellipse at center, #0000 399em, var(--ColorDeFondoWeb) 400em, var(--ColorDeFondoWeb) 500em);
background-size: 1000em 1000em;
background-position: 52.5% -875em;
transform: translateY(2px);
}
.DetalleJugadasContenido{
position: relative;
margin-top: -14em;
}
.ColordeFondoAcceso{
border: none;
}
.ColordeTextoCabecera a, .ColordeFondoBotones, .ColordeFondoAcceso, .BotonCabecera{
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: 1200px){
.DetalleJugadasContenido{
position: relative;
margin-top: -17em;
}
}
@media (orientation: portrait){
}
@-webkit-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);
}
}
@-webkit-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;
}
}
/*FIN DETALLE DE PRODUCTO*/
/*GARANTIA EN EL JUEGO*/
.BandaSeguraWSMF{
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;
}
.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;
margin-bottom: -2em;
}
.BandaSeguraBotonInformacion:hover, .BandaSeguraGarantiaMisodsMarketBandaSeguraBotonInformacion:hover{
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{
text-shadow: none;
padding: .2em 1.25em;
border-radius: .3em;
margin-top: .5em;
display: inline-block;
}
.BannerPremiosRepartidosBotonInformacion:hover{
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*/
.SubmenusMicuenta{
text-align: right;
}
.BotonSubmenuMicuenta{
display: inline-block;
padding: 1em 0 .5em;
margin: 0 0.15em;
text-align: center;
min-width: 7em;
cursor: pointer;
line-height: 1.2;
font-size: 2.15vw;
}
.BotonSubmenuMicuenta .TituloWSMF{
font-size: 3em;
}
.BotonSubmenuMicuenta.Activo{
background-color: var(--ColordeTextoCabecera);
color: var(--ColordeFondoCabecera);
}
.ColumnaRegistro{
}
.TextoFormularioRegistro{
margin-bottom: 0.3em;
}
.CasillaModificarDatos{
}
.CasillaModificarDatos.ElementoInactivo{
}
.CasillaModificarContrasena{
}
.CasillaModificarContrasena.ElementoInactivo{
}
.OkPagoCuadroNuevoSaldo{
background-color: #0000001c;
}
.OkPagoNuevoSaldo{
padding: 0.5em 0;
}
.MisJugadasImagen{
position: relative;
width: 40vw;
height: 24.15vw;
margin-bottom: 0.4em;
margin: auto;
}
.MisJugadasImagen_Cetrar{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #000000;
}
.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: #fff;
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: #555 transparent transparent transparent;
}
.tooltip-wrapper:hover span{
visibility: visible;
}
.ElementoMonedasMisod{
/*display: none !important;*/
}
.TablaMisPedidos{
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{
font-weight: 700;
padding: 0.2em 1em;
text-align: center;
box-sizing: border-box;
transition: 300ms;
border: none;
}
.modalDetallePedido{
background-color: rgba(0,0,0,0.4);
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: 400px){
.BotonSubmenuMicuenta{
font-size: calc(0.3vw + 7px);
}
}
@media (min-width: 992px){
.BotonSubmenuMicuenta{
font-size: 10px;
}
.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;
}
.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: var(--ColordeTextoWeb);
}
.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: var(--ColordeTextoBotones);
background-color: var(--ColordeFondoBotones);
min-width: 8em;
text-align: center;
}
@media (hover: hover){
.BannerPremios_opciondescripciondecimo:hover span{
color: var(--ColordeTextoBotonesHover);
background-color: var(--ColordeFondoBotonesHover);
}
}
.BannerPremios_opciondescripciondecimo img{
width: 100%;
transform: skew(-5deg, -5deg);
filter: drop-shadow(0 0 .1em #000);
}
.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: var(--ColordeTextoBotones);
color: var(--ColordeFondoBotones);
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 defs puntos*/
/*FIN MI CUENTA*/
/*GALERIA DE ARTICULOS*/
.ColumnaJugadas{
vertical-align: top;
width: 49%;
border-style: solid;
border-width: 1px;
padding: 0.25em;
margin-bottom: 0.4em;
position: relative;
}
.ColumnaJugadas:nth-child(2n){
margin-left: 2%;
}
.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: 992px){
.ColumnaJugadas{
width: 32.5%;
}
.ColumnaJugadas:nth-child(2n){
margin-left: 0;
}
.ColumnaJugadas:nth-child(3n), .ColumnaJugadas:nth-child(3n - 1){
margin-left: 0.75%;
}
.MisJugadasImagen{
width: 80%;
height: 150px;
}
.NumeroLoteriaMisJugadas{
font-size: 30px;
}
.GaleriaDeArticulosVerJugada .NumeroLoteriaMisJugadas{
font-size: 21px;
}
}
.ListaDeFiltros{
text-align: center;
padding: 1em 0;
visibility: hidden;
}
.SelectordeFiltros{
}
.SelectordeFiltros option{
cursor: pointer;
}
.GaleriaDeArticulosPrecio, .GaleriaDeArticulosStock{
padding-top: .5em;
}
.DatosMisJugadasCifraGrande{
font-size: 1.25em;
}
.GaleriaDeArticulosDescripcionProducto{
height: 1.7em;
margin: .4em 0;
}
.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;
}
.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{
cursor: pointer;
line-height: 1.38;
margin: .4em 0 .3em;
}
.GaleriaDeArticulosBotonJugarYa:nth-child(2){
margin-left: 4%;
}
.GaleriaDeArticulosBotonJugarYa span{
font-size: 0.75em;
}
.GaleriaDeArticulosBotonJugarYa i{
font-size: 1.6em;
}
.GaleriaDeArticulosVerJugada{
cursor: default;
}
.GaleriaDeArticulosVerJugada:hover .MisJugadasImagen, .GaleriaDeArticulosVerJugada:hover .ContenedordeColumnas .GaleriaDeArticulosNombreProducto, .GaleriaDeArticulosVerJugada:hover .ContenedordeColumnas .GaleriaDeArticulosDescripcionProducto{
opacity: 0.7;
cursor: pointer;
}
.GaleriaDeArticulosVerJugada:hover .GaleriaDeArticulosNombreProducto{
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%;
}
.TablaProductosCarrito{
}
.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{
}
.ImagenProductosCarrito_contenedor{
position: relative;
display: inline-block;
max-width: 80%;
}
.ImagenProductosCarrito_contenedor > img{
width: 100%;
max-width: 8em;
max-height: 5em;
}
.ImagenProductosCarrito_decimo_numero{
font-size: 1.075em;
}
.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;
}
.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{
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: #fff;
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: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.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 rgba(0,0,0,0.2);
max-width: 300px;
margin: auto;
text-align: center;
font-family: Arial;
}
.title{
color: gray;
font-size: 18px;
}
.textoPagoImporteTarjeta{
color: #4a4a49;
}
.BotonJugarYa{
padding: .4em 3em;
}
@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: rgba(0,0,0,0.4);
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;
}
}
@-webkit-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*/
/*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;
}
.CabeceraIconosAviso{
position: absolute;
top: -2em;
right: -2em;
box-shadow: 0 0 .2em #fff, 0 0 .4em #fff, 0 0 .8em #fff;
}
.PantallazoAviso{
max-width: 80%;
width: 400px;
}
.Pantallazo2Aviso{
width: 100%;
border: .05em solid #000000;
}
/*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: #333;
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;
}
@-webkit-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{
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;
}
.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: rgba(0,0,0,0.4);
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;
}
@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{
}
.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;
}
.Seccion_resultados{
}
.Item_resultados{
width: 92%;
margin: auto;
max-width: 1200px;
}
.Cuadro_resultados{
border: 1px solid #001a2d;
border-radius: .75em;
overflow: hidden;
/*background-image: url(https://misodsmarket.org/Images/donativo.svg);
background-size: calc(100% / 5) 3.2em;
background-position: 100% 100%;
background-repeat: repeat;*/
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*/
/*Estilos transparencia*/
.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: var(--ColordeFondoBotones);
color: var(--ColordeTextoBotones);
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: var(--ColordeTextoBotonesHover);
background-color: var(--ColordeFondoBotonesHover);
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: var(--ColordeTextoBotonesHover);
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 transparencia*/
/*Estilos nosotros*/
.NosotrosBannerArriba{
background-color: #cfe2f0;
color: #001a2d;
}
.NosotrosParrafo{
margin-bottom: 1rem;
}
.NosotrosBannerArriba .NosotrosParrafo a:not(.CabeceraIconos), .NosotrosBannerArriba .NosotrosParrafo a:not(.CabeceraIconos):hover{
color: #f44336;
}
.NosotroslineaEntidades{
margin: 0 1em .5em;
position: relative;
}
.NosotroslineaEntidades_scroll{
}
.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*/
/*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: var(--ColordeFondoBotones);
color: var(--ColordeTextoBotones);
text-shadow: none;
user-select: none;
cursor: pointer;
box-shadow: .15em .15em .075em var(--ColordeTextoBotones);
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;
}
@-webkit-keyframes fondopromotarjetas{
0%{
opacity: 0;
}
100%{
opacity: .88;
}
}
@-webkit-keyframes titulopromotarjetas{
0%, 25%{
transform: scale(0);
}
100%{
transform: scale(1);
}
}
@-webkit-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;
}
}
@-webkit-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);
}
}
@-webkit-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: 992px) 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 4em;
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*/
/*decimo compra*/
.ImagenProductosCarrito img{
width: 100px;
}
/*Fin decimo compra*/
/*20/12/24 cambiar mensaje en la galeria de articulos para productos finalizados*/
.ColumnaJugadas .GaleriaDeArticulosRealizarJugada .GaleriaDeArticulosRegistraDecimoBoton.BotonDesactivado{
color: #00000000;
}
.ColumnaJugadas .GaleriaDeArticulosRealizarJugada .GaleriaDeArticulosRegistraDecimoBoton.BotonDesactivado:after{
color: var(--ColordeTextoBotones);
content: "VENTA FINALIZADA";
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
padding: 0 .75em;
text-align: center;
}