/**
 * Frikimart — portada (spec.md sección 4.1, F4).
 *
 * Se encola SOLO en la portada (frikimart/functions.php,
 * fm_theme_enqueue_front_page_assets()), depende de frikimart-explorar.css
 * (tarjeta de negocio + chips, reutilizados en Destacados) para no duplicar
 * esos estilos en un tercer archivo. Mobile-first, con el punto de quiebre
 * de escritorio en 1024px, mismo patrón que ficha.css.
 */

.fm-portada-seccion {
	padding: var(--fm-espacio-lg) 0;
	border-top: 2px solid var(--fm-color-texto);
}

.fm-portada-seccion:first-of-type {
	border-top: 0;
}

.fm-portada-seccion-titulo {
	margin: 0 0 var(--fm-espacio-md);
	font-family: var(--fm-fuente-titulos);
	font-weight: 800;
	font-size: 1.6rem;
	line-height: 1.1;
}

.fm-portada-seccion-encabezado {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--fm-espacio-sm);
	margin-bottom: var(--fm-espacio-md);
}

.fm-portada-seccion-encabezado .fm-portada-seccion-titulo {
	margin-bottom: 0;
}

.fm-portada-eyebrow {
	display: block;
	margin-bottom: 4px;
	font-weight: 700;
	font-size: 0.75rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--fm-color-gris);
}

.fm-portada-ver-todos {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--fm-color-texto);
	text-decoration: none;
	white-space: nowrap;
}

/* -------------------------------------------------------------------- */
/* 1. Hero + buscador                                                    */
/* -------------------------------------------------------------------- */

.fm-portada-hero {
	padding: var(--fm-espacio-lg) 0;
	background-color: var(--fm-color-fondo);
	background-image: radial-gradient(rgba(28, 20, 38, 0.1) 1.2px, transparent 1.6px);
	background-size: 14px 14px;
	border-bottom: 2px solid var(--fm-color-texto);
}

.fm-portada-hero-interior {
	display: flex;
	flex-direction: column;
	gap: var(--fm-espacio-sm);
}

/* Decoración del gato, solo escritorio — ver regla de activación más abajo. */
.fm-portada-hero-decoracion {
	display: none;
}

.fm-portada-titulo {
	margin: 0;
	font-family: var(--fm-fuente-display);
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.12;
}

.fm-portada-titulo-acento {
	color: var(--fm-color-acento);
}

.fm-portada-subtitulo {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--fm-color-gris);
}

.fm-portada-buscador {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 4px;
}

.fm-portada-buscador-label {
	font-weight: 700;
	font-size: 0.9rem;
}

.fm-portada-buscador-fila {
	display: flex;
	gap: 8px;
}

.fm-portada-buscador-campo {
	flex-grow: 1;
	min-width: 0;
	height: 52px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 2px solid var(--fm-color-texto);
	border-radius: 14px;
	background: var(--fm-color-blanco);
	box-shadow: 3px 3px 0 var(--fm-color-texto);
	font-family: var(--fm-fuente-texto);
	font-size: 1rem;
	color: var(--fm-color-texto);
}

.fm-portada-buscador-fila .fm-boton {
	height: 52px;
	box-shadow: 3px 3px 0 var(--fm-color-texto);
}

.fm-portada-accesos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.fm-portada-acceso {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 2px solid var(--fm-color-texto);
	border-radius: 999px;
	background: var(--fm-color-blanco);
	font-weight: 600;
	font-size: 0.85rem;
	color: var(--fm-color-texto);
	text-decoration: none;
}

.fm-portada-acceso--abierto {
	background: #22c7e6;
	font-weight: 700;
}

.fm-portada-acceso-punto {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--fm-color-texto);
}

.fm-portada-stat {
	margin: 4px 0 0;
	font-weight: 700;
	font-size: 0.85rem;
	color: var(--fm-color-gris);
}

/* -------------------------------------------------------------------- */
/* 2. Categorías                                                         */
/* -------------------------------------------------------------------- */

/**
 * Rediseño (Fabi: "la imagen casi no se ve, dale más prioridad y mejor
 * diseño"): antes la imagen era un círculo de 40px perdido dentro de una
 * tarjeta más grande. Ahora la imagen ES la tarjeta — ocupa todo el ancho
 * como portada cuadrada, con el nombre en una franja debajo, patrón de
 * "tarjeta con foto" en vez de "ícono con etiqueta". 2 columnas fijas en
 * mobile (tarjetas grandes, la imagen se aprecia) en vez de auto-fill, que
 * con 5-6 categorías podía dejar una tarjeta suelta y estirada en la última
 * fila — de ahí el "se ve mal" aunque el grid technically funcionaba.
 */
.fm-portada-categorias-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.fm-portada-categoria {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	border: 2px solid var(--fm-color-texto);
	border-radius: 16px;
	overflow: hidden;
	background: var(--fm-color-blanco);
	box-shadow: 4px 4px 0 var(--fm-color-texto);
	text-decoration: none;
	color: var(--fm-color-texto);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.fm-portada-categoria:hover,
.fm-portada-categoria:focus-visible {
	transform: translate(-2px, -2px);
	box-shadow: 6px 6px 0 var(--fm-color-texto);
}

.fm-portada-categoria-icono {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-bottom: 2px solid var(--fm-color-texto);
	background: #ddf6fb;
	font-family: var(--fm-fuente-display);
	font-size: 2.4rem;
	color: var(--fm-color-acento);
}

.fm-portada-categoria-icono--imagen {
	padding: 0;
}

.fm-portada-categoria-icono--imagen img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.fm-portada-categoria-nombre {
	padding: 10px 8px;
	font-weight: 700;
	font-size: 0.9rem;
	line-height: 1.2;
	text-align: center;
}

.fm-portada-categoria--todas {
	background: var(--fm-color-texto);
	color: var(--fm-color-fondo);
}

.fm-portada-categoria--todas .fm-portada-categoria-icono {
	background: transparent;
	border-bottom-color: var(--fm-color-fondo);
	color: var(--fm-color-fondo);
}

/* Huérfano en mobile: con número par de categorías, "Ver todas" cae solo en
   la última fila del grid fijo de 2 columnas — ocupa el ancho completo en
   vez de quedar a la mitad con un hueco al lado. Clase puesta por PHP
   (front-page.php calcula la paridad), no por CSS a ciegas. Se resetea en
   escritorio porque ahí el grid ya no es de 2 columnas fijas. */
.fm-portada-categoria--todas-ancha {
	grid-column: 1 / -1;
}

.fm-portada-categoria--todas-ancha .fm-portada-categoria-icono {
	aspect-ratio: 21 / 9;
}

/* -------------------------------------------------------------------- */
/* 3. Agenda ("esta semana")                                             */
/* -------------------------------------------------------------------- */

.fm-portada-agenda {
	background: #ddf6fb;
}

.fm-portada-eventos-lista {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.fm-evento-tarjeta {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px;
	border: 2px solid var(--fm-color-texto);
	border-radius: 16px;
	background: var(--fm-color-blanco);
	box-shadow: 3px 3px 0 var(--fm-color-texto);
	text-decoration: none;
	color: var(--fm-color-texto);
}

.fm-evento-tarjeta-fecha {
	width: 58px;
	height: 64px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--fm-color-texto);
	color: var(--fm-color-fondo);
}

.fm-evento-tarjeta-dia {
	font-weight: 700;
	font-size: 0.7rem;
	letter-spacing: 1px;
}

.fm-evento-tarjeta-num {
	font-family: var(--fm-fuente-titulos);
	font-weight: 800;
	font-size: 1.5rem;
	line-height: 1;
}

.fm-evento-tarjeta-mes {
	font-weight: 700;
	font-size: 0.65rem;
	letter-spacing: 1px;
	color: #22c7e6;
}

.fm-evento-tarjeta-texto {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.fm-evento-tarjeta-titulo {
	font-family: var(--fm-fuente-titulos);
	font-weight: 800;
	font-size: 1.05rem;
	line-height: 1.2;
}

.fm-evento-tarjeta-lugar {
	font-size: 0.9rem;
	color: var(--fm-color-gris);
}

.fm-evento-tarjeta-hora {
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--fm-color-acento);
}

/* -------------------------------------------------------------------- */
/* 4. Destacados (reutiliza .fm-tarjeta-negocio de explorar.css)         */
/* -------------------------------------------------------------------- */

.fm-portada-destacados-lista {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding-bottom: 8px;
}

.fm-portada-destacados-lista .fm-tarjeta-negocio {
	width: 240px;
	flex-shrink: 0;
}

/* -------------------------------------------------------------------- */
/* 5. Cupones + mapa (combinados) + Nekodex                              */
/* -------------------------------------------------------------------- */

/* Separador entre cupones y mapa cuando van apilados (mobile: cada uno se
   veía como su propia sección en Main.dc.html; ahora comparten un mismo
   <section>, así que el separador lo pone esta columna en vez del padding
   de .fm-portada-seccion, que solo se aplica una vez al combinar ambas). */
.fm-portada-mapa-col {
	margin-top: var(--fm-espacio-lg);
	padding-top: var(--fm-espacio-lg);
	border-top: 2px solid var(--fm-color-texto);
}

.fm-portada-cupones-lista {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: var(--fm-espacio-sm);
}

/* .fm-cupon-tarjeta y compañía: una sola definición para todo el sitio,
   main.css (ver su docblock) — antes se duplicaba aquí con valores propios,
   que es justo la razón por la que los cupones se veían distinto según la
   página. */

.fm-portada-nekodex {
	background: var(--fm-color-texto);
	color: var(--fm-color-fondo);
	/* Sin overflow:hidden: el preview del álbum se sale del bloque oscuro.
	   El margen deja espacio para la parte que sobresale. */
	position: relative;
	z-index: 1;
	margin-block: 56px;
}

.fm-portada-nekodex-caja {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--fm-espacio-md);
	align-items: center;
}

.fm-portada-nekodex-contenido {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

/* Preview del álbum: la misma "hoja punteada" del Nekodex, con 4 stickers
   en sombra (bloqueados), inclinada y flotando; se sale del bloque oscuro. */
.fm-portada-nekodex-album {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 340px;
	justify-self: center;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	padding: 20px;
	margin-bottom: -56px;
	background-color: #FFFDF8;
	background-image: radial-gradient(rgba(122, 110, 134, 0.28) 1px, transparent 1px);
	background-size: 18px 18px;
	border: 1px solid rgba(122, 110, 134, 0.22);
	border-radius: var(--fm-radio-borde);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45), 0 0 40px rgba(214, 24, 122, 0.35);
	transform: rotate(4deg);
	animation: fm-portada-nekodex-flota 6s ease-in-out infinite;
}

@keyframes fm-portada-nekodex-flota {
	0%, 100% { transform: rotate(4deg) translateY(0); }
	50%      { transform: rotate(4deg) translateY(-8px); }
}

@media (prefers-reduced-motion: reduce) {
	.fm-portada-nekodex-album { animation: none; }
}

/* "Pegados a mano": inclinación leve alterna, como en el Nekodex. */
.fm-portada-nekodex-sticker {
	position: relative;
	display: block;
	aspect-ratio: 1;
	transform: rotate(-3deg);
}

.fm-portada-nekodex-sticker:nth-child(even) {
	transform: rotate(3deg);
}

.fm-portada-nekodex-sticker[hidden] {
	display: none;
}

/* Silueta del arte real, igual que un sticker bloqueado del álbum. */
.fm-portada-nekodex-sticker-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0);
	opacity: 0.16;
}

/* Ya ganado (con sesión): a color, con sombra que sigue la silueta. */
.fm-portada-nekodex-sticker--ganado .fm-portada-nekodex-sticker-img {
	filter: drop-shadow(0 3px 4px rgba(28, 20, 38, 0.35));
	opacity: 1;
}

@media (min-width: 768px) {
	.fm-portada-nekodex-caja {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--fm-espacio-xl);
	}

	/* En escritorio sobresale por arriba y por abajo del bloque oscuro. */
	.fm-portada-nekodex-album {
		margin-block: -56px;
	}
}

/* Hoja con un solo sticker: una columna, más angosta. */
.fm-portada-nekodex-album--1 {
	grid-template-columns: minmax(0, 1fr);
	max-width: 190px;
}

/* Sin ningún arte para mostrar: la sección va sin preview. */
.fm-portada-nekodex .fm-portada-nekodex-caja--sin-album {
	grid-template-columns: minmax(0, 1fr);
}

.fm-portada-badge {
	align-self: flex-start;
	padding: 4px 12px;
	border-radius: 999px;
	background: #22c7e6;
	font-weight: 700;
	font-size: 0.75rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--fm-color-texto);
}

.fm-portada-nekodex-titulo {
	margin: 0;
	font-family: var(--fm-fuente-display);
	font-weight: 400;
	font-size: 1.7rem;
	color: var(--fm-color-fondo);
}

.fm-portada-nekodex-texto {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
	color: #d9d2e3;
}

/* -------------------------------------------------------------------- */
/* 6. Mini mapa                                                          */
/* -------------------------------------------------------------------- */

.fm-portada-mapa-texto {
	margin: -8px 0 var(--fm-espacio-sm);
	color: var(--fm-color-gris);
}

.fm-portada-mapa-caja {
	height: 260px;
	margin-bottom: var(--fm-espacio-sm);
}

.fm-boton--oscuro {
	background-color: var(--fm-color-texto);
	color: var(--fm-color-fondo);
	border-color: var(--fm-color-texto);
}

.fm-boton--oscuro:hover,
.fm-boton--oscuro:focus {
	background-color: #322640;
	color: var(--fm-color-fondo);
}

/* -------------------------------------------------------------------- */
/* 7. Guías                                                              */
/* -------------------------------------------------------------------- */

.fm-portada-guias-lista {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.fm-portada-guia {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 2px solid var(--fm-color-texto);
	border-radius: 16px;
	background: var(--fm-color-blanco);
	text-decoration: none;
	color: var(--fm-color-texto);
}

.fm-portada-guia-img,
.fm-portada-guia-placeholder {
	width: 72px;
	height: 72px;
	flex-shrink: 0;
	border: 2px solid var(--fm-color-texto);
	border-radius: 12px;
	object-fit: cover;
}

.fm-portada-guia-placeholder {
	background-color: #ddf6fb;
	background-image: radial-gradient(rgba(28, 20, 38, 0.14) 1.2px, transparent 1.6px);
	background-size: 10px 10px;
}

.fm-portada-guia-titulo {
	font-family: var(--fm-fuente-titulos);
	font-weight: 800;
	font-size: 1rem;
	line-height: 1.25;
}

/* -------------------------------------------------------------------- */
/* 8. Newsletter + 9. CTA negocio                                        */
/* -------------------------------------------------------------------- */

.fm-portada-newsletter-caja,
.fm-portada-cta-negocio-caja {
	padding: var(--fm-espacio-md);
	border-radius: 20px;
}

.fm-portada-newsletter-caja {
	border: 2px solid var(--fm-color-texto);
	background: #22c7e6;
	box-shadow: 5px 5px 0 var(--fm-color-texto);
	color: var(--fm-color-texto);
}

.fm-portada-newsletter-titulo {
	margin: 4px 0 0;
	font-family: var(--fm-fuente-display);
	font-weight: 400;
	font-size: 1.6rem;
}

.fm-portada-newsletter-texto {
	margin: 4px 0 0;
}

.fm-portada-newsletter-form {
	margin-top: var(--fm-espacio-sm);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fm-portada-newsletter-form label {
	font-weight: 700;
	font-size: 0.9rem;
}

.fm-portada-newsletter-fila {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fm-portada-newsletter-fila input {
	height: 52px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 2px solid var(--fm-color-texto);
	border-radius: 14px;
	background: var(--fm-color-blanco);
	font-family: var(--fm-fuente-texto);
	font-size: 1rem;
}

.fm-portada-newsletter-fila .fm-boton {
	height: 52px;
}

.fm-portada-cta-negocio-caja {
	border: 2px dashed var(--fm-color-texto);
	background: var(--fm-color-blanco);
}

.fm-portada-cta-negocio-titulo {
	margin: 0;
	font-family: var(--fm-fuente-titulos);
	font-weight: 800;
	font-size: 1.4rem;
}

.fm-portada-cta-negocio-texto {
	margin: 8px 0 0;
	color: var(--fm-color-gris);
}

.fm-portada-cta-negocio-botones {
	margin-top: var(--fm-espacio-sm);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* -------------------------------------------------------------------- */
/* Escritorio (docs/diseno/Escritorio.dc.html)                           */
/* -------------------------------------------------------------------- */

@media (min-width: 1024px) {
	.fm-portada-hero-grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: var(--fm-espacio-xl);
		align-items: center;
	}

	.fm-portada-hero-interior {
		max-width: 680px;
	}

	.fm-portada-titulo {
		font-size: 3.5rem;
	}

	.fm-portada-buscador-fila {
		max-width: 680px;
	}

	.fm-portada-hero-decoracion {
		display: block;
		position: relative;
		width: 320px;
		height: 320px;
		justify-self: center;
	}

	.fm-portada-hero-circulo {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 3px solid var(--fm-color-texto);
		border-radius: 50%;
		background: #bdebf4;
		box-shadow: 8px 8px 0 var(--fm-color-texto);
	}

	.fm-hero-chip {
		position: absolute;
		display: inline-flex;
		align-items: center;
		padding: 6px 14px;
		border: 2px solid var(--fm-color-texto);
		border-radius: 999px;
		background: var(--fm-color-blanco);
		font-weight: 700;
		font-size: 0.8rem;
		white-space: nowrap;
		box-shadow: 3px 3px 0 var(--fm-color-texto);
	}

	.fm-hero-chip--pregunta {
		top: -6px;
		left: -30px;
		transform: rotate(-4deg);
	}

	.fm-hero-chip--lugares {
		top: 24px;
		right: -36px;
		background: var(--fm-color-texto);
		color: var(--fm-color-fondo);
		transform: rotate(7deg);
	}

	.fm-hero-chip--torneos {
		bottom: 30px;
		left: -40px;
		background: var(--fm-color-acento);
		color: var(--fm-color-blanco);
		border-color: var(--fm-color-acento);
		transform: rotate(-6deg);
	}

	.fm-hero-chip--cupones {
		bottom: -8px;
		right: -20px;
		transform: rotate(4deg);
	}

	.fm-portada-categorias-grid {
		/* auto-fit (no auto-fill): con auto-fill, las columnas vacías que
		   sobran se siguen reservando y dejan un hueco a la derecha; con
		   auto-fit esas columnas colapsan y las tarjetas existentes se
		   reparten el espacio completo. */
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
		gap: 20px;
	}

	.fm-portada-categoria--todas-ancha {
		grid-column: auto;
	}

	.fm-portada-categoria--todas-ancha .fm-portada-categoria-icono {
		aspect-ratio: 1 / 1;
	}

	.fm-portada-categoria-icono {
		font-size: 3rem;
	}

	.fm-portada-categoria-nombre {
		font-size: 1rem;
		padding: 14px 10px;
	}

	.fm-portada-seccion-titulo {
		font-size: 2rem;
	}

	.fm-portada-eventos-lista {
		flex-direction: row;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}

	.fm-portada-destacados-lista {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		overflow-x: visible;
	}

	.fm-portada-destacados-lista .fm-tarjeta-negocio {
		width: auto;
	}

	.fm-portada-cupones-mapa-grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--fm-espacio-lg);
		align-items: start;
	}

	.fm-portada-mapa-col {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

	.fm-portada-newsletter .fm-contenedor,
	.fm-portada-cta-negocio-holder {
		display: flex;
		gap: var(--fm-espacio-lg);
	}

	.fm-portada-guias-lista {
		flex-direction: row;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}

	.fm-portada-guia {
		flex-direction: column;
		align-items: flex-start;
	}

	.fm-portada-guia-img,
	.fm-portada-guia-placeholder {
		width: 100%;
		height: 150px;
	}
}

/* Formulario del newsletter (lo imprime frikimart-newsletter). */
.fm-newsletter-trampa {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.fm-portada-newsletter-form label.fm-newsletter-casilla {
	font-weight: 400;
}

.fm-newsletter-casilla {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: var(--fm-espacio-xs);
	font-size: 0.875rem;
	line-height: 1.4;
}

.fm-newsletter-casilla input {
	margin-top: 0.2rem;
}

.fm-newsletter-casilla a {
	color: inherit;
	text-decoration: underline;
}

.fm-newsletter-aviso {
	margin: var(--fm-espacio-sm) 0;
	padding: 0.6rem 0.9rem;
	border: 2px solid var(--fm-color-texto);
	border-radius: 12px;
	background: var(--fm-color-blanco);
	font-size: 0.9375rem;
}

.fm-newsletter-aviso--error {
	background: #FDECEC;
}

/* Página de resultado al confirmar o darse de baja. */
.fm-newsletter-pagina {
	padding: var(--fm-espacio-xl) 0;
}

.fm-newsletter-pagina h1 {
	margin-top: 0;
}

.fm-newsletter-nota {
	margin: 0.25rem 0 0;
	font-size: 0.8125rem;
}