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

html {
	height: 100%;
	scroll-behavior: smooth;
	font-size: 2.44vw;
	overflow-y: scroll;
	cursor: default;

}

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

.isOFF {
	margin-top: -20rem;
}

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

h1			{ font-size: 2.8rem; margin-bottom: 2.4rem; }
h2			{ font-size: 2.8rem; margin-bottom: 2.4rem; }
h3			{ font-size: 2.4rem; margin-bottom: 2.4rem; }
h4			{ font-size: 2.1rem; margin-bottom: 2.4rem; }
h5			{ font-size: 1.8rem; margin-bottom: 1.6rem; }
h6			{ font-size: 1.6rem; margin-bottom: 0.8rem; }
p, dd 		{ font-size: 1.6rem; margin-bottom: 1.6rem; }
small 		{ font-size: 1.2rem; margin-bottom: 0.8rem; }
a 			{ text-decoration: none;}

h1 > em {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.6rem;
	max-width: 28rem;
	font-size: 50%;
}

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

header .setWrapper {
	margin: 1.6rem auto;
}

footer .setWrapper small {
	font-size: 1.0rem;
}

footer .setWrapper small:not(:last-child) {
	text-align: justify;
}

header .setWrapper nav > ul,
footer .setWrapper nav > ul {
	flex-direction: column;
	gap: 0.8rem;
}

header .setWrapper nav {
	width: 100%;
	height: 100vh;
	background: #FFF;
	position: fixed;
	display: none;
	z-index: 100;
	left: 0;
	top: 0;
}

header .setWrapper nav > ul {
	height: 100vh;
	color: var(--main-full-color);
	justify-content: center;
}

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

header.isActive {
	color: var(--main-dark-color);
}

header.isActive .setWrapper .isBND {
	background-position: 000% 100%;
}

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

.setSwiper .isFix.isFC000,
.setSwiper .isFix.isFC100 {
	bottom: 6.4rem !important;
	left: 50% !important;
}


/* ---------------------------------------- */
/* ----- >>> Section: Evacare ------------- */
/* ---------------------------------------- */

.isEVA {
	width: 80%;
	flex-direction: column;
	gap: 6.4rem;
}

.isEVA > li {
	max-width: unset;
}

.isEVA > li > p {
	font-size: 2.1rem;
}

.isEVA > li > small {
	line-height: 1.5em;
	font-size: 1.6rem;
	height: auto;
}

.isEVA > li,
.isEVA > li > * {
	text-align: center;
}

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

.isButton {
	padding: 1.2rem 2.4rem;
	font-size: 1.3rem;
}

.isButton.isFix {
	bottom: 3.2rem;
}

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

.isFull { width: calc(100% - 00.0rem); margin: 0 auto; }
.isWide { width: calc(100% - 04.0rem); }
.isThir { width: calc(100% - 04.0rem); }
.isHalf { width: calc(100% - 04.0rem); }

.isHalf .isTAL,
.isHalf .isTAR {
	text-align: center !important;
}

.isHalf .isTAL h4,
.isHalf .isTAR h4 {
	margin-right: auto;
	margin-left: auto;
	max-width: 28rem;
}

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

.isMB064 { margin-bottom: 03.2rem !important; }
.isMB128 { margin-bottom: 04.8rem !important; }

.isMT210 { margin-top:	  04.8rem !important; }

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

.setPrev { left:  0.0rem; }
.setNext { right: 0.0rem; }


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

.setColumns {
	flex-direction: column;
}

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

.setColumns > * {
	width: 100%;
}

.setColumns > * > .isTXT {
	width: calc(100% - 04.8rem);
	margin: 6.4rem 2.4rem;
}

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

dt {
	padding: 1.6rem 4.8rem 1.6rem 0.0rem;
	font-size: 1.6rem;
}

dd {
	padding: 0.0rem 4.8rem 1.6rem 0.0rem;
	margin-bottom: 0;
	display: none;
}

dt:after {
	font-size: 2.4rem;
	right: 0.0rem;

}

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

.isTable > li {
	align-items: stretch;
	min-height: unset;
	padding: 0.0rem;
}

.isTable > li > div {
	justify-content: center;
	min-height: 4.8rem;
	font-size: 1.2rem;
	padding: 0.8rem;
	display: flex;
}

.isTable > li:not(:last-child) {
	border-bottom: none;
}

.isTable > li:nth-child(even) {
	display: flex;
}

.isTable > li:nth-child(even) > div {
	min-height: unset;
}

.isTable > li > div:not(:last-child) {
	border-right: thin solid rgba(0, 0, 0, 0.1);
}

.isTable > li:not(:nth-child(even)) > div:nth-child(1) {
	display: none;
}

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

.isMSG {
	border: none;
	border-top: solid 0.3rem var(--main-lite-color);
	padding: 1.6rem 2.4rem 2.4rem 2.4rem;
	font-size: 1.2rem;
	width: 100%;
}

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

i {
	width:  9.6rem;
	height: 9.6rem;
}

.isLRG { min-width: 9.6rem !important; min-height: 9.6rem !important; }
.isMDM { width: 8.0rem !important; height: 8.0rem !important; }
.isSML { width: 07.2em !important; height: 7.2rem !important; }

.isS01.isLRG { width: 12.8rem !important; height: 12.8rem !important; }

.isBND {
	width: 09.6rem;
	height: 2.6rem;
}

.isBND.isALT {
	width: 12.8rem;
	height: 3.6rem;
}

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

.isSVG {
	width: 100%;
	flex-wrap: wrap;
	gap: 3.2rem;
}

.isSVG > li {
	width: calc(50% - 1.6rem);
	gap: 0.8rem;
}

.isSVG.isCOL.isNPD > li {
	margin: 0.0rem 0.0rem;
	padding: 0;
}


.isSVG > li > p,
.isSVG > li > div > p {
	margin-bottom: 0.0rem;
	font-size: 1.8rem;
}

.isSVG > li > small,
.isSVG > li > div > small {
	font-size: 1.4rem;
}

.isSVG.isG96 {
	gap: 2.4rem;
}

.isSVG.isCOL > li {
	gap: 2.4rem;
}

.isSVG.isCOL > li > *:not(i) {
	width: 100%;
	max-width: calc(100% - 12.0rem);
}

.isSVG.isALT > li:nth-child(even) {
	margin-top: 0.0rem;
}

.isSVG.isMCOL {
	flex-direction: column;
}

.isSVG.isMCOL > li {
	width: 100%;
}

.isSVG.isHND {
	justify-content: center;
}

.isSVG.isHND > li:nth-child(1) {
	width: 100%;
	margin-bottom: -4.8rem;
}

.isSVG.isHND:nth-of-type(2) > li:last-child {
	display: none;
}

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

.isITM {
	background-size: 18.0rem 18.0rem;
	flex-direction: column;
	margin-top: 4.8rem;
	font-size: 1.6rem;
	width: 100%;
}

#Capsula .isITM { background-position: center center; margin-bottom: 3.2rem;}
#Ovulo .isITM { background-position: top 5.4rem center; }
#Crema .isITM { background-position: top 3.2rem center; }

.isITM > li:nth-child(1),
.isITM > li:nth-child(2),
.isITM > li:nth-child(3) { 
	width: 100%; 
	text-align: center; 
}

.isITM > li:nth-child(2) > i {
	width:  16.0rem;
	height: 16.0rem;
	margin: 00.0rem;
}

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

.isBF i, .isAF i {
	display: none;
}

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

.setMenu {
	display: block;
}


}