body{
	margin:0;
	background:#000;
	color:#fff;
	font-family:'Poppins',sans-serif;
	overflow-x:hidden;
}
.landing-og{
	position:relative;
	min-height:100vh;
	background:url('../img/raiz/fondoog.jpeg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.landing-overlay{
	position:absolute;
	inset:0;
	background:
	linear-gradient(
		90deg,
		rgba(0,0,0,.55) 0%,
		rgba(0,0,0,.25) 45%,
		rgba(0,0,0,.35) 100%
	);
}
.landing-wrapper{
	position:relative;
	z-index:2;
	width:min(1400px,92%);
	margin:auto;
	min-height:calc(100vh - 120px);
	display:grid;
	grid-template-columns:55% 45%;
	gap: 50px;
	align-items:center;
}
.landing-left{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.landing-right{
	display:flex;
	align-items:center;
	justify-content:center;
}
.landing-logo{
	width:100%;
	max-width:550px;
}
.landing-card{
	width: 100%;
	background:rgba(15,15,15,.55);
	backdrop-filter:blur(20px);
	max-width: 460px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:24px;
	padding:40px;
	box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.landing-card h2{
	margin:0 0 20px;
	font-size:2rem;
	font-weight:700;
}
.landing-card p{
	color:#d1d5db;
	line-height:1.8;
	margin-bottom:30px;
}
.landing-verse{
	margin-top:25px;
	max-width:520px;
	font-size:1.35rem;
	line-height:1.8;
	color:#fff;
	font-style:italic;
	text-shadow:
		0 3px 15px rgba(0,0,0,.5);
}
.landing-verse span{
	display:block;
	margin-top:14px;
	font-size:1rem;
	font-weight:700;
	color:#ffb45c;
}
.btn-archivo{
	display:block;
	text-align:center;
	background:#ff7a00;
	color:#fff;
	text-decoration:none;
	padding:18px;
	border-radius:12px;
	font-size:1.1rem;
	font-weight:700;
	margin-bottom:30px;
	transition:.3s;
}
.btn-archivo:hover{
	background:#ff8c19;
	color:#fff;
}
.landing-footer{
	position:relative;
	z-index:2;
	text-align:center;
	padding:20px 15px 35px;
	color:rgba(255,255,255,.85);
	font-size:.95rem;
}
.footer-line{
	margin:6px 0;
}
.footer-line a{
	color:#fff;
	text-decoration:none;
}
.footer-line a:hover{
	color:#ff7a00;
}
.footer-separator{
	margin:0 10px;
	opacity:.5;
}
@media(max-width:992px){
	.landing-wrapper{
		grid-template-columns:1fr;
		text-align:center;
		padding:40px 0;
	}
	.landing-left{
		align-items:center;
	}
	.music-platforms{
		justify-content:center;
	}
	.landing-right{
		margin-top:40px;
	}
	.landing-logo{
		max-width:420px;
		width:80%;
		margin:auto;
		display:block;		
	}
	.landing-card{
		padding:30px;
	}
	.footer-line{
		display:block;
		margin:10px 0;
	}
	.footer-separator{
		display:none;
	}
	.landing-og{
		background-position:18% center;
		/* background-position:center center; */
		/* background-position:52% center;
		background-size:cover; */
	}	
}