* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		body {
			font-family: Arial, sans-serif;
			font-size: 16px;
			background: #123;
			color: #f0f0f0;
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 100vh;
		}

		.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 1rem;
		}

		h1 {
			font-family: 'Eagle Lake', cursive;
			font-size: clamp(2rem, 10vw, 6rem);
				/* Mínimo: 3rem, Ideal: 5% da largura da tela, Máximo: 3rem */
			text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
			margin: 0 0 2rem 0;
		}

		.carousel {
			position: relative;
			max-width: 800px;
			width: 100%;
			overflow: hidden;
			/* border-radius: 10px; */
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		}

		.carousel-track {
			display: flex;
			transition: transform 0.5s ease-in-out;
		}

		.carousel-slide {
			min-width: 100%;
			user-select: none;
		}

		.carousel-slide img {
			width: 100%;
			display: block;
		}

		/* Botões de navegação */
		.carousel-btn {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background: rgba(0, 0, 0, 0.5);
			color: white;
			border: none;
			padding: 10px;
			cursor: pointer;
			font-size: 18px;
			border-radius: 50%;
			z-index: 10;
		}

		.prev {
			left: 10px;
		}

		.next {
			right: 10px;
		}

		/* Indicadores */
		.carousel-indicators {
			position: absolute;
			bottom: 10px;
			left: 50%;
			transform: translateX(-50%);
			display: flex;
			gap: 8px;
		}

		.indicator {
			width: 12px;
			height: 12px;
			background: rgba(255, 255, 255, 0.7);
			border-radius: 50%;
			cursor: pointer;
		}

		.indicator.active {
			background: white;
		}

		/* Barra de redes sociais */
		.footer {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: .5rem;
			margin-top: 1.25rem;
		}

		.social-bar {
			display: flex;
			gap: 0.6rem;
			align-items: center;
		}

		.social-link {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			border-radius: 50%;
			color: white;
			text-decoration: none;
			transition: transform .18s ease, opacity .18s ease;
			box-shadow: 0 2px 6px rgba(0,0,0,.25);
		}

		.social-link svg {
			width: 20px;
			height: 20px;
			display: block;
			fill: currentColor;
		}

		.social-link:hover {
			transform: translateY(-3px) scale(1.05);
			opacity: 0.95;
		}

		.social-link.facebook { background: #3b5998; }
		.social-link.youtube { background: #FF0000; }
		.social-link.instagram { background: radial-gradient(circle at 30% 20%, #fccc63, #f77737 30%, #c32aa3 60%, #515bd4 100%); }
		.social-link.email { background: #6c757d; }