/* ==========================================================================
   Trively — Responsivo
   Breakpoints: 1280, 991 (tablet), 767 (mobile), 479.
   ========================================================================== */

/* ---------- 991px (tablet landscape) ---------- */
@media screen and (max-width: 991px) {
	.tvl-container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.tvl-hero {
		padding: 120px 0 64px;
	}

	.tvl-hero__title {
		font-size: 36px;
	}

	.tvl-section-title {
		font-size: 30px;
	}

	.tvl-reviews__grid,
	.tvl-reviews__all {
		grid-template-columns: repeat(3, 1fr);
	}

	.tvl-features__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.tvl-stats__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.tvl-pro__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.tvl-explore__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.tvl-guides__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.tvl-blog__columns,
	.tvl-single__columns {
		grid-template-columns: 1fr;
	}

	.tvl-blog__sidebar,
	.tvl-single__sidebar {
		position: static;
	}

	.tvl-ad-slot {
		min-height: 250px;
	}

	.tvl-seo__grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* ---------- 767px (mobile) ---------- */
@media screen and (max-width: 767px) {
	/* Navbar móvil */
	.tvl-header__inner {
		position: relative;
		justify-content: center;
		gap: var(--tvl-gap-1);
	}

	.tvl-header__brand {
		margin: 0;
	}

	.tvl-header__brand .custom-logo-link,
	.tvl-header__brand img {
		display: block;
		margin: 0 auto;
	}

	.tvl-header__actions {
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

	.tvl-header__nav {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 280px;
		z-index: 150;
		background: var(--tvl-white);
		flex-direction: column;
		align-items: flex-start;
		gap: var(--tvl-gap-4);
		padding: 70px 24px 24px;
		transform: translateX(100%);
		transition: transform 0.25s ease;
		box-shadow: -4px 0 24px rgba(0, 0, 0, 0.1);
	}

	.tvl-header__nav.is-open {
		transform: translateX(0);
	}

	.tvl-header__close {
		display: block;
	}

	.tvl-header__menu {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--tvl-gap-3);
	}

	.tvl-header__lang {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		gap: var(--tvl-gap-2);
	}

	.tvl-header__lang .pll-switcher-select {
		width: 100%;
	}

	.tvl-header__toggle {
		display: flex;
	}

	/* Hero */
	.tvl-hero__inner {
		margin-top: 50px;
	}

	.tvl-eyebrow {
		display: none;
	}

	.tvl-hero__title {
		font-size: 32px;
	}

	.tvl-hero__video--web {
		display: none;
	}

	.tvl-hero__video--mobile {
		display: block;
	}

	.tvl-hero__video--mobile.poster-only {
		border: none;
		box-shadow: none;
		border-radius: 0;
	}

	/* Grids */
	.tvl-reviews__grid,
	.tvl-reviews__all,
	.tvl-features__grid,
	.tvl-pro__grid,
	.tvl-guides__grid {
		grid-template-columns: 1fr 1fr;
	}

	.tvl-stats__grid {
		grid-template-columns: 1fr;
	}

	.tvl-explore__grid {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: 160px;
	}

	.tvl-seo__grid {
		grid-template-columns: 1fr;
	}

	.tvl-blog {
		padding: 100px 16px 64px;
	}

	.tvl-blog-item {
		flex-direction: column;
	}

	.tvl-blog-item__media {
		flex: 0 0 auto;
		width: 100%;
	}

	.tvl-blog-item__media img {
		height: 160px;
		min-height: 0;
	}

	.tvl-featurerow__inner,
	.tvl-featurerow--image-right .tvl-featurerow__inner,
	.tvl-featurerow--image-left .tvl-featurerow__inner {
		flex-direction: column;
		gap: var(--tvl-gap-4);
	}

	.tvl-featurerow__img--web {
		display: none;
	}

	.tvl-featurerow__img--mobile {
		display: block;
	}

	.tvl-section-actions {
		flex-direction: column;
		width: 100%;
	}

	.tvl-section-actions .tvl-btn {
		width: 100%;
	}

	.tvl-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.tvl-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--tvl-gap-2);
	}
}

/* ---------- 479px (móvil pequeño) ---------- */
@media screen and (max-width: 479px) {
	.tvl-reviews__grid,
	.tvl-reviews__all,
	.tvl-features__grid,
	.tvl-pro__grid,
	.tvl-guides__grid {
		grid-template-columns: 1fr;
	}

	.tvl-explore__grid {
		grid-template-columns: 1fr;
	}

	.tvl-footer__grid {
		grid-template-columns: 1fr;
	}

	.tvl-tabs__nav {
		display: none;
	}
}

/* ---------- Reduce motion ---------- */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}