/* ==========================================================================
   Pagina "Acerca de Nosotros"
   (shortcodes: scc_about_intro, scc_about_text, scc_about_contact)
   ========================================================================== */

.scc-about-intro,
.scc-about-text,
.scc-about-contact {
	--navy: #031b4e;
	--blue: #3368c6;
	--blue-light: #7fa3e0;
	--grey-bg: #f6faff;
	--grey-text: #6d7889;
}
.scc-about-intro *,
.scc-about-intro *::before,
.scc-about-intro *::after,
.scc-about-text *,
.scc-about-text *::before,
.scc-about-text *::after,
.scc-about-contact *,
.scc-about-contact *::before,
.scc-about-contact *::after { box-sizing: border-box; }

.scc-about-intro {
	position: relative !important;
	width: 100vw !important;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	padding: 60px 0 36px !important;
}
.scc-about-intro-inner { max-width: 1400px !important; margin: 0 auto !important; }

.scc-about-intro .lms-split-body {
	position: relative !important;
	overflow: hidden !important;
}
.scc-about-intro .lms-split-image {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 55% !important;
	object-fit: cover !important;
}
.scc-about-intro .lms-split-panel {
	position: relative !important;
	z-index: 1 !important;
	width: 46% !important;
	background: var(--blue) !important;
	color: #fff !important;
	padding: 36px 38px !important;
	box-shadow: 0 18px 36px rgba(28, 58, 92, .22) !important;
}
.scc-about-intro .lms-split-panel p {
	margin: 0 0 20px !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: var(--grey-bg) !important;
}
.scc-about-intro .lms-split-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 12px !important;
}
.scc-about-intro .lms-split-list li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #fff !important;
}
.scc-about-intro .lms-split-list .ico {
	flex: none !important;
	width: 20px !important;
	height: 20px !important;
	margin-top: 1px !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: var(--blue) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.scc-about-intro .lms-split-list .ico svg { width: 11px !important; height: 11px !important; }

@media (max-width: 700px) {
	.scc-about-intro .lms-split-image {
		position: static !important;
		width: 100% !important;
		height: 220px !important;
	}
	.scc-about-intro .lms-split-panel { width: 100% !important; }
	.scc-about-intro .lms-split-list { grid-template-columns: 1fr !important; }
}

.scc-about-text {
	position: relative !important;
	width: 100vw !important;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	background: var(--grey-bg) !important;
	padding: 0 !important;
}
.scc-about-text-inner {
	max-width: 1400px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 460px 1fr !important;
	align-items: stretch !important;
	min-height: 460px !important;
}

.scc-about-text-photo { width: 100% !important; height: 100% !important; overflow: hidden !important; }
.scc-about-text-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.scc-about-text-content {
	padding: 56px 60px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

h2.scc-about-text-heading {
	margin: 0 0 24px !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 800 !important;
	font-size: 30px !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	color: var(--navy) !important;
}

p.scc-about-text-paragraph {
	margin: 0 0 18px !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: var(--navy) !important;
}

@media (max-width: 900px) {
	.scc-about-text-inner { grid-template-columns: 1fr !important; min-height: 0 !important; }
	.scc-about-text-photo { height: 260px !important; }
	.scc-about-text-content { padding: 40px 30px !important; }
}

.scc-about-contact { padding: 60px 40px !important; background: #fff !important; }
.scc-about-contact-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 40px !important;
	align-items: stretch !important;
}

h2.scc-about-contact-heading {
	margin: 0 0 22px !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 800 !important;
	font-size: 28px !important;
	text-transform: uppercase !important;
	color: var(--navy) !important;
}

p.scc-about-contact-row {
	margin: 0 0 14px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px 10px !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: var(--navy) !important;
	overflow-wrap: break-word !important;
	word-break: break-word !important;
}
.scc-about-contact-row a { overflow-wrap: break-word !important; word-break: break-word !important; }
.scc-about-contact-icon {
	flex: none !important;
	width: 30px !important;
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: var(--blue) !important;
	color: #fff !important;
}
.scc-about-contact-icon svg { width: 15px !important; height: 15px !important; }
.scc-about-contact-row strong { color: var(--navy) !important; }
.scc-about-contact-row a {
	color: var(--blue) !important;
	text-decoration: none !important;
}
.scc-about-contact-row a:hover { text-decoration: underline !important; }

.scc-about-contact-map {
	min-height: 280px !important;
	box-shadow: 0 18px 36px rgba(28, 58, 92, .12) !important;
}
.scc-about-contact-map iframe {
	width: 100% !important;
	height: 100% !important;
	min-height: 280px !important;
	border: 0 !important;
	display: block !important;
}

@media (max-width: 900px) {
	.scc-about-contact { padding: 44px 26px !important; }
	.scc-about-contact-inner { grid-template-columns: 1fr !important; }
	.scc-about-contact-map { min-height: 300px !important; }
}

@media (max-width: 480px) {
	.scc-about-contact { padding: 40px 22px !important; }
	h2.scc-about-contact-heading { font-size: 22px !important; }
	p.scc-about-contact-row { font-size: 14px !important; }
}