@charset "utf-8";

@font-face {
    font-family: 'VAG Rounded';
    src: url('VAGRounded-Light.woff2') format('woff2'),
        url('VAGRounded-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VAG Rounded';
    src: url('VAGRounded-Black.woff2') format('woff2'),
        url('VAGRounded-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;	
  overflow-x: hidden;
  background: url("../img/bg-desktop.png") no-repeat #FFFFFF;
  background-size: cover;
  font-family: 'VAG Rounded', sans-serif;
  font-weight: 300;
}
#ver-ganadores{
	visibility: visible;
}
.logo-mobile{
	display: none;
}
.img-responsive{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.hero-mobile{
	display: none;
}
.background {
  position: relative;
  bottom: -10%;
  left: -6%;
  width: 110%;
  height: auto;
  z-index: 10;
}
.background1 {
  position: relative;
  bottom: -10%;
  left: -6%;
  width: 110%;
  height: auto;
  z-index: 10;
}
.background2 {
  position: relative;
  top: 0;
  left: -6%;
  width: 110%;
  height: auto;
  z-index: 1;
}
.cloud {  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
}
.logo {
  top: 0;
  left: 54%;
  margin: 0 0 0 -220px;
  position: absolute;
}
.nubes {
  width: 100%;
  top:30px;
  left: 0;
}
.corazones {
  width: 140%;
  top: -15%;
  left: -20%;
  position: absolute;
  overflow: hidden;
}
.principal{
	width:100%;
	position: absolute;
	z-index: 999;
	text-align: center;
}
#movimiento{
    overflow: hidden;
    min-height: 1165px;
    position: relative;
    height: 100%;
}
.textLeft{
  text-align: left;
}
.productos-resultado input {
    background: transparent;
    color: #FFFFFF;
    width: auto;
    font-size: 14px;
    border: 0;
}
.productos-resultado .small-input input, .productos-resultado .second input {
    width: auto;
}
.productos-resultado .small-input {
    width: auto;
}
.productos-resultado input::placeholder {
    color: #FFFFFF;
}
.label-big{
	display: none;
}
.titulo img {
    max-width: 800px;
    margin: auto;
}
.titulo-fin img {
    max-width: 360px;
    margin: auto;
}
img.promoFin{
    max-width: 620px;
    margin: auto;
}
.legal-fin {
    font-size: 12px;
    color: #164193;
    text-align: center;
    margin: 10px 0 10px;
    position: relative;
    top: 0;
    font-family: 'VAG Rounded', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
.fluid-image{
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.inicio {
    width: 90%;
    max-width: 1024px;
    position: relative;
    margin: 30px auto 30px;
}
.inicio .inicio-inner {
    width: 90%;
    max-width: 700px;
    position: relative;
    margin: 30px auto 30px;
    display: flex;
    flex-direction: column;
}
.inicio-paticipa {
    width: 90%;
    max-width: 1024px;
    position: relative;
    margin: 40px auto;
    display: flex;
    height: 100%;
    align-items: center;
}

.inicio-paticipa .inicio-inner {
    width: 90%;
    max-width: 700px;
    position: relative;
    margin: 0 auto 0;
    display: flex;
    flex-direction: column;
}
.row-participa-btn{
	width: auto;
	text-align: center;
	margin: 20px auto 0;
}
.row-participa-btn a {
    animation-delay: .8s;
    padding: 20px 28px;
}
.col-6{
	width: 50%;
	float: left;
}
.col-4{
	width: 33.3333%;
	float: left;
}
.row-p {
    width: 90%;
    max-width: 800px;
    margin: auto;
    text-align: center;
	background: #69c8f2;
	height: auto;
	border-radius: 20px;
	padding: 8px;
	position: relative;
	border: 5px solid #164193;

}

#modal-codigo, #modal-producto, #modal-mensaje{
  position: relative;
  z-index: 1000;
}

.contet-input{
  position: relative;
}

label.error{
  display: none !important;
}
.error{
  background: #ffceeb;
  color: #f41e9e;
}
.error::placeholder{
  color: #f41e9e;
  opacity: 1;
}
#bd-error{
  display: block !important;
  position: absolute;
  top: 31px;
  left: 0;
  background: transparent;
  color: #f41e9e;	
  width: auto;
  padding: 0;
  text-align: center;
  z-index: 200;
  clear: both;
}
.producto {
   margin: 8px;
   border-radius: 8px;
   background: #FFF;
   cursor: pointer;
   position: relative;
   overflow: hidden;
   z-index: 0;
   border: 3px solid transparent;
}
.talle {
    background: #f0f0f0;
    width: 70%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 30%;
    height: 100%;
    text-align: center;
    display: none;
}

.talle-inner {
    padding: 0 8px;
    position: relative;
}
.disSelect{
	color: 666;
}


/* .talle {
    background: #f0f0f0;
    width: 60%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    text-align: center;
    display: none;
}

.talle-inner {
    padding: 0 8px;
} */

.tipo-t {
    color: #164193;
    font-family: 'VAG Rounded', sans-serif;
    font-weight: 900;
    font-size: 19px;
	line-height: 21px;
    text-align: left;
    margin: 14px 0 3px;
	text-transform: uppercase;
}
.lista-talle {
    display: inline-block;
    padding: 5px 8px;
    margin: 4px;
    background: #164193;
    color: #FFF;
    min-width: 34%;
    text-align: center;
    border-radius: 6px;
    float: left;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 900;
    font-size: 23px;
    position: relative;
    width: auto;
}

.lista-talle.th{
    font-size: 18px;
}

.lista-talle:hover, .lista-talle:focus, .lista-talle:active, .lista-talle.active {
    transition: all ease-in-out .3s;
    background: #2363c9;
    color: #FFF;
}

.lista-talle.act{
  transition: all ease-in-out .3s;
  background: #e5007e;
  color: #FFF;
}


.unidad {
    background: #164193;
    width: 30%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    text-align: center;
    display: none;
}
.unidad-inner {
    padding: 0 11px;
    max-width: 100%;
    position: relative;
    height: 100%;
}


/* .unidad {
    background: #164193;
    width: 90%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    text-align: center;
    display: none;
}

.unidad-inner {
    padding: 0 11px;
    max-width: 20%;
} */
.content-unidad{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 78%;
    position: relative;
    justify-content: start;
}

.tipo-u {
    color: #FFFFFF;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 900;
    font-size: 19px;
	line-height: 21px;
    text-align: left;
    margin: 14px 0 0px;
	text-transform: uppercase;
	cursor: pointer;
}
.lista-unidad {
    /* display: block; */
    padding: 2px 0px;
    margin: 3px 0;
    background: #69c8f2;
    color: #FFF;
    width: 90%;
    text-align: center;
    border-radius: 6px;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 900;
	transition: all ease-in-out .3s;
    position: relative;
}
.lista-unidad:hover, .tipo-unidad:focus, .tipo-unidad:active, .tipo-unidad.active {
	transition: all ease-in-out .3s;
    background: #88e0ff;
    color: #FFF;
}

.lista-unidad.act {
	transition: all ease-in-out .3s;
    background: #69c8f2;
    color: #FFF;
}

.tipo-p {
   font-size: 21px;
	font-size: 23px;
	text-align: center;
	color: #164193;
	font-family: 'VAG Rounded', sans-serif;
  	font-weight: 900;
	padding-top: 8px;
	text-transform: uppercase;
}
.w-90 {
    max-width: 80%;
    height: auto;
    margin-bottom: 4px;
}
.form-group{
	width: 100%;
	float: left;
}
.medium-input {
    width: calc(43% - 2px);
    float: left;
    display: inline-block;
  	font-family: 'VAG Rounded', sans-serif;
  	font-weight: 300;
}

select.medium-input {
    width: calc(50% - 5px);
    border: 1px solid #164193;
    float: left;
    display: inline-block;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 300;
	eight: 42px;
}


.medium-input.button1 {
    width: 50%;
}
.medium-input.second {
	margin-left: 2%;
	font-family: 'VAG Rounded', sans-serif;
  	font-weight: 300;
}

label.fechaNac{
  margin-top: 0;
}

.small-input {
    width: 32%;
    float: left;
    display: inline-block;
	text-align: left;
}
.small-input input{
    padding: 2px 10% 0;
    width: 78%;
	font-family: 'VAG Rounded', sans-serif;
  	font-weight: 300;
}
.producto-i {
    width: 59%;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.talle-i {
    width: 24%;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.unidad-i {
    width: 13%;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.producto-i input, .talle-i input, .unidad-i input{
	padding: 0 !important;
	margin: 6px 0 0 !important;
	width: 100%;
	border: nonw;
	text-align: center;
	background-color: rgb(232, 240, 254) !important;
	font-size: 17px;
	pointer-events:none;
}
.producto-i input::placeholder, .talle-i input::placeholder, .unidad-i input::placeholder{
	color:#666;
	opacity: 1;
}
::placeholder{
	color:#666;
	opacity: 1;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: inherit;
    background-image: none !important;
    color: inherit;
}

label {
    display: inline-block;
    font-size: 15px;
	line-height: 15px;
    color: #164193;
    margin: 10px 0 5px;
	font-family: 'VAG Rounded', sans-serif;
  	font-weight: 900;
}
.small-input.second {
	margin-left: 2%;
}
input {
    width: calc(94% - 2px);
    padding: 2px 3% 0;
    margin: 0 0 4%;
    background: #FFF;
    font-size: 16px;
    line-height: 38px;
    outline: none;
    outline-color: transparent;
    border-radius: 6px;
	border: 1px solid #164193;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 300;
    position: relative;
    top: 0px;
	height: 38px;
	color: #666;
}

select {
    width: 94%;
    padding: 2px 3% 0;
    border: none;
    margin: 0 0 4%;
    background: #FFF;
    font-size: 16px;
    line-height: 38px;
    outline: none;
    outline-color: transparent;
    border-radius: 6px;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 300;
    position: relative;
    top: 0px;
  	height: 40px;
  	color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input span{
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
h1 {
  font-size: 24px;
  color: #FFF;
  text-align: center;
  font-family: 'VAG Rounded', sans-serif;
  font-weight: 900;
  margin: 0 auto 30px;
}
h1 span {
  color: #fcc21c;
}
.titulo {
    display: block;
    top: 10px;
    position: relative;
}
.subtitulo{
	margin-bottom: 20px;
}
.titulo-ganadores {
    max-width: 550px;
    width: 90%;
    margin: 20px auto 30px;
    text-align: center;
}
.center-txt{
	text-align: center;
}
.form{
	text-align: center;
	margin: auto;
	}
.form img{
	max-width: 680px;
	height: auto;
	}
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
a{
	text-decoration: none;
}
.btn-primary {
    background: #e5007e;
    color: #FFFFFF;
    font-size: 32px;
    line-height: 100%;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 900;
    border-radius: 14px;
    text-align: center;
    display: block;
    padding: 19px 0 16px;
    transition: all ease-in-out .3s;
}
.btn-productos {
    background: #ffffff;
    color: #e5007e;
    font-size: 42px;
	line-height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 16px;
    width: auto;
	max-width: auto;
    padding: 18px 30px 13px;
    border-radius: 10px;
}
.btn-primary:hover, .btn-primary:focus{
    background: #f41e9e;
    color: #FFFFFF;
}
.btn-secundary {
    background: #e5007e;
    color: #FFFFFF;
    font-size: 23px;
    line-height: 100%;
    font-family: 'VAG Rounded', sans-serif;
    font-weight: 900;
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 12px 0 9px;
    text-decoration: none;
    transition: all ease-in-out .3s;
    position: relative;
}
.btn-secundary:hover, .btn-secundary:focus{
    background: #f41e9e;
    color: #FFFFFF;
}

.btn-secundary-2 {
    background: #69c8f2;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 100%;
    font-family: 'VAG Rounded', sans-serif;
    font-weight: 900;
    border: 2px solid #164193;
    border-radius: 13px;
    text-align: center;
    display: block;
    padding: 12px 26px 11px;
    text-decoration: none;
    max-width: 150px;
    margin: 12px auto 40px;
    z-index: 9999;
    transition: all ease-in-out .3s;
    position: relative;
    clear: both;
}
.btn-secundary-2:hover, .btn-secundary-2:focus{
    background: #48ade5;
    color: #FFFFFF;
}
.btnFinal {
    font-size: 40px;
    padding: 15px 8px 14px;
    max-width: 250px;
    margin: 24px auto 50px;
	border: 3.4px solid #164193;
	border-radius: 20px;
}
.recuerda{
	margin: 20px auto 0;
}

.cerrarPopUp{
  background: #ffffff;
  color: #e5007e;
  font-size: 24px;
  line-height: 100%;
  position: relative;
  bottom: 0;
  right: 0;
  margin:10px auto;
  width: auto;
  max-width: 200px;
  padding: 12px 30px;
}

.cerrarPopUp:hover, .cerrarPopUp:focus{
    background: #e5007e;
    color: #FFFFFF;
}

#modal-mensaje .modal .modal-content .row-p{
  max-width: 500px;
}

.right-row{
  padding-left: 5%;
  width: 45%;
}
.small-input input{
	margin: 0;
}
small{
  font-size: 8.5px;
  color: #164193;
  margin: 0;
  font-family: 'VAG Rounded', sans-serif;
  font-weight: 300;
}
.corazones-bottom {
    position: absolute;
    bottom: -40px;
    left: 50px;
    width: 100%;
    height: auto;
	z-index: -1;
}
span{
  font-size: 13px;
  color: #164193;
  margin: 0;
  text-align: left;
  display: inline-block;
  font-family: 'VAG Rounded', sans-serif;
  font-weight: 300;
  float: left;
}
.mCheck{
  margin: 15px 0 0 15px;
  width: 44%;
  /* overflow: visible !important; */
}

.overflowAuto {
  overflow: visible !important;
}
.mt4p{
  margin: 4% 0 0;
}
.checkBox {
    width: 20px;
    margin: 1px 10px 0 0;
    text-align: left;
    display: inline-block;
    display: table-cell;
    vertical-align: top;
    float: left;
    position: relative;
    top: -4px;
}
@-moz-document url-prefix() {
.checkBox {
	margin: 1px 7px 0 0;
}
}
.lupa {
    right: -20%;
    position: absolute;
    bottom: 64%;
    width: 147px;
    height: auto;
    z-index: 9999;
    display: block;
    cursor: pointer;
    transition: all ease-in-out .4s;
}
.lupa:hover{
    width: 160px;
	transition: all ease-in-out .3s;
}
.lupa img{
    width: 70%;
    height: auto;
}
.legal {
    font-size: 13px;
    color: #164193;
    text-align: center;
    margin: 15px 0 25px;
    position: relative;
    top: 0;
    font-family: 'VAG Rounded', sans-serif;
  	font-weight: 300;
	text-transform: uppercase;
}
.legal a, span a, .legal-fin a{
    transition: all ease-in-out .3s;
	color: #164193;
}
.legal a:hover, span a:hover, .legal-fin a:hover {
    color: #164193;
	text-decoration: underline;
}
/* The Modal (background) */
.modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
    display: table;
}
/* Modal Content/Box */
.modal-content {
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 90%;
    max-width: 600px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.content-img{
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: auto;
}

.modal-content .content-img img.codigo-d, #modal-mensaje .modal .modal-content .row-p {
    width: 90%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin: auto;
}

.modal-codigo-content{
  display: table;
}

.close-modal{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ancho-max {
    max-width: 150px;
    margin: 30px auto 20px;
    text-align: center;
}
.text-center{
	margin: auto;
	text-align: center;
	color: #174293;
}
#ganadores.show {
    height: 100%;
    display: flex;
    align-items: center;
}
.nombre-ganador{
    margin: 10px 10px 20px;
    background: #FFF;
    padding: 20px;
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 19px;
    color: #164193;
	font-family: 'VAG Rounded', sans-serif;
  	font-weight: 900;
	text-align: center;
}
.row-ganadores {
    margin: 20px 0 30px;
}
p {
    color: #164193;
    font-size: 21px;
    line-height: 1.3em;
    margin: 0 10px 16px;
    font-family: 'VAG Rounded', sans-serif;
    text-align: center;
    font-weight: 300;
}
.row-botones {
    width: 464px;
	margin: 37px auto 40px;
	text-align: center;
}
.ancho-max2{
	max-width: auto;
	margin: 0 16px 0 0;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	float: left;
}
.ancho-max3{
	max-width: auto;
	margin: 0 0 0 0;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	float: left;
}
.hide{
	display: none;
}
.show{
	display: block;
}
.lupa{
		display: block;
	}
.lupa-m {
		display: none;
	}

  /* error select Prod */
  .producto.errorProd{
    border: 3px solid #f41e9e;;
    /*width: calc(100% - 26px);*/
  }

  #msjErrorPopUp div p{
    background: #ffceeb;
    margin: 20px;
    font-size: 18px;
    color: #f41e9e;
  }

  #msjErrorPopUp .cont-msj-error-prod{
    margin: 8px;
    border-radius: 8px;
    background: #ffceeb;
    cursor: pointer;
    position: relative;
    overflow: hidden;
	color: #f41e9e;  
  }
.legal-fin {
    font-size: 11px;
    color: #164193;
    text-align: center;
    margin: 10px 0 10px;
    position: relative;
    top: 0;
    font-family: 'VAG Rounded', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
#modal-mensaje .modal p {
	color: #164193;
}
.inicio .inicio-inner.inner-cta{
	max-width: 460px;
	margin: 50px auto;
}
.cta {
    width: 100%;
    text-align: center;
    margin: auto;
    display: block;
}
.corazones-bottom3 {
    position: absolute;
    bottom: -110px;
    left: 50px;
    width: 100%;
    height: auto;
    z-index: -1;
}
img.promoFin {
    max-width: 76%;
    margin: auto;
}

/* DATE */

input[type="date"]::before{
   content: attr(placeholder) ": ";
}
input[type="date"]:focus::before {
   content: "" !important;
}



@media (max-width: 1224px) {
	#movimiento {
	  display: none;
	}
	html {
	  width: 100%;
	  overflow-x: hidden;
	  padding: 0;
      margin: 0;
	}
	body {
	  background: url("../img/bg-mobile.png") no-repeat #FFFFFF;
	  background-size: cover;
	  width: 100%;
	  overflow-x: hidden;
	  padding: 0;
      margin: 0;
	}
	.logo-mobile{
		display: block;
		margin: auto;
		max-width: 36%;
		height: auto;
	}
	.hero-mobile{
		display: block;
		margin: auto;
		max-width: 100%;
		height: auto;
	}
	.formulario {
		text-align: left;
	}
	.inicio {
		margin: 10px auto 0;
	}
	.titulo {
		margin: 16px auto 30px;
		display: block;
	}
	.corazones-bottom{
		left: 0;
		width: 100%;
		height: auto;
	}
	#ganadores .inicio{
		margin: 20px auto 0;
	}
	#participando .inicio{
		margin: 20px auto 0;
	}
	.lupa{
		display: none;
	}
	.lupa-m {
		display: block;
		right: -121px;
		bottom: 190px;
		position: absolute;
	}
	.lupa-m img{
		width: 106px;
		height: auto;
	}
	.lupa:hover{
		width: 106px;
	}
}
@media (max-width: 830px) {
	.lupa-m {
		display: block;
		right: 0;
		bottom: 130px;
		position: absolute;
	}
.right-row {
		padding-left: 0;
	}
	.compensation {
		max-width: 80%;
	}
	.btn-secundary-2 {
		margin: 25px 0px 16px;
	}
.row-botones {
    width: 100%;
}
.col-12 {
	width: 100%;
}
.col-p{
	width: 50%;
}
.ancho-max2 {
    margin: 0 2% 0 0;
    width: 10%;
    font-size: 21px;
}
.ancho-max3 {
    margin: 0 0 0 0;
    width: 64%;
    font-size: 21px;
}
.btn-secundary-2 {
    font-size: 27px;
    line-height: 34px;
	max-width: 176px;
}
select.medium-input {
    width: calc(50% - 7px);
}
.btn-productos {
    background: #ffffff;
    color: #164193;
    font-size: 42px;
    line-height: 42px;
    position: relative;
    top: 10px;
    right: 0;
    margin: 16px 8px;
    width: auto;
    max-width: auto;
    padding: 18px 30px 12px;
    display: block;
    float: none;
    clear: both;
}
.modal {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    overflow: visible;
    display: table;
    align-items: center;
	vertical-align: middle;
}
#modal-producto .modal-content {
    position: relative;
}
#modal-producto .row-p {
    width: 80%;
}	
#msjErrorPopUp {
    width: 100%;
	margin-bottom: 0;
}
#modal-producto .modal {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    display: block;
}
/***/
	#modal-codigo, #modal-producto, #modal-mensaje {
    position: relative;
    z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
}
	#modal-producto {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
	#modal-producto .modal-content {
    margin: 5% auto;
    padding: 0;
    border: none;
    width: 70%;
    max-width: 600px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
	.close-modal {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.row-p {
    margin: 5% auto;
}
.lupa-m {
    bottom: 265px;
}
}
@media (max-width: 700px) {
	#modal-producto .row-p {
		width: 90%;
		margin: 2.5% auto;
	}
	.lupa-m img{
		bottom: 157px;
	}
	.lupa-m img{
		width: 80px;
	}
	.legal {
		font-size: 16px;
	}
	.ancho-max2 {
		margin: 0 0 12px 0;
		width: 100%;
		font-size: 21px;
		padding-right: 0;
		padding-left: 0;
	}
	.ancho-max3 {
		margin: 0 0 0 0;
		width: 100%;
		font-size: 21px;
		padding-right: 0;
    	padding-left: 0;
	}
	.inicio .inicio-inner.inner-cta {
		margin: 30px auto;
	}
	.corazones-bottom3 {
	   display: none;
	}
	.inicio-paticipa {
		margin: 20px auto 30px;
	}
}
@media (max-width: 558px) {
	p {
		font-size: 18px;
	}
	select.medium-input {
		width: 49%;
	}
	.row-participa-btn a {
		font-size: 24px !important;
	}
	.col-12 {
		width: 100%;
	}
	small{
		display: none;
	}
	.legal {
		font-size: 14px;
	}
	.label-big {
		display: table;
		font-size: 13px;
		color: #164193;
		margin: 00 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		padding-top: 5px;
	}
	.inicio .inicio-inner {
		width: 100%;
		max-width: 700px;
		position: relative;
		margin: 10px auto 20px;
	}
	label {
		font-size: 13px;
	}
	.lupa-m img{
		width: 80px;
	}
	.mCheck {
		margin: 15px 0 0 6px;
		width: 47%;
	}
	span {
		font-size: 12px;
		width: calc(100% - 45px);
		float: left;
	}
	.checkBox {
		width: 20px;
		margin: 1px 10px 0 5px;
		float: left;
	}
	#modal-producto {
		position: fixed;
		z-index: 1000;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	#modal-producto .modal {
		position: absolute;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		display: block;
	}

  #modal-mensaje {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  #modal-mensaje .modal {
		position: absolute;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		display: block;
	}
#modal-mensaje .modal{
  display: table;
}
#modal-mensaje .modal p {
    font-size: 21px;
}

#modal-producto .modal-content {
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 90%;
    max-width: 600px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

#modal-mensaje .modal-content {
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 90%;
    max-width: 600px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.btn-secundary-2{
    margin: 25px auto 40px;
}	
.titulo-ganadores {
    max-width: 550px;
    width: 90%;
    margin: 20px auto 30px;
    text-align: center;
}
	.row-participa-btn {
    width: auto;
    text-align: center;
    margin: 20px auto 0;
}
.inicio-paticipa .inicio-inner {
    width: 100%;
}

}
@media (max-width: 460px) {
	.lupa-m {
		right: -15px;
		top: 308px;
	}
	.lupa-m img{
		width: 70px;
	}
	.legal {
		font-size: 12px;
	}
	.medium-input.button1 {
		width: 100%;
	}
	.mCheck {
		margin: 15px 0 10px 0px;
		width: 100%;
	}

}

@media (max-width: 414px) {

  .medium-input.button1{
  		width: 100%;
  }
  .mCheck {
      width: 100%;
  }
  .lupa-m {
      right: -15px;
      bottom: 207px;
  }

  .lista-unidad {
    padding: 6px 0px;
  }
}
@media (max-width: 375px) {
	.btn-secundary-2 {
		font-size: 24px;
		line-height: 31px;
		max-width: 100%;
	}
	.corazones-bottom {
		display: none;
	}
	.btn-primary {
		font-size: 25px;
	}
	.btn-primary.ancho-max2 {
    font-size: 18px;
	}
	.btn-primary.ancho-max3 {
		font-size: 18px;
	}
}
@media (max-width: 330px) {
	.legal {
		font-size: 11px;
	}
	span {
    	font-size: 11px;
	}
	.btn-secundary {
		font-size: 18px;
	}
	.lupa-m img {
		width: 60px;
	}
    .lista-unidad {
        padding: 3px 0px;
      }
}
@media (max-width: 319px) {
	.compensation {
		max-width: 100%;
	}
	.lupa-m{
		right: 0;
		bottom: 0;
		position: relative;
	}
}