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

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

	html {
		scroll-padding-top: 7.2rem;
		font-size: 2.44vw;
	}

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

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

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

	h1			{ font-size: 12.8rem; margin-bottom: 4.8rem; letter-spacing: 0; }
	h2			{ font-size: 03.2rem; margin-bottom: 4.8rem; }
	h3			{ font-size: 02.8rem; margin-bottom: 4.8rem; }
	h4			{ font-size: 02.4rem; margin-bottom: 4.8rem; }
	h5			{ font-size: 02.1rem; margin-bottom: 4.8rem; }
	h6			{ font-size: 01.6rem; margin-bottom: 1.6rem; }
	p, dd 		{ font-size: 02.4rem; margin-bottom: 1.6rem; line-height: 1.10em; }
	small 		{ font-size: 01.6rem; margin-bottom: 1.6rem; }
	blockquote	{ font-size: 05.4rem; margin-bottom: 4.8rem; line-height: 1.00em;  white-space: nowrap;}

	blockquote > span {
		text-align: left;
	}

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

	header .setWrapper,
	footer .setWrapper {
		margin: 1.6rem auto;
	}

	header .isBND {
		width:  9.6rem;
		height: 7.2rem;
	}

	section {
		min-height: auto;
	}

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

	header nav {
		width: 100%;
		height: 100vh;
		background: var(--alts-color);
		justify-content: center;
		align-items: center;
		position: fixed;
		display: none;
		z-index: 999;
		left: 0;
		top: 0;
	}

	header nav > ul {
		flex-direction: column;
		text-align: center;
		font-size: 3.2rem;
		gap: 1.6rem;
	}

	footer .setColumns {
		align-items: center;
		gap: 0;
	}

	footer .setColumns > div {
		width: 100%;
		padding: 2.4rem;
	}

	footer .setColumns > div .isBND {
		width:  7.2rem;
		height: 5.4rem;
	}


	footer:before {
		width: 100%;
		height: 0.1rem;
		bottom: 6.4rem;
		top: unset;
		left: 0;
	}

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

	.isTXT {
		position: relative;
	}

	.isFIX {
		margin-bottom: 4.8rem;
		font-size: 5.4rem;
		transform: unset;
	}

	.setCard {
		margin: 6.4rem 2.4rem 2.4rem 2.4rem;
		width: calc(100% - 4.8rem);
	}

	.setCard > span {
		font-size: 8.0rem;
		right: -0.0rem;i
		top: -0.2rem;
	}

	.setCard > h2 {
		margin-bottom: 1.6rem;
		font-size: 3.2rem;
	}

	.setCard > p {
		font-size: 2.4rem;
	}

	.setCard > div > i {
		width:  19.2rem;
		height: 19.2rem;
	}

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

	#Agencia {
		align-items: flex-start;
		min-height: 100dvh; 
	}
	
	#Clientes {
		aspect-ratio: 1 / 1 !important;
		min-height: unset;
		height: unset;
	}

	#Clientes.setHero {
	}

	#Clientes blockquote {
		align-self: flex-start;
	}

	/* ---------------------------------------- */
	/* ----- >>> General ---------------------- */
	/* ---------------------------------------- */

	.setHero {
		aspect-ratio: 9 / 16;
		min-height: 100vh;
	}

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

	.setGrid:not(.setSwiper) .setItems {
		gap: 3.2rem;
	}

	.setGrid[data-min="1"]  .setItems > .setItem { 
		width: 100.00000% !important; 
	}

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

	.setColumns {
		flex-wrap: wrap;
		display: flex;
		gap: 4.8rem;
	}

	.setColumns > * {
		width: 100%;
	}

	.setColumns.isReverse {
		flex-direction: column-reverse;
	}

	/* ---------------------------------------- */
	/* ----- >>> Media Form ------------------- */
	/* ---------------------------------------- */

	form {
		gap: 0.0rem;
	}

	.setInput {
		flex-direction: column;
	}

	button {
		font-size: 2.4rem;
	}

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

	.setMenu {
		display: block;
	}

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

	.isISO:before {
		width:  42.0rem;
		height: 23.0rem;
		bottom: -4.8rem;
		right:  -4.8rem;
	}

	.isISO.isAlt:before {
		width:  28.0rem;
		height: 15.3rem;
		bottom: 7.2rem;
		right:  0.0rem;
	}

	.isSCL {
		bottom: 1.6rem;
	}


}