*{
	box-sizing:border-box;
	margin:0px;
	padding:0px;
}

/* FONDO GENERAL */
body{
	background-color:black;
	font-family: "Playfair Display", serif;
	color:white;
	overflow-x:hidden;
}

/* CONTENEDOR */
.Contenedor{
	display:grid;
	grid-template-areas:
		'Header'
		'Menu'
		'Slider'
		'MissionVisionValues'
		'Content'
		'Footer';
	background:black;
	position:relative;
}

/* PILARES GIGANTES */
.Contenedor::before,
.Contenedor::after{
	content:"";
	position:absolute;
	top:180px;
	width:220px;
	height:92%;
	background-image:url("https://i.ibb.co/1f9zNcX6/images.png");
	background-size:contain;
	background-repeat:repeat-y;
	opacity:0.12;
	pointer-events:none;
	z-index:0;
}

/* PILAR IZQUIERDO */
.Contenedor::before{
	left:0;
}

/* PILAR DERECHO */
.Contenedor::after{
	right:0;
	transform:scaleX(-1);
}

/* HEADER */
.Header{
	grid-area:Header;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:25px;
	background:black;
	border-bottom:2px solid #d4af37;
	position:relative;
	z-index:2;
}

/* LOGO */
.logo{
	height:140px;
	border-radius:15px;
	transition:0.5s;
}

.logo:hover{
	transform:scale(1.05);
}

/* TITULO */
.center{
	text-align:center;
}

.center h1{
	font-size:55px;
	color:#d4af37;
	font-family:"Cinzel", serif;
	letter-spacing:5px;
}

/* SLOGAN */
.slogan{
	color:white;
	font-size:18px;
	margin-top:10px;
	letter-spacing:3px;
}

.gold{
	color:#d4af37;
}

/* REDES */
.right{
	display:flex;
	gap:20px;
}

.redes{
	color:#d4af37;
	transition:0.5s;
}

.redes:hover{
	color:white;
	transform:scale(1.2);
}

/* MENU */
.Menu{
	grid-area:Menu;
	display:flex;
	justify-content:center;
	gap:20px;
	padding:20px;
	background:black;
	border-bottom:2px solid #d4af37;
	position:relative;
	z-index:2;
}

.Menu a{
	text-decoration:none;
	color:#d4af37;
	border:1px solid #d4af37;
	padding:12px 25px;
	border-radius:10px;
	font-family:"Cinzel", serif;
	transition:0.5s;
	background:black;
}

.Menu a:hover{
	background:#d4af37;
	color:black;
	transform:scale(1.05);
}

/* SLIDESHOW NEGRO */
#Slideshow{
	grid-area:Slider;
	padding:20px;
	background:black;
	position:relative;
	z-index:2;
}

/* QUITADAS LAS FOTOS */
#gallery{
	height:300px;
	border-radius:20px;
	border:2px solid #d4af37;
	background:
	linear-gradient(
	rgba(0,0,0,0.7),
	rgba(0,0,0,0.7)),
	url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=1600");
	background-size:cover;
	background-position:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

/* TEXTO HERO */
#gallery::after{
	content:"COMO DIOSES DEL OLIMPO";
	color:#d4af37;
	font-size:45px;
	font-family:"Cinzel", serif;
	letter-spacing:5px;
	text-align:center;
}

/* MISION VISION VALORES */
.MissionVisionValues{
	grid-area:MissionVisionValues;
	display:flex;
	justify-content:space-around;
	text-align:center;
	padding:80px 60px;
	background:black;
	position:relative;
	z-index:2;
}

.columna{
	width:30%;
	padding:20px;
	background:rgba(255,255,255,0.03);
	border:1px solid rgba(212,175,55,0.3);
	border-radius:15px;
	backdrop-filter:blur(3px);
}

.columna h2{
	color:#d4af37;
	font-family:"Cinzel", serif;
	margin-bottom:20px;
	font-size:30px;
}

.columna p{
	line-height:2;
	font-size:17px;
}

/* CONTENIDO */
.Content{
	grid-area:Content;
	padding:100px 120px;
	text-align:center;
	background:black;
	position:relative;
	z-index:2;
}

.Content h1{
	color:#d4af37;
	font-size:45px;
	margin-bottom:30px;
	font-family:"Cinzel", serif;
}

.Content p{
	font-size:18px;
	line-height:2;
	margin-bottom:20px;
}

/* FOOTER */
.Footer{
	grid-area:Footer;
	background:#111111;
	padding:40px;
	border-top:2px solid #d4af37;
	position:relative;
	z-index:2;
}

.contenidofooter{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:30px;
}

.columnafooter{
	width:30%;
}

.columnafooter h2{
	color:#d4af37;
	margin-bottom:20px;
	font-family:"Cinzel", serif;
}

.columnafooter p{
	line-height:2;
	color:white;
}

.Footer a{
	color:#d4af37;
	text-decoration:none;
}

/* RESPONSIVE */
@media screen and (max-width:900px){

	.Header{
		flex-direction:column;
		gap:20px;
	}

	.Menu{
		flex-direction:column;
		align-items:center;
	}

	.MissionVisionValues{
		flex-direction:column;
		align-items:center;
		gap:30px;
	}

	.columna{
		width:100%;
	}

	.columnafooter{
		width:100%;
	}

	.Content{
		padding:50px 30px;
	}

	.center h1{
		font-size:35px;
	}

	#gallery::after{
		font-size:28px;
	}

	.Contenedor::before,
	.Contenedor::after{
		display:none;
	}
}