*{
	font-family: 'Montserrat', sans-serif;
}

body:has(.enConstruccion){
	background-color: #000000;
	color: #ffffff;
}

body:has(.enConstruccion) h2{
	font-size: 1rem;
	font-weight: normal;
}

body:has(.enConstruccion) img{
	width: 250px;
}

header{
	position: fixed;
	transition: background-color .3s;
}

header .top{
	padding: 7px 0;
	background-color: #000000;
}

header .redes, header .optIcons{
	line-height: normal;
	height: auto;
}

header .logo{
	background-image: url("logo2.webp");
	width: 275px;
	margin: 10px 0;
	aspect-ratio: 320 / 93;
	background-position: center;
	background-size: contain;
}

header.reduce, header.inside, header.active{
	background-color: var(--negro);
}

header .options>li>a, header .options>li>p, header .options>li>p a{
	color: var(--blanco);
}

header .options>li>a:hover, header .options>li>p:hover, header .options>li>p a:hover{
	color: var(--color-principal);
	opacity: 1;
}

header .options>li>a, header .options>li>p, header .options>li>p a{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.875rem;
}	


@media only screen and (max-width : 479px) {}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) and (max-width : 767px) {}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	header .options>li>a, header .options>li>p{
		line-height: 84px;
	}	
}

:root {
  --color-principal: #4e9edb;
  --negro: #090e14;
  --blanco: #f2f2f2;
}