/* =========================================================
   Portada editorial (prueba). Serif grande, mucho aire,
   versalitas espaciadas, fotos a sangre y punto en tabaco.
   ========================================================= */

.smg-ed-punto { color: var(--wp--preset--color--tabaco); }

.smg-ed-versal {
	font: 600 .6875rem/1.7 var(--wp--preset--font-family--manrope);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--grafito);
	margin: 0 !important;
	text-align: left !important;
}
.smg-ed-versal--suave { color: var(--wp--preset--color--suave); font-weight: 500; }

.smg-ed-enlace { margin: 0 !important; }
.smg-ed-enlace a {
	display: inline-flex; align-items: center; gap: 12px; min-height: 44px;
	font: 600 .6875rem/1 var(--wp--preset--font-family--manrope);
	letter-spacing: .2em; text-transform: uppercase; text-decoration: none;
	color: var(--wp--preset--color--grafito);
}
.smg-ed-enlace a span { transition: transform .3s var(--smg-ease); }
.smg-ed-enlace a:hover span { transform: translateX(6px); }

.smg-ed-seccion { padding-top: clamp(72px, 9vw, 128px) !important; padding-bottom: clamp(72px, 9vw, 128px) !important; }
.smg-ed-seccion--sin-arriba { padding-top: 0 !important; }

/* ---------- Primera pantalla ---------- */
body:has(.smg-ed-hero) main { margin-block-start: 0 !important; }
.smg-ed-hero {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	height: clamp(620px, calc(100svh - var(--smg-nav)), 920px);
	grid-template-rows: minmax(0, 1fr);
	overflow: hidden;
	margin: 0 !important;
}
.smg-ed-ideas > *, .smg-ed-intro > *, .smg-ed-destacado > *, .smg-ed-servicios > *, .smg-ed-hero > * { margin: 0 !important; }
.smg-ed-hero__texto {
	display: flex; flex-direction: column; justify-content: center; gap: 22px;
	padding: clamp(48px, 6vw, 96px) clamp(28px, 4vw, 72px) clamp(48px, 6vw, 96px) max(clamp(20px, 5vw, 80px), calc((100vw - 1280px) / 2));
}
.smg-ed-hero__texto > * { margin: 0 !important; }
.smg-ed-hero__titulo {
	font: 400 clamp(3rem, 5.4vw, 5.75rem)/.96 var(--wp--preset--font-family--cormorant) !important;
	letter-spacing: -.02em;
	color: var(--wp--preset--color--grafito);
	max-width: 9ch;
}
.smg-ed-hero__entrada { max-width: 34ch; font-size: 1rem; line-height: 1.65; color: var(--wp--preset--color--suave); text-align: left !important; hyphens: manual !important; }
.smg-ed-hero__texto .smg-ed-enlace { padding-top: 20px; border-top: 1px solid var(--wp--preset--color--tabaco); width: 48px; overflow: visible; white-space: nowrap; }
.smg-ed-prensa { font-size: .8125rem; color: var(--wp--preset--color--suave); text-align: left !important; }
.smg-ed-prensa a { color: inherit; }
.smg-ed-hero__foto { margin: 0 !important; height: 100%; min-height: 0; position: relative; overflow: visible; }
.smg-ed-hero__foto figure { margin: 0 !important; height: 100%; overflow: hidden; }
.smg-ed-hero__foto img { width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 45%; display: block; }
.smg-ed-hero__foto:hover .smg-sello svg { transform: rotate(40deg); }

/* ---------- Tres ideas ---------- */
.smg-ed-ideas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
.smg-ed-idea { display: flex; flex-direction: column; gap: 10px; }
.smg-ed-idea > * { margin: 0 !important; }
.smg-ed-idea figure { overflow: hidden; margin-bottom: 14px !important; aspect-ratio: 1 / 1; border-radius: 0; }
.smg-ed-idea figure a { display: block; height: 100%; }
.smg-ed-idea img { width: 100%; height: 100% !important; border-radius: 0 !important; aspect-ratio: 1 / 1; object-fit: cover; display: block; transition: transform .8s var(--smg-ease); }
.smg-ed-idea:hover img { transform: scale(1.03); }
.smg-ed-idea h3 { font: 400 clamp(1.75rem, 2.4vw, 2.25rem)/1.1 var(--wp--preset--font-family--cormorant) !important; }
.smg-ed-idea h3 a { color: var(--wp--preset--color--grafito); text-decoration: none; }
.smg-ed-idea h3::after { content: ""; display: block; width: 28px; height: 1px; background: var(--wp--preset--color--tabaco); margin-top: 14px; }

/* ---------- Una sola decisión ---------- */
.smg-ed-intro { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3.5fr) minmax(0, 3.5fr); gap: clamp(20px, 3vw, 40px); align-items: center; }
.smg-ed-intro__texto { align-self: center; display: flex; flex-direction: column; gap: 20px; padding-right: clamp(0px, 3vw, 48px); }
.smg-ed-intro__texto > * { margin: 0 !important; }
.smg-ed-intro__texto h2 { font: 400 clamp(2.5rem, 4.4vw, 4.25rem)/1 var(--wp--preset--font-family--cormorant) !important; letter-spacing: -.015em; }
.smg-ed-intro__texto p:not(.smg-ed-enlace) { color: var(--wp--preset--color--suave); max-width: 44ch; }
.smg-ed-intro__foto { margin: 0 !important; overflow: hidden; }
.smg-ed-intro__foto img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; }

/* ---------- Proyecto destacado + testimonio ---------- */
.smg-ed-destacado { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(24px, 3vw, 48px); align-items: center; }
.smg-ed-destacado__foto { position: relative; overflow: hidden; margin: 0 !important; }
.smg-ed-destacado__foto figure { margin: 0 !important; }
.smg-ed-destacado__foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.smg-ed-destacado__texto {
	position: absolute; left: 0; right: 0; bottom: 0;
	padding: clamp(28px, 4vw, 56px);
	background: linear-gradient(to top, rgba(41,43,41,.82), rgba(41,43,41,0));
	display: flex; flex-direction: column; gap: 12px;
}
.smg-ed-destacado__texto > * { margin: 0 !important; color: var(--wp--preset--color--blanco) !important; }
.smg-ed-destacado__texto h2 { font: 400 clamp(2.25rem, 4vw, 3.75rem)/1 var(--wp--preset--font-family--cormorant) !important; }
.smg-ed-destacado__texto p:not([class*="smg-ed"]) { max-width: 40ch; text-align: left !important; color: rgba(247,245,240,.86) !important; }
.smg-ed-destacado__texto .smg-ed-enlace a, .smg-ed-destacado__texto .smg-ed-versal { color: var(--wp--preset--color--blanco) !important; }
.smg-ed-cita { margin: 0; display: flex; flex-direction: column; gap: 20px; }
.smg-ed-cita::before { content: "“"; font: 400 4.5rem/.6 var(--wp--preset--font-family--cormorant); color: var(--wp--preset--color--tabaco); }
.smg-ed-cita > * { margin: 0 !important; }
.smg-ed-cita__texto { font: 400 clamp(1.5rem, 2.2vw, 2rem)/1.3 var(--wp--preset--font-family--cormorant) !important; color: var(--wp--preset--color--grafito); text-align: left !important; hyphens: manual !important; }

/* ---------- Qué hago ---------- */
.smg-ed-servicios { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 112px); align-items: start; }
.smg-ed-servicios__texto { display: flex; flex-direction: column; gap: 20px; }
.smg-ed-servicios__texto > * { margin: 0 !important; }
.smg-ed-servicios__texto h2 { font: 400 clamp(2.5rem, 4.4vw, 4.25rem)/1 var(--wp--preset--font-family--cormorant) !important; letter-spacing: -.015em; }
.smg-ed-servicios__texto p:not([class*="smg-ed"]) { color: var(--wp--preset--color--suave); max-width: 42ch; }
.smg-ed-lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--smg-linea); }
.smg-ed-lista li { border-bottom: 1px solid var(--smg-linea); }
.smg-ed-lista a { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 16px; padding: 22px 0; text-decoration: none; color: var(--wp--preset--color--grafito); }
.smg-ed-lista__num { font: 600 .6875rem/1 var(--wp--preset--font-family--manrope); letter-spacing: .2em; color: var(--wp--preset--color--tabaco); }
.smg-ed-lista__nombre { font: 400 clamp(1.375rem, 2vw, 1.75rem)/1.2 var(--wp--preset--font-family--cormorant); }
.smg-ed-lista__flecha { transition: transform .3s var(--smg-ease); }
.smg-ed-lista a:hover .smg-ed-lista__flecha { transform: translateX(6px); }

/* ---------- Móvil y tableta ---------- */
@media (max-width: 960px) {
	.smg-ed-hero { grid-template-columns: 1fr; height: auto; min-height: 0; }
	.smg-ed-hero__foto { order: -1; height: auto; }
	.smg-ed-hero__foto figure { height: auto; }
	.smg-ed-hero__foto img { height: auto !important; aspect-ratio: 4 / 5; }
	.smg-ed-hero__texto { padding: 48px clamp(20px, 5vw, 48px) 64px; }
	.smg-ed-intro { grid-template-columns: 1fr 1fr; }
	.smg-ed-intro__texto { grid-column: 1 / -1; padding-right: 0; }
	.smg-ed-destacado, .smg-ed-servicios { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.smg-ed-ideas { grid-template-columns: 1fr; }
	.smg-ed-destacado__foto img { aspect-ratio: 4 / 5; }
}

/* ---------- Inversores (bloque aparte, fondo grafito) ---------- */
.smg-ed-inversores__cabecera { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 112px); align-items: end; margin-bottom: clamp(40px, 5vw, 72px) !important; }
.smg-ed-inversores__cabecera > *, .smg-ed-inversores__cabecera > * > * { margin: 0 !important; }
.smg-ed-inversores__cabecera > * { display: flex; flex-direction: column; gap: 18px; }
.smg-ed-inversores h2 { font: 400 clamp(2.5rem, 4.4vw, 4.25rem)/1 var(--wp--preset--font-family--cormorant) !important; letter-spacing: -.015em; color: var(--wp--preset--color--blanco); }
.smg-ed-inversores .smg-ed-versal, .smg-ed-inversores .smg-ed-enlace a { color: var(--wp--preset--color--topo); }
.smg-ed-inversores p:not([class*="smg-ed"]) { color: rgba(247, 245, 240, .78); max-width: 52ch; }
.smg-ed-casos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
.smg-ed-casos > * { margin: 0 !important; }
.smg-ed-caso { display: flex; flex-direction: column; gap: 10px; }
.smg-ed-caso > * { margin: 0 !important; }
.smg-ed-caso figure { overflow: hidden; aspect-ratio: 4 / 3; margin-bottom: 10px !important; }
.smg-ed-caso figure a { display: block; height: 100%; }
.smg-ed-caso img { width: 100%; height: 100% !important; object-fit: cover; display: block; border-radius: 0 !important; transition: transform .8s var(--smg-ease); }
.smg-ed-caso:hover img { transform: scale(1.03); }
.smg-ed-caso h3 { font: 400 clamp(1.5rem, 2vw, 1.875rem)/1.15 var(--wp--preset--font-family--cormorant) !important; }
.smg-ed-caso h3 a { color: var(--wp--preset--color--blanco); text-decoration: none; }
.smg-ed-caso p:not([class*="smg-ed"]) { font-size: .9375rem; }
@media (max-width: 960px) { .smg-ed-inversores__cabecera { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .smg-ed-casos { grid-template-columns: 1fr; } }
