/* ==========================================================================
   LOS VIAJES DE RAMSITO v2 — Responsive
   ========================================================================== */

/* --- Header scrolled state --- */
.header-scrolled {
	box-shadow: 0 4px 30px rgba(83, 49, 25, 0.08);
}

#site-header {
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
	            box-shadow 0.3s ease;
}

/* --------------------------------------------------------------------------
   Tablet (max-width: 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.hero-slider {
		min-height: 600px;
	}

	.scroll-indicator {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   Mobile (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	/* Hero */
	.hero-slider {
		min-height: 550px;
		height: 85vh;
	}

	.hero-slide .hero-overlay {
		background: linear-gradient(
			to top,
			rgba(58, 28, 6, 0.9) 0%,
			rgba(58, 28, 6, 0.5) 50%,
			rgba(0, 0, 0, 0.2) 100%
		);
	}

	.hero-content {
		padding-bottom: 4rem;
	}

	.hero-dots {
		bottom: 1.5rem;
	}

	/* Mobile menu adjustments */
	.mobile-menu__link-text {
		font-size: 1em;
		color: #ffffff !important;
	}
	.mobile-menu__link {
		color: #ffffff !important;
	}
	.mobile-menu__nav {
		padding: 5rem 1.5rem 2rem;
	}

	/* Reveal animations — reduce distance */
	.reveal {
		transform: translateY(25px);
	}
	.reveal-left {
		transform: translateX(-30px);
	}
	.reveal-right {
		transform: translateX(30px);
	}

	/* WhatsApp float */
	.whatsapp-float {
		bottom: 1.25rem;
		right: 1.25rem;
		width: 50px;
		height: 50px;
	}
	.whatsapp-float svg {
		width: 24px;
		height: 24px;
	}

	/* Card hover — disable on touch */
	.card-lift:hover {
		transform: none;
		box-shadow: none;
	}
}

/* --------------------------------------------------------------------------
   Mobile Small (max-width: 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
	.hero-slider {
		min-height: 500px;
		height: 80vh;
	}

	/* Reduce spacing for small screens */
	.mobile-menu__link-text {
		font-size: 1em;
		color: #ffffff !important;
	}
	.mobile-menu__link {
		padding: 0.65rem 0;
		color: #ffffff !important;
	}
	.mobile-menu__nav {
		padding: 4.5rem 1.25rem 1.5rem;
	}
	.mobile-menu__cta {
		font-size: 0.7rem;
		padding: 0.75rem 1.2rem;
	}
}

/* --------------------------------------------------------------------------
   Print
   -------------------------------------------------------------------------- */
@media print {
	#site-header,
	.whatsapp-float,
	.mobile-menu,
	.hero-dots,
	.scroll-indicator {
		display: none !important;
	}

	.hero-slider {
		min-height: auto;
		height: auto;
	}

	body {
		background: #ffffff;
	}

	.reveal,
	.reveal-left,
	.reveal-right,
	.reveal-scale,
	.reveal-fade,
	.stagger-children > * {
		opacity: 1 !important;
		transform: none !important;
	}
}