/* Somos Genios page — Fundación Geniotipo */

/* Títulos de sección — Figma: Aileron Light Italic, 66.87px, line-height 98%, tracking 0% */
.fgt-page-somos-genios .sgf-section-title {
	font-family: var(--font-body);
	font-size: clamp(2rem, 8vw, 3.9rem);
	font-weight: 30 !important;
	font-style: italic !important;
	line-height: 0.98;
	letter-spacing: 0;
	word-spacing: normal;
	text-align: left;
	color: #232421;
}

.fgt-page-somos-genios .sgf-hero-title {
	font-family: var(--font-body);
	font-size: clamp(2rem, 8vw, 4.179rem);
	font-weight: 30;
	font-style: italic;
	line-height: 0.98;
	letter-spacing: 0;
	word-spacing: normal;
	text-align: left;
	color: var(--color-text);
}

.fgt-page-somos-genios .sgf-proyecto-title {
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 1.25;
	font-style: normal;
}

/* Texto pequeño / cuerpo — mismo espaciado que el lead del hero */
.fgt-page-somos-genios .sgf-hero-lead,
.fgt-page-somos-genios .sgf-split-content p,
.fgt-page-somos-genios .sgf-proyecto-desc,
.fgt-page-somos-genios .sgf-text-link,
.fgt-page-somos-genios .sgf-fundacion-footnote {
	line-height: 1.5;
	letter-spacing: 0.02em;
	word-spacing: 0.01em;
}

.fgt-page-somos-genios .site-main--page-somos-genios {
	max-width: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.fgt-page-somos-genios .sgf-section .section-inner {
	padding-top: calc(var(--spacing-unit) * 4);
	padding-bottom: 0;
}

/* Hero */
.sgf-hero {
	background: var(--color-primary);
	color: var(--color-text-on-dark);
}

.sgf-hero-inner {
	display: grid;
	gap: 1.5rem;
	align-items: center;
	padding-top: calc(var(--spacing-unit) * 4);
	padding-bottom: calc(var(--spacing-unit) * 4);
}

.sgf-hero-title {
	margin: 0;
	text-transform: none;
}

.fgt-page-somos-genios .sgf-hero-title.somos-genios-display--on-dark {
	color: var(--color-text-on-dark);
}

.sgf-hero-lead {
	margin: 0;
	font-family: var(--font-body);
	font-size: clamp(1rem, 2.2vw, 1.35rem);
	font-style: italic;
	max-width: 42rem;
}

@media (min-width: 1024px) {
	.sgf-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
		gap: 3rem;
	}

	.sgf-hero-lead {
		justify-self: end;
		text-align: left;
	}
}

/* Section titles */
.sgf-section-title {
	margin: 0 0 2rem;
}

.fgt-page-somos-genios .sgf-section-title--center {
	text-align: center;
}

/* Proyectos grid */
.sgf-proyectos {
	background: var(--color-bg);
}

.sgf-proyectos-grid {
	display: grid;
	gap: 1.25rem;
}

.sgf-proyecto-card {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1.5rem 1.75rem;
	border: 2px solid #6ecda3;
	border-radius: var(--border-radius);
	background: var(--color-bg);
	min-width: 0;
	box-sizing: border-box;
}

.sgf-proyecto-card--highlight {
	background: #6ecda3;
	border-color: #6ecda3;
	color: var(--color-text-on-dark);
}

/* Números — igual que membresia-div6-item-number (Old Standard TT).
   !important: el CSS global del sitio fuerza Aileron en span con !important. */
.fgt-page-somos-genios .sgf-proyecto-num {
	display: block;
	flex-shrink: 0;
	min-width: 4.25rem;
	margin: 0;
	font-family: "Old Standard TT", Georgia, "Times New Roman", serif !important;
	font-size: clamp(2.85rem, 11vw, 3.75rem);
	font-weight: 700 !important;
	font-style: normal !important;
	font-synthesis: none;
	line-height: 1;
	letter-spacing: -10px;
	color: #6ecda3;
}

.fgt-page-somos-genios .sgf-proyecto-card--highlight .sgf-proyecto-num {
	color: #fff;
}

.sgf-proyecto-body {
	flex: 1;
	min-width: 0;
}

.sgf-proyecto-title {
	margin: 0 0 0.35rem;
	font-family: var(--font-body);
	font-size: clamp(1.1rem, 2vw, 1.35rem);
	font-weight: 700;
}

.sgf-proyecto-desc {
	margin: 0;
	font-size: var(--font-body-size);
}

@media (min-width: 768px) {
	.sgf-proyectos-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem 2rem;
	}

	.fgt-page-somos-genios .sgf-proyecto-num {
		min-width: 5.5rem;
		font-size: clamp(4rem, 6.5vw, 5.25rem);
	}
}

@media (min-width: 1024px) {
	.fgt-page-somos-genios .sgf-proyecto-num {
		min-width: 6.25rem;
		font-size: clamp(4.75rem, 5.5vw, 6rem);
	}
}

@media (max-width: 767px) {
	.sgf-proyecto-card {
		gap: 0.75rem;
		padding: 0.85rem 0.75rem;
	}

	.fgt-page-somos-genios .sgf-proyecto-num {
		min-width: 3.75rem;
	}
}

/* Split rows */
.sgf-split {
	display: grid;
	gap: 2rem;
	align-items: center;
}

.sgf-split + .sgf-split {
	margin-top: calc(var(--spacing-unit) * 4);
}

.sgf-split-content p {
	margin: 0 0 1rem;
	font-size: var(--font-body-size);
}

.sgf-split-content p:last-child {
	margin-bottom: 0;
}

.sgf-brand-mark {
	color: var(--color-section-orange);
	font-weight: 700;
}

.sgf-text-link {
	color: var(--color-primary);
	font-weight: 600;
	text-decoration: underline;
}

.sgf-text-link:hover {
	filter: brightness(0.92);
}

.sgf-logo-image {
	width: min(100%, 22rem);
	height: auto;
	display: block;
	margin: 0 auto;
}

.sgf-mapa-image,
.sgf-metodo-image,
.sgf-fundacion-image {
	width: min(100%, 28rem);
	height: auto;
	display: block;
	margin: 0 auto;
}

.sgf-fundacion-image {
	width: 100%;
	max-width: 34rem;
	border-radius: var(--border-radius);
}

.sgf-metodo-cta,
.sgf-fundacion-cta {
	margin-top: 1.25rem;
}

.sgf-fundacion-footnote {
	margin-top: 1rem !important;
}

@media (min-width: 1024px) {
	.sgf-split {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 3rem;
	}

	.sgf-split--mapa .sgf-split-media {
		order: -1;
	}

	.sgf-split--fundacion .sgf-split-content {
		padding-left: 1rem;
	}
}

@media (max-width: 767px) {
	.sgf-section-title,
	.sgf-section-title--center,
	.somos-genios-display.sgf-section-title {
		text-align: left !important;
	}
}