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

.spechead {
    height: 14em;
}

.navBox.spechead .container {
    height: 14em;
}

/* Color FONDO BACK IMAGE */
.navBox.spechead {
    background: url("https://css.rtve.es/css/rtve.2026.noticias/eclipse-solar_SEC_ECLESP/eclipse.gif") no-repeat 60% center #000;
    background-size: auto 100%;
}

.navBox.spechead .logoima img {
	left: 0;
}

.ima.logoima {
	display: flex;
	align-items: center;
	justify-content: center;
}

.navBox.spechead:after {
	bottom: -4em;
}

.navBox.spechead .blindBox .active a span:after {
	background: #C0823B;
}

.CountDown { 
	z-index: 9999999;
	position: relative;
	top: -100px;
	display: flex;
	justify-content: flex-end;
	padding-right: 5%;
}

.CountDown p span em {
	color: #E8C066;
	text-align: center;
	font-family: "Sansation";
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
}

.CountDown p .segundos:after,
.CountDown p .minutos:after,
.CountDown p .horas:after,
.CountDown p .dias:after,
.CountDown p span abbr {
	color: #E8C066;
	font-family: "Sansation";
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
	.CountDown {
		padding-right: 12%;
	}
}


@media screen and (min-width: 1024px) and (max-width: 1700px) {

	.CountDown {
		display: flex;
    	justify-content: flex-end;
    	padding-right: 10%;
	}

	.navBox.spechead {
		height: 14em;
	}
}


@media (max-width: 1024px) {
	.CountDown {
		padding-right: 10px;
	}

	.navBox.spechead {
		height: 14em;
	}
}

@media (max-width: 768px) {
	.CountDown {
		padding-right: 10px;
	}

	.navBox.spechead {
	    background-position: 22% center;
	}


	.ima.logoima {
		justify-content: flex-start;
		padding-left: 20px;
		align-items: center;
		justify-content: flex-start;
		height: 141px;
	}
}

@media (max-width: 425px) {

	.navBox.spechead .container {
	    height: 19em;
	}

	.falseH1 span.ima.logoima {
		display: flex;
		justify-content: center;
		margin-top: 45px;
        height: 40px;
        overflow: visible;
	}

	.falseH1 span.ima.logoima img {
		width: 64%;
	}
	
	.CountDown {
		justify-content: center;
		top: -90px;
	}

	.CountDown p span em {
		font-size: 23px;
	}

	.navBox.spechead {
        background-position: right -50px center;
        height: 16em;
    }
}