/**
 * main.css - Estilos base globales del tema hijo Blanes Zontes.
 *
 * IMPORTANTE: la prioridad del proyecto es estilar TODO desde Elementor
 * (Site Settings, colores y tipografías globales, containers).
 * Este archivo es solo para ajustes globales muy concretos que Elementor
 * no resuelve bien. Evita reglas agresivas sobre `.elementor`.
 *
 * Convención de clases del proyecto (aplicadas desde Elementor > Avanzado):
 *   .zontes-hero-model
 *   .zontes-card-moto
 *   .zontes-cta-blanes
 *   .zontes-feature-grid
 *   .zontes-sticky-contact
 *
 * No uses selectores frágiles basados en IDs autogenerados de Elementor.
 */

/* -------------------------------------------------------------------------
 * Variables de proyecto (opcionales)
 * -------------------------------------------------------------------------
 * Para colores y tipografías usa preferiblemente los Global Colors/Fonts de
 * Elementor. Estas variables son solo un respaldo para CSS personalizado
 * puntual; ajústalas o elimínalas según necesites.
 * --------------------------------------------------------------------------- */
:root {
	--zontes-radius: 6px;
	--zontes-transition: 0.25s ease;
}

/* Mejoras de base no intrusivas */
img,
svg {
	max-width: 100%;
	height: auto;
}

/* Foco accesible visible (no romper accesibilidad por estética) */
a:focus-visible,
button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}
