@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}

ul.subnav {
    list-style-type: none;
	text-transform: uppercase;
	font-family: var(--fontsans);
}
ul.subnav li {
	border-bottom: 1px solid #ccc;
	line-height: 2.5em;
}
ul.subnav li a {
    display: block;
	width: 100%;
	padding-left: 1em;
    color: var(--coltagsa);
    text-decoration: none;
	font-size: .9em;
}
ul.subnav li.icon {
	background-color: #ccc;
	border-bottom-width: 0;
}
ul.subnav li.icon a {
	color: #000;
}

/*subnav funcionalidad*/
@media screen and (max-width:767px) {
	ul.subnav li:not(:first-child) {
		display: none;
	}
	ul.subnav li.icon {
    	display: block;
 	}
	ul.subnav.responsive {
		background-color: #fff;
		border: 1px solid #ccc;
		height: auto;
	}
	ul.subnav.responsive li {
		float: none;
		display: block;
	}
	ul.subnav.responsive li.nomob {
		display: none;
	}
	ul.subnav.responsive li a {
		display: block;
		text-align: left;
	}
}

article {
	line-height: 1.5em;
	margin-bottom: 2em;
}
article a {
	color: var(--coltagsa);
	font-weight: 600;
}
article h1 {
	font-family: var(--fontserif);
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: 1em;
	border-bottom: .1em solid var(--coltagsa);
	padding-bottom: .3em;
}
article h1:not(:first-of-type) {
	margin-top: 2em;
}
article h2 {
	font-family: var(--fontserif);
	font-size: 1.25em;
	border-left: .4em solid var(--coltagsa);
	padding-left: .5em;
	margin-bottom: 1em;
}
article h4 {
	margin-bottom: .5em;
}
article h2 {
	margin-top: 3em;
}
/*article h2:not(:first-of-type) {
	margin-top: 3em;
}*/
article ul, article ol {
	margin-bottom: 1em;
	padding-left: 3em;
}
article ul li, article ol li {
	margin-bottom: .5em;
}
article p {
	margin-bottom: 1em;
}
article img {
	width: 100%;
	margin-bottom: 1em;
}
a.totop {
	text-align: center;
	display: block;
	width: 150px;
	background-color: var(--coltagsa);
	border-radius: 20px;
	color: #fff;
	text-decoration: none;
	line-height: 2.5em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: 0;
}
.excl {
	display: inline-block;
	position: relative;
	background-color: #000;
	color: #fff;
	width: 1.5em;
	text-align: center;
	font-weight: 800;
	margin-right: .4em;
}
.denotar {
	background-color: #ffc52f;
	padding: 20px;
}
.denotar-g {
	margin-top: 2em;
	background-color: #eee;
	padding: 1em;
}

/*MARK: 768
*/

@media screen and (min-width:768px) {

	main {
		width: 700px;
		max-width: 700px;
		padding: 0 0 1em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	ul.subnav {
		width: 200px;
		border: 1px solid #ccc;
		font-size: .8em;
	}
	ul.subnav li:first-of-type {
		background-color: var(--coltagsa);
		color: #fff;
		padding-left: 1em;
	}
	ul.subnav li a {
		color: #000;
	}
	ul.subnav li a:hover {
		transition: all .2s ease;
		background-color: #eee;
		color: var(--coltagsa);
	}
	ul.subnav li.subnavactive a {
		font-weight: 600;
		color: var(--coltagsa);
	}
	ul.subnav li.icon {
		display: none;
	}
	article {
		width: 460px;
		/*min-height: 580px;*/
		color: #000;
	}
}


/* MARK: 1100
*/

@media screen and (min-width:1100px) {
	main {
		width: 1100px;
		max-width: 1100px;
	}
	ul.subnav {
		width: 250px;
		font-size: .9em;
	}
	article {
		width: 800px;
	}
}