/**
 * Pages — styles specific to inner templates (Servicios, Visas landing +
 * destino, Consultoría, FAQ, Contacto, Acerca de, single/archive/search/
 * 404). Home has its own home.css; the client-area pages keep their own
 * client-area.css.
 *
 * @package ramosalas
 */

/* -------------------------------------------------------------------- */
/* Contacto                                                              */
/* -------------------------------------------------------------------- */

.ra-contact-layout {
	display: grid;
	gap: var(--ra-space-12);
	grid-template-columns: 1fr;
}

@media (min-width: 64em) {
	.ra-contact-layout {
		grid-template-columns: 1fr 2fr;
	}
}

.ra-contact-info p {
	margin-bottom: var(--ra-space-4);
}

.ra-contact-info i {
	color: var(--ra-color-secondary);
	width: 1.5em;
}

.ra-contact-form {
	background: var(--ra-color-surface);
	padding: var(--ra-space-8);
	border-radius: var(--ra-radius);
	box-shadow: var(--ra-shadow-1);
}

/* -------------------------------------------------------------------- */
/* Consultoría                                                          */
/* -------------------------------------------------------------------- */

.ra-channel-card {
	text-decoration: none;
	color: inherit;
	text-align: center;
	transition: transform var(--ra-duration) var(--ra-easing);
}

.ra-channel-card:hover {
	transform: translateY(-4px);
	color: inherit;
}

.ra-channel-card .ra-card__body {
	align-items: center;
}

.ra-channel-card i {
	font-size: 2rem;
	color: var(--ra-color-secondary);
	margin-bottom: var(--ra-space-2);
}

.ra-trigger-card {
	background: var(--ra-color-surface-alt);
	border-radius: var(--ra-radius);
	padding: var(--ra-space-8);
	text-align: center;
}

.ra-trigger-card h3 {
	margin-bottom: var(--ra-space-6);
}

/* -------------------------------------------------------------------- */
/* Visa destino — legal disclaimer                                      */
/* -------------------------------------------------------------------- */

.ra-legal-disclaimer {
	background: var(--ra-color-surface-alt);
	border-left: 4px solid var(--ra-color-primary);
	border-radius: 0 var(--ra-radius) var(--ra-radius) 0;
	padding: var(--ra-space-6);
}

.ra-legal-disclaimer h3 {
	margin-top: 0;
}

.ra-legal-disclaimer p:last-child {
	margin-bottom: 0;
	font-size: var(--ra-fs-300);
	color: var(--ra-color-muted);
}