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



html {
	font-size: 2.777vw;
}

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

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

h1 			{ font-size: 3.8rem; line-height: 1.00em; margin-bottom: 1.6rem; letter-spacing: unset; }
h2 			{ font-size: 2.1rem; line-height: 1.25em; margin-bottom: 1.6rem; letter-spacing: unset; }
h3 			{ font-size: 1.8rem; line-height: 1.25em; margin-bottom: 1.6rem; letter-spacing: unset; }
h4 			{ font-size: 1.7rem; line-height: 1.25em; margin-bottom: 1.6rem; letter-spacing: unset; }
p 				{ font-size: 1.6rem; line-height: 1.50em; margin-bottom: 1.6rem; letter-spacing: unset; }
small 		{ font-size: 1.6rem; line-height: 1.50em; margin-bottom: 1.6rem; letter-spacing: unset; }
blockquote	{ font-size: 3.4rem; line-height: 1.20em; margin-bottom: 1.6rem; letter-spacing: unset; }

em {
	font-size: 1.6rem;
}

h1 > em {
	transform: translateY(-1.6rem);
}

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

small.isAlt { 
	margin-top: 0.8rem; 
	font-size: 1.2rem;
}

blockquote.isAlt {
	line-height: 0.90em;
	font-size: 6.4rem;
}

header a > u:before {
	display: none !important;
}

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

header .setWrapper,
footer .setWrapper {
	margin: 2.4rem auto;
	min-height: 3.2rem;
}

header .setWrapper {
	width: calc(100% - 2.4rem);
	margin-top: 0.8rem;
}

header nav {
	width: 100%;
	background: var(--font-color);
	color: var(--main-color);
	padding: 7.2rem 2.4rem;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
}

header nav > ul {
	flex-direction: column;
	gap: 0;
}

header nav > ul,
header .logoCont{
width: auto;
}

header nav > ul:nth-of-type(2){
	  justify-content: initial;
}

header nav > ul:not(:last-of-type) > li {
	border-bottom: thin solid rgba(37, 40, 27, 0.5);
	padding: 0.6rem 0.0rem;
}

header nav > ul:last-of-type {
	display: flex;
}

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

footer > .setWrapper > div > * ul,
footer > .setWrapper > div > * small {
	font-size: 1.6rem;
}

footer > .setWrapper > div > * p {
	font-size: 1.6rem;
}

footer > .setWrapper > div > * ul {
	flex-direction: column;
	gap: 0.4rem;
}

footer > .setWrapper > div > * > :last-child {
	min-width: auto;
}

footer > .setWrapper > div  form * p {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1.4rem;
	font-weight: 500;
}

footer > .setWrapper > div  form * p:after {
	width:  2.0rem;
	height: 2.0rem;
	line-height: 1.8rem;
	border-width: thin;
	font-size: 1.6rem;
	top: -0.4rem;
}

footer > .setWrapper > div > div:nth-child(4) {
	flex-direction: column;
}

footer > .setWrapper > div > div:nth-child(3) > p {
	line-height: 1.25em;
	max-width: 28rem;
	font-size: 2.1rem;
}

footer > .setWrapper > div > div:nth-child(4) > small{
	line-height: 1.40em;
	font-size: 1.2rem;
}

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

.setExtra > p > span { 
	padding-right: 2.6rem;
	white-space: nowrap;
	font-size: 1.6rem;
}

.setExtra > p > span:after {
	font: 300 1.8rem/2.0rem 'Robert', sans-serif;
}

.setExtra p {
	font-size: 1.3rem !important;
}

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

.setBND {
	width: 100%;
	padding: 0.0rem 0.0rem;
	margin: 2.5vh 0.0rem;
	flex-wrap: wrap;
	display: flex;
}

body:not(.isDone) .setBND > li:nth-child(1) { width: 50%; transform: translate(+01.0rem, +00.0rem); }
body:not(.isDone) .setBND > li:nth-child(2) { width: 50%; transform: translate(+00.0rem, +08.0rem); }
body:not(.isDone) .setBND > li:nth-child(3) { width: 50%; transform: translate(+03.0rem, -03.0rem); }
body:not(.isDone) .setBND > li:nth-child(4) { width: 45%; transform: translate(+03.0rem, +06.0rem); }

@keyframes isS01 {
	000% { transform: translate(+01.0rem, +00.0rem); }
	010% { transform: translate(+01.0rem, +03.0rem); }
	020% { transform: translate(+01.0rem, +00.0rem); }
	040% { transform: translate(+01.0rem, +02.0rem); }
	060% { transform: translate(+01.0rem, +00.0rem); }
	080% { transform: translate(+01.0rem, +01.0rem); }
	100% { transform: translate(+01.0rem, +00.0rem); }
}

@keyframes isS02 {
	000% { transform: translate(+00.0rem, +08.0rem); }
	010% { transform: translate(+00.0rem, +11.0rem); }
	020% { transform: translate(+00.0rem, +08.0rem); }
	040% { transform: translate(+00.0rem, +10.0rem); }
	060% { transform: translate(+00.0rem, +08.0rem); }
	080% { transform: translate(+00.0rem, +09.0rem); }
	100% { transform: translate(+00.0rem, +08.0rem); }
}

@keyframes isS03 {
	000% { transform: translate(+03.0rem, -03.0rem); }
	010% { transform: translate(+03.0rem, -00.0rem); }
	020% { transform: translate(+03.0rem, -03.0rem); }
	040% { transform: translate(+03.0rem, -01.0rem); }
	060% { transform: translate(+03.0rem, -03.0rem); }
	080% { transform: translate(+03.0rem, -02.0rem); }
	100% { transform: translate(+03.0rem, -03.0rem); }
}

@keyframes isS04 {
	000% { transform: translate(+03.0rem, +06.0rem); }
	010% { transform: translate(+03.0rem, +09.0rem); }
	020% { transform: translate(+03.0rem, +06.0rem); }
	040% { transform: translate(+03.0rem, +08.0rem); }
	060% { transform: translate(+03.0rem, +06.0rem); }
	080% { transform: translate(+03.0rem, +07.0rem); }
	100% { transform: translate(+03.0rem, +06.0rem); }
}

section:nth-of-type(1) {
	height:  100vh;
	padding-top: 0;
}

section:nth-of-type(1) .isGRD {
	display: none;
}

section:nth-of-type(1) .isTAC.isMB064 {
	margin-bottom: 4.8rem !important;
}

section:nth-of-type(1) .isTAC.isMB064 > * {
	margin-bottom: 0.8rem;
	line-height: 1.35em;
        font-size: 1.4rem;
}

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

section:nth-of-type(2) .setGrid,
section:nth-of-type(4) .setGrid {
	padding: 0.0rem 2.4rem;
}

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

.setWrapper.isAlt {
	width:  calc(100% - 03.2rem);
	height: calc(100% - 09.6rem);
	left: 1.6rem;
}

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

.isINT {
	flex-direction: column;
	margin-bottom: 3.2rem;
}

.isINT > div:first-of-type { width: 100%; }
.isINT > div:last-of-type  { width: 100%; }

.isINT > .isMT016 > p:nth-child(2),
.isINT > .isMT016 > p:nth-child(3) {
	margin-left: 4.8rem;
}

.isINT > div > p > span {
	position: absolute;
	left: -4.8rem;
}

.isSRC {
	margin: 8.0rem -1.6rem !important;
	width: calc(100% + 3.2rem);
}

.isSRC:before,
.isSRC:after {
	font-size: 1.4rem;
	inset: unset;
}

.isSRC:before { top: 000%; left: 50%; transform: translate(-50%, -3.2rem);}
.isSRC:after  { top: 100%; left: 50%; transform: translate(-50%, +2.4rem); }


#Mosh .isINT > .isMT016 > p {
	margin-top: 1.6rem;
	font-size: 2.0rem;
}

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

#Material {
	background: rgb(036, 039, 028);
}

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

#Particulas canvas {
	height: 75vh;
}

#Particulas .isFIX {
	color: var(--alts-color);
	position: absolute;
	bottom: 0.0rem;
	left: 2.0rem;
}

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

#Biodegradacion .isCNT {
	width: 100%;
}

#Biodegradacion .isCNT > span {
	transform: translate(-50%,-50%);
	font-size: 36rem;
}

.isFCS {
	margin-top: 1.6rem !important;
	font-size: 1.4rem;
	font-weight: 500;
}

.isFCS > li {
	border-bottom: 0.1rem solid currentColor;
	padding: 0.9rem 0.0rem;
	gap: 3.2rem;
}

.isFCS:not(.isAlt) > li:first-of-type {
	font-size: 1.8rem;
}

.isFCS > li:nth-child(2) { justify-content: center; }


.isFCS.isAlt {
	margin-top: 9.6rem;
	font-size: 1.2rem;
}

.isFCS.isAlt > li {
	padding: 1.6rem 0.0rem;
	gap: 3.2rem;
}

.isFCS.isAlt > li:nth-child(1) { justify-content: space-between; }
.isFCS.isAlt > li:nth-child(2) { justify-content: space-around;  }
.isFCS.isAlt > li:nth-child(3) { justify-content: space-between; }
.isFCS.isAlt > li:nth-child(4) { justify-content: space-between; }
.isFCS.isAlt > li:nth-child(5) { justify-content: space-around;  }
.isFCS.isAlt > li:nth-child(6) { justify-content: flex-start; 	  }
.isFCS.isAlt > li:nth-child(7) { justify-content: space-between; }

.isIMG > .setItems > .setItem > span {
	font-size: 1.2rem;
}

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

.isEQU {
	margin: 3.2rem auto;
}

.isEQU,
.isEQU > li {
	flex-direction: column;
	text-align: center;
	font-size: 1.4rem;
	gap: 2.4rem;
}

.isEQU > li {
	gap: 1.2rem;
}

.isEQU > li:nth-child(6) {
	position: relative;
	display: none;
}

.isEQU > li:nth-child(6):before {
	width: 80vw;
	height: 1.6rem;
	background: url(../assets/SVG/SVG_LLV.svg?00001) no-repeat center center / cover;
	transform: translateY(-100%);
	position: absolute;
	display: none;
	top: 0.0rem;
	content: "";
}

.isEQU > li > img {
	max-width: 8.0rem;
}


.isEQU > li {
	white-space: nowrap;
}

/* ---------------------------------------- */
/* ----- >>> Scroll Video ----------------- */
/* ---------------------------------------- */

#Compost {
	margin-top: 0.0rem;
}

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

.isDSB {
	gap: 0.4rem;
}

h1.isDSB,
h1.isDSA {
	line-height: 1.2em;
	font-size: 2.4rem;
}

.isDSB.isDSK,
.isDSA.isDSK {
	display: none !important;
}

.isDSB.isMBL,
.isDSA.isMBL {
	display: flex !important;
}

.isDSK { display: none  !important; }
.isMBL { display: block !important; }

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

.isFull { width: calc(100% - 00.0rem); margin: 0 auto; }
.isAuto { width: calc(100% - 06.4rem); }
.isThir { width: calc(075% - 00.0rem); }
.isHalf { width: calc(050% - 00.0rem); }

.isWide > *:not(video) {
	width: calc(100% - 0.0rem);
}

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

.isMB096 { margin-bottom: 4.8rem !important; }
.isMB128 { margin-bottom: 6.4rem !important; }
.isMB160 { margin-bottom: 8.0rem !important; }

.isMFull  { 
	width: calc(100% - 00.0rem); 
	margin: 0 auto;
}

.isMFull > *:not(.setGrid) { 
	width: calc(100% - 3.2rem);
	margin: 0 auto;
}

.isMFull > *:first-child {
	margin-top: 3.2rem;
}

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

dl > dt {
	padding: 2.0rem 0.0rem;
	font-size: 1.4rem;
}

dl > dt:after  {
	width:  2.0rem;
	height: 2.0rem;
	line-height: 1.8rem;
	border-width: thin;
	font-size: 1.6rem;
	right: 0.4rem;
}

dl.isAlt > dt > span { 
	margin-right: 1.6rem;
}


dl.isAlt > dt {
	font-size: 2.1rem;
}

dl.isAlt > dt:nth-of-type(3) > span {
	width: 100%;
}

dl.isAlt > dt:after  {
	width:  4.0rem;
	height: 4.0rem;
	line-height: 3.4rem;
	border-width: 0.15rem;
	font-size: 2.4rem;
	right: 0.0rem;
}

dl > dd,
dl.isAlt > dd {
	padding: 0.0rem 0.0rem 3.2rem;
}

dl.isAlt > dd > div {
	width: 100%;
	flex-direction: column-reverse;
	gap: 2.4rem;
}

dl.isAlt > dd > div > ul,
dl.isAlt > dd > div > img {
	width: 100%;
	gap: 0.8rem;
}

dl.isAlt > dd > div > ul > li {
	margin-left: 2.4rem;
	line-height: 1.5em;
	font-size: 1.4rem;
}

dl.isAlt > dd > div > img {
	clip-path: inset(20% 0 20% 0);
	margin-bottom: -4.8rem !important;
	margin-top: -4.8rem !important;
}

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

section:nth-of-type(2) {
	display: block !important;
}

section:nth-of-type(4):before {
	height: 50rem;
}

section:nth-of-type(6) {
	padding-top: 0;
}

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

form {
	margin-bottom: 3.2rem !important;
}

.isInput:not(:last-child) {
	flex-direction: column;
	gap: 0.0rem;
}

.isInput:last-child {
	flex-direction: column-reverse;
}

.isOutput {
	font-size: 1.4rem;
	text-align: right;
}

input, select, textarea {
	padding: 1.0rem 0.0rem;
	font-size: 1.6rem;
}

.isInput textarea {
	height: 11.2rem;
}

.isInput button {
	line-height: 1.25em;
	margin-top: 1.6rem;
	font-size: 1.6rem;
}

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

.isICN {
	width:  3.2rem;
	height: 3.2rem;
	margin-right: 0.6rem;
}

.isMTH {
	width:  3.2rem;
	height: 3.2rem;
	background-image: url(../assets/SVG/SVG_MTM.svg?00001);
	border-width: 0.125em;
}

.isSYM {
	position: absolute;
	top: 3.2rem;
}

.isSYM {
	width:  9.6rem;
	height: 30.0rem;
	background-image: url(../assets/SVG/SVG_SYM.svg?00001);
}

.isSYM.isP21 { left:  -3.2rem; }
.isSYM.isP22 { right: -3.2rem; }

nav .isBND {
	display: none;
}

.setWrapper > .isBND {
	display: block;
	position: absolute;
	top: 1.2rem;
}

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

.setMenu {
	display: block;
}

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

a > u {
	padding-bottom: 0.1rem;
}

/* ---------------------------------------- */
/* ----- >>> Dev Tools -------------------- */
/* ---------------------------------------- */

.isDev header:before { left:  2.4rem; }
.isDev header:after  { right: 2.4rem; }


}