/* =========================================================================
   INNOVA VENEZUELA — sistema visual
   Mobile-first: los estilos base son para móvil; se agrandan con min-width.
   Reglas:
     · Toda clase propia empieza con .iv-
     · Nada de CSS por page-id ni selectores [style*=…]
     · Valores repetidos → tokens (variables) de esta sección
   Índice:
     01 Tokens        06 Botones          11 Tablas, avisos, listas
     02 Base          07 Superficies      12 Formularios (Fluent Forms)
     03 Reset bloques 08 Tarjetas         13 Header y footer (Astra)
     04 Layout        09 Ferias           14 Utilidades
     05 Tipografía    10 Navegación
   ========================================================================= */

/* 01 · TOKENS ------------------------------------------------------------ */
:root {
	/* Color — marca */
	--iv-ink: #090a26;
	--iv-purple: #5c3fba;
	--iv-purple-hover: #4a32a0;
	--iv-purple-deep: #2b1c74;
	--iv-purple-bright: #6d4fd1;
	--iv-green: #57b179;
	--iv-green-text: #2e7d4f;
	--iv-green-hover: #236b42;
	--iv-green-deep: #113a26;
	--iv-lime: #e7fc59;
	--iv-lime-hover: #d6ee3b;
	--iv-olive: #b9c85e;
	--iv-ink-hover: #20214d;

	/* Color — neutros */
	--iv-ground: #ffffff;
	--iv-soft: #f4f4f8;
	--iv-line: #e4e4ec;
	--iv-line-strong: #d6d6e0;
	--iv-text-2: #3b3c5a;
	--iv-muted: #6b6c86;
	--iv-placeholder-bg: #fafafc;
	--iv-placeholder-line: #c9c9d6;

	/* Color — tintes */
	--iv-tint-purple: #f1eefb;
	--iv-tint-green: #e8f6ee;
	--iv-tint-lime: #fbfcdc;
	--iv-notice-bg: #fff8d6;
	--iv-notice-line: #f0dd7a;
	--iv-notice-text: #5a4a00;

	/* Acento por tema (lo cambian .iv-tema--*) */
	--iv-accent: var(--iv-purple);
	--iv-accent-hover: var(--iv-purple-hover);
	--iv-accent-tint: var(--iv-tint-purple);
	--iv-accent-tint-text: var(--iv-purple-hover);

	/* Degradados */
	--iv-grad-portal:
		radial-gradient(900px 620px at 88% 10%, rgba(92, 63, 186, .95) 0%, rgba(92, 63, 186, .35) 40%, rgba(9, 10, 38, 0) 72%),
		radial-gradient(700px 520px at 6% 100%, rgba(231, 252, 89, .28) 0%, rgba(231, 252, 89, 0) 60%);
	--iv-grad-page: radial-gradient(800px 500px at 90% 0%, rgba(92, 63, 186, .9) 0%, rgba(92, 63, 186, .25) 45%, rgba(9, 10, 38, 0) 75%);
	--iv-grad-ciudad-hero: radial-gradient(1000px 700px at 85% 20%, #6d4fd1 0%, #5c3fba 30%, #2b1c74 62%, #090a26 100%);
	--iv-grad-agrotech-hero: linear-gradient(100deg, #113a26 0%, #2f8a55 42%, #57b179 72%, #b7e24d 100%);
	--iv-grad-venezuela-hero: linear-gradient(100deg, #090a26 0%, #2b1c74 30%, #5c3fba 60%, #b9c85e 88%, #e7fc59 100%);
	--iv-grad-ciudad: linear-gradient(135deg, #5c3fba 0%, #2b1c74 55%, #090a26 100%);
	--iv-grad-agrotech: linear-gradient(135deg, #57b179 0%, #3f9a63 45%, #b7e24d 100%);
	--iv-grad-venezuela: linear-gradient(135deg, #e7fc59 0%, #b9c85e 35%, #5c3fba 100%);
	--iv-grad-ciudad-cta: linear-gradient(120deg, #6d4fd1 0%, #5c3fba 40%, #2b1c74 100%);
	--iv-grad-agrotech-cta: linear-gradient(120deg, #113a26 0%, #2f8a55 50%, #57b179 100%);
	--iv-grad-venezuela-cta: linear-gradient(120deg, #e7fc59 0%, #b9c85e 28%, #5c3fba 72%, #2b1c74 100%);
	--iv-grad-asistir: linear-gradient(110deg, #5c3fba 0%, #2b1c74 55%, #090a26 100%);
	--iv-grad-dark-card: linear-gradient(160deg, #2b1c74 0%, #090a26 70%);

	/* Tipografía */
	--iv-font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
	--iv-fs-display: 46px;
	--iv-fs-h1: 40px;
	--iv-fs-h2: 34px;
	--iv-fs-h3: 22px;
	--iv-fs-sub: 20px;
	--iv-fs-lead: 17px;
	--iv-fs-body: 16px;
	--iv-fs-small: 15px;
	--iv-fs-caption: 14px;
	--iv-fs-eyebrow: 13px;
	--iv-fs-btn: 16px;
	--iv-track-tight: -.025em;
	--iv-track-title: -.02em;
	--iv-track-eyebrow: .08em;

	/* Espaciado */
	--iv-gutter: 20px;
	--iv-container: 1440px; /* ancho EXTERIOR: 1360 de contenido + 40 de margen a cada lado (igual que el diseño) */
	--iv-section-y: 56px;
	--iv-gap: 16px;
	--iv-gap-lg: 32px;
	--iv-stack: 16px;

	/* Radios */
	--iv-r-input: 14px;
	--iv-r-chip: 16px;
	--iv-r-sm: 24px;
	--iv-r-card: 28px;
	--iv-r-form: 32px;
	--iv-r-cta: 36px;
	--iv-r-pill: 999px;

	/* Otros */
	--iv-btn-h: 52px;
	--iv-shadow-float: 0 30px 80px rgba(9, 10, 38, .35);
	--iv-header-h: 72px;
}

@media (min-width: 641px) {
	:root {
		--iv-fs-display: 64px;
		--iv-fs-h1: 52px;
		--iv-fs-h2: 40px;
		--iv-fs-h3: 24px;
		--iv-fs-lead: 19px;
		--iv-fs-body: 17px;
		--iv-gutter: 32px;
		--iv-section-y: 80px;
		--iv-gap: 20px;
		--iv-gap-lg: 48px;
		--iv-btn-h: 54px;
	}
}

@media (min-width: 1025px) {
	:root {
		--iv-fs-display: 84px;
		--iv-fs-h1: 64px;
		--iv-fs-h2: 48px;
		--iv-fs-lead: 20px;
		--iv-fs-eyebrow: 14px;
		--iv-gutter: 40px;
		--iv-section-y: 96px;
		--iv-gap: 24px;
		--iv-gap-lg: 64px;
		--iv-header-h: 84px;
	}
}

/* 02 · BASE --------------------------------------------------------------- */
body,
.editor-styles-wrapper {
	font-family: var(--iv-font);
	color: var(--iv-ink);
	background: var(--iv-ground);
	-webkit-font-smoothing: antialiased;
}

body :is(h1, h2, h3, h4, h5, h6),
.editor-styles-wrapper :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--iv-font);
	color: inherit;
}
/* Astra pone su fuente de títulos con .entry-content :where(hN) → esta regla le gana */
.entry-content :is(h1, h2, h3, h4, h5, h6),
.site-header .site-title,
.site-header .site-title a { font-family: var(--iv-font); }

::selection { background: var(--iv-lime); color: var(--iv-ink); }

:focus-visible { outline: 3px solid var(--iv-purple); outline-offset: 3px; }

/* 03 · RESET DE BLOQUES -----------------------------------------------------
   Dentro de las secciones .iv- el espaciado lo controlan los contenedores
   (stack, row, grid), no los márgenes de Astra/Gutenberg.                   */
.iv-section :is(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote),
.iv-section .wp-block-buttons,
.iv-section .wp-block-group,
.iv-section .wp-block-image,
.iv-section .wp-block-columns {
	margin: 0;
}
/* Lo mismo dentro de heros y de grupos de etiquetas */
.iv-hero :is(h1, h2, h3, p, ul, ol, figure),
.iv-hero :is(.wp-block-buttons, .wp-block-group),
.iv-chips > * { margin-block: 0; }
.iv-chips { align-items: center; }

/* …pero el contenedor sigue centrado (la regla de arriba le quitaba el margin-inline: auto) */
.iv-section .iv-container { margin-inline: auto; }

.iv-stack > *,
.iv-row > *,
.iv-grid > *,
.iv-section-head > *,
.iv-container > * {
	margin-block: 0;
}

/* Excepción: el encabezado de sección sí conserva su separación */
.iv-container > .iv-section-head { margin-bottom: 32px; }
@media (min-width: 1025px) {
	.iv-container > .iv-section-head { margin-bottom: 48px; }
}

/* Las secciones a ancho completo en páginas "Full Width / Stretched" */
.entry-content > .iv-section.alignfull,
.entry-content > .iv-section {
	margin-block: 0;
	max-width: none;
}

/* 04 · LAYOUT ------------------------------------------------------------- */
.iv-section {
	position: relative;
	background: var(--iv-ground);
}
/* Padding: el selector largo le gana al relleno que Astra pone a los grupos de primer nivel.
   Solo padding aquí; fondos y colores van en reglas de una clase para que las variantes (--soft, --ink) funcionen. */
.iv-section,
.entry-content > .iv-section {
	padding-block: var(--iv-section-y);
	padding-inline: 0;
}
.iv-section--soft { background: var(--iv-soft); }
.iv-section--ink { background: var(--iv-ink); color: #fff; }
.iv-section--flush-top,
.entry-content > .iv-section--flush-top { padding-top: 0; }
.iv-section--flush-bottom,
.entry-content > .iv-section--flush-bottom { padding-bottom: 0; }
.iv-section--compact,
.entry-content > .iv-section--compact { padding-block: calc(var(--iv-section-y) * .45); }

.iv-container {
	width: 100%;
	max-width: var(--iv-container);
	margin-inline: auto;
	padding-inline: var(--iv-gutter);
	box-sizing: border-box;
}

.iv-stack { display: flex; flex-direction: column; gap: var(--iv-stack); }
.iv-stack--xs { gap: 6px; }
.iv-stack--sm { gap: 12px; }
.iv-stack--md { gap: 22px; }
.iv-stack--lg { gap: 32px; }
.iv-stack--xl { gap: 48px; }

.iv-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.iv-row--top { align-items: flex-start; }

.iv-grid { display: grid; gap: var(--iv-gap); grid-template-columns: minmax(0, 1fr); }

/* En móvil, las rejillas de logos y cifras van en 2 columnas */
.iv-grid--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }


@media (min-width: 641px) {
	.iv-grid--2,
	.iv-grid--split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.iv-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.iv-grid--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.iv-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1025px) {
	.iv-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.iv-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.iv-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.iv-grid--split { gap: var(--iv-gap-lg); }
	.iv-grid--hero { grid-template-columns: 1.3fr .9fr; gap: var(--iv-gap-lg); align-items: center; }
	.iv-grid--aside { grid-template-columns: .8fr 1.2fr; gap: var(--iv-gap-lg); align-items: start; }
	.iv-grid--form { grid-template-columns: 1.35fr .65fr; gap: 40px; align-items: start; }
}

/* Encabezado de sección: título a la izquierda, texto a la derecha */
.iv-section-head {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 32px;
}
@media (min-width: 1025px) {
	.iv-section-head {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
		gap: 40px;
		margin-bottom: 48px;
	}
	.iv-section-head > :first-child { max-width: 720px; }
	.iv-section-head > :last-child:not(:first-child) { max-width: 460px; }
	.iv-section-head > :only-child { max-width: 860px; }
}

/* 05 · TIPOGRAFÍA --------------------------------------------------------- */
:is(h1, h2, h3, h4, p, div, span).iv-display {
	font-size: var(--iv-fs-display);
	line-height: .98;
	font-weight: 700;
	letter-spacing: var(--iv-track-tight);
}
:is(h1, h2, h3, h4, p, div, span).iv-h1 {
	font-size: var(--iv-fs-h1);
	line-height: 1;
	font-weight: 700;
	letter-spacing: var(--iv-track-tight);
}
:is(h1, h2, h3, h4, p, div, span).iv-h2 {
	font-size: var(--iv-fs-h2);
	line-height: 1.06;
	font-weight: 700;
	letter-spacing: var(--iv-track-title);
}
:is(h1, h2, h3, h4, p, div, span).iv-h3 {
	font-size: var(--iv-fs-h3);
	line-height: 1.2;
	font-weight: 600;
}
:is(h1, h2, h3, h4, p, div, span).iv-lead {
	font-size: var(--iv-fs-lead);
	line-height: 1.5;
	font-weight: 300;
}
:is(p, div, span, li).iv-body {
	font-size: var(--iv-fs-body);
	line-height: 1.55;
	color: var(--iv-text-2);
}
:is(p, div, span).iv-caption {
	font-size: var(--iv-fs-small);
	line-height: 1.5;
	color: var(--iv-muted);
}
:is(p, div, span, h2, h3, h4).iv-eyebrow {
	font-size: var(--iv-fs-eyebrow);
	font-weight: 600;
	letter-spacing: var(--iv-track-eyebrow);
	text-transform: uppercase;
	color: var(--iv-accent);
}

/* Eyebrow píldora (sobre oscuro): "● Plataforma Nacional…" */
:is(p, div, span).iv-eyebrow-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	align-self: flex-start;
	padding: 9px 16px;
	border: 1px solid rgba(231, 252, 89, .45);
	border-radius: var(--iv-r-pill);
	font-size: var(--iv-fs-eyebrow);
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--iv-lime);
}
/* Teléfonos muy angostos (≤359 px): la píldora cabe en una línea */
@media (max-width: 359px) {
	:is(p, div, span).iv-eyebrow-pill { padding: 8px 12px; font-size: 12px; letter-spacing: .02em; }
}
.iv-eyebrow-pill::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--iv-lime);
	flex: none;
}

.iv-maxw-sm { max-width: 460px; }
.iv-maxw-md { max-width: 640px; }
.iv-maxw-lg { max-width: 860px; }

/* Texto sobre fondos oscuros */
.iv-on-dark,
.iv-section--ink { color: #fff; }
.iv-on-dark :is(h1, h2, h3, h4, h5, h6, p, li, span),
.iv-section--ink :is(h1, h2, h3, h4, h5, h6, p, li) { color: inherit; }
.iv-on-dark :is(p, div, span).iv-lead { color: rgba(255, 255, 255, .86); }
.iv-on-dark :is(p, div, span).iv-body,
.iv-on-dark :is(p, div, span).iv-caption { color: rgba(255, 255, 255, .78); }
.iv-on-dark :is(p, div, span, h2, h3, h4).iv-eyebrow { color: var(--iv-lime); }

/* 06 · BOTONES ------------------------------------------------------------
   Úsalos en el bloque Botones de Gutenberg: añade la clase al botón
   (Advanced → Additional CSS class), p. ej. "iv-btn iv-btn--lime".          */
.iv-btn > .wp-block-button__link,
a.iv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: var(--iv-btn-h);
	padding: 0 28px;
	border: 2px solid transparent;
	border-radius: var(--iv-r-pill);
	font-family: var(--iv-font);
	font-size: var(--iv-fs-btn);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
	transition: background-color .15s, color .15s, border-color .15s;
}

.iv-btn--lime > .wp-block-button__link, a.iv-btn--lime { background: var(--iv-lime); color: var(--iv-ink); }
.iv-btn--lime > .wp-block-button__link:hover, a.iv-btn--lime:hover { background: var(--iv-lime-hover); color: var(--iv-ink); }

.iv-btn--purple > .wp-block-button__link, a.iv-btn--purple { background: var(--iv-purple); color: #fff; }
.iv-btn--purple > .wp-block-button__link:hover, a.iv-btn--purple:hover { background: var(--iv-purple-hover); color: #fff; }

.iv-btn--green > .wp-block-button__link, a.iv-btn--green { background: var(--iv-green-text); color: #fff; }
.iv-btn--green > .wp-block-button__link:hover, a.iv-btn--green:hover { background: var(--iv-green-hover); color: #fff; }

.iv-btn--ink > .wp-block-button__link, a.iv-btn--ink { background: var(--iv-ink); color: #fff; }
.iv-btn--ink > .wp-block-button__link:hover, a.iv-btn--ink:hover { background: var(--iv-ink-hover); color: #fff; }

.iv-btn--white > .wp-block-button__link, a.iv-btn--white { background: #fff; color: var(--iv-ink); }
.iv-btn--white > .wp-block-button__link:hover, a.iv-btn--white:hover { background: var(--iv-lime); color: var(--iv-ink); }

.iv-btn--outline > .wp-block-button__link, a.iv-btn--outline { background: transparent; border-color: var(--iv-ink); color: var(--iv-ink); }
.iv-btn--outline > .wp-block-button__link:hover, a.iv-btn--outline:hover { background: var(--iv-ink); color: #fff; }

.iv-btn--outline-white > .wp-block-button__link, a.iv-btn--outline-white { background: transparent; border-color: rgba(255, 255, 255, .75); color: #fff; }
.iv-btn--outline-white > .wp-block-button__link:hover, a.iv-btn--outline-white:hover { background: #fff; color: var(--iv-ink); }

/* En móvil, los botones de los heros y CTA ocupan todo el ancho */
@media (max-width: 640px) {
	.iv-hero .wp-block-buttons,
	.iv-cta-band .wp-block-buttons { flex-direction: column; align-items: stretch; width: 100%; }
	.iv-hero .iv-btn,
	.iv-cta-band .iv-btn { width: 100%; }
	.iv-hero .iv-btn > .wp-block-button__link,
	.iv-cta-band .iv-btn > .wp-block-button__link { width: 100%; }
}

.wp-block-buttons.iv-row { gap: 12px; }

/* 07 · SUPERFICIES: grano, marca de agua, heros, banda CTA ------------------ */
.iv-grain { position: relative; isolation: isolate; overflow: hidden; }
.iv-grain::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--iv-noise);
	background-size: 128px 128px;
	opacity: .5;
	mix-blend-mode: overlay;
	pointer-events: none;
	z-index: 0;
}
.iv-grain > * { position: relative; z-index: 1; }

/* Marca de agua "iN" en blanco, recortada por el borde */
.iv-watermark::before {
	content: "";
	position: absolute;
	right: -80px;
	bottom: -110px;
	width: 380px;
	aspect-ratio: 1 / 1.05;
	background: var(--iv-mark) no-repeat center / contain;
	opacity: .09;
	pointer-events: none;
	z-index: 0;
}
/* Móvil (diseño de inicio en móvil): marca arriba a la derecha en heros de portada y páginas */
@media (max-width: 1024px) {
	:is(.iv-watermark--top, .iv-watermark--page)::before { top: -20px; bottom: auto; right: -90px; width: 300px; opacity: .08; }
}
@media (min-width: 1025px) {
	.iv-watermark::before { right: -120px; bottom: -160px; width: 720px; }
	.iv-watermark--top::before { top: -40px; bottom: auto; right: -60px; width: 560px; opacity: .08; }
	.iv-watermark--page::before { top: -60px; bottom: auto; right: -80px; width: 460px; opacity: .08; }
}

/* Heros */
.iv-hero {
	position: relative;
	color: #fff;
	background-color: var(--iv-ink);
}
.iv-hero,
.entry-content > .iv-hero {
	padding-block: 64px 56px;
	padding-inline: 0;
}
@media (min-width: 1025px) {
	.iv-hero,
	.entry-content > .iv-hero { padding-block: 104px 96px; }
}
.iv-hero :is(h1, h2, p, span) { color: inherit; }
.iv-hero--portal { background-image: var(--iv-grad-portal); }

/* Fondo en movimiento del hero del home (v1.0.29): brillo que respira, chispas que suben
   y una línea de luz que barre la rejilla. Solo CSS; se apaga con "reducir movimiento". */
.iv-hero > .iv-motion { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.iv-motion > span { position: absolute; display: block; }
.iv-motion__grid {
	inset: 0;
	background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
	background-size: 72px 72px;
	opacity: .35;
	-webkit-mask-image: linear-gradient(90deg, transparent 18%, #000 78%);
	mask-image: linear-gradient(90deg, transparent 18%, #000 78%);
}
.iv-motion__glow {
	width: 680px; height: 680px; top: -14%; right: -8%;
	border-radius: 50%;
	background: radial-gradient(circle at 42% 42%, rgba(109, 79, 209, .75), rgba(92, 63, 186, .28) 38%, rgba(9, 10, 38, 0) 70%);
	filter: blur(2px);
	animation: iv-breathe 8s ease-in-out infinite alternate;
}
/* Chispas: puntos de luz que suben flotando por la mitad derecha, cada uno a su ritmo */
.iv-motion__sparks { inset: 0; }
.iv-motion__sparks i {
	position: absolute;
	bottom: -4%;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--iv-lime);
	box-shadow: 0 0 18px var(--iv-lime);
	opacity: 0;
	animation: iv-rise 16s linear infinite;
}
.iv-motion__sparks i:nth-child(1) { left: 56%; animation-delay: -2s; }
.iv-motion__sparks i:nth-child(2) { left: 64%; width: 5px; height: 5px; background: #a98cff; box-shadow: 0 0 14px #a98cff; animation-duration: 21s; animation-delay: -9s; }
.iv-motion__sparks i:nth-child(3) { left: 71%; width: 6px; height: 6px; background: var(--iv-green); box-shadow: 0 0 16px var(--iv-green); animation-duration: 18s; animation-delay: -13s; }
.iv-motion__sparks i:nth-child(4) { left: 78%; width: 4px; height: 4px; animation-duration: 24s; animation-delay: -5s; }
.iv-motion__sparks i:nth-child(5) { left: 85%; width: 7px; height: 7px; background: #a98cff; box-shadow: 0 0 16px #a98cff; animation-duration: 19s; animation-delay: -16s; }
.iv-motion__sparks i:nth-child(6) { left: 91%; width: 5px; height: 5px; background: var(--iv-green); box-shadow: 0 0 14px var(--iv-green); animation-duration: 23s; animation-delay: -11s; }
.iv-motion__sparks i:nth-child(7) { left: 96%; width: 6px; height: 6px; animation-duration: 17s; animation-delay: -7s; }
.iv-motion__sparks i:nth-child(8) { left: 48%; width: 4px; height: 4px; background: var(--iv-green); box-shadow: 0 0 12px var(--iv-green); animation-duration: 26s; animation-delay: -19s; }
.iv-motion__sparks i:nth-child(9) { left: 61%; width: 3px; height: 3px; animation-duration: 22s; animation-delay: -3s; }
.iv-motion__sparks i:nth-child(10) { left: 88%; width: 4px; height: 4px; background: #a98cff; box-shadow: 0 0 12px #a98cff; animation-duration: 20s; animation-delay: -14s; }
.iv-motion__sparks i:nth-child(11) { left: 52%; width: 5px; height: 5px; background: #a98cff; box-shadow: 0 0 14px #a98cff; animation-duration: 19s; animation-delay: -6s; }
.iv-motion__sparks i:nth-child(12) { left: 67%; width: 6px; height: 6px; animation-duration: 25s; animation-delay: -21s; }
.iv-motion__sparks i:nth-child(13) { left: 74%; width: 4px; height: 4px; background: var(--iv-green); box-shadow: 0 0 12px var(--iv-green); animation-duration: 18s; animation-delay: -10s; }
.iv-motion__sparks i:nth-child(14) { left: 81%; width: 7px; height: 7px; animation-duration: 22s; animation-delay: -1s; }
.iv-motion__sparks i:nth-child(15) { left: 94%; width: 4px; height: 4px; background: #a98cff; box-shadow: 0 0 12px #a98cff; animation-duration: 24s; animation-delay: -17s; }
@keyframes iv-rise {
	0% { transform: translateY(0) translateX(0); opacity: 0; }
	8% { opacity: .9; }
	55% { transform: translateY(-460px) translateX(-14px); opacity: .55; }
	100% { transform: translateY(-880px) translateX(10px); opacity: 0; }
}
@keyframes iv-breathe { from { transform: scale(1); } to { transform: scale(1.09); } }
@media (max-width: 1024px) {
	.iv-motion__glow { width: 440px; height: 440px; top: -8%; right: -45%; }
	.iv-hero .iv-motion__sparks i:nth-child(n+8) { display: none; }
	.iv-motion__grid { opacity: .25; }
}
@media (prefers-reduced-motion: reduce) {
	.iv-motion__glow, .iv-motion__sparks i { animation: none; }
	.iv-motion__sparks i { opacity: .5; transform: translateY(-300px); }
}

.iv-hero--page { background-image: var(--iv-grad-page); }
.iv-hero--asistir { background-color: var(--iv-purple-deep); background-image: var(--iv-grad-asistir); }
.iv-hero--ciudad { background-color: var(--iv-purple-deep); background-image: var(--iv-grad-ciudad-hero); }
.iv-hero--agrotech { background-color: #1b5e3a; background-image: var(--iv-grad-agrotech-hero); }
.iv-hero--venezuela { background-color: var(--iv-purple-deep); background-image: var(--iv-grad-venezuela-hero); }
.iv-hero--short,
.entry-content > .iv-hero--short { padding-block: 56px 48px; }
@media (min-width: 1025px) {
	.iv-hero--short,
	.entry-content > .iv-hero--short { padding-block: 80px 72px; }
}

/* Banda CTA (bloque redondeado al final de cada página) */
.iv-cta-band {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 40px 28px;
	border-radius: var(--iv-r-sm);
	color: #fff;
	background-color: var(--iv-purple);
	background-image: var(--iv-grad-ciudad-cta);
}
.iv-cta-band :is(h2, h3, p) { color: inherit; }
.iv-cta-band--agrotech { background-color: #2f8a55; background-image: var(--iv-grad-agrotech-cta); }
.iv-cta-band--venezuela { background-color: var(--iv-purple); background-image: var(--iv-grad-venezuela-cta); color: var(--iv-ink); }
.iv-cta-band--venezuela .iv-btn--outline-white > .wp-block-button__link { border-color: var(--iv-ink); color: var(--iv-ink); }
.iv-cta-band--venezuela .iv-btn--outline-white > .wp-block-button__link:hover { background: var(--iv-ink); color: #fff; }
@media (min-width: 1025px) {
	.iv-cta-band {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 48px;
		padding: 64px 72px;
		border-radius: var(--iv-r-cta);
	}
	.iv-cta-band > :first-child { max-width: 640px; }
}
.iv-cta-band.iv-watermark::before { width: 260px; right: -60px; bottom: -100px; opacity: .12; }
@media (min-width: 1025px) {
	.iv-cta-band.iv-watermark::before { width: 420px; right: -70px; bottom: -150px; }
}

/* Degradados sueltos (para medias de tarjetas, placeholders de noticias) */
.iv-grad--ciudad { background-color: #2a1d6e; background-image: var(--iv-grad-ciudad); }
.iv-grad--agrotech { background-color: #2f8a55; background-image: var(--iv-grad-agrotech); }
.iv-grad--venezuela { background-color: #8a7ad0; background-image: var(--iv-grad-venezuela); }

/* 08 · TARJETAS ----------------------------------------------------------- */
.iv-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 24px;
	border: 1px solid var(--iv-line);
	border-radius: var(--iv-r-sm);
	background: #fff;
	color: var(--iv-ink);
}
@media (min-width: 1025px) {
	.iv-card { padding: 32px; border-radius: var(--iv-r-card); }
	.iv-card--compact { padding: 28px; border-radius: var(--iv-r-sm); }
}
.iv-card--soft { background: var(--iv-soft); border-color: transparent; }
.iv-card--dark {
	background-color: var(--iv-ink);
	background-image: var(--iv-grad-dark-card);
	border-color: transparent;
	color: #fff;
}
.iv-card--dark :is(h2, h3, h4, p, span, li) { color: inherit; }
.iv-card--dark .iv-eyebrow { color: var(--iv-lime); }
.iv-card--dark .iv-dots,
.iv-card--dark .iv-linklist { color: rgba(255, 255, 255, .86); }
.iv-card--dark a,
.iv-on-dark a { color: var(--iv-lime); }
.iv-card--dark a:hover,
.iv-on-dark a:hover { color: #fff; }
.iv-card--purple { background: var(--iv-purple); border-color: transparent; color: #fff; }
.iv-card--purple :is(h2, h3, h4, p, span) { color: inherit; }

/* Número de tema "01" dentro de tarjetas */
:is(p, span).iv-num { font-size: 13px; font-weight: 600; color: var(--iv-accent); }

/* Caja de ícono tintada */
.iv-iconbox {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	background: var(--iv-accent-tint);
	color: var(--iv-accent);
}
.iv-iconbox--lg { width: 56px; height: 56px; border-radius: 16px; }

/* Chips */
.iv-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.iv-chip {
	display: inline-flex;
	align-items: center;
	padding: 7px 14px;
	border-radius: var(--iv-r-pill);
	background: var(--iv-soft);
	color: var(--iv-text-2);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}
.iv-chip--tint { background: var(--iv-accent-tint); color: var(--iv-accent-tint-text); }
.iv-chip--ink { background: var(--iv-ink); color: var(--iv-lime); }
.iv-chip--topic { padding: 10px 18px; background: #fff; border: 1px solid var(--iv-line); color: var(--iv-ink); font-size: 15px; font-weight: 500; }
.iv-chip--glass { padding: 10px 16px; background: transparent; border: 1px solid rgba(255, 255, 255, .25); color: rgba(255, 255, 255, .9); font-size: 15px; font-weight: 500; }

/* Cifra grande (tarjeta oscura) */
:is(p, span, div).iv-figure {
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -.03em;
	color: var(--iv-lime);
}

/* Contenido por definir: SOLO en staging. En producción se oculta la sección. */
.iv-card--placeholder {
	background: var(--iv-placeholder-bg);
	border: 1px dashed var(--iv-placeholder-line);
	color: var(--iv-muted);
}

/* Tira de cifras (cumbre 2027) */
.iv-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
@media (min-width: 1025px) {
	.iv-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
}
.iv-stat { display: flex; flex-direction: column; gap: 4px; padding: 8px 0 8px 18px; border-left: 2px solid var(--iv-lime); }
:is(p, span).iv-stat__value { font-size: 26px; font-weight: 700; letter-spacing: -.03em; line-height: 1; }
:is(p, span).iv-stat__label { font-size: var(--iv-fs-small); color: rgba(255, 255, 255, .7); }
@media (min-width: 1025px) {
	:is(p, span).iv-stat__value { font-size: 36px; }
}

/* Pasos numerados: lista numerada con clase "iv-steps" */
:is(ul, ol).iv-steps { counter-reset: iv-step; display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.iv-steps li { counter-increment: iv-step; display: flex; align-items: flex-start; gap: 16px; margin: 0; padding-top: 4px; font-size: var(--iv-fs-body); line-height: 1.5; color: var(--iv-text-2); }
.iv-steps li::before {
	content: counter(iv-step);
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-top: -4px;
	border-radius: 50%;
	background: var(--iv-accent);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}
.iv-on-dark .iv-steps li, .iv-card--dark .iv-steps li, .iv-card--ink .iv-steps li { color: #fff; }
.iv-on-dark .iv-steps li::before, .iv-card--dark .iv-steps li::before, .iv-card--ink .iv-steps li::before { background: var(--iv-lime); color: var(--iv-ink); }
/* Variante "solo número" (tarjeta oscura de Quiero asistir) */
.iv-steps--plain li { gap: 10px; padding-top: 0; font-size: 16px; line-height: 1.4; }
.iv-steps--plain li::before,
.iv-card--ink .iv-steps--plain li::before,
.iv-card--dark .iv-steps--plain li::before { width: auto; height: auto; margin: 0; background: none; color: var(--iv-lime); font-size: inherit; }

/* 09 · FERIAS (salida de los shortcodes) ----------------------------------- */
.iv-tema--agrotech {
	--iv-accent: var(--iv-green-text);
	--iv-accent-hover: var(--iv-green-hover);
	--iv-accent-tint: var(--iv-tint-green);
	--iv-accent-tint-text: var(--iv-green-hover);
}

a.iv-feria-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--iv-line);
	border-radius: var(--iv-r-card);
	overflow: hidden;
	background: #fff;
	color: var(--iv-ink);
	text-decoration: none;
	transition: transform .2s, box-shadow .2s;
}
a.iv-feria-card:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(9, 10, 38, .12); color: var(--iv-ink); }
.iv-feria-card__media { display: flex; align-items: flex-end; min-height: 200px; padding: 28px; }
.iv-feria-card__media img { width: 200px; height: auto; display: block; }
.iv-tema--venezuela .iv-feria-card__media img { width: 246px; max-width: 100%; }
.iv-tema--ciudad .iv-feria-card__media { background-color: #2a1d6e; background-image: var(--iv-grad-ciudad); }
.iv-tema--agrotech .iv-feria-card__media { background-color: #2f8a55; background-image: var(--iv-grad-agrotech); }
.iv-tema--venezuela .iv-feria-card__media { background-color: #8a7ad0; background-image: var(--iv-grad-venezuela); }
.iv-feria-card__body { display: flex; flex-direction: column; gap: 18px; flex-grow: 1; padding: 24px; }
@media (min-width: 1025px) {
	.iv-feria-card__media { min-height: 240px; }
	.iv-feria-card__body { padding: 28px; }
}
.iv-feria-card__lema { font-size: 21px; line-height: 1.25; font-weight: 600; }
.iv-feria-card__cta { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; font-weight: 600; color: var(--iv-ink); transition: color .15s; }
a.iv-feria-card:hover .iv-feria-card__cta { color: var(--iv-purple); }

.iv-meta { display: flex; flex-direction: column; gap: 10px; font-size: var(--iv-fs-body); color: var(--iv-text-2); }
.iv-meta__item { display: flex; align-items: center; gap: 10px; }
.iv-meta__item .iv-icon { flex: none; color: var(--iv-accent); }

/* Audiencia (v1.0.31): sección blanca con estrellitas sutiles de fondo y tarjetas blancas
   compactas que revelan el texto al pasar el cursor (en táctil el texto va siempre visible). */
.iv-section--aud { position: relative; }
.iv-section--aud > .iv-motion { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.iv-section--aud > .iv-container { position: relative; z-index: 1; }
.iv-motion--light > span { position: absolute; display: block; }
/* Dos parches de puntitos (rejilla de puntos) en esquinas opuestas, que se desvanecen hacia el centro */
.iv-motion__dots {
	width: 460px; height: 340px;
	background-image: radial-gradient(rgba(92, 63, 186, .32) 1.4px, transparent 1.8px);
	background-size: 20px 20px;
}
.iv-motion__dots--tr { top: 0; right: 0; -webkit-mask-image: radial-gradient(ellipse at 100% 0%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 100% 0%, #000 0%, transparent 70%); }
.iv-motion__dots--bl { bottom: 0; left: 0; background-image: radial-gradient(rgba(87, 177, 121, .38) 1.4px, transparent 1.8px); -webkit-mask-image: radial-gradient(ellipse at 0% 100%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 0% 100%, #000 0%, transparent 70%); }
/* Estrellitas de color que suben por el fondo blanco */
.iv-motion--light .iv-motion__sparks { inset: 0; }
.iv-motion--light .iv-motion__sparks i {
	position: absolute;
	bottom: -10px;
	width: 9px; height: 9px;
	border-radius: 50%;
	background: #7a5fd6;
	box-shadow: 0 0 0 4px rgba(122, 95, 214, .14), 0 0 16px rgba(122, 95, 214, .55);
	opacity: 0;
	animation: iv-rise-light 18s linear infinite;
}
.iv-motion--light .iv-motion__sparks i:nth-child(1) { left: 3%; animation-delay: -3s; }
.iv-motion--light .iv-motion__sparks i:nth-child(2) { left: 9%; width: 6px; height: 6px; background: #57b179; box-shadow: 0 0 0 3px rgba(87, 177, 121, .15), 0 0 14px rgba(87, 177, 121, .55); animation-duration: 22s; animation-delay: -12s; }
.iv-motion--light .iv-motion__sparks i:nth-child(3) { left: 31%; width: 6px; height: 6px; background: #c4d63a; box-shadow: 0 0 0 3px rgba(196, 214, 58, .2), 0 0 14px rgba(196, 214, 58, .6); animation-duration: 20s; animation-delay: -7s; }
.iv-motion--light .iv-motion__sparks i:nth-child(4) { left: 49%; width: 7px; height: 7px; animation-duration: 24s; animation-delay: -16s; }
.iv-motion--light .iv-motion__sparks i:nth-child(5) { left: 66%; width: 6px; height: 6px; background: #57b179; box-shadow: 0 0 0 3px rgba(87, 177, 121, .15), 0 0 14px rgba(87, 177, 121, .55); animation-duration: 19s; animation-delay: -4s; }
.iv-motion--light .iv-motion__sparks i:nth-child(6) { left: 84%; width: 8px; height: 8px; background: #c4d63a; box-shadow: 0 0 0 4px rgba(196, 214, 58, .2), 0 0 16px rgba(196, 214, 58, .6); animation-duration: 21s; animation-delay: -10s; }
.iv-motion--light .iv-motion__sparks i:nth-child(7) { left: 93%; width: 6px; height: 6px; animation-duration: 23s; animation-delay: -18s; }
.iv-motion--light .iv-motion__sparks i:nth-child(8) { left: 97%; width: 9px; height: 9px; background: #57b179; box-shadow: 0 0 0 4px rgba(87, 177, 121, .15), 0 0 16px rgba(87, 177, 121, .55); animation-duration: 17s; animation-delay: -8s; }
.iv-motion--light .iv-motion__sparks i:nth-child(9) { left: 18%; width: 5px; height: 5px; animation-duration: 25s; animation-delay: -20s; }
.iv-motion--light .iv-motion__sparks i:nth-child(10) { left: 76%; width: 5px; height: 5px; background: #c4d63a; box-shadow: 0 0 0 3px rgba(196, 214, 58, .2), 0 0 12px rgba(196, 214, 58, .6); animation-duration: 26s; animation-delay: -14s; }
@keyframes iv-rise-light {
	0% { transform: translateY(0); opacity: 0; }
	8% { opacity: 1; }
	70% { opacity: .8; }
	100% { transform: translateY(-760px); opacity: 0; }
}
@media (max-width: 1024px) {
	.iv-motion__dots { width: 260px; height: 220px; }
	.iv-motion--light .iv-motion__sparks i:nth-child(n+7) { display: none; }
}
.iv-aud3 {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 236px;
	overflow: hidden;
	transition: transform .2s, box-shadow .2s;
}
.iv-aud3::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; }
.iv-aud3--purple::before { background: linear-gradient(90deg, #5c3fba, #8a7ad0); }
.iv-aud3--green::before { background: linear-gradient(90deg, #2f8a55, #57b179); }
.iv-aud3--lime::before { background: linear-gradient(90deg, #b9c85e, #e7fc59); }
.iv-aud3:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(9, 10, 38, .12); }
.iv-section .iv-aud3__hint { font-size: var(--iv-fs-small); color: var(--iv-text-2); max-height: 3em; overflow: hidden; transition: max-height .3s ease, opacity .2s; }
.iv-section--aud .iv-aud3 .iv-iconbox { margin-bottom: auto; }
/* Con mouse: el texto se revela al pasar el cursor, sin que la tarjeta cambie de alto */
@media (hover: hover) {
	.iv-aud3__reveal { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
	.iv-aud3__reveal > div { overflow: hidden; }
	.iv-aud3__text { opacity: 0; transform: translateY(8px); transition: opacity .3s .08s, transform .3s .08s; }
	.iv-aud3:hover .iv-aud3__reveal { grid-template-rows: 1fr; }
	.iv-aud3:hover .iv-aud3__text { opacity: 1; transform: none; }
	.iv-section .iv-aud3:hover .iv-aud3__hint { opacity: 0; max-height: 0; margin-top: -12px; }
}
/* Táctil: sin hover, el texto va siempre visible */
@media (hover: none) {
	.iv-aud3 { min-height: 0; }
	.iv-aud3__hint { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.iv-motion--light .iv-motion__sparks i { animation: none; opacity: .7; transform: translateY(-260px); }
	.iv-aud3, .iv-aud3__text, .iv-aud3__reveal { transition: none; }
}

/* Mini tarjetas translúcidas del hero del home */
.iv-minicards { padding-top: 16px; }
a.iv-minicard {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 20px 22px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: var(--iv-r-sm);
	background: rgba(255, 255, 255, .06);
	color: #fff;
	text-decoration: none;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	transition: background-color .2s, border-color .2s;
}
a.iv-minicard:hover { background: rgba(255, 255, 255, .12); border-color: rgba(231, 252, 89, .5); color: #fff; }
.iv-minicard__mark { height: 44px; width: auto; flex: none; }
/* Mini tarjetas con el color de cada feria (mismos degradados de "Las ferias"), con un velo oscuro para que el texto blanco se lea */
a.iv-minicard[class*="iv-tema--"] { border-color: rgba(255, 255, 255, .22); -webkit-backdrop-filter: none; backdrop-filter: none; transition: transform .2s, box-shadow .2s, border-color .2s; }
a.iv-minicard.iv-tema--ciudad { background-color: #2a1d6e; background-image: var(--iv-grad-ciudad); }
a.iv-minicard.iv-tema--agrotech { background-color: #2f8a55; background-image: linear-gradient(rgba(9, 10, 38, .35), rgba(9, 10, 38, .35)), var(--iv-grad-agrotech); }
a.iv-minicard.iv-tema--venezuela { background-color: #5c3fba; background-image: linear-gradient(rgba(9, 10, 38, .2), rgba(9, 10, 38, .2)), linear-gradient(135deg, #5c3fba 0%, #8a7ad0 45%, #b9c85e 80%, #e7fc59 100%); }
a.iv-minicard[class*="iv-tema--"]:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(9, 10, 38, .35); border-color: rgba(231, 252, 89, .6); }
a.iv-minicard[class*="iv-tema--"] .iv-minicard__kicker { color: rgba(255, 255, 255, .8); }
a.iv-minicard[class*="iv-tema--"] .iv-minicard__date { color: rgba(255, 255, 255, .9); }

.iv-minicard__text { display: flex; flex-direction: column; gap: 4px; }
.iv-minicard__kicker { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.iv-minicard__title { font-size: 18px; font-weight: 600; }
.iv-minicard__date { font-size: var(--iv-fs-small); color: rgba(255, 255, 255, .78); }

/* Tarjeta blanca "Datos de la feria" del hero */
.iv-datacard {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 28px;
	border-radius: var(--iv-r-sm);
	background: #fff;
	color: var(--iv-ink);
	box-shadow: var(--iv-shadow-float);
}
@media (min-width: 1025px) {
	.iv-datacard { padding: 36px; border-radius: var(--iv-r-card); gap: 22px; }
}
.iv-datacard__row { display: flex; align-items: flex-start; gap: 16px; }
.iv-datacard__text { display: flex; flex-direction: column; gap: 2px; }
.iv-datacard__label { font-size: 13px; color: var(--iv-muted); }
.iv-datacard__value { font-size: 18px; font-weight: 600; }
@media (min-width: 1025px) { .iv-datacard__value { font-size: 19px; } }
.iv-datacard__note { font-size: var(--iv-fs-small); color: var(--iv-text-2); }
.iv-hero .iv-datacard .iv-datacard__label { color: var(--iv-muted); }
.iv-hero .iv-datacard .iv-datacard__note { color: var(--iv-text-2); }
.iv-hero .iv-datacard .iv-datacard__value { color: var(--iv-ink); }
.iv-hero .iv-datacard .iv-eyebrow { color: var(--iv-accent); }

/* Logo de feria dentro del hero */
img.iv-logo { display: block; width: min(var(--iv-logo-w, 360px), 80vw); height: auto; }

/* Cuenta regresiva */
.iv-countdown { display: inline-flex; align-items: flex-end; flex-wrap: wrap; gap: 18px; }
:is(p, span).iv-countdown__label { font-size: var(--iv-fs-eyebrow); font-weight: 600; letter-spacing: var(--iv-track-eyebrow); text-transform: uppercase; color: var(--iv-lime); align-self: center; }
.iv-countdown__unit { display: flex; flex-direction: column; align-items: flex-start; }
.iv-countdown__num { font-size: 36px; font-weight: 700; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.iv-countdown__txt { font-size: 13px; color: rgba(255, 255, 255, .7); }
@media (min-width: 1025px) {
	.iv-countdown__num { font-size: 48px; }
}

/* Mapa */
.iv-map { border-radius: var(--iv-r-card); overflow: hidden; border: 1px solid var(--iv-line-strong); min-height: 320px; }
.iv-map iframe { display: block; width: 100%; height: 100%; min-height: 320px; border: 0; }
@media (min-width: 1025px) {
	.iv-map, .iv-map iframe { min-height: 420px; }
}

/* Aviso para editores cuando un shortcode no encuentra la feria */
.iv-missing { display: inline-block; padding: 4px 8px; background: #ffe3e3; color: #8a1f1f; border-radius: 6px; font-size: 13px; }

/* 10 · NAVEGACIÓN --------------------------------------------------------- */
/* Sub-navegación de cada feria (Temas · Programa · Exponer…) */
.iv-subnav,
.entry-content > .iv-subnav {
	padding: 0;
	position: sticky;
	top: 0;
	z-index: 20;
	background: #fff;
	border-bottom: 1px solid var(--iv-line);
}
.iv-subnav ul {
	display: flex;
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}
.iv-subnav ul::-webkit-scrollbar { display: none; }
.iv-subnav a {
	display: block;
	padding: 16px 0;
	border-bottom: 3px solid transparent;
	color: var(--iv-text-2);
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}
.iv-subnav a:hover,
.iv-subnav a[aria-current="true"] { color: var(--iv-accent); border-bottom-color: var(--iv-accent); }
@media (min-width: 1025px) {
	.iv-subnav ul { gap: 36px; }
	.iv-subnav a { padding: 18px 0; }
}
html { scroll-padding-top: 72px; }
/* Con sesión iniciada, la barra negra de WordPress no tapa la sub-navegación */
@media (min-width: 601px) { .admin-bar .iv-subnav { top: 46px; } }
@media (min-width: 783px) { .admin-bar .iv-subnav { top: 32px; } }

/* 11 · TABLAS, AVISOS, LISTAS --------------------------------------------- */
.iv-table-wrap { border: 1px solid var(--iv-line); border-radius: var(--iv-r-sm); overflow-x: auto; background: #fff; }
.iv-table-wrap table,
.iv-table table { width: 100%; border-collapse: collapse; margin: 0; border: 0; }
.iv-table-wrap :is(th, td),
.iv-table :is(th, td) { padding: 14px 16px; border: 0; border-bottom: 1px solid var(--iv-line); text-align: left; font-size: var(--iv-fs-small); }
.iv-table-wrap table.has-fixed-layout { table-layout: auto; }
.iv-table-wrap :is(th, td),
.iv-table-wrap.wp-block-table .has-fixed-layout :is(th, td),
.iv-table :is(th, td) { word-break: normal; overflow-wrap: normal; hyphens: none; }
.iv-table-wrap th,
.iv-table thead th { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--iv-muted); font-weight: 600; }
.iv-table-wrap.wp-block-table { margin: 0; }
.iv-table-wrap.wp-block-table thead { border-bottom: 0; }
.iv-table-wrap.wp-block-table :is(td, th) { border-left: 0; border-right: 0; border-top: 0; }
.iv-table-wrap tr:last-child td,
.iv-table tr:last-child td { border-bottom: 0; }
@media (min-width: 1025px) {
	.iv-table-wrap { border-radius: var(--iv-r-card); }
	.iv-table-wrap :is(th, td), .iv-table :is(th, td) { padding: 16px 18px; font-size: 16px; }
}

/* Aviso amarillo (antifraude, pagos) */
.iv-notice {
	position: relative;
	max-width: 760px;
	padding: 14px 18px 14px 50px;
	border: 1px solid var(--iv-notice-line);
	border-radius: var(--iv-r-chip);
	background: var(--iv-notice-bg);
	color: var(--iv-notice-text);
	font-size: var(--iv-fs-small);
	line-height: 1.5;
}
.iv-notice .iv-icon { position: absolute; left: 18px; top: 15px; width: 20px; height: 20px; }
.iv-hero .iv-notice, .iv-hero .iv-notice :is(strong, span) { color: var(--iv-notice-text); }
.iv-notice :is(p, strong) { color: inherit; }

/* Lista con íconos (Visitar, contacto) */
:is(ul, ol).iv-infolist { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 1.4; color: var(--iv-text-2); }
.iv-infolist li { display: flex; align-items: flex-start; gap: 12px; margin: 0; }
.iv-infolist .iv-icon { flex: none; margin-top: 2px; color: var(--iv-accent); }
.iv-infolist strong { font-weight: 600; color: var(--iv-ink); }
.iv-on-dark .iv-infolist { color: rgba(255, 255, 255, .78); }
.iv-on-dark .iv-infolist strong { color: #fff; }
.iv-on-dark .iv-infolist .iv-icon { color: var(--iv-lime); }

/* Lista de puntos de color (Programa) */
:is(ul, ol).iv-dots { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; color: var(--iv-text-2); }
.iv-dots li { display: flex; align-items: flex-start; gap: 12px; margin: 0; }
.iv-dots li::before { content: ""; flex: none; width: 10px; height: 10px; margin-top: calc(.75em - 5px); border-radius: 50%; background: var(--iv-purple); }
.iv-dots li:nth-child(2)::before { background: var(--iv-green); }
.iv-dots li:nth-child(3)::before { background: var(--iv-lime); box-shadow: inset 0 0 0 1px #c9d93a; }
.iv-tema--agrotech .iv-dots li:nth-child(1)::before { background: var(--iv-green); }
.iv-tema--agrotech .iv-dots li:nth-child(2)::before { background: var(--iv-purple); }

/* Puntos sobre fondo oscuro */
.iv-hero .iv-dots,
.iv-on-dark .iv-dots { color: rgba(255, 255, 255, .86); }

/* Lista de enlaces (footer) */
:is(ul, ol).iv-linklist { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.iv-linklist li { margin: 0; }

/* Rejilla de logos de expositores */
.iv-logo-tile {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 2;
	padding: 16px;
	border: 1px solid var(--iv-line);
	border-radius: 18px;
	background: #fff;
}
.iv-logo-tile img { max-width: 100%; max-height: 64px; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: .8; transition: filter .2s, opacity .2s; }
.iv-logo-tile:hover img { filter: none; opacity: 1; }

/* 12 · FORMULARIOS (Fluent Forms) ----------------------------------------
   Envuelve el bloque del formulario en un Group con clase "iv-form".        */
.iv-form {
	padding: 24px;
	border: 1px solid var(--iv-line);
	border-radius: var(--iv-r-sm);
	background: #fff;
}
@media (min-width: 1025px) {
	.iv-form { padding: 44px; border-radius: var(--iv-r-form); }
}
.iv-form .fluentform { font-family: var(--iv-font); }
.iv-form .fluentform .ff-el-group { margin-bottom: 20px; }
.iv-form .fluentform .ff-el-input--label label,
.iv-form .fluentform .ff-el-input--label { font-size: 14px; font-weight: 600; color: var(--iv-ink); }
.iv-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after { color: var(--iv-purple); }
.iv-form .fluentform .ff-el-form-control {
	min-height: 52px;
	padding: 14px 16px;
	border: 1.5px solid var(--iv-line-strong);
	border-radius: var(--iv-r-input);
	background: #fff;
	font-family: var(--iv-font);
	font-size: 16px; /* 16px evita el zoom automático en iPhone */
	color: var(--iv-ink);
	box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
.iv-form .fluentform textarea.ff-el-form-control { min-height: 140px; }
.iv-form .fluentform .ff-el-form-control::placeholder { color: var(--iv-muted); }
.iv-form .fluentform .ff-el-form-control:focus {
	border-color: var(--iv-purple);
	box-shadow: 0 0 0 4px rgba(92, 63, 186, .15);
	outline: none;
}
.iv-form .fluentform .ff-el-form-check {
	padding: 14px 16px;
	margin-bottom: 10px;
	border: 1.5px solid var(--iv-line-strong);
	border-radius: var(--iv-r-chip);
}
.iv-form .fluentform .ff-el-form-check:has(input:checked) { border-color: var(--iv-purple); background: var(--iv-tint-purple); }
.iv-form .fluentform input[type="checkbox"],
.iv-form .fluentform input[type="radio"] { accent-color: var(--iv-purple); width: 20px; height: 20px; }
.iv-form .fluentform .ff-el-section-title,
.iv-form .fluentform .ff-el-section-break h3 { font-size: 20px; font-weight: 600; color: var(--iv-ink); }
.iv-form .fluentform .ff-el-section-break hr { border-color: var(--iv-line); }
.iv-form .fluentform .ff-el-help-message { font-size: 13px; color: var(--iv-muted); }
.iv-form .fluentform .error,
.iv-form .fluentform .text-danger { font-size: 13px; color: #b42318; }
.iv-form .fluentform .ff-btn-submit,
.iv-form .fluentform .ff-btn-submit:hover {
	min-height: var(--iv-btn-h);
	padding: 0 32px;
	border: 0;
	border-radius: var(--iv-r-pill);
	background: var(--iv-purple);
	color: #fff;
	font-family: var(--iv-font);
	font-size: var(--iv-fs-btn);
	font-weight: 600;
	opacity: 1;
}
.iv-form .fluentform .ff-btn-submit:hover { background: var(--iv-purple-hover); }
@media (max-width: 640px) {
	.iv-form .fluentform .ff-btn-submit { width: 100%; }
}
.iv-form .ff-message-success {
	padding: 20px;
	border: 1px solid var(--iv-line);
	border-radius: var(--iv-r-chip);
	background: var(--iv-tint-green);
	color: var(--iv-green-hover);
	box-shadow: none;
}

/* 13 · HEADER Y FOOTER (Astra builder) ----------------------------------- */
.site-header .ast-primary-header-bar,
.site-header .ast-mobile-header-wrap .ast-primary-header-bar { background: #fff; border-bottom: 1px solid var(--iv-line); }
.site-header .custom-logo-link img,
.site-header .custom-logo { display: block; width: auto; height: 34px; max-width: none; }
@media (max-width: 921px) {
	.site-header .custom-logo-link img,
	.site-header .custom-logo { height: 28px; }
}

/* Header y footer alineados con el contenido: misma caja que .iv-container */
.site-header .ast-primary-header-bar .site-primary-header-wrap,
.site-footer .ast-builder-grid-row {
	max-width: var(--iv-container);
	margin-inline: auto;
	padding-inline: var(--iv-gutter);
	box-sizing: border-box;
}

/* Botones del header: en el builder de Astra usa "Button 1" y "Button 2"
   y pon las clases iv-header-btn--outline / iv-header-btn--purple en
   Customizer → Button → "Custom CSS class" si está disponible; si no,
   estas reglas apuntan al orden de los botones. */
.site-header .ast-header-button-1 .ast-custom-button,
.site-header .iv-header-btn--outline .ast-custom-button {
	border: 2px solid var(--iv-ink);
	border-radius: var(--iv-r-pill);
	background: transparent;
	color: var(--iv-ink);
	font-weight: 600;
}
.site-header .ast-header-button-1 .ast-custom-button:hover { background: var(--iv-ink); color: #fff; }
.site-header .ast-header-button-2 .ast-custom-button,
.site-header .iv-header-btn--purple .ast-custom-button {
	border: 2px solid var(--iv-purple);
	border-radius: var(--iv-r-pill);
	background: var(--iv-purple);
	color: #fff;
	font-weight: 600;
}
.site-header .ast-header-button-2 .ast-custom-button:hover { background: var(--iv-purple-hover); border-color: var(--iv-purple-hover); }

/* Tamaño de los botones del header = .btn del diseño (54px de alto, 28px de lado, 16px) */
.site-header .ast-custom-button {
	display: inline-flex;
	align-items: center;
	min-height: 54px;
	padding: 0 28px;
	font-family: var(--iv-font);
	font-size: 16px;
	line-height: 1;
	white-space: nowrap;
	box-sizing: border-box;
}
.site-header :is(.ast-header-button-1, .ast-header-button-2) { flex-shrink: 0; }
@media (max-width: 921px) {
	.site-header .ast-custom-button { min-height: 44px; padding: 0 18px; font-size: 15px; }
}

/* Menú: Astra trae colores claros (para header oscuro) → los forzamos a ink / purple */
.main-header-menu .menu-link { font-weight: 500; }
.site-header .ast-builder-menu-1 .menu-item > .menu-link { color: var(--iv-ink); }
.site-header .ast-builder-menu-1 .menu-item:is(.current-menu-item, .current-menu-ancestor, :hover) > .menu-link { color: var(--iv-purple); }
/* Botón hamburguesa (móvil): Astra lo pinta casi blanco */
.site-header .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-minimal { color: var(--iv-ink); }
.site-header .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg { fill: var(--iv-ink); }
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .menu-link:hover { color: var(--iv-purple); }

/* Footer */
.site-footer {
	background: var(--iv-ink);
	color: rgba(255, 255, 255, .72);
}
.site-footer :is(.site-primary-footer-wrap, .site-above-footer-wrap, .site-below-footer-wrap) { background: transparent; }
.site-footer a { color: rgba(255, 255, 255, .72); text-decoration: none; }
.site-footer a:hover { color: var(--iv-lime); }
.site-footer :is(h2, h3, h4, .widget-title) {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: var(--iv-track-eyebrow);
	text-transform: uppercase;
	color: var(--iv-lime);
}
/* Textos del footer: Astra les pone el color del texto del sitio (oscuro) → invisibles sobre ink */
.site-footer,
.site-footer .footer-widget-area,
.site-footer .footer-widget-area :is(p, li, span, .widget) {
	font-size: 16px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .72);
}
.site-footer .footer-widget-area :is(ul, ol) { margin: 0; padding: 0; list-style: none; }
.site-footer .footer-widget-area li { margin: 0; }
.site-footer .footer-widget-area :is(.iv-linklist, .wp-block-list) { display: flex; flex-direction: column; gap: 12px; }
.site-footer .footer-widget-area :is(p, figure) { margin: 0 0 16px; }
.site-footer .footer-widget-area .widget { margin-bottom: 0; }
.site-footer .footer-widget-area .wp-block-heading { margin: 0 0 20px; }
/* Astra centra los widgets del footer en tablet/móvil y los apila sin espacio → alineados a la izquierda y con aire */
.site-footer .footer-widget-area.footer-widget-area-inner { text-align: left; }
.site-footer .site-primary-footer-wrap .ast-builder-grid-row { row-gap: 40px; }
.site-footer .site-primary-footer-wrap .ast-builder-grid-row .site-footer-section { margin-bottom: 0; }
.site-footer .footer-widget-area p:empty { display: none; }
/* Columnas del footer: la de contacto necesita ancho para el correo completo */
@media (min-width: 1025px) {
	.site-footer .site-primary-footer-wrap .ast-builder-grid-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); column-gap: 40px; }
}
.site-footer .footer-widget-area .widget:last-child > :last-child { margin-bottom: 0; }
.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright :is(p, a) { font-size: 14px; color: rgba(255, 255, 255, .55); }

.site-footer .site-below-footer-wrap { border-top: 1px solid rgba(255, 255, 255, .14); font-size: 14px; color: rgba(255, 255, 255, .55); }
.site-footer .footer-widget-area .iv-footer-legal { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .55); }
/* Fila inferior: © a la izquierda y "Política de privacidad" a la derecha (en móvil, uno debajo del otro, a la izquierda) */
.site-footer .site-below-footer-wrap a { color: rgba(255, 255, 255, .72); }
@media (max-width: 921px) {
	.site-footer .site-below-footer-wrap :is(.site-footer-section, .ast-footer-copyright, .ast-footer-html-1, .ast-builder-html-element) { justify-content: flex-start; text-align: left; }
}

/* Astra subraya todos los enlaces del contenido (.ast-single-post .entry-content a).
   Los componentes (botones, tarjetas, sub-navegación) no llevan subrayado; los enlaces dentro del texto sí. */
body .entry-content :is(.wp-block-button__link, a.iv-btn, a.iv-feria-card, a.iv-minicard, .iv-subnav a, a.iv-map__open) { text-decoration: none; }

/* 15 · COMPONENTES DEL DISEÑO APROBADO (v1.0.6) ------------------------------
   Piezas que el diseño usa en Inicio, Exponer, Asistir, Reportar pago y Contacto. */

/* Antetítulo simple sobre los heros oscuros (lima) */
.iv-hero :is(p, span, h2, h3).iv-eyebrow { color: var(--iv-lime); }

/* Hero claro (Reportar pago, Contacto) */
.iv-hero--light {
	color: var(--iv-ink);
	background-color: var(--iv-soft);
	background-image: none;
	border-bottom: 1px solid var(--iv-line);
}
.iv-hero--light,
.entry-content > .iv-hero--light { padding-block: 44px; }
@media (min-width: 1025px) {
	.iv-hero--light,
	.entry-content > .iv-hero--light { padding-block: 64px; }
}
.iv-hero--light :is(p, span, h2, h3).iv-eyebrow { color: var(--iv-accent); }
.iv-hero--light :is(p, div, span).iv-lead { color: var(--iv-text-2); font-weight: 400; }
:is(h1, h2, p).iv-h1--sm { font-size: min(var(--iv-fs-h1), 56px); line-height: 1.02; }

/* Botón con flecha (→) */
.iv-btn--arrow > .wp-block-button__link::after {
	content: "";
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: var(--iv-arrow) center / contain no-repeat;
	mask: var(--iv-arrow) center / contain no-repeat;
}
:root {
	--iv-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--iv-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}

/* Banda de pasos (Quiero exponer): lista numerada con clase "iv-stepsbar" */
.iv-section--band,
.entry-content > .iv-section--band { padding-block: 32px; border-bottom: 1px solid var(--iv-line); }
@media (min-width: 1025px) {
	.iv-section--band,
	.entry-content > .iv-section--band { padding-block: 48px; }
}
:is(ol, ul).iv-stepsbar {
	counter-reset: iv-sb;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 641px) { :is(ol, ul).iv-stepsbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) { :is(ol, ul).iv-stepsbar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.iv-stepsbar li {
	counter-increment: iv-sb;
	position: relative;
	min-height: 40px;
	margin: 0;
	padding-left: 56px;
	font-size: var(--iv-fs-small);
	line-height: 1.45;
	color: var(--iv-text-2);
}
.iv-stepsbar li::before {
	content: counter(iv-sb);
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--iv-purple);
	color: #fff;
	font-weight: 700;
}
.iv-stepsbar li:last-child::before { background: var(--iv-lime); color: var(--iv-ink); }
.iv-stepsbar strong { display: block; margin-bottom: 4px; font-size: 17px; font-weight: 600; color: var(--iv-ink); }

/* Tarjetas extra */
.iv-card--ink { background: var(--iv-ink); border-color: transparent; color: #fff; }
.iv-card--ink :is(h2, h3, h4, p, span, li) { color: inherit; }
.iv-card--ink :is(p, span, div).iv-figure { color: var(--iv-lime); }
.iv-card--ink .iv-eyebrow,
.iv-card--purple .iv-eyebrow { color: var(--iv-lime); }
.iv-card--ink a, .iv-card--purple a { color: var(--iv-lime); }
.iv-card--ink :is(p, span).iv-caption,
.iv-card--dark :is(p, span).iv-caption { color: rgba(255, 255, 255, .6); }
.iv-card--ink :is(p, span).iv-body,
.iv-card--dark :is(p, span).iv-body,
.iv-card--purple :is(p, span).iv-body { color: rgba(255, 255, 255, .82); }
.iv-card--lg { gap: 28px; }
@media (min-width: 1025px) {
	.iv-card--lg { padding: 44px; border-radius: var(--iv-r-form); }
}
:is(p, h3, h4, span).iv-h4 { font-size: 18px; line-height: 1.3; font-weight: 600; color: var(--iv-ink); }
.iv-card--ink :is(p, h3, h4, span).iv-h4 { color: #fff; }
:is(p, span).iv-label { font-size: 13px; line-height: 1.4; color: var(--iv-muted); }

/* Encabezado de tarjeta: antetítulo a la izquierda, etiqueta a la derecha */
.iv-cardhead { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
:is(p, span).iv-chip--ondark { padding: 6px 12px; background: rgba(255, 255, 255, .12); color: #fff; font-size: 12px; }

/* Tarjeta en fila: ícono + texto (Contacto) */
.iv-card--row { flex-direction: row; align-items: flex-start; gap: 18px; }
.iv-card--row > .iv-stack { min-width: 0; }
.iv-card--row a { overflow-wrap: anywhere; }
@media (max-width: 640px) {
	.iv-card--row { flex-direction: column; gap: 14px; }
	:is(p, span).iv-chip--glass { font-size: 14px; }
}

/* Caja de ícono: tonos y tamaños */
.iv-iconbox--purple { background: var(--iv-tint-purple); color: var(--iv-purple); }
.iv-iconbox--green { background: var(--iv-tint-green); color: var(--iv-green-text); }
.iv-iconbox--lime { background: var(--iv-tint-lime); color: var(--iv-ink); }
.iv-iconbox--white { background: #fff; color: var(--iv-ink); }
.iv-iconbox--xl { width: 80px; height: 80px; border-radius: 18px; }
@media (min-width: 641px) { .iv-iconbox--xl { width: 112px; height: 112px; } }
.iv-iconbox--xl .iv-icon { width: 56%; height: 56%; }

/* Fila de medio: caja + lista (Así funciona tu registro) */
.iv-mediarow { display: flex; align-items: center; gap: 20px; }

/* Listas con filas y separadores (Stands por feria · Información práctica) */
:is(ul, ol).iv-rows { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.iv-rows__item { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin: 0; padding-bottom: 14px; border-bottom: 1px solid var(--iv-line); }
.iv-rows__item:last-child { padding-bottom: 0; border-bottom: 0; }
.iv-rows--info .iv-rows__item { justify-content: flex-start; }
.iv-rows__mark { flex: none; width: auto; height: 34px; }
.iv-rows__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.iv-rows__title { font-size: 16px; font-weight: 600; color: var(--iv-ink); }
.iv-rows__sub { font-size: 14px; color: var(--iv-text-2); }
.iv-rows__note { font-size: 14px; color: var(--iv-muted); }
.iv-rows__value { flex: none; font-size: 14px; font-weight: 600; white-space: nowrap; color: var(--iv-accent); }

/* Lista con check (canales oficiales de pago) */
:is(ul, ol).iv-checklist { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; font-size: 16px; }
.iv-checklist li { display: flex; align-items: center; gap: 10px; margin: 0; }
.iv-checklist li::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background: var(--iv-accent);
	-webkit-mask: var(--iv-check) center / contain no-repeat;
	mask: var(--iv-check) center / contain no-repeat;
}
:is(.iv-card--ink, .iv-card--dark, .iv-on-dark) .iv-checklist li::before { background: var(--iv-lime); }

/* Enlace con flecha */
:is(p, div).iv-arrowlink a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	text-decoration: none;
	color: var(--iv-accent);
}
:is(p, div).iv-arrowlink a::after {
	content: "";
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: var(--iv-arrow) center / contain no-repeat;
	mask: var(--iv-arrow) center / contain no-repeat;
}
:is(.iv-card--ink, .iv-card--dark, .iv-on-dark) :is(p, div).iv-arrowlink a { color: var(--iv-lime); }

/* Cifras de "¿Qué es Innova?" */
.iv-statgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (min-width: 1025px) { .iv-statgrid { gap: 20px; } }
.iv-statgrid > .iv-span-2 { grid-column: 1 / -1; }
.iv-statgrid > .iv-card { gap: 6px; }
:is(p, span, div).iv-figure--xl { font-size: 36px; }
:is(p, span, div).iv-figure--lg { font-size: 40px; }
@media (min-width: 1025px) {
	:is(p, span, div).iv-figure--xl { font-size: 64px; }
	:is(p, span, div).iv-figure--lg { font-size: 48px; }
}
:is(p, span, div).iv-figure--purple { color: var(--iv-purple); }
:is(p, span, div).iv-figure--green { color: var(--iv-green-text); }

/* Encabezado del formulario dentro de la tarjeta .iv-form */
.iv-form__head { margin-bottom: 28px; }
:is(h2, h3, p).iv-h2--form,
:is(h2, h3, p).iv-h3--lg { font-size: 26px; line-height: 1.1; font-weight: 700; letter-spacing: var(--iv-track-title); }
@media (min-width: 1025px) {
	:is(h2, h3, p).iv-h2--form,
	:is(h2, h3, p).iv-h3--lg { font-size: 34px; }
}
:is(p, div).iv-body--lg { font-size: var(--iv-fs-body); line-height: 1.6; color: var(--iv-text-2); }
@media (min-width: 1025px) { :is(p, div).iv-body--lg { font-size: 19px; } }

/* Tabla + nota dentro de la misma tarjeta (Exponer en cada feria) */
.iv-tablecard { border: 1px solid var(--iv-line); border-radius: var(--iv-r-sm); overflow: hidden; background: #fff; }
@media (min-width: 1025px) { .iv-tablecard { border-radius: var(--iv-r-card); } }
.iv-tablecard .iv-table-wrap { border: 0; border-radius: 0; }
:is(p, div).iv-tablecard__note { margin: 0; padding: 14px 16px; border-top: 1px solid var(--iv-line); font-size: var(--iv-fs-small); line-height: 1.5; color: var(--iv-muted); }
@media (min-width: 1025px) { :is(p, div).iv-tablecard__note { padding: 16px 18px; } }

/* Rejillas del diseño: formulario + lateral */
@media (min-width: 1025px) {
	.iv-grid--form-wide { grid-template-columns: 1.5fr .9fr; gap: 40px; align-items: start; }
	.iv-grid--form-mid { grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: start; }
	.iv-grid--aside-left { grid-template-columns: .9fr 1.3fr; gap: 40px; align-items: start; }
	.iv-grid--half { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--iv-gap-lg); align-items: start; }
}

/* En móvil, los botones dentro de tarjetas ocupan todo el ancho (como el diseño móvil) */
@media (max-width: 640px) {
	.iv-card .wp-block-buttons { flex-direction: column; align-items: stretch; }
	.iv-card .iv-btn,
	.iv-card .iv-btn > .wp-block-button__link { width: 100%; }
}

/* Footer en móvil/tablet: Ferias y Participar en dos columnas (diseño móvil) */
@media (max-width: 921px) {
	.site-footer .site-primary-footer-wrap .ast-builder-grid-row { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
	.site-footer .site-primary-footer-wrap .site-footer-primary-section-1,
	.site-footer .site-primary-footer-wrap .site-footer-primary-section-4 { grid-column: 1 / -1; }
}

/* Agenda del programa (tarjeta con pestañas por día) */
.iv-agenda { border: 1px solid var(--iv-line); border-radius: var(--iv-r-sm); overflow: hidden; background: #fff; }
@media (min-width: 1025px) { .iv-agenda { border-radius: var(--iv-r-card); } }
.iv-agenda__tabs { display: flex; border-bottom: 1px solid var(--iv-line); overflow-x: auto; scrollbar-width: none; }
.iv-agenda__tab { flex: 1 0 auto; padding: 16px 18px; border-bottom: 3px solid transparent; margin-bottom: -1px; font-size: 15px; font-weight: 600; color: var(--iv-muted); white-space: nowrap; }
.iv-agenda__tabs--center .iv-agenda__tab { text-align: center; }
.iv-agenda__tab.is-active { color: var(--iv-accent); border-bottom-color: var(--iv-accent); }
/* Móvil: pestañas del mismo ancho, "Día 1" arriba y la fecha abajo (no se corta) */
@media (max-width: 640px) {
	.iv-agenda__tab { flex: 1 1 0; min-width: 0; padding: 14px 16px; white-space: normal; }
	.iv-agenda__sep { display: none; }
	.iv-agenda__day { display: block; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
	.iv-agenda__date { display: block; margin-top: 2px; font-size: 14px; }
}
.iv-agenda__row { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; padding: 20px 18px; border-bottom: 1px solid var(--iv-line); }
.iv-agenda__row:last-child { border-bottom: 0; }
.iv-agenda__time { font-weight: 600; color: var(--iv-accent); }
.iv-agenda__text { display: flex; flex-direction: column; gap: 4px; }
.iv-agenda__title { font-size: 17px; font-weight: 600; color: var(--iv-ink); }
.iv-agenda__meta { font-size: var(--iv-fs-small); color: var(--iv-muted); }
@media (max-width: 640px) {
	.iv-agenda__row { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 18px 16px; }
}
@media (min-width: 1025px) {
	.iv-agenda__tab { padding: 18px 24px; font-size: 16px; }
	.iv-agenda__row { grid-template-columns: 120px minmax(0, 1fr); gap: 24px; padding: 22px 24px; }
	.iv-agenda__title { font-size: 18px; }
}

/* Visitar: tarjeta + mapa */
@media (min-width: 1025px) {
	.iv-grid--visit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; align-items: stretch; }
}
.iv-grid--visit > .wp-block-shortcode,
.iv-grid--visit > .iv-map { min-height: 100%; }
.iv-map { position: relative; height: 100%; background: var(--iv-line); }
.iv-map__open {
	position: absolute;
	top: 14px;
	left: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 14px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(9, 10, 38, .14);
	font-size: 15px;
	font-weight: 600;
	color: var(--iv-accent);
	text-decoration: none;
}
.iv-map__open:hover { color: var(--iv-ink); }
.iv-infolist a { color: var(--iv-accent); font-weight: 500; }
/* Como el diseño: el botón de la tarjeta de Visitar queda abajo cuando la tarjeta es más alta que su contenido */
.iv-grid--visit > .iv-card > .wp-block-buttons:last-child { margin-top: auto; }

/* Tamaños de texto puntuales del diseño (escritorio) */
@media (min-width: 1025px) {
	:is(.iv-hero--ciudad, .iv-hero--agrotech, .iv-hero--venezuela) :is(h1, p).iv-h1 { font-size: 68px; }
	.iv-hero--portal :is(p, div).iv-lead { font-size: 22px; }
	.iv-hero--light :is(p, div).iv-lead { font-size: 19px; }
	.iv-cta-band :is(h2, p).iv-h2 { font-size: 44px; }
	.iv-cta-band--lg :is(h2, p).iv-h2 { font-size: 52px; }
	.iv-cta-band :is(p, div).iv-lead { font-size: 18px; }
	.iv-cta-band--lg :is(p, div).iv-lead { font-size: 19px; }
	:is(h2, p).iv-h2--lg { font-size: 56px; line-height: 1.04; }
	.iv-grid--visit :is(h2, p).iv-h2 { font-size: 40px; }
	.iv-card--compact :is(h3, p).iv-h3 { font-size: 22px; }
	.iv-table-wrap th, .iv-table-wrap.wp-block-table th { font-size: 13px; }
	:is(.iv-card--compact, .iv-grid--form-wide .iv-card, .iv-grid--form-mid .iv-card, .iv-grid--aside-left .iv-card) :is(p, div).iv-body,
	.iv-meta { font-size: 16px; }
	.iv-feria-card__lema { font-size: 22px; }
	.iv-statgrid > .iv-span-2 :is(p).iv-body { font-size: 17px; }
	.iv-section-head:has(.iv-h2--lg) > p { font-size: 18px; }
	:is(ul, ol).iv-dots { font-size: 16px; }
	.iv-form__head :is(p).iv-caption { font-size: 16px; }
	.iv-card--ink :is(p).iv-caption { font-size: 14px; }
	.iv-datacard .iv-eyebrow,
	.iv-grid--aside-left .iv-card--compact :is(p).iv-eyebrow { font-size: 13px; }
}

/* Botón del header activo en su propia página */
.iv-page-exponer .site-header .ast-header-button-1 .ast-custom-button { background: var(--iv-ink); color: #fff; }

/* 14 · UTILIDADES --------------------------------------------------------- */
.iv-center { text-align: center; }
.iv-mt-auto { margin-top: auto; }
.iv-full { width: 100%; }
.iv-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) {
	.iv-hide-mobile { display: none !important; }
}
@media (min-width: 641px) {
	.iv-only-mobile { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* Si una rejilla de 2 columnas queda con un solo hijo (p. ej. sin mapa), ocupa todo el ancho */
.iv-grid > :only-child { grid-column: 1 / -1; }

/* 16 · v1.0.11 ---------------------------------------------------------------- */

/* Fila inferior del footer: los enlaces van igual que el copyright (14px, gris) */
.site-footer .site-below-footer-wrap .ast-builder-html-element { font-size: 14px; }
.site-footer .site-below-footer-wrap a { color: rgba(255, 255, 255, .55); }
.site-footer .site-below-footer-wrap a:hover { color: #fff; }

/* [iv_temas] — desktop/tablet: pastillas del diseño (sin ícono ni flechas) */
.iv-temas__icon,
.iv-temas__nav { display: none; }

/* [iv_temas] — mobile: carrusel de tarjetas con ícono + puntos y flechas */
@media (max-width: 640px) {
	.iv-temas .iv-temas__rail {
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 12px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		overscroll-behavior-x: contain;
		margin-inline: calc(-1 * var(--iv-gutter));
		padding-inline: var(--iv-gutter);
		scroll-padding-inline: var(--iv-gutter);
		scrollbar-width: none;
	}
	.iv-temas .iv-temas__rail::-webkit-scrollbar { display: none; }
	.iv-temas .iv-temas__item {
		flex: none;
		box-sizing: border-box;
		width: 158px;
		min-height: 150px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		gap: 16px;
		padding: 18px;
		border-radius: 20px;
		font-size: 17px;
		font-weight: 600;
		line-height: 1.2;
		scroll-snap-align: start;
	}
	.iv-temas .iv-temas__icon { display: inline-flex; }
	.iv-temas .iv-temas__nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }
	.iv-temas__dots { display: flex; gap: 6px; }
	.iv-temas__dots i { width: 7px; height: 7px; border-radius: 99px; background: var(--iv-line-strong); transition: width .2s, background-color .2s; }
	.iv-temas__dots i.is-on { width: 22px; background: var(--iv-purple); }
	.iv-temas__arrows { display: flex; gap: 8px; }
	.iv-temas .iv-temas__btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 42px;
		height: 42px;
		padding: 0;
		border-radius: 99px;
		border: 1px solid var(--iv-line-strong);
		background: #fff;
		color: var(--iv-ink);
		cursor: pointer;
		transition: opacity .2s;
	}
	.iv-temas .iv-temas__btn--next { background: var(--iv-ink); border-color: var(--iv-ink); color: #fff; }
	.iv-temas .iv-temas__btn:disabled { opacity: .35; cursor: default; }
	.iv-temas .iv-temas__btn:focus-visible { outline: 2px solid var(--iv-purple); outline-offset: 2px; }
}

/* Menú principal — desktop: 16px y 28px entre enlaces, como el diseño */
@media (min-width: 922px) {
	.site-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link { font-size: 16px; padding-inline: 14px; }
}

/* Menú en mobile (se despliega bajo el header) */
.ast-mobile-header-content { border-bottom: 1px solid var(--iv-line); }
.ast-mobile-header-content #ast-hf-mobile-menu .menu-item > .menu-link {
	padding: 16px var(--iv-gutter);
	font-size: 18px;
	font-weight: 500;
	color: var(--iv-ink);
	border-bottom-color: var(--iv-line);
}
.ast-mobile-header-content #ast-hf-mobile-menu .menu-item:is(.current-menu-item, :hover) > .menu-link { color: var(--iv-purple); }
.ast-mobile-header-content .ast-header-button-1 { width: 100%; box-sizing: border-box; padding: 20px var(--iv-gutter) 24px; }
.ast-mobile-header-content .ast-header-button-1 :is(.ast-builder-button-wrap, .ast-custom-button-link, .ast-custom-button) { display: flex; justify-content: center; width: 100%; box-sizing: border-box; }

/* Botón del menú en mobile: caja de 44px con borde, como el diseño */
.ast-mobile-header-wrap .menu-toggle.ast-mobile-menu-trigger-minimal {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--iv-line);
	border-radius: 12px;
	background: #fff;
}
.ast-mobile-header-wrap .menu-toggle .ast-mobile-svg { width: 22px; height: 22px; }
.ast-mobile-header-content #ast-hf-mobile-menu { background: #fff; }

/* Header desktop: logo · menú · botones repartidos como el diseño (justify-content: space-between) */
@media (min-width: 922px) {
	#ast-desktop-header .ast-primary-header-bar .ast-builder-grid-row.ast-grid-center-col-layout { display: flex; justify-content: space-between; align-items: center; gap: 32px; }
	#ast-desktop-header .ast-primary-header-bar .ast-builder-grid-row > .site-header-section { flex: none; width: auto; }
}
/* Laptops pequeñas / iPad horizontal: no cabe todo en una línea → queda solo "Quiero asistir" (Exponer sigue en los heros y en el footer) */
@media (min-width: 922px) and (max-width: 1199px) {
	#ast-desktop-header .ast-header-button-1 { display: none; }
	.site-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link { padding-inline: 10px; }
}

/* Menú desktop: la página actual va subrayada (2px), como el diseño. En Agrotech, en verde. */
@media (min-width: 922px) {
	.site-header .ast-builder-menu-1 .main-header-menu > .menu-item:is(.current-menu-item, .current-menu-ancestor) > .menu-link { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 10px; }
	.iv-page-innova-agrotech .site-header .ast-builder-menu-1 .main-header-menu > .menu-item:is(.current-menu-item, .current-menu-ancestor) > .menu-link { color: var(--iv-green-text); }
}

/* 922–1099px: todo un poco más compacto para que logo, menú y botón quepan en una línea */
@media (min-width: 922px) and (max-width: 1099px) {
	#ast-desktop-header .ast-primary-header-bar .ast-builder-grid-row.ast-grid-center-col-layout { gap: 16px; }
	.site-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link { font-size: 15px; padding-inline: 8px; }
	.site-header .ast-custom-button { min-height: 48px; padding: 0 20px; font-size: 15px; }
}

/* 17 · FORMULARIOS como el diseño (v1.0.15) ------------------------------------ */
/* Columnas: 18px entre campos, como la rejilla del diseño */
.iv-form .fluentform .ff-t-container { gap: 18px; }
.iv-form .fluentform .ff-t-container > .ff-t-cell { padding-inline: 0; }
.iv-form .fluentform .ff-el-group { margin-bottom: 18px; }
.iv-form .fluentform .ff-el-input--label { margin-bottom: 8px; }
.iv-form .fluentform .ff-el-input--label label { line-height: 1.3; }
.iv-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after { color: inherit; }

/* Títulos de sección = <legend> del diseño: 14px, mayúsculas, morado */
.iv-form .fluentform .ff-el-section-break { margin: 22px 0 14px; }
.iv-form .fluentform .ff-el-section-break:first-of-type,
.iv-form .fluentform fieldset > .ff-el-section-break:first-child { margin-top: 0; }
.iv-form .fluentform .ff-el-section-break :is(.ff-el-section-title, h3) {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--iv-purple);
}
.iv-form .fluentform .ff-el-section-break hr { display: none; }

/* Selects con flecha propia */
.iv-form .fluentform select.ff-el-form-control {
	appearance: none;
	padding-right: 44px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23090a26' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 18px;
}

/* Tarjetas de feria (casillas "feria") */
.iv-form .fluentform .iv-fchips .ff-el-input--content { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 640px) {
	.iv-form .fluentform .iv-fchips .ff-el-input--content { grid-template-columns: 1fr; }
}
.iv-form .fluentform .iv-fchips .ff-el-form-check { margin: 0; padding: 0; border: 0; background: none; }
.iv-form .fluentform .iv-fchips .ff-el-form-check-label {
	display: flex;
	align-items: center;
	gap: 14px;
	height: 100%;
	box-sizing: border-box;
	padding: 16px 18px;
	border: 1.5px solid var(--iv-line-strong);
	border-radius: 16px;
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
}
.iv-form .fluentform .iv-fchips .ff-el-form-check-label:has(input:checked) { border-color: var(--iv-purple); background: var(--iv-tint-purple); }
.iv-form .fluentform .iv-fchips .ff-el-form-check-label input { flex: none; width: 22px; height: 22px; margin: 0; }
.iv-form .fluentform .iv-fchips .ff-el-form-check-label > span { display: flex; flex-direction: column; gap: 2px; }
.iv-fchip__name { font-size: 16px; font-weight: 600; color: var(--iv-ink); line-height: 1.25; }
.iv-fchip__meta { font-size: 13px; color: var(--iv-muted); line-height: 1.3; }
.iv-form .fluentform .iv-fchips .ff-el-input--label { display: none; }

/* Aceptación (términos): línea arriba, como el diseño */
.iv-form .fluentform .ff-el-tc,
.iv-form .fluentform .ff-el-group:has(.ff_tc_checkbox) { margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--iv-line); }
.iv-form .fluentform .ff-el-tc .ff-el-form-check-label,
.iv-form .fluentform .ff_tc_label { display: flex; align-items: flex-start; gap: 12px; padding: 0; border: 0; font-size: 16px; line-height: 1.5; color: var(--iv-text-2); cursor: pointer; }
.iv-form .fluentform .ff-el-tc .ff-el-form-check,
.iv-form .fluentform .ff-el-group:has(.ff_tc_checkbox) .ff-el-form-check { padding: 0; margin: 0; border: 0; background: none; }
.iv-form .fluentform .ff_tc_label input[type="checkbox"] { flex: none; width: 22px; height: 22px; margin: 1px 0 0; }
.iv-form .fluentform .ff_t_c a { color: var(--iv-purple); text-decoration: underline; }

/* Comprobante: zona punteada */
.iv-form .fluentform .ff_file_upload_holder {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 32px;
	border: 1.5px dashed var(--iv-placeholder-line);
	border-radius: 18px;
	background: var(--iv-placeholder-bg);
	text-align: center;
}
.iv-drop__icon { color: var(--iv-purple); line-height: 0; }
.iv-drop__title { font-weight: 600; color: var(--iv-ink); }
.iv-drop__hint { font-size: 14px; color: var(--iv-muted); }
.iv-form .fluentform .ff_upload_btn.ff-btn {
	margin-top: 8px;
	padding: 10px 20px;
	border: 1.5px solid var(--iv-ink);
	border-radius: var(--iv-r-pill);
	background: transparent;
	color: var(--iv-ink);
	font-family: var(--iv-font);
	font-size: 15px;
	font-weight: 600;
}
.iv-form .fluentform .ff_upload_btn.ff-btn:hover { background: var(--iv-ink); color: #fff; }

/* Botón enviar: Fluent pone el color en línea → hay que ganarle */
.iv-form .fluentform .ff-btn-submit { min-height: 54px; padding: 0 36px; background-color: var(--iv-purple) !important; border-color: var(--iv-purple) !important; color: #fff !important; }
.iv-form .fluentform .ff-btn-submit:hover { background-color: var(--iv-purple-hover) !important; }
.iv-form .fluentform .iv-fchips .ff-el-form-check-label { margin: 0; }
.iv-form .fluentform .ff-el-tc .ff_t_c::after { content: " *"; }
.iv-form .fluentform .ff_file_upload_holder { cursor: pointer; }
.iv-form .fluentform .ff_file_upload_holder:hover { border-color: var(--iv-purple); }

/* [iv_redes] — íconos de redes (footer y tarjeta "Organiza") */
.iv-redes { display: flex; gap: 10px; padding-top: 8px; }
.iv-redes__link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .25); color: #fff; text-decoration: none; transition: background-color .15s, border-color .15s; }
.iv-redes__link:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .5); color: #fff; }
.site-footer .iv-redes__link, .site-footer .iv-redes__link:hover { color: #fff; }

/* [iv_cintillo] en la fila del copyright: 44px de alto (se leen "VENEZUELA" y "CIENCIA Y TECNOLOGÍA") */
.iv-cintillo { display: block; width: 290px; max-width: 100%; height: auto; margin-inline: auto; }
@media (max-width: 921px) {
	.iv-cintillo { width: 264px; margin-inline: 0; }
}