/**
 * responsive.css - Ajustes responsive del CSS personalizado.
 *
 * Recuerda: Elementor ya gestiona el responsive (breakpoints, columnas,
 * tamaños, visibilidad por dispositivo) de forma visual. Usa este archivo
 * SOLO para media queries del CSS personalizado de /components.css o
 * /elementor-helpers.css que Elementor no pueda cubrir.
 *
 * Breakpoints orientativos alineados con los de Elementor (ajústalos si
 * cambias los breakpoints en Elementor > Site Settings).
 */

/* Móvil (hasta 767px) */
@media (max-width: 767px) {
	/* Ajustes específicos de móvil para clases .zontes-* */
}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	/* Ajustes específicos de tablet para clases .zontes-* */
}

/* Escritorio (1025px en adelante) */
@media (min-width: 1025px) {
	/* Ajustes específicos de escritorio para clases .zontes-* */
}