/* SPI Core: QA final (ronda 2). Correcciones de bajo riesgo; ver includes/ui-qa2.php. */

/* 1. Aplicaciones: máximo 3 columnas en escritorio (con 5 columnas los títulos largos chocaban con el número siguiente). */
@media (min-width: 1025px) {
	.spi-cv-aplicaciones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.spi-cv-aplicaciones.spi-cv-n2, .spi-cv-aplicaciones.spi-cv-n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 641px) and (max-width: 1024px) {
	.spi-cv-aplicaciones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.spi-cv-aplicacion__titulo, .spi-cv-paso__titulo, .spi-cv-beneficio__titulo, .spi-cv-tarjeta__titulo, .spi-cv-reto__titulo { overflow-wrap: break-word; hyphens: auto; }

/* 2. Pasos en fila con 6 o más etapas: título más pequeño para que palabras como "PRETRATAMIENTO" quepan. */
@media (min-width: 1025px) {
	.spi-cv-pasos.spi-cv-n6 .spi-cv-paso__titulo, .spi-cv-pasos.spi-cv-n7 .spi-cv-paso__titulo, .spi-cv-pasos.spi-cv-n8 .spi-cv-paso__titulo { font-size: 1rem; }
}

/* 3. Contraste AA: texto chispa (#F26B1D, 2,8:1) sobre fondo hueso pasa a chispa_texto (Nosotros, Contacto, Gracias, 404). */
.elementor-126 .elementor-element-aa12777 .elementor-heading-title,
.elementor-126 .elementor-element-56ffb2e .elementor-heading-title,
.elementor-126 .elementor-element-e185967 .elementor-heading-title,
.elementor-126 .elementor-element-54378da .elementor-heading-title,
.elementor-126 .elementor-element-8ad22e7 .elementor-heading-title,
.elementor-126 .elementor-element-56175e9 .elementor-heading-title,
.elementor-126 .elementor-element-d712d01 .elementor-heading-title,
.elementor-127 .elementor-element-7550fd2 .elementor-heading-title,
.elementor-128 .elementor-element-3816ba4 .elementor-heading-title,
.elementor-185 .elementor-element-951983c .elementor-heading-title {
	color: var(--e-global-color-chispa_texto, #b84a0c) !important;
}

/* 4. Inicio: sección "Empresas que confían en SPI" oculta hasta tener logos autorizados (AGENTS.md, sección 5, fila 11). */
.elementor-125 .elementor-element-cb8392f { display: none !important; }

/* 5. Inicio, móvil: "GRANALLAMOS" a 44 px desbordaba 8 px la columna en 390 px. */
@media (max-width: 420px) {
	.elementor-125 .elementor-element-a4ac87a .elementor-heading-title { font-size: 40px !important; }
}
@media (max-width: 360px) {
	.elementor-125 .elementor-element-a4ac87a .elementor-heading-title { font-size: 34px !important; }
}

/* 6. Tarjetas de servicio/industria: toda la tarjeta es clicable (antes solo el título, 20 px de alto en móvil). */
.spi-cv-tarjeta { position: relative; }
.spi-cv-tarjeta__titulo a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.spi-cv-tarjeta__titulo a:focus-visible { outline: none; }
.spi-cv-tarjeta:focus-within { outline: 3px solid var(--e-global-color-chispa, #f26b1d); outline-offset: 3px; }

/* 7. Áreas táctiles de 44 px en móvil: migas de pan y lista de contacto del CTA final. */
@media (max-width: 767px) {
	.rank-math-breadcrumb a { display: inline-block; padding: 12px 0; margin: -12px 0; }
	.elementor-172 .elementor-icon-list-item > a { min-height: 44px; display: inline-flex; align-items: center; }
}