/* Safari Viajes — CSS propio (encima de Tailwind) */

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	vertical-align: middle;
}

.hero-gradient {
	background: linear-gradient(to bottom, rgba(18, 18, 18, 0.4) 0%, rgba(18, 18, 18, 0.8) 100%);
}

.hero-gradient-detail {
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.2) 50%, rgba(18, 18, 18, 0.9) 100%);
}

.nav-blur {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* Reveal al hacer scroll */
.sv-reveal {
	opacity: 0;
	transform: translateY(2.5rem);
	transition: opacity 0.7s ease, transform 0.7s ease;
}
.sv-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

html {
	scroll-behavior: smooth;
}

/* Logo del sitio: contener altura (la imagen original es grande) */
.custom-logo {
	height: 40px;
	width: auto;
	max-width: 220px;
	object-fit: contain;
}
@media (min-width: 768px) {
	.custom-logo { height: 46px; }
}
footer .custom-logo {
	height: 64px;
	max-width: 260px;
}