/******************************
*	Tipografias
******************************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');

::selection {
    background: #002574;
    color: #ffffff;
}
::-moz-selection {
    background: #002574;
    color: #ffffff;
}
::-webkit-selection {
    background: #002574;
    color: #ffffff;
}
/******************************
*	Reset
******************************/
* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-weight: 400;
	color: #00178e;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
a, a:link, a:hover, a:visited {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
ul,
ol {
    margin: 0;
    padding: 0;
    padding-inline-start: 20px;
}
li + li { margin-top: 15px; }


.main__list { counter-reset: item; }
.main__list > li { counter-increment: item; }
.main__list > li::marker {
	content: counter(item) ". ";
	font-weight: bold;
}
.sub__list {
	counter-reset: subitem;
	list-style: none;
	padding-left: 1.5em;
	padding-inline-start: 0px;
}
.sub__list > li { counter-increment: subitem; }
.sub__list > li p {
	display: flex;
	gap: 10px;
}
.sub__list > li p::before {
	content: counter(item) "." counter(subitem) " ";
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: 700;
}
input,
select,
textarea {
	display: block;
	width: 100%;
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #62c0c8;
	-moz-appearance: none;
	-webkit-appearance: none;
}
textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #002574;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:disabled {
	color: #393939;
	opacity: 1;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
.campEdit:focus,
.itmEd:focus {
	outline: none;
}
p { margin: 0; }
p + *,
* + p,
* + ol,
* + ul { margin-top: 20px; }
ol + *,
ul + *,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 { margin-top: 40px; }
figure img { margin: 0 auto; }
figure figcaption {
	font-size: 0;
	display: none;
	line-height: 0;
}
sub, sup { font-size: 75% !important; }
table { width: 100%; }
table thead th {
	text-align: center;
	background: #00178e;
	color: white;
}
table thead th, 
table tbody td { padding: 6px; }
table tbody tr:nth-child(even) td { background: rgba(2, 23, 142, .05); }



.legal h4,
.legal h3 { text-align: center; }
.c__table { overflow: auto; }

@media (max-width : 680px) {

.c__table {
	border: 1px solid rgba(0, 0, 0, .1);
	padding: 10px;
	font-size: 14px;
}
.c__table table { min-width: 600px; }

}

/******************************
*	General
******************************/
.wrapper { overflow: hidden; }
main { 
	min-height: 100vh;
	opacity: 0;
}
main section { position: relative; }
.sect { padding: 60px 0; }
.e__unico { background: #ff83c9; }
.e__max { background: #35b1b4; }
.e__natu { background: #ff8e2f; }
.e__bebe { background: #b76af0; }
.e__ultra { background: #051e8a; }
.e__ultraD { background: #b4a834; }
.e__pielse { background: #fecacf; }
.e__pielse--gradient { 
	background: rgb(243,205,209);
	background: linear-gradient(180deg, rgba(243,205,209,1) 0%, rgba(243,205,209,0.8155637254901961) 50%, rgba(243,205,209,0) 100%); 
}
.h__sect { margin-bottom: 50px;}
.t__sect {
	font-size: 26px;
	font-weight: 700;
	line-height: 120%;
}
.t__sect span { color: #fe3c99; }
.t__sect + p { font-size: 20px; }
.c__btn { margin-top: 40px; }
.c__btn .cta {
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	background: #00178e;
	color: #ffffff;
	border: 1px solid currentColor;
	text-transform: uppercase;
	padding: 12px 12px 10px;
	width: 100%;
	max-width: 200px;
	line-height: 100%;
	font-weight: 600;
}
.c__btn .cta:hover {
	background: #ffffff;
	color: #00178e;
}
/******************************
*	Header
******************************/
.pleca__top,
.pleca__top > div:nth-child(2) {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pleca__top > div + div { margin-left: 20px; }
.tiendas { text-align: right; }
.tiendas a {
	text-transform: uppercase;
	color: #fe3c99;
	font-weight: 600;
	line-height: 100%;
}
.tiendas a:hover {
	color: #00178e;
	text-decoration: underline;
}
.personaje {
	width: 50px;
	min-width: 50px;
	margin-left: 20px;
	margin-bottom: -10px;
}
header {
	position: relative;
}
header.fixed .cont__menu {
	position: fixed;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
}
.cont__menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	color: #ffffff;
	background: #00178e; /* Old browsers */
	background: -moz-linear-gradient(left,  #00178e 0%, #01abf2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00178e 0%,#01abf2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00178e 0%,#01abf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.logo {
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.logo a {
	display: block;
	overflow: hidden;
}
.logo a span {
	position: absolute;
	top: -100%;
	left: -100%;
	opacity: 0;
}
.cont__nav > nav > ul > li {
	list-style: none;
	position: relative;
}
.cont__nav > nav > ul > li > a {
	font-size: 20px;
	text-transform: uppercase;
}
.cont__nav > nav > ul > li > a span {
	display: block;
	position: relative;
}
.cont__nav > nav > ul > li > a span::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #FFFFFF;
	left: 0;
	bottom: -2px;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sub__menu {
    width: 100%;
    color: #01178e;
}
.sub__menu ul li {
	text-align: center;
	list-style: none;
}
.sub__menu ul li a {
	display: block;
	font-weight: 600;
}
.sub__menu ul li a span {
	display: inline-block;
	width: 100%;
	height: 27px;
	font-size: 75%;
	line-height: 1.2;
	text-align: center;
	font-weight: 700;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.prod__menu {
	position: relative;
	z-index: 1;
}
.prod__menu > div {
	padding-top: 135%;
	position: relative;
	overflow: hidden;
}
.prod__menu > div figure {
	width: 100%;
	position: absolute;
	top: 5%;
	left: 0;
}
.prod__menu > div figure::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: -5%;
	height: 100%;
	z-index: -1;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
}
.prod__menu > div figure img {
	width: 50%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	transform-origin: 50% 30%;
}
.prod__menu.e__unico figure {
	-webkit-transform: translateY(-4%);
	-moz-transform: translateY(-4%);
	-ms-transform: translateY(-4%);
	-o-transform: translateY(-4%);
	transform: translateY(-4%);
}
.btn__mob,
.btn__mob > div {
	position: absolute;
}
.btn__mob {
	top: 0;
	right: 20px;
	height: 100%;
	cursor: pointer;
}
.btn__mob > div {
	width: 70%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.btn__mob > div span {
	display: block;
	width: 100%;
	height: 2px;
	background: #ffff;
	transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.btn__mob > div span + span {
	margin-top: 10px;
}
.btn__mob.active > div span:nth-child(1) {
	-webkit-transform: translateY(12px);
	-moz-transform: translateY(12px);
	-ms-transform: translateY(12px);
	-o-transform: translateY(12px);
	transform: translateY(12px);
}
.btn__mob.active > div span:nth-child(3) {
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	-ms-transform: translateY(-12px);
	-o-transform: translateY(-12px);
	transform: translateY(-12px);
}
.sub__menu.sub__small ul {
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    display: inherit;
    justify-content: inherit;
}
.sub__menu.sub__small ul li { 
	width: 100%;
	margin-bottom: 0px;
}
.sub__small ul li a {
	text-transform: uppercase;
	line-height: 110%;
}

.sub__menu .e__pielse > div::after,
.item__rela .e__pielse > div::after {
	position: absolute;
	content: '¡Nuevo!';
	color: #ffffff;
	background: rgb(182,166,109);
	background: -moz-linear-gradient(left,  rgba(89,75,49,1) 0%,rgba(182,166,109,1) 50%,rgba(89,75,49,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(89,75,49,1) 0%,rgba(182,166,109,1) 50%,rgba(89,75,49,1) 100%);
	background: linear-gradient(to right, rgba(89,75,49,1) 0%,rgba(182,166,109,1) 50%,rgba(89,75,49,1) 100%);
	bottom: 0;
	z-index: 100;
	left: 0;
	right: 0;
	padding: 4px 6px;
	font-weight: 700;
	text-align: center;
}
/******************************
*	Footer
******************************/
.footer {
	text-transform: uppercase;
	text-align: center;
}
.bar__top {
	background: rgb(73,180,248);
	background: -moz-linear-gradient(left,  rgba(73,180,248,1) 1%, rgba(141,162,252,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(73,180,248,1) 1%,rgba(141,162,252,1) 100%);
	background: linear-gradient(to right,  rgba(73,180,248,1) 1%,rgba(141,162,252,1) 100%);
	color: #ffffff;
	font-size: 20px;
}
.bar__top span {
	font-weight: 600;
}
.opt__redes a {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #ffffff;
	color: #85a3ff;
	position: relative;
}
.opt__redes a + a {
	margin-left: 15px;
}
.opt__redes a i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.bar__bot {
	padding: 30px 15px 90px;
	color: #00188e;
	font-size: 15px;
}
/******************************
*	Shop
******************************/
.btn__shop {
	position: fixed;
	right: 0;
	bottom: 40px;
	z-index: 10000;
	-webkit-box-shadow: -5px 5px 5px 0 rgba(0,0,0,.3);
	box-shadow: -5px 5px 5px 0 rgba(0,0,0,.3);
}
.btn__shop a {
	display: block;
	padding: 12px 50px 12px 12px;
	line-height: 100%;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	background: #fe3c99;
	text-transform: uppercase;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.btn__shop a:hover {
	background: #00178e;
}
.btn__shop a figure {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 15px;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}
/******************************
*	Home
******************************/
#home main {
	opacity: 1;
}
.productos {
	padding: 60px 0;
	color: #00178e;
}
.productos .h__sect {
	text-align: center;
}
.productos .h__sect .t__sect span {
	font-weight: 400;
	font-size: 20px;
}
.card__item {
	position: relative;
}
.card__item a {
	display: block;
}
.prod__art {
	text-align: center;
	color: #ffffff;
	padding: 30px;
	position: relative;
	overflow: hidden;
}
.prod__art span {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	margin: 0 -30px;
	line-height: 100%;
	position: relative;
}
.prod__art .img__prod {
	position: relative;
	z-index: 1;
	-webkit-transform: scale(.9) translateZ(0px) translateY(8%) translateX(0%);
	-moz-transform: scale(.9) translateZ(0px) translateY(8%) translateX(0%);
	-ms-transform: scale(.9) translateZ(0px) translateY(8%) translateX(0%);
	-o-transform: scale(.9) translateZ(0px) translateY(8%) translateX(0%);
	transform: scale(.9) translateZ(0px) translateY(8%) translateX(0%);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	transform-origin: 50% 0;
}
.prod__art .img__prod::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	z-index: -1;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
}
.card__item a:hover .prod__art .img__prod {
	-webkit-transform: scale(1) translateZ(0px) translateY(2%) translateX(0%);
	-moz-transform: scale(1) translateZ(0px) translateY(2%) translateX(0%);
	-ms-transform: scale(1) translateZ(0px) translateY(2%) translateX(0%);
	-o-transform: scale(1) translateZ(0px) translateY(2%) translateX(0%);
	transform: scale(1) translateZ(0px) translateY(2%) translateX(0%);
}
.elemts {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.elemts figure {
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.elemts figure:nth-child(1) {
	left: -5%;
	transform-origin: 0% 100%;
}
.elemts figure:nth-child(2) {
	right: -5%;
	transform-origin: 100% 100%;
}
.card__item a:hover .prod__art .elemts figure {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);

}
.card__item a:hover .prod__art .elemts figure:nth-child(1) { left: 0%; }
.card__item a:hover .prod__art .elemts figure:nth-child(2) { right: 0%; }
.card__prod.e__pielse .prod__art span::before {
	position: relative;
	content: '¡Nuevo!';background: rgb(182,166,109);
	background: -moz-linear-gradient(left,  rgba(89,75,49,1) 0%,rgba(182,166,109,1) 50%,rgba(89,75,49,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(89,75,49,1) 0%,rgba(182,166,109,1) 50%,rgba(89,75,49,1) 100%);
	background: linear-gradient(to right, rgba(89,75,49,1) 0%,rgba(182,166,109,1) 50%,rgba(89,75,49,1) 100%);
	font-size: 18px; 
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	font-weight: 700;
}

/*---------------------------------------------------------*/
.somos {
	background: #fb9ea5;
	color: #00178e;
}
.info__somos {
	position: relative;
	z-index: 1
}
.img__somos,
.graf__somos img {
	pointer-events: none;
}
.graf__somos {
	position: relative;
	z-index: -1;
}
.graf__somos img {
	max-height: 80vh;
}
.txt__somos .h__sect {
	margin-bottom: 40px;
}
.txt__somos .t__sect {
	line-height: 100%;
}
/*---------------------------------------------------------*/
.cuidamos {
	background: #008d2e;
	color: #ffffff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.back__palma {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.back__palma img {
	max-height: 120vh;
	margin: 0 0 0 auto;
}
.txt__cuidamos .h__sect {
	margin-bottom: 30px;
}
.txt__cuidamos .t__sect {
	font-size: 32px;
	line-height: 100%;
}
.txt__cuidamos p {
	font-size: 20px;
	margin-bottom: 30px;
}
.list__cuidado li {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 20px;
}
.list__cuidado li + li {
	margin-top: 24px;
}
.icon__cui {
	width: 40px;
	min-width: 40px;
	margin-right: 20px;
}
.img__cuidamos {
	position: relative;
}
.b__vegetal {
	position: absolute;
	top: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
/******************************
*	Productos
******************************/
.gradient__w::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70%;
	z-index: -1;
	opacity: .4;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
#productos main section { padding: 60px 0; }
.portada {
	background: url('../img/productos-backg.svg') center bottom no-repeat;
	background-size: cover;
	text-align: center;
}
.prod__portada {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.prod__portada { margin: 0 auto; }
.prod__portada div {
	width: 25%;
	margin: 0 -8px;
	position: relative;
	z-index: 1;
}
.sombra {
	opacity: .1;
	top: 90%;
	position: absolute;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
	height: 30%;
	overflow: hidden;
	z-index: -1;
	pointer-events: none;
}
.sombra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sombra img {
	-webkit-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	transform: translateY(-70%);
}
.detalle .h__sect { text-align: center; }
.detalle .h__sect .t__sect span {
	font-size: 28px;
	color: #fe3c99;
	display: block;
}
.c__descri {
	width: 800px;
	max-width: 85%;
	margin: 0 auto;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
.desc__pielse {
	text-align: center;
    font-size: 11px;
    line-height: 1;
    padding-top: 40px;
}
.u__pielse span{ color: #ffffff;}
.pielse__img span:nth-child(2) {
	color: #ee7382;
    font-size: 14px;
    line-height: 1;
}
.bloq__info .c__logo{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.bloq__pielseimg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.pielse__img { width: 33.33%;}
.bloq__backg {
	background-color: #a58d48;
	background: url('../img/flores-back-piels.svg') center no-repeat;
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bloq__fondo {
	background-color: #a58d48;
	background: url('../img/fondo-flores.svg') center no-repeat;
	width: 100%;
    background-size: contain;
}
.txt__pielse { text-align: left;}
.txt__pielse p:last-child { font-size: 14px;}
.descri { text-align: center; }
.txt__video { text-align: center; }
.txt__video h3 { padding-bottom: 5%;}
.txt__video .arrowPink { padding-top: 10%;}
.bloq__info .c__rosa {
	max-width: 600px;
    background-color: #f5d6d9;
    padding: 40px;
    border-radius: 0 60px 60px 0;
}
.c__rosa p {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}
.pielse__rosa { position:relative; }
.borrego__pielse {
    position: absolute;
    top: -20px;
    right: -20%;
    bottom: 0;
    width: 40%;
}
.new__pielse {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.placa__pielse {
    width: 60%;
    max-width: 350px;
    margin: 0 auto;
}
.pielse__title { padding-top: 60px; }
.txt__productos  {
	width: 100%;
    height: 100%;
    margin-bottom: 15px;
}
.txt__productos p {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}
.i__products { padding-bottom: 20px; }
.logo__prod { width: 60%; }
.claims__prod02 { 
	position: relative; 
	padding-top: 40px;
}
.i__icons { 
	position: absolute;
    top: 85%;
    bottom: 0;
    left: 3%;
    right: 0;
}
.box__prod { 
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.box__prod--det {
	width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
}
.bot__center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}
.bot__center figure { width: 80%;}

.prod__logo { 
	position: absolute;
    top: -12%;
    left: 20%;
    right: 0;
}
.icon__descri {
	width: 100%;
	background: #051d8a;
	background: -moz-radial-gradient(center, ellipse cover,  #051d8a 0%, #001572 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #051d8a 0%,#001572 100%);
	background: radial-gradient(ellipse at center,  #051d8a 0%,#001572 100%);
	margin-bottom: 12px;
	-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
	box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
}
.prod__card + .prod__card { margin-top: 30px; }
.prod__card {
	position: relative;
	z-index: 1;
	padding: 50px 0;
	overflow: hidden;
}
.bag__card {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	transform-origin: 50% 100%;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.info__prod > div { position: relative; }
.txt__card { color: #ffffff; }
.img__card figure {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	transform-origin: 50% 0%;
}
.prod__card.e__unico .img__card figure img {
	-webkit-transform: translateY(-4%);
	-moz-transform: translateY(-4%);
	-ms-transform: translateY(-4%);
	-o-transform: translateY(-4%);
	transform: translateY(-4%);
}
.txt__card h3 { margin-bottom: 20px }
.txt__card span {
	font-weight: 600;
	line-height: 100%;
}
.prod__card.active.gradient__w::before { 
	opacity: .6;
	height: 90%;
}
.prod__card.active .bag__card {
	-webkit-transform: translateX(-50%) scale(1.1);
	-moz-transform: translateX(-50%) scale(1.1);
	-ms-transform: translateX(-50%) scale(1.1);
	-o-transform: translateX(-50%) scale(1.1);
	transform: translateX(-50%) scale(1.1);
}
.prod__card.active .img__card figure {
	-webkit-transform: translateX(-50%) scale(.9);
	-moz-transform: translateX(-50%) scale(.9);
	-ms-transform: translateX(-50%) scale(.9);
	-o-transform: translateX(-50%) scale(.9);
	transform: translateX(-50%) scale(.9);
}
.prod__card.e__ultra::after {
	position: absolute;
	content: '';
	top: -1px;
	background: url('../img/nuevo.svg') center top no-repeat;
	background-size: contain;
	filter: drop-shadow(0px 0px 10px rgba(5, 30, 138, 1));
}
.prod__portada div.b__ultra { z-index: 10000; }
.b__ultra figure:nth-child(1) {
	-webkit-transform: scale(1.38);
	-moz-transform: scale(1.38);
	-ms-transform: scale(1.38);
	-o-transform: scale(1.38);
	transform: scale(1.38);
	transform-origin: 40% 0;
}
.b__ultra .sombra {
    -webkit-transform: rotateX(180deg) scale(1.38);
    -moz-transform: rotateX(180deg) scale(1.38);
    -ms-transform: rotateX(180deg) scale(1.38);
    -o-transform: rotateX(180deg) scale(1.38);
    transform: rotateX(180deg) scale(1.38);
    transform-origin: 40% 40%;
}

.b__pos:first-child,
.b__pos:last-child  {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}
.b__pos:nth-child(2),
.b__pos:nth-child(5) {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}
.b__pos:nth-child(3),
.b__pos:nth-child(4){ 
	width:27% 
}
.b__pos:nth-child(4){ z-index: 3 }
.b__pos:nth-child(5){ z-index: 2 }
.b__pos:last-child{ z-index: 1 }
/******************************
*	Detalle de producto
******************************/
.prod__inicio {
	width: 100%;
	/* min-height: calc(100vh - 148px); */
	text-align: center;
	z-index: 1;
}
.bg__prod {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    z-index: -1;
}
.bg__prod > div {
	width: 100%;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.bg__prod > .e__pielse{
	height: 100%;
}
.destello::before {
	content: '';
	position: absolute;
	width: 100%;
    height: 200%;
    top: -80%;
    left: -23%;
    z-index: -1;
    opacity: .9;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 63%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 63%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 63%);
}
.destello.e__pielse::before {
	top: -10%;
    left: -1%;
}
.bg__top { height: 66%; }
.bg__bot { height: 34%; }
.ele__ini {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.ele__ini img {
	width: 100%;
	max-width: inherit;
}
.ele__ini.vid {
	height: 100%;
	overflow: hidden;
}
.back__vid {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.back__vid video { width: 100%; }
.inicio__portada {
	padding-top: 6vh;
	padding-bottom: 30px;
	position: relative;
}
.c__cint {
	position: absolute;
	right: 0;
	pointer-events: none;
}
.cinti {
	padding: 2px 0px 2px 2px;
	border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
	position: relative;
	z-index: 1;
	background: rgb(153,142,22);
	background: -moz-linear-gradient(-45deg,  rgba(153,142,22,1) 0%, rgba(220,205,77,1) 16%, rgba(153,142,22,1) 32%, rgba(220,205,77,1) 52%, rgba(153,142,22,1) 68%, rgba(220,205,77,1) 85%, rgba(153,142,22,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(153,142,22,1) 0%,rgba(220,205,77,1) 16%,rgba(153,142,22,1) 32%,rgba(220,205,77,1) 52%,rgba(153,142,22,1) 68%,rgba(220,205,77,1) 85%,rgba(153,142,22,1) 100%);
	background: linear-gradient(135deg,  rgba(153,142,22,1) 0%,rgba(220,205,77,1) 16%,rgba(153,142,22,1) 32%,rgba(220,205,77,1) 52%,rgba(153,142,22,1) 68%,rgba(220,205,77,1) 85%,rgba(153,142,22,1) 100%);
}
.cinti > div  {
	right: 0;
	padding: 15px 20px;
	background: #ffffff;
	border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    overflow: hidden;
    position: relative;
}
.cinti > div > div:nth-child(1) {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
}
.cinti > div > div:nth-child(1) figure {
    animation-name: fade;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-duration: 9s;
}
.cinti > div > div:nth-child(2) figure {
	animation-name: fade;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-duration: 9s;
	animation-delay: 4.5s;
}
@keyframes fade {
    0% {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	45% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
    100%{
		-webkit-transform: translateX(-105%);
		-moz-transform: translateX(-105%);
		-ms-transform: translateX(-105%);
		-o-transform: translateX(-105%);
		transform: translateX(-105%);
	}
}
.scroll__prod {
	width: 100%;
	overflow: auto;
	/* -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; */
	text-align: center;
	white-space: nowrap;
}
.scroll__prod::-webkit-scrollbar {
  /* Webkit */
  width: 0;
  height: 0;
}
.cont__scroll {
	display: inline-block;
	padding: 0 15px;
}
.item__prod {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.item__prod + .item__prod { margin-left: 10px; }
.item__prod img { height: 41vh; }
.item__prod .sombra {
	position: relative;
	margin-top: -10px;
	height: 8vh;
}
.item__prod .sombra img {
    -webkit-transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    transform: translateY(-75%);
}
.item__prod a { display: block; }
.item__prod:hover a {
	-webkit-transform: translateY(3%);
    -moz-transform: translateY(3%);
    -ms-transform: translateY(3%);
    -o-transform: translateY(3%);
    transform: translateY(3%);
}
.selec {
	font-weight: 600;
	font-size: 18px;
	padding: 0 15px;
}
.selec span {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/arowUp.svg') center no-repeat;
	background-size: contain;
	margin: -20px auto 10px;
}
.selec.arrowPink {
	padding-top: 100px;
	color: #fc637d;
}
.selec.arrowPink span {
	position: relative;
	background: url('../img/arowDownPink.svg') center no-repeat;
	margin: 6px auto 0;
}
.fil__info,
.bloq__info { z-index: 1; }
.cont__slider {
	position: relative;
	background: #f4f4f5;
}
.cont__slider,
.cont__piels {
	background: #fbf0f1;
}
.cont__slider,
.info__detail { width: 100%; }
.cont__piels { overflow: hidden;}
.fil__info > div { 
    position: relative;
    z-index: 1;
}
/* .detail__graf {
	background: #f4f4f5;
	position: relative;
} */
.flores {
	position: absolute;
	top: 0;
}
.gaf__detail,
.txt__detail { 
	margin: 0 auto;
	max-width: 90%;
}
.gaf__detail {
	width: 100%;
	max-width: 600px;
}
.txt__detail { 
	width: 650px;
	color: #ffffff;
}
.txt__blue { 
	color: #002574;
}
.owl-carousel .owl-item .gaf__detail img {
	max-width: 100%;
	width: auto;
}
.litraje {
	display: block;
	text-align: center;
	margin-top: 10px;
}
.gaf__detail hr {
	width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
    border: 0;
    border-top: 2px solid #c9e1f6;
}
.gaf__detail .descri { 
	width: 33.33%;
	font-size: 12px;
	line-height: 120%;
}
.gaf__detail .descri .icon__descri { 
	width: 50px;
	margin: 0 auto 10px;
}
.txt__detail .h__sect { margin-bottom: 30px; }
.txt__detail .h__sect h4 { font-size: 24px; }
.txt__detail p + p { margin-top: 20px; }
.txt__detail p + div,
.txt__detail div + p,
.txt__detail p + h5 { margin-top: 30px; }
.txt__detail ul { 
	list-style: none;
}
.txt__detail ul li {
	position: relative;
	padding-left: 12px;
	line-height: 110%;
}
.txt__detail ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentcolor;
}
.l__icon ul li::before { content: unset; }
.l__icon ul li { padding-left: 0px; }
.list__caract.list__image li + li { margin-top: 8px; }
.list__caract.list__simple li  { margin-bottom: 8px; }
.list__caract + .list__caract { margin-top: 30px; }
.list__caract.list__image figure { width: 150px; }
.h__compar {
	width: 100%;
	height: 60px;
	text-align: center;
	background: #01188f;
	color: #ffffff;
	display: table;
	font-weight: 700;
	cursor: pointer;
}
.h__compar span {
	display: table-cell;
	vertical-align: middle;
}
.comprar__prod .info__compar {
	width: 100%;
	overflow: auto;
	display: none;
	background: #ffffff;
	padding: 30px;
}
.info__compar > div {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
}
.comprar__prod .info__compar > div {
	max-width: 500px;
	margin: 0 auto;
}
.comprar__prod .info__compar > div .item__shop {
	width: 33.33%;
	padding: 10px;
}
.arrows.owl-theme .owl-nav {
	position: absolute;
	left: 0;
	z-index: 100;
	margin: 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.arrows .owl-nav button span { display: none; }
.arrows .owl-nav button.owl-next,
.arrows .owl-nav button.owl-prev {
   width: 25px;
   height: 25px;
   margin: 0;
   background-size: contain !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
}
.arrows .owl-nav button.owl-prev { background-image: url('../img/aPrev.svg') !important; }
.arrows .owl-nav button.owl-next { background-image: url('../img/aNext.svg') !important; }
.arrows .owl-nav [class*='owl-']:hover { background-color: transparent !important; }
.bloq__info > div {
	width: 90%;
	max-width: 500px;
	text-align: center;
}
.bloq__info > div span { 
	display: block;
	font-size: 24px;
	font-weight: 700;
}
.img__bloq {
	width: 100%;
	padding-top: 60%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.prod__rela { padding: 60px 0; }
.prod__rela .h__sect { 
	text-align: center;
	position: relative;
}
.prod__rela .h__sect::before {
	position: absolute;
	content: '';
	width: 100%;
	border-top: 2px solid #acd3f7;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.prod__rela .h__sect h3 {
	display: inline-block;
	padding: 0 30px;
	background: #ffffff;
	position: relative;
}
.cont__rela {
	max-width: 800px;
	margin: 0 auto;
}
.grid__rela {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -5px;
}
.item__rela {
	width: 33.33%;
	padding: 0 5px;
}
.item__rela .prod__menu { margin-bottom: 35px; }
.item__rela a:hover .prod__menu::before { height: 0%; }
.item__rela a:hover .prod__menu > div figure img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.item__rela a span {
	display: block;
	text-align: center;
    font-size: 90%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -40px;
    font-weight: 600;
    line-height: 100%;
}
.item__rela .e__ultra figure img { width: 70%; }
.slide__prod {
	margin: 0 auto;
	max-width: 300px;
}
.slide__lit.owl-theme .owl-nav {
    width: 100% !important;
    padding: 0 !important;
    top: 50% !important;
}
.slide__lit.arrows .owl-nav button.owl-prev { background-image: url('../img/aPrev-pro.svg') !important; }
.slide__lit.arrows .owl-nav button.owl-next { background-image: url('../img/aNext-pro.svg') !important; }

#detalle-producto .h__sect p.nota {
	font-size: 12px;
	margin-top: 15px;
}
.icon__l {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 25px;
}
.datail__section + .prod__detail { padding-top: 0; }

.datail__section .info__detail {
	padding: 80px 15px 20px;
	position: relative;
	background: rgb(41,108,177);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(41,108,177,1) 0%, rgba(3,15,28,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(41,108,177,1) 0%,rgba(3,15,28,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(41,108,177,1) 0%,rgba(3,15,28,1) 100%);
	overflow: hidden;
	z-index: 1;
	color: #ffffff;
}
.trama {
	position: absolute;
	width: 600px;
	max-width: 50%;
	z-index: -1;
}
.t01 {
	top: 0;
	right: 0;
}
.t02 {
	bottom: 0;
	left: 0;
}
.botellas__prod {
	margin: 0 auto;
	width: 1200px;
	max-width: 90%;
}
.botellas__prod img { max-height: 65vh; }
.cin__new {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 300px;
	max-width: 40%;
	filter: drop-shadow(10px 10px 10px rgba(11, 25, 70, 1));
}
.t__prod {
	text-align: center;
	font-size: 32px;
	margin-bottom: 60px;
	text-shadow: 0px 7px 7px rgba(0, 0, 0, .5);
}
.t__prod span { color: #ddc22d; }
.cont__puntos > div {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    justify-content: center;
    position: relative;
}
.item__p {
	padding: 0 5px;
	text-align: center;
}
.punto figure {
	margin: 0 auto 20px;
	width: 70%;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, .4));
	transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	transition-delay: 1s;
}
.punto span {
	display: block;
	line-height: 110%;
	font-weight: 700;
	text-shadow: 0px 0px 7px rgba(255, 255, 255, .4);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	transition-delay: 1s;
}
.punto.inview figure {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.punto.inview span {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
}
/******************************
*	Consejos Esenciales
******************************/
.graf__consejo {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#consejos-esenciales main { padding: 60px 0; }
#consejos-esenciales .h__sect { margin-bottom: 30px; }
#consejos-esenciales [class*='cont__'] + [class*='cont__'] { margin-top: 60px; }
#consejos-esenciales .cont__slider {
	margin-top: 60px;
	padding-bottom: 50px;
	background: #9ad1f9;
	position: relative;
	z-index: 1;
}
#consejos-esenciales .cont__slider::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20%;
	z-index: -1;
	background: #ffffff;
}
.slide__consejos { color: #ffffff; }
.slide__consejos.arrows .owl-nav button.owl-prev { background-image: url('../img/aPrev-w.svg') !important; }
.slide__consejos.arrows .owl-nav button.owl-next { background-image: url('../img/aNext-w.svg') !important; }
.slide__consejos.arrows.owl-theme .owl-nav {
	top: 50%;
	left: 50%;
}
.slide__consejos .info__consejo {
	margin: 0 auto;
	max-width: 750px;
}
.slide__consejos .info__consejo .graf__consejo {
	width: 100%;
	padding-top: 60%;
	margin-bottom: 30px;
	border-radius: 20px;
}
.slide__consejos .info__consejo .txt__consejo {
	margin: 0 auto;
	max-width: 550px;
}
.slide__consejos .info__consejo .txt__consejo h3 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #00178e;	
}
.accordion.ui-widget {
	font-family: 'Montserrat', sans-serif;
}
.accordion.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 15px 10px;
    font-size: 100%;
    color: #00178e;
    border: 0;
    border-radius: 0;
    background: transparent;
    position: relative;
}
.accordion .ui-icon {
    width: 14px;
    height: 14px;
    position: absolute;
    top:  50%;
    right: 10px;
    background: url('../img/arowUp.svg') center no-repeat !important; 
    background-size: contain;
    -webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.accordion.ui-accordion .ui-state-active .ui-icon {
    -webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.accordion.ui-accordion .ui-state-hover,
.accordion.ui-accordion .ui-state-active {
	background: #e6f7ff;
}
.accordion.ui-accordion .ui-accordion-content + .ui-accordion-header { border-top: 1px solid #7dd2fb; }
.accordion .ui-widget-content {
    border: 0;
    background: #ffffff;
    color: #7d7e7d;
}
.accordion.ui-accordion .ui-accordion-content {
	padding: 1em;
}
/******************************
*	Consejo por porducto 
******************************/
.head__page { 
	min-height: 55vh;
	padding: 60px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
}
.head__page > div { width: 100%; }
.head__page .h__sect { margin-bottom: 0; }
.head__page .t__sect { font-size: 32px; }
.consejos { margin-bottom: 60px; }
.card {
	border-radius: 20px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.card:hover {
	-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.3);
	box-shadow: 0 0 15px 1px rgba(0,0,0,.3);
}
.card,
.card .graf__card { 
	position: relative;
	overflow: hidden;
}
.card a { display: block; }
.card .graf__card {
	z-index: 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.c__gen .card .graf__card { padding-top: 75%; }
.c__gen .card .graf__card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
.c__gen .card span {
	position: absolute;
	width: 100%;
	padding: 15px;
	color: #ffffff;
	font-weight: 700;
	left: 0;
	bottom: 0;
	z-index: 2;
	text-align: center;
	font-size: 22px;
	line-height: 110%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.c__prod .card .graf__card { padding-top: 75%; }
.prod__item {
	position: absolute;
    width: 30%;
    top: 10%;
    right: 8%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}
/******************************
*	Detalle Consejos
******************************/
.detalle__consejo > div { position: relative; }
.c__general .con__graf .img__con {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.con__info {
	color: #ffffff;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.c__general .con__info { background: #051e8a; }
.consejo__txt { margin: 0 auto; }
.consejo__txt .c__btn .cta {
    background: #ffffff;
    color: #00178e;
    border: 1px solid #b4ddfa;
    width: auto;
    max-width: initial;
}
.consejo__txt .c__btn .cta:hover { background: #b4ddfa; }
.pod__rela { padding: 60px 0; }
.cards__rela {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -5px;
}
.card__r {
	padding: 0 5px;
	text-align: center;
}
.card__r a {
	display: block;
	padding-bottom: 35px;
}
.card__r a:hover .prod__menu::before,
.card__r a.active .prod__menu::before { height: 0; }
.card__r a .prod__menu > div figure {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.card__r a:hover .prod__menu > div figure,
.card__r a.active .prod__menu > div figure {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.card__r .prod__menu span {
	position: absolute;
	top: calc(100% +  15px);
	width: 100%;
	left: 0;
	font-weight: 600;
}
/******************************
*	Consejo por producto
******************************/
#consejo-p-producto .wrapper {  overflow: initial; }
#consejo-p-producto main { min-height: auto; }
.c__producto .con__graf .img__con {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.consejo__txt ul li {
	position: relative;
	padding-left: 15px;
}
.consejo__txt ul li::before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentcolor;
	left: 0;
	top: 8px;
}
.consejo__txt ul li + li { margin-top: 20px; }
.cont__prod {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.consejo__prod {
	position: absolute;
	left: 8%;
	top: 35%;
}
/******************************
*	Compra en linea
******************************/
.head__tiendas {
	background: url('../img/bg-tiendas.webp') center bottom no-repeat;
	background-size: cover;
	text-align: center;
	overflow: hidden;
	margin-bottom: 60px;
}
.fil__head > div {
	position: relative;
	z-index: 1;
}
.fil__head > div .prod__portada {
	width: 450px;
	max-width: 85%;
	margin: 0 auto;
}
.fil__head > div:first-child::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 100%;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
	z-index: -1;
}
#compra-linea .item__shop {
	margin-bottom: 20px;
	padding: 10px;
}
#compra-linea .info__compar {
	max-width: 800px;
	margin: 0 auto;
}
.grid__tiendas .item__shop a img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.grid__tiendas .item__shop a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/******************************
*	Cuidadores
******************************/
.cont__cuidadores {
	background: url('../img/bg-cuidadores.webp') center no-repeat;
	background-size: cover;
}
.scroll__cui {
	width: 100%;
	overflow: auto;
	/* -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; */
}
.scroll__cui::-webkit-scrollbar {
  width: 0.4em;
  /* for vertical scrollbars */
  height: 0.4em;
  /* for horizontal scrollbars */
}
.scroll__cui::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
.scroll__cui::-webkit-scrollbar-thumb {
  background: rgb(254, 60, 153, .8);
}
.info__scrool {
	padding-top: 60px;
	padding-bottom: 60px;
	white-space: nowrap;
}
.item__cui {
	display: inline-block;
	white-space: normal;
	padding: 0 30px;
	vertical-align: middle;
}
.intro__cui figure {
	width: 80%;
	margin: 0 auto 30px;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}
.intro__cui figure img {
	max-height: 20vh;
}
.cont__marco {
	overflow: hidden;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}
.info__scrool .cont__marco { cursor: pointer; }
.marco {
	position: relative;
	z-index: 100;
}
.img__cui,
.img__cui img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.img__cui {
	width: 80%;
	height: 84%;
	overflow: hidden;
}
.img__cui img {
	position: absolute;
	height: 100%;
	max-width: inherit;
}
.info__scrool .img__cui::before,
.info__scrool .img__cui::after {
	content: '';
	position: absolute;
	z-index: 10;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.info__scrool .img__cui::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #051d8a;
	opacity: 0;
}
.info__scrool .img__cui::after {
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url('../img/play.svg') center no-repeat;
	background-size: contain;
	opacity: 0;
}
.cont__marco:hover .img__cui::before { opacity: .6; }
.cont__marco:hover .img__cui::after { opacity: 1; }
.info__center {
	width: 100%;
	min-height: 100vh;
	padding: 60px 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}
.info { width: 100%; }
.lb__video {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	z-index: 100000000;
	overflow: auto;
}
.cont__viddeo {
	margin: 0 auto;
	width: 130vh;
	max-width: calc(100% - 30px);
	background: #ffffff;
	padding: 5px;
	-webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, .2);
    position: relative;
}
.video__c {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video__c iframe,
.video__c video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.close__vid {
	width: 50px;
	height: 50px;
	bottom: 100%;
	right: 0;
	position: absolute;
	cursor: pointer;
}
.close__vid > div {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.close__vid > div span {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffffff;
	top: 50%;
	left: 50%;
}
.close__vid > div span { background: #ffffff; }
.close__vid > div span:nth-child(1) {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-moz-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-o-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.close__vid > div span:nth-child(2) {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-moz-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-o-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.parti {
	padding: 30px 0;
	text-align: center;
	background: #051e8a;
	color: #ffffff;
	font-weight: 600;
}
.parti span { 
	display: block;
	line-height: 110%;
}
.parti a {
	color: #fe3c99;
}
.parti a:hover { text-decoration: underline }
.dinamica {
	padding: 60px 0;
}
.txt__dina h3 {
	color: #fe3c99;
	margin-bottom: 20px;
}

/******************************
*	Sustentabilidad
******************************/
.head__s {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.head__sus {
	position: relative;
	padding-top: 80px;
	text-align: center;
	z-index: 1;
	overflow: hidden;
}
.head__sus h2 {
	font-size: 32px;
	margin-bottom: 60px;
}
.plantas {
	position: absolute;
	bottom: 0;
	width: 500px;
	max-width: 30%;
	z-index: -1;
}
.pl01 { left: 0; }
.pl02 { right: 0; }

.cont__bto {
	margin: 0 auto;
	width: 95vh;
	max-width: 80%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 2%;
}
.cont__bto > div {
	width: 25%;
	padding-top: 51%;
	position: relative;
}
.cont__bto > div + div { margin-left: -3%; }
.cont__bto .b__ultra {
	z-index: 1000;
	margin-left: 0;
    margin-right: 5%;
}
.cont__bto > div figure {
	top: 0;
	left: 0;
	position: absolute;
	filter: drop-shadow(-8px 0px 2px rgba(0, 0, 0, 0.3));
}
.bg__green	{ background: #c4e2c8; }
.txt__section {
	padding: 60px 0 0;
	text-align: center;
}
.txt__section p {
	margin-left:  auto;
	margin-right: auto;
	max-width: 800px;
}
.txt__section p + h3 { margin-top: 30px; }
.info__sus {
	padding: 60px 0;
	position: relative;
	z-index: 1;
}
.info__sus::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/* background: #ffffff; */
	z-index: -1;
}
.info__sus .c__descri { margin-bottom: 60px; }
.txt__plares {
	margin: 0 auto 60px;
	max-width: 800px;
	text-align: center;
}
.txt__plares span {
	font-weight: 700;
	font-size: 20px;
	display: block;
}
.tem__pilar:nth-child(1) { background: #54a94a; }
.tem__pilar:nth-child(2) { background: #3f8537; }
.tem__pilar:nth-child(3) { background: #32702c; }
.txt__pilar { color: #ffffff; }
.txt__pilar h3 {
	padding: 0 0 15px;
	margin-bottom: 20px;
	border-bottom: 2px solid #c5f1c1;
	height: 69px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: end;
}
.txt__pilar ul li +li { margin-top: 5px; }

.head__ori.head__s {
	background-position: center;
}
.head__ori {
	position: relative;
	z-index: 1;
    overflow: hidden;
}
.head__ori::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: -1;
}
.fil__or > div h2 { color: #ffffff; }
.bot__origen {
	position: relative;
    margin: 0 auto;
}
.bot__origen img {
	position: absolute;
	top: 0;
	left: 0;
}
.img__ori {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
}
.txt__ori h3 {
	color: #fe3c99;
	font-size: 22px;
	margin-bottom: 20px;
}
.txt__ori p + ul { margin-top: 20px; }
.txt__ori ul li + li { margin-top: 15px; }
.vid__uumbal { padding: 60px 15px; }
.vid__uumbal h3 {
	margin-bottom: 30px;
	text-align: center;
}
.vide__content,
.mapa__acopio {
	width: 100vh;
    max-width: 100%;
    margin: 0 auto;
}
.video,
.mapa__acopio > div {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video iframe,
.video video,
.video figure,
.mapa__acopio > div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.txt__origen {
	padding-top: 60px;
	text-align:  center;
}
.log__indus {
	margin: 60px auto 0;
	width: 150px;
}
.plants {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.plants > div {
	width: 500px;
	max-width: 45%;
}
.head__s.head__prod { background-position: 50% 70%; }
.head__prod {
	padding: 60px 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 65vh;
}
.head__prod > div {
	width: 100%;
}
.head__prod h3 { color: #ffffff; }
.prod__sus { padding: 60px 0; }
.cont__descrip {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.img__desc { margin: 0 auto; }
.txt__desc {
	border-top: 3px solid #3f8537;
	padding-top: 20px;
}
.head__acop {
	padding: 60px 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70vh;
    text-align: center;
}
.head__acop > div { width: 100%; }
.head__acop h3 { color: #ffffff; }
.txt__reci {
	position: relative;
	background: #26a539;
	background: -moz-linear-gradient(left,  #26a539 0%, #156b20 100%);
	background: -webkit-linear-gradient(left,  #26a539 0%,#156b20 100%);
	background: linear-gradient(to right,  #26a539 0%,#156b20 100%);
	color: #ffffff;

	padding: 60px 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 55vh;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    overflow: hidden;
    z-index: 1;
}
.txt__reci span {
	display: block;
	font-size: 32px;
}
.txt__reci > div { width: 100%; }
.txt__reci figure {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: .1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 45vh;
	z-index: -1;
}
.programas {
	padding: 60px 0;
	text-align: center;
}
.programas h3 {
	margin-bottom: 30px;
}
.cont__programa > div {
	color: #ffffff;
	font-size: 20px;
}
.cont__programa > div:nth-child(1) { background: #54a94a; }
.cont__programa > div:nth-child(2) { background: #3f8537; }
.cont__programa > div:nth-child(3) { background: #32702c; }
.cont__programa > div figure { margin: 0 auto 20px; }
.mapa__progr {
	padding: 60px 0 0;
	position: relative;
}
.mapa__info {
	max-width: 900px;
	margin: 0 auto -100px;
	padding: 0 15px;
	flex-direction: row-reverse;
	z-index: 1;
	position: relative;
}
.mapa__info,
.mapa__info > div {
	font-size: 22px;
    font-weight: 700;
}
.planta__pro {
	width: 500px;
	max-width: 80%;
	margin:  0 0 0 auto;
}
.acopio__info {
	padding: 60px 0;
}
.acopio__info .h__sect {
	text-align: center;
}
.txt__aco {
	margin: 0 auto 60px;
}

/******************************
*	Mobile
******************************/
/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {
.card__item + .card__item { margin-top: 80px; }
.prod__art span { font-size: 24px; }
.prod__art .img__prod img { width: 40%; }
.txt__somos p { font-size: 20px; }
.txt__somos .t__sect { font-size: 32px; }
.item__rela a span { display: none; }
.cont__consejos .t__sect br { display: none; }
#compra-linea .item__shop { width: 50%; }
.fil__or > div h2,
.head__prod h3,
.head__acop h3 { font-size: 9vw; }
.card__prod.e__ultra .prod__art .img__prod img { width: 56%; }
.item__rela .e__ultra > div::after { font-size: 2.5vw; }
.box__prod { align-items: center;  }
}
@media (min-width : 480px) {
.cont__cards {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-top: 60px;
}
.prod__art span { font-size: 75%; }
.prod__art .img__prod img { width: 70%; }  
.txt__somos p { font-size: 24px; }
.txt__somos .t__sect { font-size: 40px; }
.card__prod.e__pielse .prod__art .img__prod img { width: 70%; }
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
.item__rela a span { font-size: 15px; }
.c__gen .card span { font-size: 4vw; }
#compra-linea .item__shop { width: 33.33%; }
.fil__or > div h2,
.head__prod h3,
.head__acop h3 { font-size: 32px; }
.box__prod--det{ width: 50%; }
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.somos { padding-top: 60px; }
.txt__somos {
	max-width: 700;
	margin: 0 auto;
}
.graf__somos {
	width: 160%;
	margin-left: -10%;
}
.cuidamos { padding: 60px 0; }
.back__palma {
    width: 115%;
    right: -30%;
    opacity: .6;
}
.txt__cuidamos .t__sect { font-size: 26px; }
.img__cuidamos { padding-top: 70%; }
.b__vegetal {
    max-width: 45%;
    width: 180px;
}
.prod__portada { max-width: 90%; }
.descri { 
	width: 70px;
	font-size: 12px;
}
.info__prod {
	width: 500px;
	max-width: 90%;
	margin: 0 auto;
}
.info__prod > div + div {
	margin-top: 30px;
}
.bag__card { width: 150%; }
.img__card { padding-top: 70%; }
.img__card figure {  width: 40%; }
.prod__card.e__ultra .img__card figure { width: 50%; }
.txt__card h3 { font-size: 28px; }
.txt__card span { font-size: 18px; }
.destello::before {
	width: 120%;
    height: 200%;}
.ele__ini { width: 200vw; }
.ele__ini.vid { width: 100vw; }
.slide__info .fil__info > div { padding: 30px 15px; }
.bloq__info > div {
	padding: 30px 0;
	margin: 0 auto;
}
.owl-carousel .owl-item .gaf__detail img { max-height: 40vh; }
.slide__info.owl-theme .owl-nav {
	width: 100%;
	top: 150px;
}
.arrows.owl-theme .owl-nav { padding: 25px; }
.slide__consejos .info__consejo { padding: 0 30px; }
.slide__consejos.arrows.owl-theme .owl-nav { 
	width: 90%; 
	top: 20%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.card__con + .card__con { margin-top: 15px; }
.c__general .con__graf .img__con { padding-top: 60%; }
.con__info { padding: 30px; }
.card__r { width: 50%; }
.card__r { margin-bottom: 20px; }
.c__producto .con__graf .img__con { padding-top: 60%; }
.consejo__prod { 
	top: 30%;
    width: 20%;
}
.fil__head > div + div { margin-top: 40px; }
.head__tiendas { padding: 60px 0; }
.item__cui { width: 250px; }
.fil__din > div + div { margin-top: 30px; }
.img__din .cont__marco {
	width: 350px;
	max-width: 70%;
}
.tienes { font-size: 26px; }
.envia,
.parti a { font-size: 20px; }
.info__sus::before { height: 100px; }
.tem__pilar {
	margin:  0 auto;
	max-width: 500px;
}
.txt__pilar { padding: 20px 20px 40px; }
.head__ori { padding: 60px 0 0; }
.fil__or {
	padding: 0 15px;
	text-align: center;
}
.fil__or > div + div { margin-top: 30px; }
.bot__origen {
	padding-top: 70%;
    width: 33%;
}
.img__ori { padding-top: 60%; }
.txt__ori { padding: 40px 20px; }
.plants { margin-top: -10%; }
.txt__desc { font-size: 14px; }
.txt__desc + .txt__desc { margin-top: 30px; }
.img__desc { width: 60%; }
.cont__programa > div { padding: 30px 20px; }
.cont__programa > div figure { width: 50%; }
.txt__aco figure {
	width: 78%;
	margin: 0 auto;
}
.prod__card.e__ultra::after {
	width: 40%;
	right: -3%;
	padding-top: 20%;
}
.back__vid { width: 100%; }
.back__vid video { display: none; }
/* .back__vid figure img { width: 54vh; } */
.fil__mobile { 
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	flex-direction: column-reverse;
}
.c__cint {
    bottom: 68%;
    width: 180px;
}
.flores {
	right: -3%;
	left: -3%;
}
.f_pielse{
	top: -4%;
}
.item__p {
	width: 33.33%;
	margin-bottom: 30px;
}
.item__p:nth-child(1),
.item__p:nth-child(2) { width: 50%; }
.cont__puntos {
    width: 420px;
    max-width: 85%;
}
.punto span { font-size: 2.3vw; }
.item__p:nth-child(1) .punto span,
.item__p:nth-child(2) .punto span { font-size: 3vw; }
.punto figure { width: 80%; }
.cont__puntos { margin: 0 auto 30px; }
.bloq__info .bloq__pielse{ flex-direction: column;}
.bloq__info .c__rosa { border-radius: 0 0 60px 60px; }
}
/* Medium Devices to Large Devices */
@media (min-width : 768px){
.productos .h__sect .t__sect span { display: block; }
.txt__somos {
	position: absolute;
	width: 40%;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
.graf__somos {
	width: 130%;
	margin-left: -23%;
}
.cuidamos { padding: 90px 0; }
.back__palma {
	width: 800px;
	max-width: 60%;
	right: -1px;
}
.info__cuidamos {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.txt__cuidamos { width: 60%; }
.img__cuidamos { width: 40%; }
.txt__cuidamos .t__sect { font-size: 32px; }
.prod__portada { max-width: 73vh; }
.descri { width: 120px; }
.info__prod {
	max-width: 70%;
	margin: 0 auto;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.bag__card { width: 100%; }
.txt__card { width: 60%; }
.img__card { 
	width: 40%;
	padding-top: 50%; 
}
.img__card figure {  width: 70%; }
.prod__card.e__ultra .img__card figure { width: 80%; }
.txt__card h3 { font-size: 36px; }
.txt__card span { font-size: 26px; }
.fil__info,
.bloq__info {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
	-ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    position: relative;
}
.slide__info .fil__info > div {
	padding: 60px 15px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.fil__info > div {
	width: 50%;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.comprar__prod {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50%;
	z-index: 100;
}
.cont__bloq + .cont__bloq { flex-direction: row-reverse; }
.owl-carousel .owl-item .gaf__detail img { max-height: 50vh; }
.slide__info.owl-theme .owl-nav {
	width: 50%;
	top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.arrows.owl-theme .owl-nav { padding: 30px; }
.slide__consejos.arrows.owl-theme .owl-nav { 
	width: 58%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.cont__cardsC {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px;
}
.card__con { padding: 15px; }
.c__gen .card__con { width: 33.33%; }
.c__prod .card__con { width: 50%; }
.c__gen .card:hover span { bottom: 5%; }
.c__prod .card:hover .prod__item {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.detalle__consejo {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.c__producto { flex-direction: row-reverse; }
.detalle__consejo > div { width: 50%; }
.c__general .con__graf .img__con { height: 70vh; }
.con__info { padding: 60px 30px; }
.card__r { width: 25%; }
.c__producto .con__graf .img__con {
    width: 100%;
    height: calc(100vh - 79px);
    position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
    top: 79px;
}
.consejo__prod img { max-height: 70vh; }
.fil__head {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.fil__head > div { width: 50%; }
.head__tiendas { padding: 80px 0 70px; }
#compra-linea .item__shop { width: 25%; }
.cont__marco { width: 40vh; }
.item__cui { width: 33.33%; }
.ini__cui { width: 35%; }
.fil__din {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.fil__din > div { width: 50%; }
.tienes { font-size: 32px; }
.envia,
.parti a { font-size: 24px; }
.txt__section p { font-size: 18px; }
.info__sus::before { height: 120px; }
.cont__pilares,
.txt__pilar  {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.tem__pilar { width: 33.33%; }
.txt__pilar {
	padding: 30px 30px 50px;
    flex-direction: column;
    justify-content: space-between;
}
.fil__or {
	width: 700px;
	margin: 0 auto;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row-reverse;
}
.fil__or > div { width: 50%; }
.fil__or > div h2 { font-size: 40px; }
.head__ori { padding: 60px 0; }
.bot__origen {
    padding-top: 50vh;
    width: 27vh;
    max-width: 100%;
}
.col__ori {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.col__ori > div { width: 50%; }
.img__ori { padding-top: 70vh; }
.info__origen .col__ori:nth-child(odd) { flex-direction: row-reverse; }
.txt__ori {
    padding: 60px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.txt__ori > div {
    max-width: 450px;
    margin: 0 auto;
}
.plants { margin-top: -100px; }
.head__prod h3 {
	width: 50%;
	font-size: 40px;
}
.img__desc { width: 60%; }
.txt__desc {
	position: absolute;
	width: 30%;
	font-size: 14px;
}
.inf01,
.inf02 {
	left: 0;
	padding-right: 10px;
}
.inf01 {
	top: 8%;
}
.inf02 {
	bottom: 8%;
}
.inf03 {
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 20px;
}
.head__acop h3 { font-size: 40px }
.cont__programa {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.cont__programa > div {
	width: 33.33%;
	padding: 50px 30px;
	color: #ffffff;
	font-size: 20px;
}
.cont__programa > div figure { max-width: 200px; }
.mapa__info,
.mapa__info > div {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.mapa__info > div {
	width: 50%;
}
.txt__mapa { padding-left: 30px; }
.txt__aco {
	width: 75vh;
	max-width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.txt__aco figure { width: 48%; }
.prod__card.e__ultra::after {
	width: 30%;
	left: -5%;
	padding-top: 20%;
}
.back__vid { width: 100%; }
.c__cint {
    top: 40px;
    width: 260px;
}
.flores {
	width: 56%;
	left: -3%;
}
.f_pielse{
	width: 56%;
	left: 0;
	top: -7%;
}
.item__p { width: 14.28%; }
.item__p:nth-child(1),
.item__p:nth-child(2) {
	position: absolute; 
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.item__p:nth-child(1) { left: 42.84%; }
.item__p:nth-child(2) {
	left: 57.12%;
	top: 7%;
}
.item__p:nth-child(3) { transform: translateY(70%); }
.item__p:nth-child(4) { transform: translateY(40%); }
.item__p:nth-child(5) {
    margin-right: 14.28%;
    transform: translateY(10%);
}
.item__p:nth-child(6) {
	margin-left: 14.28%;
	transform: translateY(30%);
}
.item__p:nth-child(7) { transform: translateY(60%); }
.cont__puntos { margin: 0 auto 80px; }
.bloq__info .bloq__pielse {
    max-width: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 15% 0;
}
}
/* Medium Devices, Desktops */
@media (min-width : 480px) and (max-width : 991px) {
.card__item { 
	width: calc(50% - 10px);
	margin-bottom: 80px;
}
}
@media (min-width : 768px) and (max-width : 991px) {
.b__vegetal {  width: 100%; }
.slide__consejos.arrows.owl-theme .owl-nav { width: 63%; }
.c__gen .card span { font-size: 17px;}
.info__scrool {
	padding-left: 50px;
	padding-right: 50px;
}
.txt__pilar { min-height: 460px; }
.punto span { font-size: 1.1vw; }
.c__cint { top: 160px }
}
@media (max-width : 991px) {
.cont__scroll .item__prod:first-child { margin-left: 25px; }
.cont__scroll .item__prod:last-child { margin-right: 25px; }
.list__caract.list__image figure { margin: 30px auto; }
.new__pielse { width: 180px;}
.card__prod.e__pielse .prod__art span::before {
	top: -2px;
	padding: 1% 40%;
}
}
@media (min-width : 992px){
.card__item { width: calc(16.6% - 10px); }
.b__vegetal {  width: 58%; }
.list__caract.list__simple ul,
.list__caract.list__image {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    justify-content: space-between; 
    align-items: center;
}
.list__caract.list__simple ul li { width: calc(50% - 8px); }
.list__caract.list__simple ul li:nth-child(even) { margin-left: 15px; }
.list__caract.list__image ul { width: calc(100% - 160px); }
.info__scrool {
	padding-left: 100px;
	padding-right: 100px;
}
.ini__cui { margin-left: 15%; }
.item__cui:last-child { margin-right: 10%; }
.card__prod.e__pielse .prod__art span::before {
	top: -4px;
	padding: 1% 30%;
}
}
@media (max-width : 1023px) {
.item__rela .prod__menu::before,
.card__r .prod__menu::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: #ffffff;
    height: 50%;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) {
.txt__pilar { min-height: 435px; }
.cont__puntos { width: 85%; }
.punto span { font-size: .9vw; }
}
@media (min-width : 1200px) {
.txt__pilar { min-height: 388px; }
.productos .container { 
	width: 1280px;
	max-width: 100%;
}
.cont__puntos { width: 65%; }
.punto span { font-size: .7vw; }
.banner__pielse { 
	display: flex;
    justify-content: center;
    align-items: center;
}
.placa__pielse { position: absolute;}
.product__pielse{ 
	position: relative;
    left: 32%;
    bottom: -25%;
}
.product__borrego{ 
	position: absolute;
    right: 10%;
    bottom: -25%;
}
.box__prod--det{ width: 16.66%; }
.claims__prod01 { display: none; }
.consejo__txt { max-width: 600px; }
.txt__productos  { 
	max-height: 10%;
	height: 100px; 
}
#productos main section.prod__space { padding: 0 0 60px 0; }
}
@media (max-width : 1200px) {
.productos .container { width: 100%; }
.claims__prod01 { 
	display: block;
	width: 100%; 
}
.claims__prod02 { display: none; }
.consejo__txt { max-width: 440px; }
.txt__productos  { max-height: 10%; }
#productos main section.prod__space { padding: 0; }
}
@media (min-width : 768px) and (max-width : 1199px) {
.box__prod--det{ width: 33.33%; }
}
@media (min-width : 1380px) {

}































header ul,
footer ul,
header ol,
footer ol {
    padding-inline-start: 0;
    list-style: none;
}
header li + li,
footer li + li { margin-top: 0; }









/******************************
*	Header
******************************/
/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {

}
@media (min-width : 480px) {
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
}
@media (max-width : 599px) {
.sub__menu ul li + li { margin-top: 15px; }
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.pleca__top {
	padding: 0 20px;
	height: 54px;
}
.tiendas a { font-size: 11px; }
header { height: 69.73px; }
/*.prod__detail,
.datail__section { padding-top: 69.73px; }*/
.logo__alen {
	width: 117px;
	min-width: 117px;
}
.logo { width: 110px; }
.btn__mob { width: 69px; }
.cont__nav { height: calc(100vh - 123px); }
.header.fixed .cont__nav { height: calc(100vh - 69px); }
}
@media (min-width : 768px){
.pleca__top {
	padding: 0 30px;
	height: 60px;
}
.tiendas a { font-size: 15px; }
header { height: 78.8px; }
/*.prod__detail,
.datail__section { padding-top: 78.8px; }*/
.logo__alen {
	width: 130px;
	min-width: 130px;
}
.cont__menu {
	padding: 0 30px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo { width: 130px; }
.btn__mob { width: 87px; }
}
@media (min-width : 600px) and (max-width : 1023px) {
.sub__menu ul {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
}
.sub__menu ul li {
	width: calc(50% - 8px);
	margin-bottom: 15px;
}
}
@media (max-width : 1023px) {
.personaje { display: none; }
.cont__nav {
	position: absolute;
	top: 100%;
    left: -100%;
    width: 100%;
    overflow: auto;
    opacity: 0;
    background: -moz-linear-gradient(left,  rgba(0,23,142,0.9) 0%, rgba(1,171,242,0.9) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,23,142,0.9) 0%,rgba(1,171,242,0.9) 100%);
	background: linear-gradient(to right,  rgba(0,23,142,0.9) 0%,rgba(1,171,242,0.9) 100%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.cont__nav.active {
	left: 0%;
	opacity: 1;
}
.cont__menu { padding: 10px 20px; }
.cont__nav > nav {
	padding: 40px 0;
}
.cont__nav > nav > ul > li > a {
	display: inline-block;
	padding: 20px 30px;
}
.sub__menu {
	padding: 0 30px 20px;
	display: none;
}
.sub__menu .prod__menu {
	padding-right: 60%;
    border-radius: 10px;
    overflow: hidden;
}
.sub__menu .prod__menu::before {
	content: '';
	position: absolute;
	width: 60%;
	right: 0%;
	top: 0;
	background: #ffffff;
	height: 120%;
	z-index: -1;
}
.sub__menu .prod__menu > div {  padding-top: 115%; }
.sub__menu .prod__menu > div figure img { width: 40%; }
.sub__menu ul li a span {
	position: absolute;
	top: 50%;
	right: 0;
	width: 60%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ar__prod {
	position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ar__prod.active {
	top: 15px;
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
	-o-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.ar__prod::before {
	content: '';
	position: absolute;
	width: 40%;
	height: 40%;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.sub__menu.sub__small ul li + li { margin-top: 20px; }
.sub__small ul li a { 
	text-align: left;
	color: #ffffff;
	padding-left: 20px;
}
}
/* Medium Devices to Large Devices */
@media (min-width : 1024px){
header { height: 88px; }
/*.prod__detail,
.datail__section { padding-top: 88px; }*/
.btn__mob,
.ar__prod { display: none; }
.cont__nav > nav > ul > li { display: inline-block; }
.cont__nav > nav > ul > li > a {
	display: block;
	padding: 30px 15px;
}
.cont__nav > nav > ul > li > a:hover span::before,
.cont__nav > nav > ul > li:hover > a span::before  {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.sub__menu {
	position: absolute;
    padding: 12px;
    border-radius: 8px;
    background: #ffffff;
    top: calc(100% - 10px);
    left: 50%;
    -webkit-transform: translateX(-35%);
    -moz-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    -o-transform: translateX(-35%);
    transform: translateX(-35%);
    min-width: 950px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	pointer-events: none;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sub__menu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.sub__menu ul li { width: calc(16.6% - 10px); }
.cont__nav > nav > ul > li:hover .sub__menu {
	pointer-events: all;
	opacity: 1;
	top: calc(100% - 20px);
}
.prod__menu::before {
	content: '';
	position: absolute;
	/* width: 100%; */
	left: -1px;
	right: -1px;
	top: 0;
	background: #ffffff;
	height: 50%;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sub__menu ul li a:hover .prod__menu::before {
	height: 0%;
}
.sub__menu ul li a:hover span {
	color: #ffffff;
}
.sub__menu ul li a:hover .prod__menu > div figure img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.prod__menu { padding-top: 10px; }
.sub__small {
	width: 300px;
	min-width: auto;
}
.sub__small ul li a:hover { color: #fe3c99; }
.sub__small ul li + li {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #b8b8b9;
}
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 1023px) {
.cont__nav { height: calc(100vh - 139px); }
.header.fixed .cont__nav { height: calc(100vh - 87px); }
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) {
}





/******************************
*	Footer
******************************/
/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {
}
@media (min-width : 480px) {
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.bar__top { padding: 20px; }
.opt__redes { margin-top: 30px; }
.bar__bot { padding: 30px 15px 80px; }
.btn__shop { bottom: 15px; }
}
/* Medium Devices to Large Devices */
@media (min-width : 768px){
.bar__top {
	padding: 30px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.opt__redes {
    padding-left: 25px;
}
.btn__shop { bottom: 15px; }
}
/* Small Devices, Nav */
@media (max-width : 1099px) {
.bar__bot > div > div {
	margin-bottom: 15px;
}
}
/* Medium Devices to Large Devices */
@media (min-width : 1100px){
.bar__bot div {
	display: inline-block;
}
.bar__bot > div > div {
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid;
}
}