﻿#logoscc{
	position:absolute;
	bottom:20px;
	right:0;
}

#logoscc2{
	width: 100%;
	display: none;
}

.imagenBannerMillas{
	width: 400px;
    margin-top: 30px !important;
}

.degradado-2{
	background: -moz-linear-gradient(45deg, rgba(1,33,105,1) 0%, rgba(0,112,158,0.9) 70%, rgba(0,165,194,0.8) 100%);
	background: -webkit-linear-gradient(45deg, rgba(1,33,105,1) 0%,rgba(0,112,158,0.9) 70%,rgba(0,165,194,0.8) 100%);
	background: linear-gradient(45deg, rgba(1,33,105,1) 0%,rgba(0,112,158,0.9) 70%,rgba(0,165,194,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012169', endColorstr='#cc00a5c2',GradientType=1 );

}
.banner{
	background-position: 45% 50%!important;
}

@media (max-width: 1366px) and (min-width: 769px){
	.banner{
	background-image: url('/SiteCollectionImages/personas/banner/2025/Millas-Banner-Tablet.webp') !important;
}
}

@media (max-width: 768px) {
	.banner{
	background-image: url('/SiteCollectionImages/personas/banner/2025/Millas-Banner-Mobile.webp') !important;
}
}

@media screen and (max-width: 650px){
	#logoscc{
		display:none !important;
	}

	#logoscc2{
		display:block;
	}

	.imagenBannerMillas{
		width: 290px;
	}
}

@media screen and (max-width: 767px){
	p.transfer{
	display:block !important;
}


}



@media screen and (min-width:850px){
/*INICIO CODE FOR LIGHTBOX*/
	lightbg{
	display:none;
  	position:absolute;
  	float:left;
  	width:100%;
  	height:100%;
  	margin-top:-96px;
  	z-index:99;
  	background-color:#111;
  	opacity:0.8;
	}
	contlightm{
	display:none;
	position:fixed;
	top:0px;
	float:left;
	left:50%;
	width:700px;
	margin-left:-350px;
	z-index:100;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	background-color:white;
	}
	contlightm .closebtn{
	position:absolute;
	float:left;
	left:97%;
	top:0.5%;
	width:16px;
	height:16px;
	cursor:pointer;
	background-image: url('/pyme/paginas/Impulsa/content-sections/contenido/close.png');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:5;
	}
	contlightm img{
	position:relative;
	display:block;
	width:700px;
	height:auto;
	margin:auto;
	z-index:0;
	}
/*FIN CODE FOR LIGHTBOX*/
}
@media screen and (max-width:849px){
/*INICIO CODE FOR LIGHTBOX*/
	lightbg{
	display:none;
  	position:absolute;
  	float:left;
  	width:100%;
  	height:100%;
  	margin-top:-96px;
  	z-index:99;
  	background-color:#111;
  	opacity:0.8;
	}
	contlightm{
	display:none;
	position:fixed;
	top:0px;
	float:left;
	left:50%;
	width:85%;
	margin-left:-42.5%;
	z-index:100;
	overflow-y:scroll;
	overflow-x:scroll;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	background-color:white;
	}
	contlightm .closebtn{
	position:absolute;
	float:left;
	left:0.2%;
	top:0.5%;
	width:16px;
	height:16px;
	cursor:pointer;
	z-index:5;
	background-image: url('/pyme/paginas/Impulsa/content-sections/contenido/close.png');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	}
	contlightm img{
	position:relative;
	display:block;
	width:800px;
	height:auto;
	margin:auto;
	z-index:0;
	}
	.banner{
	background-position: 0% 50% !important;
}
/*FIN CODE FOR LIGHTBOX*/
}
















/*PROMO MUJER MARAVILLA*/
.polvoDetras{
	position:absolute;
	background-image:url('/SiteCollectionImages/personas/promo/wonderWoman/polvoDetras.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% auto;
	width:270px;
	height:250px;
	left:55.1%;
	top:13%;
	-webkit-animation: polvoDetras 0.12s ease-out 1.68s; /* Safari 4.0 - 8.0 */
    animation: polvoDetras 0.12s ease-out 1.68s;
    animation-fill-mode: forwards;
    z-index:1;
    opacity:0;
}
.mujerMaravilla{
	position:absolute;
	background-image:url('/SiteCollectionImages/personas/promo/wonderWoman/wonder-woman.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	width:250px;
	height:230px;
	left:54%;
	top:-100%;
	-webkit-animation: mujerMaravilla 0.2s linear 1.5s; /* Safari 4.0 - 8.0 */
    animation: mujerMaravilla 0.2s linear 1.5s;
    animation-fill-mode: forwards;
    z-index:3;
}
.mujerMaravillaSombra{
	position:absolute;
	background-image:url('/SiteCollectionImages/personas/promo/wonderWoman/shadow-wonder-woman.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	width:250px;
	height:214px;
	left:54.2%;
	top:120%;
	-webkit-animation: mujerMaravillaSombra 0.2s linear 1.5s; /* Safari 4.0 - 8.0 */
    animation: mujerMaravillaSombra 0.2s linear 1.5s;
    animation-fill-mode: forwards;
    z-index:2;
}
.polvoFrontal{
	position:absolute;
	background-image:url('/SiteCollectionImages/personas/promo/wonderWoman/polvoFrontal.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	width:280px;
	height:280px;
	left:55.5%;
	top:8%;
	-webkit-animation: polvoFrontal 0.12s ease-out 1.68s; /* Safari 4.0 - 8.0 */
    animation: polvoFrontal 0.12s ease-out 1.68s;
    animation-fill-mode: forwards;
    z-index:5;
    opacity:0;
}
.slideWonderWoman{
	-webkit-animation: slideWonderWoman 0.4s linear 1.65s; /* Safari 4.0 - 8.0 */
    animation: slideWonderWoman 0.4s linear 1.65s;
    transform: translate3d(0,0,0);
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mujerMaravilla {
    from   {top:-100%;}
    to  {top: 16.5%;}
}

/* Standard syntax */
@keyframes mujerMaravilla {
    from   {top: -100%;}
    to  {top: 16.5%;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mujerMaravillaSombra {
    from   {top:120%;}
    to  {top: 63%;}
}

/* Standard syntax */
@keyframes mujerMaravillaSombra {
    from   {top:120%;}
    to  {top: 63%;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes polvoDetras {
    from   {opacity:0;}
    to  {opacity: 1;}
}

/* Standard syntax */
@keyframes polvoDetras {
    from   {opacity:0;}
    to  {opacity: 1;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes polvoFrontal{
    from   {opacity:0;}
    to  {opacity: 1;}
}

/* Standard syntax */
@keyframes polvoFrontal{
    from   {opacity:0;}
    to  {opacity: 1;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes slideWonderWoman{
	10%, 90% {transform: translate3d(-2px,-2px,0);}
	20%, 80% {transform: translate3d(3px,3px,0);}
	30%, 50%, 70% {transform: translate3d(-5px,-5px,0);}
	40%, 60% {transform: translate3d(6px,6px,0);}
}

/* Standard syntax */
@keyframes slideWonderWoman{
    10%, 90% {transform: translate3d(-2px,-2px,0);}
	20%, 80% {transform: translate3d(3px,3px,0);}
	30%, 50%, 70% {transform: translate3d(-5px,-5px,0);}
	40%, 60% {transform: translate3d(6px,6px,0);}
}


#millas30promo #imagenMillas {
    min-height: 400px;
    background-image: url('/Personas/PublishingImages/promos/2020/millas/millas-30_-coronavirus.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#millas30promo #textoMillaspromo {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}

#millas30promo #textoMillaspromo .espacio {
    margin-bottom: 30px;
}