/* ================= CASOS EN DESARROLLO: INICIO ================= */

.cases-pending{
	position:relative;
	display:flex;
	align-items:center;
	min-height:100vh;
	padding:150px 8vw 110px;
	box-sizing:border-box;
	overflow:hidden;
	background:var(--red);
	color:var(--white);
}

.cases-pending::before{
	content:"";
	position:absolute;
	top:0;
	right:12%;
	width:1px;
	height:100%;
	background:rgba(255, 255, 255, 0.18);
}

.cases-pending::after{
	content:"";
	position:absolute;
	right:0;
	bottom:16%;
	width:42%;
	height:1px;
	background:rgba(255, 255, 255, 0.18);
}

.cases-pending-container{
	position:relative;
	z-index:2;
	width:min(100%, 960px);
	margin:0 auto;
	text-align:center;
	transform:translateY(-50px);
}

.cases-pending-label{
	margin:0 0 20px;
	font-size:13px;
	font-weight:700;
	letter-spacing:0.32em;
}

.cases-pending h1{
	margin:0;
	color:var(--white);
	font-size:clamp(42px, 6.4vw, 88px);
	font-weight:700;
	line-height:0.98;
	letter-spacing:-0.035em;
}

.cases-pending-text{
	max-width:570px;
	margin:30px auto 0;
	color:var(--white);
	font-size:clamp(15px, 1.5vw, 18px);
	line-height:1.6;
}

.cases-pending-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	margin-top:34px;
	padding:0 26px;
	border-radius:12px;
	color:var(--white);
	background:var(--blue);
	font-size:13px;
	font-weight:700;
	letter-spacing:0.04em;
	text-decoration:none;
	transition:
		background-color 0.25s ease,
		color 0.25s ease;
}

.cases-pending-button:hover,
.cases-pending-button:focus-visible{
	background:var(--white);
	color:var(--red);
}

.cases-pending-word{
	position:absolute;
	left:50%;
	bottom:-0.18em;
	z-index:1;
	transform:translateX(-50%);
	color:transparent;
	font-size:clamp(150px, 28vw, 430px);
	font-weight:700;
	line-height:0.75;
	letter-spacing:-0.07em;
	white-space:nowrap;
	-webkit-text-stroke:1px rgba(255, 255, 255, 0.13);
}

@media (max-width:700px){

	.cases-pending{
		min-height:85vh;
		padding:130px 24px 90px;
	}

	.cases-pending::before{
		right:24px;
	}

	.cases-pending::after{
		width:55%;
	}

	.cases-pending h1{
		line-height:1.03;
	}

	.cases-pending-text{
		margin-top:24px;
	}

}


@media (max-width:600px){

	.cases-pending-container{
		transform:translateY(-70px);
	}

}

/* ================= CASOS EN DESARROLLO: FIN ================= */