/******************************
*   Tipografias
******************************/
@import url('typo.css');
@import url('iconos.css');

:root {
    --mo_d: 63, 35, 88;
    --mo_m: 82, 46, 112;
    --mo_l: 122, 71, 164;
    --mo: 177, 52, 255;
    --blanco: 255, 255, 255;
    --negro: 0, 0, 0;
    --crema: 255, 255, 232;

    /* Colores */
    --col01: 255, 144, 163;
    --col02: 194, 79, 206;
    --col03: 255, 223, 82;
    --col04: 255, 162, 34;
    --col05: 255, 46, 51;
    --col06: 255, 93, 125;
    --col07: 134, 28, 237;
    --col08: 46, 222, 211;
    --col09: 236, 194, 107;
    --col10: 119, 229, 255;

    /* Degradados */
    --deg01: linear-gradient(90deg, rgb(var(--col01), 1), rgb(var(--col02), 1));
    --deg02: linear-gradient(90deg, rgb(var(--col03), 1), rgb(var(--col04), 1));
    --deg03: linear-gradient(90deg, rgb(var(--col06), 1), rgb(var(--col05), 1));
    --deg04: linear-gradient(90deg, rgb(var(--col07), 1), rgb(var(--col08), 1));
    --deg05: linear-gradient(90deg, rgb(var(--col09), 1), rgb(var(--col10), 1));
}

::selection {
    background: rgb(var(--col01), 1);
    color: rgb(var(--blanco), 1);
}
::-moz-selection {
    background: rgb(var(--col01), 1);
    color: rgb(var(--blanco), 1);
}
::-webkit-selection {
    background: rgb(var(--col01), 1);
    color: rgb(var(--blanco), 1);
}
/******************************
*   Reset
******************************/
*{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-family: 'FrutigerNextLT';
    font-weight: normal;
    font-style: normal;
    line-height: 1.3;
}
figure {
    /* pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
}
figure img { margin: 0 auto; }
img {
    max-width: 100%;
    height: auto;
    display: block;
}
a, a:link, a:hover, a:visited {
    text-decoration: none;
    color: inherit;
    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;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: var(--mo);
    font-weight: 900;
}
input,
select,
textarea {
    display: block;
    width: 100%;
    padding: 12px 16px;
    background: #ffffff;
    color: rgb(var(--negro), 1);
    border-radius: 12px !important;
    border: 1px solid rgb(var(--mo), 1);
    -moz-appearance: none;
    -webkit-appearance: none;
}
textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 150px;
}
input,
select,
button { line-height: 1; }
/* 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: rgb(var(--negro), 1);
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
input::placeholder,
textarea::placeholder { color: #565656; }
button { background: transparent; }
input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }
p { margin: 0; }
p + p { margin-top: 20px; }

.txt__cont h1 + h2,
.txt__cont h1 + h3,
.txt__cont h1 + h4,
.txt__cont h1 + h5,
.txt__cont h1 + h6 { margin-top: 40px; }

.txt__cont p + p,
.txt__cont p + ol,
.txt__cont p + ul,
.txt__cont ol + p,
.txt__cont ul + p,
.txt__cont ol + ol,
.txt__cont ul + ul,
.txt__cont ol + ul,
.txt__cont ul + ol,
.txt__cont div + p,
.txt__cont p + div,
.txt__cont div + ul,
.txt__cont div + ol { margin-top: 20px; }

.txt__cont h1 + p,
.txt__cont h1 + ul,
.txt__cont h1 + ol,

.txt__cont h2 + p,
.txt__cont h2 + ul,
.txt__cont h2 + ol,

.txt__cont h3 + p,
.txt__cont h3 + ul,
.txt__cont h3 + ol,

.txt__cont h4 + p,
.txt__cont h4 + ul,
.txt__cont h4 + ol,

.txt__cont h5 + p,
.txt__cont h5 + ul,
.txt__cont h5 + ol,

.txt__cont h1 + div,
.txt__cont h2 + div,
.txt__cont h3 + div,
.txt__cont h4 + div,
.txt__cont h5 + div,

.txt__cont h2 + h3,
.txt__cont h3 + h4,

.txt__cont h3 + h2,
.txt__cont h4 + h3,

.txt__cont h2 + h1,
.txt__cont h3 + h1,
.txt__cont h4 + h1,
.txt__cont h5 + h1,
.txt__cont h6 + h1 { margin-top: 15px; }

.txt__cont p + h1,
.txt__cont p + h2,
.txt__cont p + h3,
.txt__cont p + h4,
.txt__cont p + h5,

.txt__cont ul + h1,
.txt__cont ul + h2,
.txt__cont ul + h3,
.txt__cont ul + h4,
.txt__cont ul + h5,

.txt__cont ol + h1,
.txt__cont ol + h2,
.txt__cont ol + h3,
.txt__cont ol + h4,
.txt__cont ol + h5,

.txt__cont div + h1,
.txt__cont div + h2,
.txt__cont div + h3,
.txt__cont div + h4,
.txt__cont div + h5 { margin-top: 42px; }

.txt__cont ul { list-style: disc; }
.txt__cont ol { list-style: decimal; }
.txt__cont ul,
.txt__cont ol {
    padding: 0;
    padding-inline-start: 20px;
}
.txt__cont ul[type='i'],
.txt__cont ol[type='i'] { list-style: lower-roman; }

.txt__cont ul[type='a'],
.txt__cont ol[type='a'] { list-style: lower-latin; }

.txt__cont ul li + li,
.txt__cont ol li + li { margin-top: 12px; }

.txt__cont ul li::marker,
.txt__cont ol li::marker {
    color: rgb(var(--mo), 1);
    font-weight: 600;
}

/******************************
*   Loader
******************************/

/******************************
*	General
******************************/
.wrapper { position: relative; }
main {
    position: relative;
    z-index: 1;
}
.m__op { opacity: 0; }
main > section:nth-child(1),
main > div:nth-child(1) { padding-top: 150px; }
main > section { padding: 80px 0; }
.h__sect {
    margin-bottom: 40px;
    text-align: center;
}
.h__sect h3,
.h__sect h4 {
    font-size: 32px;
    line-height: 1.2;
    text-transform: uppercase;
    color: rgb(var(--mo), 1);
}
.h__sect h3 + p,
.h__sect h4 + p { margin-top: 16px; }
.h__sect p { font-size: 18px; }

.c__cta {
    margin-top: 40px;
    text-align: center;
}
.c__cta .cta,
.cta {
    display: inline-block;
    text-align: center;
    font-weight: 900;
    position: relative;
    margin: 10px;
    line-height: 1;
}
.c__cta .cta__01,
.cta__01 {
    padding: 12px 20px;
    min-width: 150px;
    border-radius: 12px;
    color: rgb(var(--blanco), 1);
    background: rgb(var(--mo), 1);
}
.cta__02 { padding: 6px 10px; }
.cta__02::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 2px;
    background: rgb(var(--mo));
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.cta__02:hover::before { width: 100%; }
.nav__prod {
    margin-top: 0;
    margin-bottom: 15px;
}
.nav__prod div {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.nav__prod .cta__01 {
    background: rgb(var(--blanco), .6);
    color: rgb(var(--mo_l), 1);
    padding: 10px 12px;
    min-width: 120px;
}
.nav__prod .cta__01:hover,
.nav__prod .cta__01.active { background: rgb(var(--blanco), 1); }

.arrow__slide .slick-prev::before,
.arrow__slide .slick-next::before {
    font-family: 'icomoon' !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    width: 100%;
    height: 100%;
    opacity: 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;
}
.arrow__slide .slick-prev::before { content: "\e906"; }
.arrow__slide .slick-next::before { content: "\e905"; }

.arrow__01 .slick-prev { left: 10px; }
.arrow__01 .slick-next { right: 10px; }
.arrow__01 .slick-arrow {
    width: 35px;
    height: 35px;
    z-index: 10;
}
.arrow__01 .slick-prev::before,
.arrow__01 .slick-next::before { background-color: rgb(var(--mo), 1); }

.arrow__02 .slick-prev { left: 0px; }
.arrow__02 .slick-next { right: 0px; }
.arrow__02 .slick-arrow {
    width: 35px;
    height: 35px;
    z-index: 10;
}
.arrow__02 .slick-prev::before,
.arrow__02 .slick-next::before { font-size: 25px; }

.slide__dotted .slick-dots li button::before {
    line-height: 1;
    font-size: 10px;
    -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;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide__dotted .slick-dots li.slick-active button::before { opacity: 1; }

.do__01.slick-dotted.slick-slider { margin-bottom: 0px; }
.do__01 .slick-dots {
    position: initial;
    bottom: auto;
    width: 100%;
    margin-top: 30px;
}
.do__01 .slick-dots li.slick-active button::before { color: rgb(var(--mo), 1); }
.do__02 .slick-dots li.slick-active button::before { color: rgb(var(--blanco), 1); }

/******************************
*   Header
******************************/
header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}
.cont__menu {
    position: relative;
    padding: 12px 15px;
    line-height: 1;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.bg__men {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--blanco), .9);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-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;
}
.active .bg__men {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0, .1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0, .1);
}
.logo {
    position: absolute;
    top: 70%;
    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%);
    -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;
    width: 120px;
    z-index: 1;
}
.logo a {
    display: block;
    overflow: hidden;
    position: relative;
}
.logo a span {
    position: absolute;
    text-indent: -999px;
}
.logo a figure svg {
    width: 100%;
    height: auto;
}
.btn__head {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(var(--blanco), .9);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    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;
    z-index: 10;
}
.active .btn__head {
    background: rgb(var(--blanco), 0);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0);
}
.active .logo {
    width: 90px;
    top: 50%;
}
.active .logo .st1.mila { fill:#B50F80; }
.btn__head.fadeO {
    opacity: 0;
    pointer-events: none;
}
.btn__men > div { width: 55%;}
.btn__men > div span {
    display: block;
    width: 100%;
    height: 2px;
    background: rgb(var(--mo_l), 1);
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.btn__men > div span + span { margin-top: 6px; }
.btn__men.active > div span + span{ margin-top: 0px; }
.btn__men.active > div span:nth-child(1) {
    -webkit-transform: translate(0px, 2px) rotate(45deg);
    -moz-transform: translate(0px, 2px) rotate(45deg);
    -ms-transform: translate(0px, 2px) rotate(45deg);
    -o-transform: translate(0px, 2px) rotate(45deg);
    transform: translate(0px, 2px) rotate(45deg);
}
.btn__men.active > div span:nth-child(2) {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.btn__men.active > div span:nth-child(3) {
    -webkit-transform: translate(0px, -2px) rotate(-45deg);
    -moz-transform: translate(0px, -2px) rotate(-45deg);
    -ms-transform: translate(0px, -2px) rotate(-45deg);
    -o-transform: translate(0px, -2px) rotate(-45deg);
    transform: translate(0px, -2px) rotate(-45deg);
}
.btn__search span {
    color: rgb(var(--mo_l), 1);
    font-size: 18px;
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.menu {
    display: none;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow: auto;
    background: rgb(var(--blanco), .9);
}
.cent__men {
    position: relative;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 120px 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;
}
.cent__men > div { width: 100%; }
nav .men__opt { text-align: center; }
.men__opt li { overflow: hidden; }
.men__opt li a {
    font-weight: 900;
    text-transform: uppercase;
}
nav .men__opt li a {
    font-size: 8vw;
    display: inline-block;
    position: relative;
    padding: 15px 30px;
}
.men__opt li a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: rgb(var(--mo), 1);
    z-index: -1;
    border-radius: 20px;
    -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;
}
.social {
    position: absolute;
    width: 100%;
    bottom: 50px;
}
.social ul { text-align: center; }
.social ul li { display: inline-block; }
.social ul li + li { margin-left: 15px; }
.social ul li a {
    font-size: 24px;
    color: rgb(var(--mo), 1);
}
.social ul li a span { display: inline-block; }

.btn__search.active {
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
.closr {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%) scale(0);
    -moz-transform: translate(-50%) scale(0);
    -ms-transform: translate(-50%) scale(0);
    -o-transform: translate(-50%) scale(0);
    transform: translate(-50%) scale(0);
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.closr::before,
.closr::after {
    content: '';
    width: 100%;
    height: 2px;
    background: rgb(var(--mo_l), 1);
    position: absolute;
    top: 50%;
    left: 50%;
}
.closr::before {
    -webkit-transform: translate(-50%) rotate(45deg);
    -moz-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    -o-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
}
.closr::after {
    -webkit-transform: translate(-50%) rotate(-45deg);
    -moz-transform: translate(-50%) rotate(-45deg);
    -ms-transform: translate(-50%) rotate(-45deg);
    -o-transform: translate(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg);
}
.btn__search.active .closr {
    -webkit-transform: translate(-50%) scale(1);
    -moz-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    -o-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
}
.btn__search.active span {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cont__search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--negro), .4);
    z-index: 5;
    opacity: 0;
    pointer-events: none;
}
.search {
    width: 100%;
    padding: 80px 0 50px;
    background: rgb(var(--blanco), 1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    display: none;
}
.search .h__sect h3 {
    font-size: 24px;
    text-transform: uppercase;
}
.search form {
    max-width: 500px;
    margin: 0 auto;
}

/******************************
*   Footer
******************************/
.footer {
    color: rgb(var(--blanco), 1);
    background: linear-gradient(to bottom, rgb(var(--mo_m), 1), rgb(var(--mo_d), 1));
    padding: 60px 0;
    position: relative;
    z-index: 100;
    overflow: hidden;
    margin-top: -2px;
}
.footer .container { position: relative; }
.footer .container::before {
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    border-top: 1px solid rgb(var(--mo), 1);
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fil__foo + .fil__foo { margin-top: 40px; }

.foo__logo figure {
    width: 110px;
    min-width: 110px;
}
.foo__opt .men__opt li + li { margin-top: 6px; }
.foo__opt .men__opt li a { font-size: 20px; }
.foo__datos ul li a { font-weight: bold; }
.foo__social ul li + li { margin-left: 15px; }
.foo__social ul { display: flex; }
.foo__social ul li a { font-size: 20px; }
.links__legal a,
.links__legal span { display: block; }
.links__legal a + a,
.links__legal a + span { margin-top: 10px; }
.logo__medi {
    width: 130px;
    margin-top: 40px;
}
.datos li + li { margin-top: 22px; }
.datos li {
    font-size: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.icon__dato {
    margin-right: 15px;
    font-size: 24px;
}
.fomr__fo {
    position: absolute;
    width: 600px;
    padding-top: 600px;
    right: -10%;
    pointer-events: none;
}
.fomr__fo .forma { opacity: 1; }

/******************************
*   Slider
******************************/
.slider#slider {
    padding: 0;
    position: relative;
}
.slider#slider .next__sect {
    z-index: 10;
    mix-blend-mode: luminosity;
    color: #ffffff;
    display: block;
}

/******************************
*   Productos inicio
******************************/
main > section.productos { 
    padding: 0;
    position: relative;
    color: rgb(var(--blanco), 1);
    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;
}
.bg__deg {
    position: absolute;
    width: 100%;
    top: 0%;
    bottom: 0%;
    z-index: -1;
}
.bg__deg svg {
    width: 100%;
    height: 100%;
}
.bg__deg svg stop {
    -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__content {
    position: relative;
    overflow: hidden;
}
.info__prof {
    width: 100%;
    min-height: 100vh;
    padding: 90px 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;
}
.info { width: 100%; }

.prod__ini { position: relative; }
.cont__prod {
    max-width: 150px;
    width: 30%;
    margin: 0 auto;
}
.prod__ini .graf__forma .forma { opacity: .5; }
.info__ini h5 {
    font-size: 6vw;
    text-transform: uppercase;
}
.info__ini p { font-weight: bold; }
.info__detail {
    margin: 30px 0;
    overflow: hidden;
}
.info__detail h2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
}
.info__detail h2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--blanco), 1);
}
.info__detail h2 span {
    display: block;
    position: relative; 
    padding: 12px 0;
    -webkit-background-clip: text;
    color: transparent;
}
.fil__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;
    margin: 0 -15px;
    padding-bottom: 15px;
}
.fil__info { border-bottom: 1px solid rgb(var(--blanco), .5); }
.fil__info > div {
    width: 25%;
    padding: 8px 15px;
    text-align: center;
}
.fil__info > div + div { border-left: 1px solid rgb(var(--blanco), .5); }
.fil__info > div figure {
    width: 50%;
    margin: 0 auto;
}
.fil__info > div figure + span { margin-top: 15px; }
.fil__info > div span {
    display: block;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
}
.info__ini ul {
    list-style: disc;
    padding-inline-start: 20px;
}
.info__ini ul li::marker { color: currentcolor; }
.next__sect {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
}
.next__sect a {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* background: rgb(var(--blanco), 1);
    color: rgb(var(--mo), 1); */
}
.next__sect a span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.productos .wave {
    position: relative;
    margin: 20px 0 0 0;
}
.productos .wave figure {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.datos__legal { margin-top: 20px; }
.codig { font-size: 18px; }
.fabri { line-height: 1.1; }

.certi {
    position: absolute;
    width: 20%;
    left: 126%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.certi > div + div { margin-top: 15%; }


/******************************
*   Producto 
******************************/
#productos .cont__slide {opacity: 0; }
#productos .h__sect h3 { color: rgb(var(--blanco), 1); }
.l__prod {
    position: relative;
    z-index: 1;
}
.fil__cate {text-align: center; }
.fil__cate > div { position: relative; }
.fil__cate > div + div::before {
    content: '';
    position: absolute;
}
.fil__cate .prod__shot + .dto__prod { margin-top: 10px; }
.fil__cate .c__cta { margin-top: 20px; }

/* ----------- */
.graf__mod {
    width: 100%;
    position: relative;
}
.graf__mod img { width: 100%; }
.graf__mod.incli .prod__shot {
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    -o-transform: rotate(-27deg);
    transform: rotate(-27deg);
    position: relative;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.graf__mod.incli { padding-bottom: 12%; }
.sombra {
    width: 100%;
    padding-top: 10%;
    border-radius: 50%;
    background: rgb(var(--negro), .04);
    position: absolute;
    mix-blend-mode: darken;
    filter: blur(2px);
    bottom: 0;
    left: 50%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.graf__mod.incli .sombra { opacity: 1; }
/* ----------- */

.prod-present {
    position: relative;
    background: var(--color-prod);
    overflow: hidden;
}
.prod-present .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.prod-present .container {
    position: relative;
    z-index: 1;
}
.prod-present .graf__forma {
    height: 100%;
    overflow: hidden;
}
.prod-present .graf__forma svg {
    object-fit: cover;
    object-position: center center;
    height: 100%;
    margin: 0 auto;
    display: block;
}
.s__prod .graf__mod { padding-top: 4%; }

.s__prod .graf__mod {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    opacity: .8;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.s__prod .slide-prod .graf__mod {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.s__prod .graf__mod.incli .prod__shot {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.s__prod .slide-prod .graf__mod.incli .prod__shot {
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    -o-transform: rotate(-27deg);
    transform: rotate(-27deg);
}
.s__prod .graf__mod.incli .sombra {
    bottom: 2%;
    left: 0;
}
.s__prod .slide-prod .graf__mod.incli .sombra { left: 50%; }
.slick a {
    display: block;
    outline: none;
}
.s__prod a { pointer-events: none; }
.s__prod .slide-prod a { pointer-events: all; }
.dato__prod {
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.prod__name {
    font-weight: 900;
    font-size: 24px;
    color: rgb(var(--blanco), 1);
}
.s__prod .slide-prod .dato__prod {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.sello {
    position: absolute;
    width: 50%;
    top: -8%;
    left: 110%;
    z-index: 1;
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.s__prod .sello {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}
.s__prod .slide-prod .sello {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.prod__two .s__prod .graf__mod {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.prod__two .s__prod .graf__mod.incli .prod__shot {
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    -o-transform: rotate(-27deg);
    transform: rotate(-27deg);
}
.prod__two .s__prod .dato__prod {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.prod__two .s__prod a { pointer-events: all; }
.slick-disabled { opacity: 0; }


/******************************
*   Producto Detalle
******************************/
.prod__detail {
    background: var(--color-prod);
    color: rgb(var(--blanco), 1);
}
.prod__detail .h__sect h3 {
    color: rgb(var(--blanco), 1);
    line-height: 1;
}
.cont__graf {
    position: relative;
    z-index: 1;
}
.graf__forma {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
    opacity: .2;
    pointer-events: none;
}
.cont__graf .graf__forma {
    -webkit-transform: translate(-50%, -50%) scale(1.2) rotate(20deg);
    -moz-transform: translate(-50%, -50%) scale(1.2) rotate(20deg);
    -ms-transform: translate(-50%, -50%) scale(1.2) rotate(20deg);
    -o-transform: translate(-50%, -50%) scale(1.2) rotate(20deg);
    transform: translate(-50%, -50%) scale(1.2) rotate(20deg);
    z-index: -1;
}
.graf__img {
    width: 33vh;
    max-width: 50%;
    margin: 0 auto;
}
.pill {
    position: absolute;
    width: 60%;
    top: 60%;
    left: -40%;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, .2));
}
.mod__text + .mod__text { margin-top: 40px; }
.icon__graf {
    width: 60px;
    min-width: 60px;
    /* overflow: hidden; */
}
.mod__text h4 + p,
.mod__text p + h4 { margin-top: 6px; }
.refe a {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.2;
    display: block;
    word-break: break-all;
}
.slide__prod {
    margin: 0 auto;
    max-width: 600px;
}
.cta__prod {
    padding-top: 3%;
    display: block;
    margin: 0 auto;
    width: 40%;
}
.slide__prod .sombra {
    filter: blur(3px);
    background: rgb(var(--negro), .2);
}
.prod__detail .cont__slide { margin-top: 60px; }
.prod__detail .cont__slide .slick-dots li.slick-active button::before,
.prod__detail .slick-dots li button::before { color: rgb(var(--blanco), 1); }
.cta__shop {
    position: fixed;
    bottom: 30px;
    z-index: 5;
}
.cta__shop a {
    display: inline-block;
    text-align: center;
    font-weight: 900;
    padding: 12px 20px;
    min-width: 150px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    color: rgb(var(--blanco), 1);
    background: rgb(var(--mo), 1);
}
.donde_comprar { padding-top: 120px; }
.cont__retailes {
    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;
}
.retail { margin: 15px 20px; }
.retail figure {  height: 25px; }
.retail figure img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
}
.wave {
    margin: -2px 0;
    background: var(--color-prod);
}
#detalle-producto .suscribete { padding-top: 30px; }
.cta__back {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: rgb(var(--blanco), 1)!important;
    margin-bottom: 30px;
    opacity: 0;
}
.cta__back span {
    font-size: 16px;
    display: inline-block;
    margin-right: 6px;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px);
}
.ar__nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    width: 25px;
    text-align: center;
    line-height: 1;
}
.ar__prev { left: -10vw; }
.ar__next { right: -10vw; }
.mod__text + .mod__text.sellos { margin-top: 60px; }
.log__regis {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.log__regis > div { width: 50px; }
.log__regis > div + div { margin-left: 10px; }
.txt__punt hr { border-top: 1px solid rgb(var(--blanco), .5); }

/******************************
*   Blog Home
******************************/
.cont__nota {
    width: calc(100% - 110px);
    margin: 0 auto;
}
.cont__nota > div + div { margin-top: 30px; }
.cont__nota .c__cta { margin-top: 20px; }
.nota__graf {
    width: 80%;
    margin: 0 auto;
}
.nota__graf figure {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 50%;
}
.nota__graf figure::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    border: 3px solid rgb(var(--mo), 1);
    z-index: 1;
}
.nota__graf figure img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}
.cont__nota .c__cta { text-align: initial; }
.nota__info h4 { margin-bottom: 15px; }
.txt__blog {
    text-align: center;
    margin: 20px auto 0;
}

/******************************
*   Blog 
******************************/
#blog main > section:nth-child(1),
#blog main > div:nth-child(1),
#blog__detalle main > section:nth-child(1),
#blog__detalle main > div:nth-child(1) { padding: 0px; }
.item__head {
    padding-top: 100px;
    padding-bottom: 40px;
    color: rgb(var(--blanco), 1);
}
.col__01 h3 {
    font-size: 32px;
    text-transform: uppercase;
}
.col__01 h3 + p { margin-top: 15px; }

#blog .blog__content { padding-top: 40px; }
.t__blog {
    color: rgb(var(--mo), 1);
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.cont__catego { padding-top: 15px; }
.cont__catego h3 {
    margin-bottom: 20px;
    font-size: 20px;
}
.c__cate + h3 { margin-top: 60px; }
.c__cate li + li { border-top: 1px solid rgb(var(--mo), 1); }
.c__cate li a {
    display: block;
    padding: 12px 8px;
    font-weight: bold;
}
.c__cate li a.active,
.c__cate li a:hover { background: rgb(var(--mo), .2); }
.cont__catego .card { margin-bottom: 0px; }
.cont__catego .card + .card { margin-top: 30px; }
.card {
    background: rgb(var(--mo), 1);
    margin-bottom: 60px;
}
.card a { display: block; }
.card__head {
    padding: 3px;
    position: relative;
}
.card__head figure {
    position: relative;
    padding-top: 40%;
}
.head__img img { object-fit: cover; }
.head__img img,
.graf__head figure img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}
.graf__head {
    position: absolute;
    bottom: -30px;
    right: 20px;
    width: 20%;
    overflow: hidden;
}
.graf__head figure {
    width: 100%;
    height: 100%;
    padding-top: 100%;
}
.graf__head figure img { object-fit: contain; }
.card__info {
    padding: 40px 30px 30px;
    color: rgb(var(--blanco), 1);
}
.card__info h3 {
    text-transform: uppercase;
    font-size: 20px;
}
.card__info h3 + p { margin-top: 20px; }
.card__info .c__cta {
    text-align: initial;
    margin-left: initial;
}
.card__info .c__cta .cta { margin: 0; }
.card__info .c__cta .cta__02::before { background: rgb(var(--blanco)); }
.card a:hover .card__info .c__cta .cta__02::before { width: 100%; }

.pag ul { text-align: center; }
.pag ul li { display: inline-block; }
.pag ul li a {
    display: block;
    opacity: .5;
    padding: 0 8px;
    font-weight: bold;
}
.pag ul li a:hover,
.pag ul li a.active {
    opacity: 1;
    color: rgb(var(--mo), 1);
}

/******************************
*   Nota detalle 
******************************/
.head__nota { position: relative; }
.head__nota::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--deg01);
    opacity: .4;
    mix-blend-mode: multiply;
}
.nota__img { height: 45vh; }
.nota__img img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}
.head__nota .graf__head {
    width: 80px;
    right: 20px;
}
.head__nota .graf__head img { object-position: center right; }

.btn__back {
    position: sticky;
    bottom: 15px    ;
    margin-top: 40px;
}
.btn__back a {
    display: inline-block;
    padding: 12px 20px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    color: rgb(var(--blanco), 1);
    background: rgb(var(--mo), 1);
    font-weight: 900;
    margin-left: -15px;
}


/******************************
*   Suscribete
******************************/
.suscribete {
    padding: 90px 0;
    background: rgb(var(--crema), 1);
    text-align: center;
}
.txt__sus {
    max-width: 550px;
    margin: 0 auto;
}
.txt__mensaje { display: none; }
.txt__sus + div { margin-top: 30px; }
.form__sus { position: relative; }
.c__check {
    position: relative;
}
.c__check label {
    margin: 0;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
}
.c__check label input,
.c__check label i {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid rgb(var(--mo), 1);
    background: rgb(var(--blanco), 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;
    left: 0;
    border-radius: 4px;
    top: -1px;
    margin: 0;
}
.c__check label input:checked + i { background: rgb(var(--mo), 1); }
.form__sus .cta { margin: 0; }

/******************************
*   Redes
******************************/
.redes { overflow: hidden; }
.redes > div + div { margin-top: 60px; }
.cont__circ {
    width: 233%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.item__circ {
    width: 14.285714%;
    padding: 0 15px;
}
.circulo {
    width: 100%;
    position: relative;
}
.circ__graf {
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.circ__graf::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid rgb(var(--mo), 1);
    z-index: 1;
}
.item__circ:nth-child(2) .circ__graf::before,
.item__circ:nth-child(5) .circ__graf::before,
.item__circ:nth-child(7) .circ__graf::before { border-width: 8px; }
.item__circ:nth-child(even) .circ__graf { margin-top: 50%; }
.circ__graf img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.dato__circ {
    width: 35%;
    position: absolute;
    z-index: 1;
}
.dato__circ > div {
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    color: rgb(var(--blanco), 1);
}
.dato__circ > div span {
    position: absolute;
    font-weight: 900;
    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%);
    font-size: 4.5vw;
}
.dato__circ > div span i {
    font-size: 75%;
    font-style: normal;
}
.item__circ:nth-child(1) .dato__circ {
    top: 0;
    right: 0;
}
.item__circ:nth-child(2) .dato__circ {
    bottom: 0;
    left: 0;
}
.item__circ:nth-child(3) .dato__circ {
    top: 0;
    left: 0;
}
.item__circ:nth-child(4) .dato__circ {
    bottom: 0;
    left: 0;
}
.item__circ:nth-child(5) .dato__circ {
    top: 0;
    right: 0;
}
.item__circ:nth-child(6) .dato__circ {
    bottom: 0;
    right: 0;
}
.item__circ:nth-child(7) .dato__circ {
    top: 0;
    left: 0;
}
.item__circ:nth-child(1) .dato__circ > div { background: #C24FCE; }
.item__circ:nth-child(2) .dato__circ > div { background: #FFA222; }
.item__circ:nth-child(3) .dato__circ > div { background: #7B2FEE; }
.item__circ:nth-child(4) .dato__circ > div { background: #861CED; }
.item__circ:nth-child(5) .dato__circ > div { background: #C24FCE; }
.item__circ:nth-child(6) .dato__circ > div { background: #77E5FF; }
.item__circ:nth-child(7) .dato__circ > div { background: #FF277A; }
.txt__redes {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.txt__redes h4 { color: rgb(var(--mo), 1); }
.txt__redes h4 + p { margin-top: 20px; }

/******************************
*   Contacto
******************************/
.contacto {
    padding: 0;
    overflow: hidden;
}
.contacto > div {
    color: rgb(var(--blanco), 1);
    background: linear-gradient(to bottom, rgb(var(--mo_l), 1), rgb(var(--mo_m), 1));
    padding: 60px 0;
    position: relative;
    z-index: 1;
}
.contacto .h__sect { text-align: left; }
.contacto .h__sect h3 { color: rgb(var(--blanco), 1); }
div + .datos { margin-top: 30px; }
.contacto .fil__form.c__cta {
    margin-top: 40px;
    text-align: initial;
}
.fomr__cont { pointer-events: none; }
.fomr__cont .forma { opacity: 1; }
.fomr__cont {
    position: absolute;
    width: 500px;
    padding-top: 500px;
}
.f01 {
    top: 0;
    left: -300px;
}
.f02 {
    bottom: 0;
    right: -300px;
}

/******************************
*   Formularios
******************************/
.fil__form + .fil__form { margin-top: 22px; }
.msn__error { display: none; }
.msn__error ul li {
    color: #FFF500;
    font-weight: bold;
}

/******************************
*   Mensaje
******************************/
.menssage {
    min-height: 100vh;
    color: rgb(var(--blanco), 1);
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    background: var(--deg01);
}
.m__02 { background: var(--deg03); }
.center { width: 100%; }
.cont__mess {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 600px;
    z-index: 1;
    text-align: center;
}
.forma {
    width: 100%;
    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%);
    opacity: .4;
    z-index: -1;
    pointer-events: none;
}
.icon__m {
    margin: 0 auto;
    width: 120px;
}
.icon__e {
    margin: 0 auto;
    width: 300px;
}
.cont__mess h3 {
    text-transform: uppercase;
    font-size: 28px;
    margin: 32px;
}
.cont__mess p { font-size: 18px; }
.menssage .c__cta .cta { margin: 10px; }

/******************************
*   Comprar
******************************/
.c__center {
    min-height: 100vh;
    color: rgb(var(--blanco), 1);
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
}
.info { width: 100%; }
.bg01 { background: linear-gradient(110deg, rgb(89, 40, 127), rgb(237, 62, 158)); }
#donde-comprar .h__sect h3 + p { margin-top: 30px; }
#donde-comprar .h__sect h3 { color: rgb(var(--blanco), 1); }

.l__buy {
    position: relative;
    z-index: 1;
}
.l__buy .forma { width: 70%; }
.fil__buy > div { padding: 30px; }


.w__abso { position: relative; }
.w__abso figure {
    position: absolute;
    width: 100%;
    bottom: 0;
}

/******************************
*   Acordeon
******************************/
.cont__acord h3 {
    padding: 15px 30px 15px 15px;
    background: rgb(var(--mo), 1);
    color: rgb(var(--blanco), 1);
    position: relative;
    font-size: 18px;
}
.cont__acord h3 span {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: none;
}
.cont__acord h3 span::before,
.cont__acord h3 span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: currentcolor;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.cont__acord h3 span::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
.cont__acord h3.ui-state-active span::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}
.cont__acord div + h3 { margin-top: 6px; }
.cont__acord div { background: rgb(var(--mo), .2); }

/******************************
*	Resultados
******************************/
#resultados .con__result form {
    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;
    justify-content: center;
}
#resultados .con__result form div { margin: 0; }
#resultados .con__result form div + div { margin-left: 20px; }
#resultados .con__result .cont__camp { width: 500px; }
#resultados .con__result .c__cta .cta__01 { min-width: auto; }
.sepa {
    margin: 60px 0;
    border-top: 1px solid rgb(var(--mo_l), .1);
}

.t__result {
    font-size: 20px;
    color: rgb(var(--mo), 1);
}
.list__result { margin: 30px 0 60px; }
.list__result ul li + li { border-top: 1px solid rgb(var(--mo), .4); }
.list__result ul li a {
    display: block;
    padding: 30px 30px 30px 40px;
    position: relative;
}
.list__result ul li a::before {
    content: "\e905";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 28px;
    left: 0;
    color: rgb(var(--mo), .3);
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
}
.list__result ul li a:hover::before {
    left: 10px;
    color: rgb(var(--mo), 1);
}
.list__result ul li a h3 + p { margin-top: 20px; }

/******************************
*	Mobile
******************************/
/* 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 : 679px) {
#detalle-producto .prod__detail .h__sect h3 { font-size: 6vw; }
.col__02 { display: none; }
.fil__info > div span { font-size: 2.8vw; }
.fil__buy > div + div { border-top: 1px solid rgb(var(--blanco), .3); }
.fil__buy > div figure {
    width: 80%;
    margin: 0 auto;
}
.fil__cate > div + div {
    margin-top: 60px;
    padding-top: 60px;
}
.fil__cate > div + div::before {
    left: 50%;
    top: 0%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30%;
    border-top: 1px solid rgb(var(--blanco), .4);
}
.fil__cate .prod__shot {
    width: 80%;
    margin: 0 auto;
}
}
@media (min-width : 680px) {
#productos main > section:nth-child(1) {
    padding-top: 150px;
    padding-bottom: 150px;
}
.fil__head {
    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;
}
.graf___head {
    width: 120px;
    margin: 0 auto;
}
.col__01 { width: 70%; }
.col__02 { width: 30%; }
#donde-comprar main section.c__center {
    padding-top: 30px;
    padding-bottom: 140px;
}
.fil__buy {
    max-width: 700px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.fil__buy > div {
    width: 50%;
    padding: 10px 50px;
}
.fil__buy > div + div { border-left: 1px solid rgb(var(--blanco), .3); }
.l__prod .forma { width: 80%; }
.fil__cate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.fil__cate > div {
    width: 50%;
    padding: 10px 50px;
}
.fil__cate .prod__shot {
    max-width: 55vh;
    margin: 0 auto;
}
.fil__cate > div + div::before {
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30%;
    border-left: 1px solid rgb(var(--blanco), .4);
}
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.next__sect { display: none; } 
/*-------------------- Blog --------------------*/
.blog .container { padding: 0; }
/*-------------------- Suscribete --------------------*/
.form__sus .fil__form.c__cta { margin-top: 40px; }
/*-------------------- Contacto --------------------*/
.fil__cont > div + div { margin-top: 30px; }
/*-------------------- Producto Detalle --------------------*/
.s__prod { margin: 0 -15px; }
.s__prod .graf__img {
    width: 220px;
    max-width: 40%;
}
/*-------------------- Producto Detalle --------------------*/
.prod__detail { overflow: hidden; }
.info__pord > div + div { margin-top: 60px; }
.cont__graf {
    margin: 0 auto;
    max-width: 350px;
    width: 80%;
}
.mod__text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.icon__graf { margin-right: 15px; }
/*-------------------- Blog --------------------*/
.fil__blog > div + div { margin-top: 40px; }
.head__nota .graf__head { bottom: -20px; }
.col__blo02 { position: relative; }
#blog__detalle .blog__content { padding-bottom: 0; }
#blog__detalle .blog__content .col__blo02 {padding-bottom: 40px;}
#blog__detalle .fil__blog > div + div { margin-top: 60px; }
.col__blo02::before {
    content: '';
    position: absolute;
    right: -15px;
    left: -15px;
    top: -15px;
    bottom: -15px;
    background: rgb(var(--negro), .02);
    z-index: -1;
}
.datos__legal > div + div { margin-top: 12px; }
}
/* Medium Devices to Large Devices */
@media (min-width : 768px){
.arrow__01 .slick-dotted { padding: 0 35px; }
.arrow__01 .slick-prev { left: 0px; }
.arrow__01 .slick-next { right: 0px; }
/*-------------------- Blog --------------------*/
.cont__nota { width: 80%; }
/*-------------------- Suscribete --------------------*/
.suscribete { padding-bottom: 110px; }
.form__sus form {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.form__sus form .fil__form:nth-child(1) { width: 250px; }
.form__sus .fil__form + .fil__form { margin-top: initial; }
.c__check {
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*-------------------- Redes --------------------*/
.cont__circ { width: 139.33%; }
.dato__circ > div span { font-size: 3vw; }
/*-------------------- Contacto --------------------*/
.contacto > div { padding: 100px 0; }
.fil__cont {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.col__cont { width: 40%; }
/*-------------------- Producto Detalle --------------------*/
.info__pord {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.prod__graf { grid-area: 1 / 2 / 2 / 6; }
.prod__inf01 {
    grid-area: 2 / 1 / 3 / 7;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    position: relative;
    column-gap: 30px;
}
/* .prod__inf02 { grid-area: 2 / 4 / 3 / 7; } */
.prod__inf01 > div {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.mod__text + .mod__text { margin-top: 30px; }
.icon__graf { width: 70px; }
.icon__graf + div { margin-top: 20px; }
.prod__inf02 {
    position: relative;
    padding-bottom: 110px;
}
.retail figure {  height: 35px; }
/*-------------------- Blog --------------------*/
.fil__blog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.col__blo01 {
    width: 70%;
    padding-right: 60px;
}
.col__blo02 { width: 30%; }
.cont__catego {
    /* max-height: 100vh;
    overflow: auto;
    position: sticky;
    top: 0px; */
}
.head__nota .graf__head {
    width: 120px;
    right: 50px;
}
.btn__back { display: none; }
.search { padding: 50px; }
.datos__legal {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.fabri {
    max-width: 200px;
    text-align: right;
}
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 991px) {
/*-------------------- Contacto --------------------*/
.col__cont { width: 45%; }
/*-------------------- Producto Detalle --------------------*/
.prod__detail .container { width: 90%; }
}
@media (max-width : 991px) {
/*-------------------- Productos Home --------------------*/
.col__prod + .col__prod { margin-top: 30px; }
/*-------------------- Producto --------------------*/
.prod-present .container { width: 100%; }
/*-------------------- Producto Detalle --------------------*/
.cta__shop { right: 0; }
.cta__shop a {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
}
}
@media (min-width : 992px) {
/*-------------------- Productos Home --------------------*/
.fil__prod {
    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;
}
.colp__01 { width: 40%; }
.colp__02 { width: 60%; }
.cont__prod {
    max-width: 30vh;
    width: 50%;
}
.info__ini { width: 80%; }
.info__ini h5 { font-size: 40px; }
.info__ini p { font-size: 20px; }
/*-------------------- Redes --------------------*/
.cont__circ { width: 116.6%; }
.dato__circ > div span { font-size: 2.3vw; }
/*-------------------- Producto --------------------*/
.prod-present .container { width: 80%; }
/*-------------------- Producto Detalle --------------------*/
.info__pord {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr);
   /*  align-items: center; */
}
.prod__graf { grid-area: 1 / 3 / 4 / 5; }
.prod__inf01 {
    /* grid-area: 1 / 1 / 4 / 3; */
    grid-area: 1 / 1 / 4 / 7;
    column-gap: 40%;
    padding-bottom: 110px;
}
/* .prod__inf02 { grid-area: 1 / 5 / 4 / 7; } */
.cont__graf {
    position: sticky;
    top: 150px;
}
.graf__img {
    width: 25vh;
    max-width: 50%;
}
.cta__shop {
    position: relative;
    margin-top: 50px;
    bottom: 0px;
}
.cta__shop a { border-radius: 12px; }
.ar__prev { left: -35vw; }
.ar__next { right: -35vw; }
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) {
}
@media (min-width : 1200px) {
/*-------------------- Redes --------------------*/
.cont__circ { width: 100%; }
.dato__circ { width: 25%; }
.dato__circ > div span { font-size: 1.3vw; }
.cont__circ { width: 100%; }
}
@media (min-width : 1200px) and (max-width : 2200px) {
/*-------------------- Producto Detalle --------------------*/
.prod__detail .container { width: 85%; }
}
@media (min-width : 2200px) {
.cont__circ {
    max-width: 1900px;
    margin: 0 auto;
}
.dato__circ > div span { font-size: .7vw; }
}












/******************************
*	Footer
******************************/
/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {
}
@media (min-width : 480px) {
}
@media (max-width : 649px) {
.info__foo > div + div { margin-top: 40px; }
}
@media (min-width : 650px) {
.info__foo,
.legal {
    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;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
.info__foo { gap: 30px; }
.foo__datos { width: 40%; }

.legal {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.links__legal a,
.links__legal span { display: inline-block; }
.links__legal a + a,
.links__legal a + span { margin-left: 10px; }
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.fomr__fo { bottom: -50%; }
}
/* Medium Devices to Large Devices */
@media (min-width : 768px){
.fomr__fo { top: 0%; }
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 991px) {
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) {
}

/******************************
*	Header
******************************/
/* 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) {
}
/* Medium Devices to Large Devices */
@media (min-width : 768px){
.logo {
    top: 90%;
    width: 140px;
}
nav .men__opt li a { font-size: 40px; }
nav .men__opt li a:hover { color: rgb(var(--blanco), 1); }
nav .men__opt li a:hover::before {
    width: 100%;
    right: auto;
    left: 0;
}
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 991px) {
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) {
}