/**
 * elementor-helpers.css - Clases utilitarias para usar DENTRO de Elementor.
 *
 * Estas clases están pensadas para aplicarse a containers o widgets de
 * Elementor desde la pestaña "Avanzado > CSS Classes". Son utilidades que
 * Elementor no ofrece de forma directa. No abuses de ellas: si Elementor
 * ya permite el ajuste (padding, margin, gap, fondo...), hazlo en Elementor.
 *
 * Mantén estas clases genéricas y reutilizables.
 */

/* Container/elemento pegajoso simple (cuando el sticky de Elementor no encaje) */
.zontes-sticky-contact {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* Forzar que un container ocupe el 100% del alto del viewport si se requiere */
.zontes-full-height {
	min-height: 100vh;
}

/* Suavizar transiciones de hover en tarjetas/botones personalizados */
.zontes-smooth {
	transition: transform var(--zontes-transition), box-shadow var(--zontes-transition);
}

/* Utilidad para ocultar visualmente manteniendo accesibilidad (lectores) */
.zontes-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}