/* RAOON Core — formularios, alertas y botón flotante de WhatsApp */
:root {
	--raoon-orange: #f97316;
	--raoon-orange-dark: #ea580c;
	--raoon-orange-light: #fb923c;
	--raoon-blue: #2563eb;
	--raoon-gray-50: #f9fafb;
	--raoon-gray-100: #f3f4f6;
	--raoon-gray-200: #e5e7eb;
	--raoon-gray-700: #374151;
	--raoon-gray-900: #1f2937;
	--raoon-radius: 14px;
	--raoon-shadow: 0 12px 30px rgba(31, 41, 55, 0.08);
}

.raoon-form-wrap {
	background: #fff;
	border: 1px solid var(--raoon-gray-200);
	border-radius: var(--raoon-radius);
	padding: 2rem;
	box-shadow: var(--raoon-shadow);
}
.raoon-form__title { margin: 0 0 1.25rem; font-size: 1.4rem; color: var(--raoon-gray-900); }
.raoon-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.raoon-form__field--textarea,
.raoon-form__field--checkboxes { grid-column: 1 / -1; }
.raoon-form__field label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: .35rem; color: var(--raoon-gray-700); }
.raoon-form__field .req { color: var(--raoon-orange); }
.raoon-form input[type="text"],
.raoon-form input[type="email"],
.raoon-form input[type="tel"],
.raoon-form select,
.raoon-form textarea {
	width: 100%;
	padding: .75rem .9rem;
	border: 1px solid var(--raoon-gray-200);
	border-radius: 10px;
	font: inherit;
	font-size: 1rem;
	background: var(--raoon-gray-50);
	transition: border-color .2s, box-shadow .2s;
}
.raoon-form input:focus,
.raoon-form select:focus,
.raoon-form textarea:focus {
	outline: none;
	border-color: var(--raoon-orange);
	box-shadow: 0 0 0 3px rgba(249, 115, 22, .15);
	background: #fff;
}
.raoon-form__checks { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.raoon-check { display: inline-flex; align-items: center; gap: .5rem; font-weight: 500; color: var(--raoon-gray-700); }
.raoon-check input { width: 1.1rem; height: 1.1rem; accent-color: var(--raoon-orange); }
.raoon-check--privacy { margin: 1.25rem 0; font-size: .9rem; align-items: flex-start; }
.raoon-alert { display: flex; gap: .6rem; align-items: center; padding: .9rem 1rem; border-radius: 10px; margin-bottom: 1.25rem; font-weight: 500; }
.raoon-alert--success { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.raoon-alert--error { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

.raoon-whatsapp-float {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: #25d366;
	color: #fff !important;
	padding: .85rem 1.1rem;
	border-radius: 999px;
	box-shadow: 0 10px 25px rgba(37, 211, 102, .4);
	font-weight: 600;
	text-decoration: none;
	transition: transform .2s, box-shadow .2s;
}
.raoon-whatsapp-float:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(37, 211, 102, .5); }
.raoon-whatsapp-float svg { width: 22px; height: 22px; }
.raoon-whatsapp-float span { display: none; }
@media (min-width: 768px) { .raoon-whatsapp-float span { display: inline; } }
@media (max-width: 640px) {
	.raoon-form__grid { grid-template-columns: 1fr; }
	.raoon-form-wrap { padding: 1.5rem; }
}
