/*
 * SeaPod — presets tipográficos desacoplados del nivel semántico.
 *
 * La etiqueta HTML (h1…h6, p) la decide Gutenberg con su control nativo de
 * nivel; estas clases solo definen apariencia. Un párrafo nunca debe simular
 * un encabezado: los presets Display/Título solo se registran en bloques de
 * título. Todos los valores provienen de los tokens de theme.json.
 */

/* Presets de presentación tipo Display. */
.is-style-seapod-display-xl {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--display-xl);
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.025em;
}

.is-style-seapod-display-l {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--display-l);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -0.022em;
}

.is-style-seapod-display-m {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--display-m);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -0.02em;
}

/* Presets de presentación tipo Título. */
.is-style-seapod-heading-xl {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-xl);
	font-weight: 600;
	line-height: 1.18;
	letter-spacing: -0.018em;
}

.is-style-seapod-heading-l {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-l);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.015em;
}

.is-style-seapod-heading-m {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-m);
	font-weight: 600;
	line-height: 1.25;
}

.is-style-seapod-heading-s {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-s);
	font-weight: 600;
	line-height: 1.3;
}

/* Presets de texto corrido. */
.is-style-seapod-lead {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--lead);
	font-weight: 400;
	line-height: 1.5;
}

.is-style-seapod-body-large {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body-large);
	line-height: 1.6;
}

.is-style-seapod-body {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.65;
}

.is-style-seapod-body-small {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body-small);
	line-height: 1.6;
}

/* Antetítulo: disponible tanto para títulos como para párrafos. */
.is-style-seapod-eyebrow {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* Evita desbordes de palabras largas en tamaños grandes en móvil. */
.is-style-seapod-display-xl,
.is-style-seapod-display-l,
.is-style-seapod-display-m,
.is-style-seapod-heading-xl {
	overflow-wrap: break-word;
	hyphens: auto;
}