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

	html {
		font-size: 2.44vw;
	}

	.setWrapper {
		width: calc(100% - 4.8rem);
		margin: 7.2rem auto 9.6rem auto;
	}


	/* ---------------------------------------- */
	/* ----- >>> Navegation ------------------- */
	/* ---------------------------------------- */

	.setBND {
		width: 12.8rem;
	}

	nav {
		width: 100%;
		height: 100vh;
		border-radius: 0;
		justify-content: center;
		align-items: center;
		position: fixed;
		display: none;
		left: 0;
		top: 0;
	}

	nav ul {
		flex-direction: column;
		text-align: center;
	}

	/* ---------------------------------------- */
	/* ----- >>> Styles ----------------------- */
	/* ---------------------------------------- */


	h1 		{ font-size: 3.6rem; margin-bottom: 4.8rem; letter-spacing: -0.000rem; white-space: nowrap; }
	h2		{ font-size: 3.2rem; margin-bottom: 1.6rem; letter-spacing: -0.000rem; }
	h3		{ font-size: 1.8rem; margin-bottom: 1.6rem; letter-spacing: +0.250rem; }
	p, dd 	{ font-size: 1.8rem; margin-bottom: 0.8rem; letter-spacing: +0.000rem; }
	small 	{ font-size: 1.4rem; margin-bottom: 0.8rem; letter-spacing: +0.025rem; text-align: center }

	p.isAlt {
		font-size: 1.4rem;
	}

	.isOut {
		-webkit-text-stroke-width: 0.2rem;
		white-space: unset;
	}

	.isFixed {
		bottom: -4.8rem;
		left: 2.4rem;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Home ---------------- */
	/* ---------------------------------------- */

	.isS00 {
		aspect-ratio: 1 / 1;
		width: 100%;
	}

	.setButton.isFix {
		transform: translateX(-50%);
		bottom: 4.8rem;
		right: unset;
		left: 50%;
	}

	/* ---------------------------------------- */

	.isING > p {
		font-size: 1.4rem;
	}

	.isING.isT { background-size: 18rem 4.0rem; }
	.isING.isB { background-size: 18rem 4.0rem; }

	.isING.isT > p:nth-child(1) { margin: 5.4rem 0.0rem 0.0rem 0.0rem; }
	.isING.isT > p:nth-child(2) { margin: 0.0rem 0.0rem 5.4rem 0.0rem; }
	.isING.isT > p:nth-child(3) { margin: 5.4rem 0.0rem 0.0rem 0.0rem; }

	.isING.isB > p:nth-child(1) { margin: 0.0rem 0.0rem 3.2rem 0.0rem; }
	.isING.isB > p:nth-child(2) { margin: 0.0rem 0.0rem 3.2rem 0.0rem; }
	.isING.isB > p:nth-child(3) { margin: 0.0rem 0.0rem 3.2rem 0.0rem; }

	.isPST i {
		width: 19.2rem;
		aspect-ratio: 4 / 3;
	}

	.isPST i:nth-child(1) { 
		margin-bottom: -4.8rem;
	}
	.isPST i:nth-child(2) { 
		margin-bottom: -00.0rem;
	}

	/* ---------------------------------------- */

	.isICN {
		margin-top: 4.8rem;
	}

	.isICN > li {
		margin-bottom: -0.0rem;
	}

	.isCRS {
		width:  10.0rem;
		height: 10.0rem;
		margin: 0.0rem auto -1.6rem auto;
	}

	/* ---------------------------------------- */

	.isSTS {
		gap: 6.4rem;
	}

	.isSTS > li {
		width: 100%;
	}

	/* ---------------------------------------- */
	.isTIP > li {
		width: 100%;
	}

	.isTIP > li > p {
		max-width: 28rem;
		font-size: 1.8rem;
	}

	/* ---------------------------------------- */

	.isFAQs {
		margin-bottom: 12.8rem !important;
	}

	.isFAQs:before {
		width:  19.2rem;
		height: 19.2rem;
	}

	.isFAQs > li {
		padding: 1.6rem 2.4rem;
		border-radius: 1.2rem;
	}

	.isFAQs > li:after {
		font-size: 2.1rem;
		right: 1.2rem;
		top: 2.4rem;
	}

	.isFAQs > li > h2 {
		font-size: 2.1rem;
	}

	.isFAQs > li > p {
		width: 100%;
		margin-top: 2.4rem;
		font-size: 1.6rem;
	}

	/* ---------------------------------------- */
	/* ----- >>> Icon Sets -------------------- */
	/* ---------------------------------------- */

	.isLOG {
		width: 11.2rem;
		transform: translateY(0.6rem);
		margin-right: 0.8rem;
	}

	.isS01 {
		width: 36.0rem;
	}


	.isS03 {
		width: 19.2rem;
	}

	.isSTR {
		aspect-ratio: 2.4 / 1;
		background: url(../assets/SVG/SVG_S05M.svg?9999) no-repeat 000% 000% / 100% 100%;
		margin-bottom: 0.0rem;
	}

	.isSCL {
		width:  3.2rem;
		height: 3.2rem;
	}


	/* ---------------------------------------- */
	/* ----- >>> Animations ------------------- */
	/* ---------------------------------------- */

	.setButton {
		padding: 1.2rem 2.4rem;
		margin-top: 4.8rem;
		font-size: 1.4rem;
	}

	.isM01,
	.isM02,
	.isM03 {
		width: 100%;
		height: 800vh;
	}

	.setPrev { left:  1.6rem; }
	.setNext { right: 4.8rem; }


	/* ---------------------------------------- */
	/* ----- >>> Menu Animation --------------- */
	/* ---------------------------------------- */

	.setMenu {
		display: block;
	}

}


@supports (-webkit-touch-callout: none) {
	.isOut {
		-webkit-text-stroke-width: 0.2rem;
		-webkit-animation-name: unset;
		-webkit-text-shadow: unset;
		white-space: unset;
	}
}