body{
	-webkit-animation: fadein 1s ease-in;
	-moz-animation: fadein 1s ease-in;
	animation: fadein 1s ease-in;
}
@-webkit-keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}
@-moz-keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}
@keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}


@-webkit-keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
@-moz-keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
@keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}

.typing-dots .dots:after {
	animation: dots 1.5s steps(3) infinite;
	content: "";
	display: inline-block;
	text-align: left;
	width: 1em;
}
@keyframes dots {
	0% {
		content: "";
	}
	33% {
		content: ".";
	}
	66% {
		content: "..";
	}
	to {
		content: "...";
	}
}

			
			
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #BE2F34 inset !important;
-webkit-text-fill-color: #fff !important;
caret-color: #fff !important;
}
input.checkbox {
	position:relative;
	top: 2px;
	accent-color: #000;
	outline:none;
	border:1px solid #fff;
	box-shadow:none;
	border: none; 
}
input.checkbox:focus{
	outline: 1px solid #fff;
}
.modal-notification__box.onerror {
	background-color: #D22A2F;
  background: radial-gradient(100% 100% at 0% 0%, #7B191C 0%, #D22A2F 100%);
}
.modal-notification__box.onsuccess {
	background-color: #D22A2F;
  background: radial-gradient(100% 100% at 0% 0%, #7B191C 0%, #D22A2F 100%);
}
.extpass {
	position:relative;
}
.extpass .eye {
	position: absolute;
	top: 50%;
	right: .5rem;
	width: 30px;
	height: 30px;
	background: none;
	border: none;
	transform: translate(0, -50%);
	transition: opacity .35s;
}
.extpass .eye:hover {
	opacity: .6;
}
.extpass .eye:focus {
	outline: 1px solid rgba(255, 255, 255, .6);
}

.extpass .eye img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.extpass input {
	padding-right: 2.5rem;
}
/* Oculta el ícono “ojo” (reveal) en Edge / IE */
input[type="password"]::-ms-reveal { display: none; }

/* (opcional) también oculta el botón de limpiar de Microsoft */
input[type="password"]::-ms-clear { display: none; }
#progressbar {
	transition: width 0.1s;
}

footer{
	box-sizing:border-box;
	padding:1rem;
	background:#000;
	width:100%;
	display: flex;
	align-items: center;
	justify-content:center;
	gap: 1rem;
	flex-wrap:wrap;
}
footer a {
	color: #fff;
	font-size: .7rem;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
	color:#fff
}
.widget_fans_activos {
	padding: 12px 16px;
	font-family: "Mark Offc For MC";
	color: #000;
	font-size: 16px;
	background:#FFC81F;
	border-radius:8px;
	position: absolute;
	top:107px;
	right: 30px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	z-index: 40;
	box-sizing: border-box;
	gap: 1rem;
	font-weight:700;
	transition: transform .35s;
	transform: translate(0, -500px);
}
.widget_fans_activos.is_active {
	/*transform: translate(0, 0);*/
	transform: translate(0, -500px);
}
.widget_fans_activos button {
	flex:none;
	width: 12px!important;
	height: 12px!important;
	box-sizing: border-box;
	border: none;
	background:none;
	padding: 0;
	position:relative;
	cursor: pointer;
}

.widget_fans_activos.is-orange {
	background-color: #FFC81F;
	color: #000;
}

.widget_fans_activos.is-yellow {
	background-color: #D22A2F;
	color: #fff;
	
}
.widget_fans_activos.is-red {
	background-color: #FF671B;
	color: #fff;
}
.widget_fans_activos.is-orange button{
	background: url(../images/close.svg) center center no-repeat;
	background-size: contain;
}
.widget_fans_activos.is-red button, .widget_fans_activos.is-yellow button{
	background: url(../images/close_bco.svg) center center no-repeat;
	background-size: contain;
}

.separador_fin{
	height:0
}
body{
	display: flex;
	flex-direction: column;
	min-height:100vh;
}
.site-wrapper {
	flex: 1;
}
@media(max-width:769px){
	.separador_fin{
		height:100px;
	}
	.widget_fans_activos {
		font-size: 12px;
		padding: 5px 10px;
		gap:5px;
		align-items: center;
		right: 5px;
		top:85px;
	}
	.widget_fans_activos button {
		width: 10px!important;
		height: 10px!important;
	}
	h2[data-pid], h2[data-escaption] {
		font-size: 1.5rem!important;
	}
}
.ranking_end {
	width: 100%
	padding: 1rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items:flex-start;
	gap: 2rem;
	flex-wrap: wrap;
	padding-bottom: 4rem;
}
.ranking_end > a {
	flex: none;
	display: flex;
	gap: .5rem;
	align-items: center;
	text-align:center;
	justify-content: flex-start;
	flex-direction: column;
	color: #fff;
	outline:none;
	transition: all .35s;
	text-decoration: none;
}
.ranking_end > a:hover, .ranking_end > a:focus {
	text-decoration: underline;
}
.ranking_end  img{
	width: 3rem;
	height: 3rem;
}
.rk {
	white-space: nowrap;
}
@media(max-width:850px) {
	.rk {
		display:flex;
		flex-direction:column-reverse;
		align-items:center;
		justify-content:flex-start;
		gap:3px;
	}
	.rk .icon{ flex:none;height:auto;}
	/*.rk .tooltip {
		display: none;
	}*/
	.rk .tooltip{
		z-index:80;
	}
	.rk .tooltip.izq::before{
		transform: translate(-108%, 75%);
	}
	.rk .tooltip.izq::after{
		display: none;
	}
}