@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&display=swap");

@font-face {
	font-family: "Architecture";
	src: url("../fonts/architrn.ttf") format("truetype");
}

iframe {
	border: none;
	outline: none;
	aspect-ratio: 16 / 9;
	height: auto;
}

#main-content-row > h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Architecture" !important;
	line-height: 1.5rem;
	font-weight: 700;
	padding: .5rem 0;
}

.btn-primary {
	background-color: #2378af;
	border-radius: 1rem;

	&:hover {
		box-shadow: 0 0 1rem #ccf !important;
	}
}

.item_fulltext,
.item_introtext {
	line-height: 1.5em;

	& > iframe {
		margin-top: 1em;
	}
}

.item_introtext ul,
ol {
	margin: 0 0 12.5px 28em;
	padding: 0 0 1em;
}

.items-leading {
	border-bottom: 1px white solid;
	margin-bottom: 3em;
	padding-bottom: 3em;
}

.advertencia {
  width: 100% !important;
  text-align: center;
  margin: 2rem 0;
  line-height: 1.5rem;
  padding-left: 0 !important;
}

#copyright-row {
	padding: 1rem;
}

#contact {
	display: flex;
}

#contact-left,
#contact-right {
	flex-grow: 0.5;

	& i {
		margin-right: 0.5em;
	}
}

#jform_contact_message,
#jform_contact_name,
#jform_contact_email,
#jform_contact_emailmsg {
	border-radius: 1em;
}

.img-intro__left,
.img-full__left,
.pull-left.item-image {
	width: auto;
	height: auto;
}

ul.sf-menu ul li a,
ul.sf-menu ul li span {
	font-weight: bold;
}

h1.slide-title {
	font-weight: 800;
}

h2.item_title,
h2.moduleTitle,
h2.category_title {
	font-weight: 700;
	font-family: "Architecture" !important;
	line-height: 1.5em;
}

h3.item_title {
	font-weight: bold;
	font-family: "Architecture" !important;
	line-height: 1.5em;
	margin: 0 0 1.5rem 0;
}

section.page-category.page-category__equipo * img {
	border-radius: 100%;
}

#content-row-6 h3,
#content-row-6 h4 {
	font-weight: 600;
}

#content-row-6 .h4,
#content-row-6 h4 {
	font-family: "Architecture" !important;
	font-size: 1.6em;
}

#content-row-9 {
	background: none;
}

#content-row-10 {
	padding: 1em 0 1em;
}

/* ACCORDEON */
.st-content h4 {
	font-weight: bold;
	font-family: "Architecture" !important;
	font-size: 1.65em;
}

.valores {
	width: 80%;
	display: grid;
	grid-template: 1fr 1fr / 1fr 1fr;
	justify-items: center;
	gap: 5em;
	margin: 0 auto;
}

.btn-info {
	margin-top: 2em;
}

#menu-row,
.scrolled #menu-row {
	backdrop-filter: blur(5px);
	background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0;
}

.mod-newsflash-adv {
	display: grid;

	& .item_img img {
		width: 80px;

		@media (width < 720px) {
			width: 100%;
		}
	}
}

.mod-newsflash-adv .img-intro__left {
	margin: 0px 30px 20px -20px;
}

.category_desc {
	text-align: left;
}

.galeria {
	display: flex;
	flex-direction: row;
	gap: 1em;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	@media (width < 720px) {
		& img {
			width: 100% !important;
		}
	}
}

#bottom-header-row {
	padding: 12em 0 1em;

	@media (width < 720px) {
		padding: 6em 0 1em;
	}
}

#bottom-header-row .mod-newsflash-adv .item_container {
	height: 43em;
	
	@media (width < 640px) {
		height: fit-content;
	}
}

ul.sf-menu > li > a > span {
	border: 2px white solid;
	width: 1.25em;
}

/* GRID CURSOS */
.st-accordion232 .st-content {
	& #grid-cursos {
		display: grid;
		grid-template-columns: 3;
		gap: 2em;
	}

	& #curso {
		display: flex;
		align-items: center;
		gap: 1.5em;
	}

	& #curso img {
		width: 10%;
	}
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}

.grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

#main-content-row .h2,
#main-content-row h2 {
	margin-bottom: 0.5em !important;
}

*.logos {
	grid-template-columns: repeat(5, 1fr);
}

.logos,
.logos2 {
	place-items: start;
	gap: 1.5em;
	padding-bottom: 1.5em;
}

.logos img {
	height: 240px;
	max-width: fit-content;
}

.page-blog, .page-item__blog, .blog-fullwidth {
  font-weight: initial !important;
}

.page-blog__cursos .item_introtext {
	& ul {
		padding: 1em;
		margin-left: 1rem;
	}

	& .left-image {
		margin-left: 0;
	}
}

.page-blog__cursos .span12 {
	padding-left: 0;
}

.page-blog__cursos .category_desc b,
.item_fulltext b {
	display: contents;
}

footer a,
footer a:visited {
	color: white;
}

.mod-newsflash-adv .item_introtext {
	display: grid;
}

.page-blog__cursos .item_introtext h1,
.page-blog__cursos .item_introtext h2,
.page-blog__cursos .item_introtext h3,
.page-blog__cursos .item_introtext h4,
.page-blog__cursos .item_introtext h5,
.page-blog__cursos .item_introtext h6 {
	font-family: "Architecture" !important;
	margin: 1.5rem 0;
}

.page-blog__cursos .item_introtext .left-image {
	& ul {
		margin-left: 2rem;
		padding: 0;
	}

	& .btn-primary {
		margin: 1rem 0;
	}
}

.page-blog__cursos .row-fluid {
	margin: 0;
}

.page-blog__cursos .item-image {
	margin: 0;

	& img {
		max-width: 512px;

		@media (width < 767px) {
			max-width: 100%;
		}
	}
}

.page-blog__cursos .item.column-1 {
	display: flex;
	gap: 2rem;

	@media (width < 767px) {
		flex-direction: column;
	}
}

.categories-listcursos {
	display: flex;
	gap: 3rem;

	& .item-title {
		line-height: 1.25;
		font-family: "Architecture" !important;
		font-size: 3rem;

		@media (width < 767px) {
			font-size: 2.5rem;
		}
	}

	@media (width < 767px) {
		flex-direction: column;
		gap: 0.5em;
	}
}

.subheading-category {
	font-family: "Architecture";
	font-size: 3rem;
	line-height: 1.25;
}

/* RESPONSIVE */
@media (max-width: 1366px) {
	ul.sf-menu > li > a,
	ul.sf-menu > li > span {
		font-size: 13px !important;
	}
}

@media (width < 767px) {
	/* MOBILE BURGER MENU */
	input#burger {
		z-index: 2;
		width: 50px;
		height: 50px;
		margin: -1.3em -0.75em;
		position: absolute;
	}

	.burger-btn span,
	.burger-btn span::before,
	.burger-btn span::after {
		width: 20px;
		background-color: #111;
		height: 0.15em;
		transition: all 0.25s ease-in-out;

		@media (prefers-color-scheme: dark) {
			background-color: #eee;
		}
	}

	.burger-btn span {
		position: relative;
		display: block;
		top: 0.1em;

		&::before,
		&::after {
			content: " ";
			position: absolute;
			left: 0;
		}

		&::before {
			top: -0.4em;
		}

		&::after {
			top: 0.4em;
		}
	}

	#burger:checked ~ .burger-btn > span {
		transform: rotate(45deg);

		&::before {
			transform: rotate(90deg);
			top: 0;
		}

		&::after {
			opacity: 0;
			top: 0;
		}
	}

	/* GRID CURSOS */
	.st-accordion232 .st-content {
		& #grid-cursos {
			display: grid;
			grid-template-grid: 3;
			gap: 2em;
		}

		& #curso {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 1.5em;
		}

		& #curso h4 {
			text-align: center;
		}

		& #curso img {
			width: 60%;
		}
	}

	.img-intro__left,
	.img-full__left,
	.pull-left.item-image {
		max-width: 100%;
		margin: 2rem auto;
		float: none;
	}

	.img-intro__left.cursos2,
	.img-full__left.cursos2,
	.pull-left.item-image.cursos2 {
		max-width: none;
		margin: 2rem auto;
		float: none;
	}

	.item_fulltext,
	.item_introtext {
		display: inline-flex;
		flex-direction: column;
	}

	main {
		margin-top: 5em;
	}

	.flex {
		flex-direction: column;
	}

	.grid-2,
	.grid-3 {
		grid-template-columns: repeat(1, 1fr);
		gap: 1em;
	}

	.logos,
	.logos2 {
		grid-template-columns: repeat(1, 1fr);
		place-items: center;
	}

	.logos img {
		width: 100% !important;
		height: auto;
	}

	.item_fulltext,
	.item_introtext {
		text-align: left;
	}

	.item_introtext {
		text-align: center;
	}

	.item_introtext ul,
	ol {
		margin: 0 0 0 1em;
	}

	.page-blog__cursos .item_fulltext,
	.page-blog__cursos .item_introtext {
		text-align: left;

		& .btn-primary {
			display: block;
			margin: 0 auto;
		}
	}

	.page-blog__cursos .item_introtext ul,
	ol {
		margin: 0 0 0 1rem !important;
		text-align: left;
	}

	.page-blog__cursos .item_introtext b {
		display: contents;
	}

	.row-fluid {
		margin: 0;
	}

	#menu-row .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	h2.item_title,
	h2.moduleTitle {
		padding: 1em 0;
	}

	#content-row-6 .h4,
	#content-row-6 h4 {
		line-height: 1.4em;
	}

	.valores {
		grid-template: 1fr / 1fr;
	}

	.page-blog__cursos .item_introtext .left-image {
		margin-left: 0;
	}
}

@media (prefers-color-scheme: dark) {
	body,
	#header-wrapper,
	#bottom-header-row,
	#main-content-row,
	#jform_contact_message,
	#jform_contact_name,
	#jform_contact_email,
	#jform_contact_emailmsg,
	#content-row-6 {
		color: #ddd;
		background: #224;
	}

	#main-content-row .h3,
	#main-content-row h3,
	#main-content-row .h2,
	#main-content-row h2 {
		color: #ddd;
	}

	#menu-row,
	.scrolled #menu-row {
		background: rgba(16, 16, 64, 0.5);
		color: #fff;
	}

	#content-row-6 h3,
	#content-row-6 h4 {
		color: #ddd;
	}

	#cf_1 {
		--background-color: rgba(16, 16, 64, 1);
		--label-color: #ddd;
		--input-color: #ddd;
		--input-background-color: #224;
	}

	.cf-form-wrap {
		background-color: rgba(16, 16, 64, 1) !important;
	}

	ul.sf-menu > li > a,
	ul.sf-menu > li > span {
		color: #fff;
	}
}

.btn-navbar {
	border: 1px solid #111;

	@media (prefers-color-scheme: dark) {
		border: 1px solid #eee;
	}
}

.page_header {
	& h2 {
		font-family: "Architecture" !important;
		font-size: 3rem;
		line-height: 3rem;

		@media (width < 767px) {
			text-align: center;
			font-size: 2.25rem;
		}
	}
}

body.itemid-588 #main-content-row {
  background-color: #ffffff !important;
}
body.itemid-588 .cf-form-wrap {
  background-color: #ffffff !important;
}