/* ---------------------------------------- */
/* ----- >>> Layout: Mobile --------------- */
/* ---------------------------------------- */

@media (max-width: 640px) and (min-width: 0) {

	html {
		font-size: 2.7778vw;
	}

	/* ---------------------------------------- */
	/* ----- >>> Structure -------------------- */
	/* ---------------------------------------- */

	mouse {
		display: none !important;
	}

	section > block:last-child {
		display: none;
	}

	section > block > ul > li {
		transform: translateX(-50%);
		white-space: nowrap;
		text-align: center;
		position: fixed;
		display: flex;
		left: 50%;
	}

	section > block > ul > li:nth-child(1) { 
		top: 3.2rem; 
	}

	section > block > ul > li:nth-child(2) {
		font: 400 4.8rem/1.00em 'Reforma', Helvetica, Arial, sans-serif;
		transform: translate(-50%, -50%);
		bottom: 9.6rem;
	}

	section > block > ul > li:nth-child(3) {
		font-size: 2.4rem;
		bottom: 3.2rem; 
		gap: 6.4rem;
	}

	section > block > ul > li > h1 {
		font-size: 3.2rem;
	}

	section > block:first-child > ul > li:not(:first-child) {
		justify-content: space-between;
		display: flex;
	}

	img:not(.H) {
		min-height: 100%;
	}

	img.H {
		min-height: 50vh;
	}

	.B > ul > li:nth-child(1),
	.B > ul > li:nth-child(2) { 
		color: #000;
	}

	.T > ul > li:nth-child(1),
	.T > ul > li:nth-child(2) { 
		color: #FFF;
	}

	@keyframes desaparecer {
		000% { opacity: 1; display: flex; }
		099% { opacity: 0; display: flex; }
		100% { opacity: 0; display: none; }
	}

}