/* integraIA · las secciones de las portadas, comunes a todos los sectores.
 * Los colores salen de la paleta de Kadence (--global-paletteN) y las fuentes
 * de su tipografía, así que se retocan en el personalizador. Lo propio de cada
 * sector va en sector-*.css. */

/* El ancho del contenido lo pone el relleno lateral, y no un max-width en los
 * hijos: así vale igual con o sin fondo y con hijos «ancho» o normales. */
.entry-content .ia-seccion,
.ia-seccion {
	padding-block: clamp(3.5rem, 7vw, 6rem) !important;
	padding-inline: max(1.25rem, calc((100% - 1180px) / 2)) !important;
	margin-block: 0 !important;
}
.ia-seccion > *,
.ia-seccion > .alignwide { max-width: none !important; margin-inline: 0 !important; }

.ia-seccion h2 { margin-top: 0; }
.has-text-color h1,
.has-text-color h2,
.has-text-color h3 { color: inherit; }

/* Los grupos pequeños van pegados: el hueco entre bloques de WordPress es para texto corrido. */
.ia-cifra > *,
.ia-tarjeta > *,
.ia-paso > *,
.ia-precio > *,
.ia-foto > * { margin-block: 0 !important; }
.ia-tarjeta > * + *,
.ia-paso > * + * { margin-top: .5rem !important; }
.ia-seccion .wp-block-columns { gap: clamp(2rem, 5vw, 3.5rem); margin-bottom: 0; }

.ia-kicker,
.ia-etiqueta {
	font-family: var(--global-heading-font-family, inherit);
	font-weight: 700;
	font-size: .85rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--global-palette1);
	margin-bottom: 1rem;
}
.ia-etiqueta {
	display: inline-block;
	letter-spacing: 0;
	text-transform: none;
	font-size: .9rem;
	padding: .35rem .9rem;
	border-radius: 999px;
	background: var(--global-palette9);
}

.ia-entradilla { font-size: clamp(1.1rem, 1.6vw, 1.3rem); max-width: 36rem; color: var(--global-palette5); }
.has-text-color .ia-entradilla { color: inherit; opacity: .85; }

.ia-hero h1 { margin-top: 0; }
.ia-hero__columnas { align-items: center; }

.ia-cifras { gap: 2.5rem !important; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--global-gray-400, rgba(0, 0, 0, .15)); flex-wrap: wrap; align-items: flex-start !important; }
.ia-cifras > .ia-cifra { margin: 0 !important; flex: 0 1 auto; max-width: 14rem; }
.ia-cifra__n { margin-bottom: .35rem !important; }
.ia-cifra__n { font-family: var(--global-heading-font-family, inherit); font-weight: 800; font-size: 2.5rem; line-height: 1; color: var(--global-palette3); }
.ia-cifra__t { font-size: .95rem; color: var(--global-palette5); }

.ia-foto {
	min-height: 280px;
	display: flex !important;
	align-items: flex-end;
	padding: 1rem !important;
	background: var(--global-palette7);
	border-radius: var(--ia-radio, 0);
}
.ia-foto--alta { min-height: 460px; }
.ia-foto--panoramica { min-height: 420px; margin-top: 3rem; }
.ia-foto__rotulo { margin: 0; padding: .3rem .7rem; font-size: .85rem; background: var(--global-palette9); color: var(--global-palette5); }

.ia-tarjetas { gap: 1.25rem; }
.ia-tarjeta { padding: 1.75rem; background: var(--global-palette9); border: 1px solid var(--global-gray-400, rgba(0, 0, 0, .12)); border-radius: var(--ia-radio, 0); }
.ia-tarjeta h3 { margin-top: 0; }
.ia-tarjeta p:last-child { margin-bottom: 0; color: var(--global-palette5); }
.ia-mas { margin-top: 1.5rem; font-weight: 600; }

.ia-pasos { gap: 2rem; }
.ia-paso__n { font-family: var(--global-heading-font-family, inherit); font-weight: 800; font-size: 2.75rem; line-height: 1; color: var(--global-palette1); margin: 0; }
.ia-paso h3 { margin: .75rem 0 .25rem; font-size: 1.15rem; }
.ia-paso p:last-child { margin: 0; color: var(--global-palette5); }

.ia-caja { padding: clamp(1.25rem, 3vw, 2rem) !important; border-radius: var(--ia-radio, 0); }

.ia-centrado { text-align: center; margin-inline: auto; }

.ia-contacto h2 { color: inherit; }
.ia-contacto .pia-campo input,
.ia-contacto .pia-campo select,
.ia-contacto .pia-campo textarea { border-color: transparent; }
.ia-contacto .pia-legal a { color: inherit; }

@media (max-width: 781px) {
	.ia-foto--alta { min-height: 260px; }
	.ia-cifras { gap: 1.5rem !important; }
}