/**
 * TWP Hyper Config — ajustes responsive finos que no encajan en un módulo
 * concreto (breakpoints móvil/tablet/desktop/4K). Mobile-first: el resto de
 * archivos ya son responsive por defecto (grid auto-fit, clamp(), etc.).
 */

@media (max-width: 480px) {
	.twp-hero__title {
		font-size: 2rem;
	}

	.twp-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.twp-button {
		justify-content: center;
	}

	.twp-section {
		padding-block: var(--twp-space-4);
	}
}

@media (min-width: 1600px) {
	:root {
		--twp-container-width: 1360px;
	}

	.twp-hero__title {
		font-size: 4.25rem;
	}
}

@media print {
	.twp-header,
	.twp-footer,
	.twp-lang-switcher,
	.twp-nav__toggle,
	.twp-carousel__controls {
		display: none !important;
	}
}