/*
Theme Name: Tres Areas 2026
Text Domain: tres-areas-2026
Description: Tema propio ligero y accesible para la nueva web de 3áreas Topografía, construido conforme al manual del proyecto.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/*
 * Mobile safeguards for the home-page commitment and the Forminator contact
 * form. These rules are deliberately scoped so desktop layouts stay unchanged.
 */
@media (max-width: 760px) {
	.home .commitment {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: .65rem !important;
	}

	.home .commitment > * {
		min-width: 0;
	}

	.contact-page,
	.contact-page .form-section,
	.contact-page .forminator-wrapper,
	.contact-page .forminator-ui {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.contact-page .forminator-row {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.contact-page .forminator-col {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		box-sizing: border-box !important;
	}

	.contact-page .forminator-field,
	.contact-page .forminator-label,
	.contact-page .forminator-description,
	.contact-page .forminator-field-html,
	.contact-page .forminator-field-html p,
	.contact-page .forminator-multi-upload-message {
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		overflow-wrap: anywhere;
		white-space: normal !important;
	}

	.contact-page .forminator-input,
	.contact-page .forminator-textarea,
	.contact-page .forminator-select,
	.contact-page .forminator-select--field,
	.contact-page .select2,
	.contact-page .select2-container,
	.contact-page .forminator-multi-upload {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
}