/**
 * Culture Racing — Prefooter Newsletter
 *
 * Sección de captura de newsletter conectada a Brevo. Fondo ROJO con textura
 * halftone, franja negra superior con chip flotante, y form pill blanco.
 *
 * ─────────────────────────────────────────────────────────────────────────
 * ÍNDICE
 *   §1  Container         → #cr-site-prefooter (franja negra + rojo + textura)
 *   §2  Chip              → #cr-prefooter-chip ("¿ALGUNA DUDA?")
 *   §3  Content block     → #cr-prefooter-content (bloque rojo centrado)
 *   §4  Eyebrow           → .cr-prefooter-eyebrow
 *   §5  Title             → .cr-prefooter-title (+ -outline)
 *   §6  Description        → .cr-prefooter-desc
 *   §7  Form (Brevo)      → .cr-prefooter-form (reset + pill + input + submit + alertas)
 *   §8  Note              → .cr-prefooter-note (disclaimer)
 *   §9  Responsive        → TODOS los @media de tamaño + a11y consolidados acá
 * ─────────────────────────────────────────────────────────────────────────
 * BREAKPOINTS usados acá:  1024 (tablet) · 640 (mobile) · 420 (mobile-xs)
 *   + 1 media de accesibilidad (prefers-reduced-motion). Todo en §9, los de
 *   tamaño ordenados de más ancho a más angosto (1024 → 640 → 420).
 * ─────────────────────────────────────────────────────────────────────────
 * Estructura del DOM (según Elementor):
 *
 *   #cr-site-prefooter                         (exterior — franja negra arriba)
 *   ├── #cr-prefooter-chip                     (chip flotante "¿ALGUNA DUDA?")
 *   ├── #cr-prefooter-content                  (bloque rojo — title block)
 *   │   ├── .cr-prefooter-eyebrow              ("EL SALTO EMPIEZA AQUÍ")
 *   │   ├── .cr-prefooter-title                ("SUSCRÍBETE A NUESTRO")
 *   │   └── .cr-prefooter-title-outline        ("NEWSLETTER" con outline)
 *   ├── .cr-prefooter-desc                     (descripción)
 *   ├── .cr-prefooter-form                     (form Brevo — pill blanco)
 *   └── .cr-prefooter-note                     (disclaimer privacidad)
 *
 * TODOS los hermanos van sobre fondo rojo. El rojo se logra poniendo el
 * background-color en #cr-site-prefooter directamente, con el chip
 * posicionado absoluto sobre la franja negra superior.
 */


/* ═══════════════════════════════════════════════════════════════════════
   §1 · CONTAINER — #cr-site-prefooter (franja negra + rojo + textura)
   ═══════════════════════════════════════════════════════════════════════ */

#cr-site-prefooter {
	position: relative;
	width: 100%;
	/* Padding top genera la franja negra para el chip.
	   Padding bottom genera el aire antes del footer. */
	padding: 60px var(--cr-container-pad) 80px;
	/* Fondo: franja negra arriba + rojo en el resto.
	   Usamos un gradient lineal para lograr esto en una sola capa. */
	background-color: var(--cr-color-primary);
	background-image: linear-gradient(
		to bottom,
		var(--cr-color-black) 0,
		var(--cr-color-black) 60px,
		var(--cr-color-primary) 60px,
		var(--cr-color-primary) 100%
	);

	display: flex !important;
	flex-direction: column;
	align-items: center;

	overflow: visible; /* para que el chip pueda flotar fuera si hiciera falta */
	box-sizing: border-box;
}

/* Textura racing (SVG) cubriendo TODO el fondo rojo del prefooter.
   Usamos un ::before posicionado absoluto sobre la zona roja.
   La textura va SUTIL — con opacidad baja y blend-mode para teñirse
   del rojo de fondo. Esto da sensación de "ruido de marca" sin
   competir con el contenido.

   ARCHIVO: /wp-content/themes/hello-elementor-child/assets/img/texture-racing.svg
   (34kb, formato SVG). Si renombras el archivo, actualizá la URL abajo.

   Recomendación: renombrar a 'texture-racing.svg' (sin paréntesis ni espacios
   ni acentos) evita problemas de encoding de URL en algunos servidores. */
#cr-site-prefooter::before {
	content: '';
	position: absolute;
	top: 60px; /* empezar donde termina la franja negra */
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('../img/texture-racing.svg');
	background-repeat: no-repeat; /* una sola instancia, sin tiling visible */
	background-size: cover; /* cubre todo el área roja sin repetirse */
	background-position: center center;
	/* Blend mode 'overlay' mezcla la textura con el rojo de abajo:
	   blancos → más claros, negros → más oscuros, preservando el rojo. */
	mix-blend-mode: overlay;
	opacity: 0.25; /* SUTIL — solo acento. Subir a 0.3-0.4 para más presencia */
	pointer-events: none;
	z-index: 0;
}

/* Todos los hijos directos deben estar por encima de la textura */
#cr-site-prefooter > * {
	position: relative;
	z-index: 1;
}


/* ═══════════════════════════════════════════════════════════════════════
   §2 · CHIP — #cr-prefooter-chip ("¿ALGUNA DUDA?")
   ═══════════════════════════════════════════════════════════════════════ */

#cr-prefooter-chip {
	position: absolute !important;
	top: 60px !important; /* centrado sobre la frontera negro/rojo */
	left: 50% !important;
	transform: translate(-50%, -50%);
	z-index: 20 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
}

/* El botón-chip en sí: pill negro */
#cr-prefooter-chip .elementor-button,
#cr-prefooter-chip a.elementor-button-link,
#cr-prefooter-chip > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 18px 48px !important;
	background-color: var(--cr-color-black) !important;
	color: var(--cr-color-white) !important;
	font-family: var(--cr-font-body) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 100px !important;
	transition: all var(--cr-transition-fast) !important;
	cursor: pointer;
	line-height: 1;
	position: relative;
	white-space: nowrap;
}

/* Subrayado rojo sutil arriba del chip */
#cr-prefooter-chip .elementor-button::before,
#cr-prefooter-chip a.elementor-button-link::before,
#cr-prefooter-chip > a::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background-color: var(--cr-color-primary);
	border-radius: 1px;
}

#cr-prefooter-chip .elementor-button:hover,
#cr-prefooter-chip a.elementor-button-link:hover,
#cr-prefooter-chip > a:hover {
	background-color: var(--cr-color-gray-800) !important;
	transform: translateY(-1px);
	color: var(--cr-color-white) !important;
}

#cr-prefooter-chip .elementor-button-text {
	color: inherit !important;
	font: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   §3 · CONTENT BLOCK — #cr-prefooter-content (bloque rojo centrado)
   ═══════════════════════════════════════════════════════════════════════ */

#cr-prefooter-content {
	position: relative !important;
	background: transparent !important; /* el rojo viene del padre */
	color: var(--cr-color-white);
	padding: 60px 0 40px !important; /* solo vertical — el horizontal ya lo da el padre */
	margin: 0 !important;
	width: 100%;
	max-width: 1300px; /* ampliado para que "SUSCRÍBETE A NUESTRO" quepa en una línea */
	box-sizing: border-box;

	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	text-align: center;
}


/* ═══════════════════════════════════════════════════════════════════════
   §4 · EYEBROW — .cr-prefooter-eyebrow
   ═══════════════════════════════════════════════════════════════════════ */

.cr-prefooter-eyebrow,
.cr-prefooter-eyebrow h1,
.cr-prefooter-eyebrow h2,
.cr-prefooter-eyebrow h3,
.cr-prefooter-eyebrow h4,
.cr-prefooter-eyebrow h5,
.cr-prefooter-eyebrow h6,
.cr-prefooter-eyebrow .elementor-heading-title,
.cr-prefooter-eyebrow p {
	color: var(--cr-color-white) !important;
	font-family: var(--cr-font-body) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	margin: 0 0 24px 0 !important;
	line-height: 1.4 !important;
	text-align: center !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   §5 · TITLE — .cr-prefooter-title (+ -outline)
   ═══════════════════════════════════════════════════════════════════════ */

/* "SUSCRÍBETE A NUESTRO" — sólido blanco italic, 1 línea */
.cr-prefooter-title,
.cr-prefooter-title h1,
.cr-prefooter-title h2,
.cr-prefooter-title h3,
.cr-prefooter-title h4,
.cr-prefooter-title .elementor-heading-title,
.cr-prefooter-title .elementor-widget-heading .elementor-heading-title {
	color: var(--cr-color-white) !important;
	font-family: var(--cr-font-display) !important;
	font-size: clamp(32px, 4.5vw, 64px) !important; /* reducido para caber en 1 línea */
	font-weight: 900 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	margin: 0 !important;
	text-align: center !important;
	font-style: italic !important;
	white-space: nowrap !important; /* forzar una sola línea */
}

/* "NEWSLETTER" — outline blanco, mismo tamaño aproximado */
.cr-prefooter-title-outline,
.cr-prefooter-title-outline h1,
.cr-prefooter-title-outline h2,
.cr-prefooter-title-outline h3,
.cr-prefooter-title-outline h4,
.cr-prefooter-title-outline .elementor-heading-title,
.cr-prefooter-title-outline .elementor-widget-heading .elementor-heading-title {
	color: transparent !important;
	-webkit-text-stroke: var(--cr-outline-width) var(--cr-color-white);
	font-family: var(--cr-font-display) !important;
	font-size: clamp(32px, 4.5vw, 64px) !important; /* mismo tamaño que la línea 1 */
	font-weight: 900 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	margin: 8px 0 0 0 !important;
	text-align: center !important;
	font-style: italic !important;
	background: transparent !important;
	white-space: nowrap !important;
}

.cr-prefooter-title {
	margin-bottom: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   §6 · DESCRIPTION — .cr-prefooter-desc
   ═══════════════════════════════════════════════════════════════════════ */

.cr-prefooter-desc,
.cr-prefooter-desc p {
	color: rgba(255, 255, 255, 0.95) !important;
	font-family: var(--cr-font-body) !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	max-width: 640px !important;
	margin: 0 auto !important;
	text-align: center !important;
	background: transparent !important;
}

.cr-prefooter-desc {
	width: 100% !important;
	padding: 0 !important;
	margin: 16px 0 0 0 !important;
	box-sizing: border-box !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   §7 · FORM (Brevo) — reset + pill + input + submit + alertas
   ═══════════════════════════════════════════════════════════════════════ */

.cr-prefooter-form {
	width: 100% !important;
	max-width: 560px !important;
	margin: 48px auto 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* Reset AGRESIVO del contenedor Brevo/Mailin */
.cr-prefooter-form #sib_signup_form_2,
.cr-prefooter-form form#sib_signup_form_2,
.cr-prefooter-form form.sib_signup_form,
.cr-prefooter-form .sib_signup_box_inside_2 {
	background: transparent !important;
	background-color: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	max-width: 100% !important;
	box-shadow: none !important;
	width: 100% !important;
	display: block !important;
}

.cr-prefooter-form form,
.cr-prefooter-form form#sib_signup_form_2 {
	display: block !important;
}

/* Loader de Brevo */
.cr-prefooter-form .sib_loader {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 2 !important;
}

/* Ocultar sib_msg_disp vacío (trae whitespace, no :empty) */
.cr-prefooter-form .sib_msg_disp,
.cr-prefooter-form div.sib_msg_disp,
.cr-prefooter-form form .sib_msg_disp {
	display: none !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
}

/* Cuando Brevo inyecta un mensaje real, lo mostramos como alerta */
.cr-prefooter-form .sib_msg_disp:has(> *) {
	display: block !important;
	height: auto !important;
	margin: 0 auto 16px !important;
	max-width: 560px !important;
}

.cr-prefooter-form .cr-newsletter-form-inner {
	display: flex !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	width: 100% !important;
	max-width: 560px !important;
	margin: 0 auto !important;
	padding: 6px !important;
	background-color: var(--cr-color-white) !important;
	border-radius: 100px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
	gap: 0 !important;
	position: relative !important;
	flex-wrap: nowrap !important;
	overflow: hidden;
}

/* Los <p> que envuelven cada input */
.cr-prefooter-form p,
.cr-prefooter-form p.sib-email-area,
.cr-prefooter-form p.cr-nl-submit-wrap {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	display: flex !important;
	align-items: stretch !important;
}

.cr-prefooter-form p.sib-email-area {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.cr-prefooter-form p.cr-nl-submit-wrap {
	flex: 0 0 auto !important;
}

/* Input de email — transparente dentro del pill blanco, texto oscuro */
.cr-prefooter-form input[type="email"],
.cr-prefooter-form input.sib-email-area,
.cr-prefooter-form #cr-nl-email {
	flex: 1 1 auto !important;
	width: 100% !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
	color: var(--cr-color-gray-900) !important;
	font-family: var(--cr-font-body) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	padding: 16px 28px !important;
	margin: 0 !important;
	box-shadow: none !important;
	max-width: 100% !important;
	min-width: 0 !important;
	line-height: 1.2 !important;
	border-radius: 100px 0 0 100px !important;
	height: auto !important;
	box-sizing: border-box !important;
}

.cr-prefooter-form input[type="email"]:focus,
.cr-prefooter-form input.sib-email-area:focus,
.cr-prefooter-form #cr-nl-email:focus {
	outline: none !important;
	box-shadow: none !important;
}

.cr-prefooter-form input[type="email"]::placeholder,
.cr-prefooter-form input.sib-email-area::placeholder,
.cr-prefooter-form #cr-nl-email::placeholder {
	color: rgba(0, 0, 0, 0.45) !important;
	font-weight: 400 !important;
	opacity: 1 !important;
}

/* Botón submit — oscuro, pegado a la derecha del pill, forma del pill */
.cr-prefooter-form input[type="submit"],
.cr-prefooter-form .sib-default-btn,
.cr-prefooter-form button[type="submit"] {
	flex: 0 0 auto !important;
	background-color: var(--cr-color-black) !important;
	background: var(--cr-color-black) !important;
	color: var(--cr-color-white) !important;
	border: none !important;
	padding: 16px 32px !important;
	margin: 0 !important;
	font-family: var(--cr-font-body) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	border-radius: 100px !important;
	cursor: pointer !important;
	transition: all var(--cr-transition-fast) !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	box-shadow: none !important;
	height: auto !important;
	width: auto !important;
	box-sizing: border-box !important;
}

.cr-prefooter-form input[type="submit"]:hover,
.cr-prefooter-form .sib-default-btn:hover,
.cr-prefooter-form button[type="submit"]:hover {
	background-color: var(--cr-color-gray-800) !important;
	transform: translateY(-1px);
	color: var(--cr-color-white) !important;
}

/* Alertas de éxito/error */
.cr-prefooter-form p.sib-alert-message {
	background-color: rgba(255, 255, 255, 0.15) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	color: var(--cr-color-white) !important;
	padding: 12px 20px !important;
	border-radius: 12px !important;
	margin: 0 auto 16px !important;
	max-width: 560px !important;
	text-align: center !important;
	font-size: 14px !important;
	display: flex !important;
	justify-content: center;
}

.cr-prefooter-form p.sib-alert-message-error {
	border-color: rgba(0, 0, 0, 0.4) !important;
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.cr-prefooter-form p.sib-alert-message-success {
	border-color: rgba(255, 255, 255, 0.6) !important;
	background-color: rgba(255, 255, 255, 0.2) !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   §8 · NOTE — .cr-prefooter-note (disclaimer privacidad)
   ═══════════════════════════════════════════════════════════════════════ */

.cr-prefooter-note,
.cr-prefooter-note p {
	color: rgba(255, 255, 255, 0.85) !important;
	font-family: var(--cr-font-body) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: 0.3px !important;
	text-align: center !important;
	line-height: 1.5 !important;
	margin: 0 !important;
	background: transparent !important;
}

.cr-prefooter-note {
	margin-top: 20px !important;
	width: 100% !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   §9 · RESPONSIVE — todos los @media, de más ancho a más angosto
   ───────────────────────────────────────────────────────────────────────
   Tiers:  Tablet (≤1024) → Mobile (≤640) → Mobile-xs (≤420)
   Al final, accesibilidad (prefers-reduced-motion), que NO es un breakpoint
   de tamaño y no se consolida con los de arriba.
   ═══════════════════════════════════════════════════════════════════════ */

/* ───────────────────────── TABLET · max-width: 1024px ─────────────────── */
@media (max-width: 1024px) {
	/* §1 · Container: franja negra + padding más compactos */
	#cr-site-prefooter {
		padding: 52px 24px 64px;
		background-image: linear-gradient(
			to bottom,
			var(--cr-color-black) 0,
			var(--cr-color-black) 52px,
			var(--cr-color-primary) 52px,
			var(--cr-color-primary) 100%
		);
	}

	/* §1 · Textura: arranca donde termina la nueva franja negra */
	#cr-site-prefooter::before {
		top: 52px;
	}

	/* §2 · Chip: reposicionado sobre la nueva frontera negro/rojo */
	#cr-prefooter-chip {
		top: 52px !important;
	}

	/* §3 · Content block: padding vertical reducido */
	#cr-prefooter-content {
		padding: 48px 0 32px !important;
	}

	/* §5 · Title-outline: reafirma grosor del stroke */
	.cr-prefooter-title-outline,
	.cr-prefooter-title-outline .elementor-heading-title {
		-webkit-text-stroke-width: var(--cr-outline-width);
		text-stroke-width: var(--cr-outline-width);
	}

	/* §7 · Form: menos separación superior */
	.cr-prefooter-form {
		margin-top: 40px !important;
	}
}


/* ───────────────────────── MOBILE · max-width: 640px ──────────────────── */
@media (max-width: 640px) {
	/* §1 · Container: franja negra + padding aún más compactos */
	#cr-site-prefooter {
		padding: 44px 16px 56px;
		background-image: linear-gradient(
			to bottom,
			var(--cr-color-black) 0,
			var(--cr-color-black) 44px,
			var(--cr-color-primary) 44px,
			var(--cr-color-primary) 100%
		);
	}

	/* §1 · Textura: arranca donde termina la nueva franja negra */
	#cr-site-prefooter::before {
		top: 44px;
		/* En mobile mantenemos cover (una sola instancia) */
	}

	/* §2 · Chip: reposicionado + pill más chico */
	#cr-prefooter-chip {
		top: 44px !important;
	}

	#cr-prefooter-chip .elementor-button,
	#cr-prefooter-chip a.elementor-button-link,
	#cr-prefooter-chip > a {
		padding: 14px 32px !important;
		font-size: 12px !important;
		letter-spacing: 1px !important;
	}

	/* §3 · Content block: padding vertical reducido */
	#cr-prefooter-content {
		padding: 40px 0 24px !important;
	}

	/* §4 · Eyebrow: tipografía más chica */
	.cr-prefooter-eyebrow,
	.cr-prefooter-eyebrow .elementor-heading-title,
	.cr-prefooter-eyebrow p {
		font-size: 11px !important;
		letter-spacing: 2px !important;
		margin-bottom: 20px !important;
	}

	/* §5 · Title: en mobile sí dejamos que se parta */
	.cr-prefooter-title,
	.cr-prefooter-title .elementor-heading-title {
		white-space: normal !important; /* en mobile sí dejamos que se parta */
	}

	/* §5 · Title-outline: stroke + letter-spacing + permitir wrap */
	.cr-prefooter-title-outline,
	.cr-prefooter-title-outline .elementor-heading-title {
		-webkit-text-stroke-width: var(--cr-outline-width);
		text-stroke-width: var(--cr-outline-width);
		letter-spacing: 1px;
		white-space: normal !important;
	}

	/* §6 · Description: tipografía más chica */
	.cr-prefooter-desc,
	.cr-prefooter-desc p {
		font-size: 14px !important;
	}

	/* §7 · Form: full-width + menos separación superior */
	.cr-prefooter-form {
		margin-top: 32px !important;
		max-width: 100% !important;
	}

	/* §7 · Pill: se mantiene horizontal pero ajusta padding */
	.cr-prefooter-form .cr-newsletter-form-inner {
		padding: 5px !important;
	}

	/* §7 · Input: tipografía + padding reducidos */
	.cr-prefooter-form input[type="email"],
	.cr-prefooter-form input.sib-email-area,
	.cr-prefooter-form #cr-nl-email {
		font-size: 14px !important;
		padding: 12px 18px !important;
	}

	/* §7 · Submit: tipografía + padding reducidos */
	.cr-prefooter-form input[type="submit"],
	.cr-prefooter-form .sib-default-btn,
	.cr-prefooter-form button[type="submit"] {
		padding: 12px 20px !important;
		font-size: 11px !important;
		letter-spacing: 1px !important;
	}

	/* §8 · Note: tipografía + separación reducidas */
	.cr-prefooter-note,
	.cr-prefooter-note p {
		font-size: 12px !important;
	}

	.cr-prefooter-note {
		margin-top: 16px !important;
	}
}


/* ─────────────────────── MOBILE-XS · max-width: 420px ─────────────────── */
@media (max-width: 420px) {
	/* §7 · En pantallas muy estrechas, el botón "SUSCRIBETE AHORA" + input
	   no caben lado a lado en el pill. Apilamos manteniéndolos dentro
	   del mismo pill blanco redondeado. */
	.cr-prefooter-form .cr-newsletter-form-inner {
		flex-direction: column !important;
		border-radius: 28px !important;
		padding: 8px !important;
		gap: 6px !important;
	}

	.cr-prefooter-form p.sib-email-area,
	.cr-prefooter-form p.cr-nl-submit-wrap {
		width: 100% !important;
	}

	.cr-prefooter-form input[type="email"],
	.cr-prefooter-form input.sib-email-area,
	.cr-prefooter-form #cr-nl-email {
		text-align: center !important;
		width: 100% !important;
		border-radius: 100px !important;
	}

	.cr-prefooter-form input[type="submit"],
	.cr-prefooter-form .sib-default-btn,
	.cr-prefooter-form button[type="submit"] {
		width: 100% !important;
		padding: 14px 20px !important;
	}
}


/* ─────────────────── ACCESIBILIDAD · prefers-reduced-motion ───────────── */
@media (prefers-reduced-motion: reduce) {
	#cr-prefooter-chip .elementor-button,
	.cr-prefooter-form input[type="submit"] {
		transition-duration: 50ms !important;
		transform: none !important;
	}
}