@charset "UTF-8";

/*--------------------------------------------------------------
>>> TABLA DE CONTENIDO:
----------------------------------------------------------------
# Normalize
# Forms
# Links
# Transitions
# Utilities

# Header
# Panel Side Mobile
# Footer

======= HOME =========
# Hero Home
# Items Home
# Empresa Home
# Home Productos
# Sitema de Salud Home
# Testimonio Home
# Donde comprar Home

======= QUIENES SOMOS =========
# Hero
# Banner Image Quienes Somos

======= NUESTRO TRABAJO =========
# Hero Nuestro Trabajo
# Empresa Nuestro Trabajo
# Profesionales Nuestro Trabajo

======= CLUB DE CRIADORES =========
# Hero Club de Criadores
# Sabias qué Club de Criadores
# Conocé Club de Criadores
# Items Beneficios Club de Criadores
# Whatsapp Club de Criadores
# Formulario Club de Criadores

======= PUNTOS DE VENTA =========
# Puntos de venta

======= PRODUCTOS =========
# Productos
# Marcas Productos
# Presentacion Productos Ficha
# Gatos Productos

======= MODAL =========
# Modal
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'gothammedium';
    src: url('../../assets/fonts/gotham_medium-webfont.woff2') format('woff2'),
         url('../../assets/fonts/gotham_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('../../assets/fonts/gotham_book-webfont.woff2') format('woff2'),
         url('../../assets/fonts/gotham_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tungstenthin';
    src: url('../../assets/fonts/tungsten-thin-webfont.woff2') format('woff2'),
         url('../../assets/fonts/tungsten-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tungstensemibold';
    src: url('../../assets/fonts/tungsten-semibold-webfont.woff2') format('woff2'),
         url('../../assets/fonts/tungsten-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 16px;
    overflow-x: hidden;
}
body {
    font-family: "Montserrat", sans-serif;
    background: #fff;
    color: #231f20;
    font-size: 16px;
    position: relative;
}

p {
    font-weight: 400;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'tungstensemibold';
}

img {
    max-width: 100%;
    height: auto;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input:focus,
select:focus {
  outline: 0;
}

input:focus-visible,
select:focus-visible {
  outline: 0;
}

button,
input,
select,
textarea {
  color: #231f20;
  font-size: 16px;
  line-height: 1.875;
  word-break: break-word;
  box-sizing: border-box;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  width: 100%;
    color: #231f20;
    border: none;
    background: transparent;
    border-bottom: 1px solid #231f20;
    padding: 8px 0;
    box-sizing: border-box;
    outline: none;
    font-size: 1rem;
    font-weight: 400;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #231f20;
}

select {
  border: none;
    background: transparent;
    outline: none;
    border-bottom: 1px solid #231f20;
    width: 100%;
    padding: 8px 0;
    appearance: none;
}

textarea {
  width: 100%;
  height: 130px;
  vertical-align: top;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #231f20;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #231f20;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #231f20;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #231f20;
}
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a:hover, a:focus, a:active {
  color: #fff;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover, a:active {
  outline: 0;
}
/*--------------------------------------------------------------
# Transitions
--------------------------------------------------------------*/
a, .Web-Header, .Web-Header.Sticky, .cta, img, .menu,
.panel-overlay, {
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    letter-spacing: normal;
    color: #a4a4a4;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.Main-Wrapper {
    display: block;
    position: relative;
}

.main-border::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    z-index: 2;
}

.main-border::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: #f4f4f4;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 2;    
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}

.cta {
    font-family: 'tungstensemibold';
    border: 1px solid #ed008c;
    background-color: #ed008c;
    padding: 13px 34px;
    color: #fff;
    width: auto;
    text-align: center;
    text-decoration: none;
    font-size: 1.313rem;
    line-height: normal;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    letter-spacing: .2em;
    border-radius: 30px;
    position: relative;
    text-transform: uppercase;
}

/*.cta::after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 16 9"%3E%3Cpath fill="white" d="M12.5 5h-9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h9c.28 0 .5.22.5.5s-.22.5-.5.5"%2F%3E%3Cpath fill="white" d="M10 8.5a.47.47 0 0 1-.35-.15c-.2-.2-.2-.51 0-.71l3.15-3.15l-3.15-3.15c-.2-.2-.2-.51 0-.71c.2-.2.51-.2.71 0l3.5 3.5c.2.2.2.51 0 .71l-3.5 3.5c-.1.1-.23.15-.35.15Z"%2F%3E%3C%2Fsvg%3E');
    position: absolute;
    top: 50%;
    transform: translateY(-12px);
    right: 24px;
    line-height: normal;
}*/

.cta:hover{
    color: #fff;
    text-decoration: none;
}

.parallax {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    top: 0;
    left: 0;
}

.panel-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
}

.panel-overlay.active {
    opacity: 1;
    visibility: visible;
}

.wrapperCtaWspFloat {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 10;
}

.wrapperCtaWspFloat .ctaLink {
    background: linear-gradient(180deg, rgba(95,252,123,1) 0%, rgba(40,209,70,1) 100%);
    width: 60px;
    height: 60px;
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.Web-Header {
    position: relative;
}

/*--- # Header top ------------------------------------------------*/
.header-banner-top {
    font-family: 'gothammedium';
    background-color: #ed008c;
    color: #fff;
    font-size: 0.938rem;
    line-height: 0.938rem;
    text-align: center;
    padding: 9px 0;
}

/*--- # Header center ------------------------------------------------*/
.header-navegacion {
    background-color: #f8f1ec;
    padding: 17px 0;
}

.main-header .header-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.header-row > [class^=col-header] {
    display: flex;
    align-items: stretch;
    position: static;
}

.header-row .col-header {
    flex-basis: 0;
    flex-grow: 0.65;
    max-width: 100%;
    width: 100%;
    min-height: 1px;
}

.header-row .col-header.col-logo {
    flex-grow: 0.2;
    justify-content: center;
}

.header-row .col-header.col-nav {
    -ms-flex-pack: center;
    align-items: center;
    flex-grow: 0.4;
}

.header-row .col-header.col-nav.col-nav-left {
    justify-content: flex-start;
}

.header-row .col-header.col-nav.col-nav-right {
    justify-content: flex-end;
}

.menu-burger {
    position: relative;
    width: 27px;
    height: 20px;
    max-height: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-left: 0;
    cursor: pointer;
    display: flex;
}

.menu-burger > span {
    width: 100%;
    height: 2px;
    background-color: #231f20;
    opacity: 1;
    transform: translateY(0) rotate(0);
    transition: all 0.3s;
}

.menu-burger.active span:first-child {
    transform: translateY(10px) rotate(45deg);
}

.menu-burger.active span:nth-child(2) {
    display: none;
}

.menu-burger.active span:last-child {
    transform: translateY(-9px) rotate(-45deg);
}

.header-logo {
    width: 176px;
}

.main-navigation ul {
    display: flex;
    align-items: center;
}

.col-nav-right .main-navigation ul li {
    margin-left: 27px;
}

/*--- # Header bottom ------------------------------------------------*/
.header-navegacion-bottom {
    padding: 30px 0px;
    background-color: #fff;
    display: none;
}

.header-navegacion-bottom.menu-open {
    display: block;
}

.header-navegacion-bottom .main-header .header-row {
}

.header-navegacion-bottom .main-header .header-row .col-header.col-nav {
    flex-grow: 1;
    justify-content: center;
}

.header-navegacion-bottom .main-navigation > ul {
    justify-content: center;
}

.header-navegacion-bottom .main-navigation > ul > li {
    margin-right: 12px;
}

.header-navegacion-bottom .main-navigation > ul > li:last-child {
    margin-right: 0;
}

.header-navegacion-bottom .main-navigation ul li a {
    font-family: 'tungstensemibold';
    color: #231f20;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: normal;
    vertical-align: middle;
    display: block;
    transition: all .5s ease;
    letter-spacing: 0.125em;
}

.header-navegacion-bottom .main-navigation > ul > li > a {
    border: 1px solid #fff;
    padding: 14px 40px;
    border-radius: 30px;
}

.dropdown a {
    position: relative;
}

.dropdown > a::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 24 24'%3E%3Cpath fill='%23231f20' d='M12 14.708L6.692 9.4l.708-.708l4.6 4.6l4.6-4.6l.708.708z'/%3E%3C/svg%3E");
    height: 27px;
    width: 27px;
    top: 50%;
    right: 10px;
    transition: .5s;
    transform: translateY(-53%);
}

.header-navegacion-bottom .main-navigation > ul > li > a:hover {
    color: #ed008c;
    border: 1px solid #ed008c;
}

.dropdown > a:hover::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 24 24'%3E%3Cpath fill='%23ed008c' d='M12 14.708L6.692 9.4l.708-.708l4.6 4.6l4.6-4.6l.708.708z'/%3E%3C/svg%3E");
}

.dropdown {
    position: relative;
}

.dropdown > ul {
    position: absolute;
    top: 53px;
    left: 0;
    min-width: 210px;
    background-color: #fff;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0px 10px 40px -20px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 10px 40px -20px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 10px 40px -20px rgba(0, 0, 0, 0.7);
    z-index: 5;
    padding: 24px 0;
    opacity: 0;
    visibility: hidden;
}

.dropdown:hover > ul {
    opacity: 1;
    visibility: visible;
}

.dropdown > ul > li {
    margin-bottom: 10px;
}

.dropdown > ul > li:last-child {
    margin-bottom: 0;
}

.dropdown > ul > li > a {
    padding: 0 27px;
}

/*--------------------------------------------------------------
# Panel Side Mobile
--------------------------------------------------------------*/
.side-panel {
    width: 432px;
    max-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow-x: hidden;
    z-index: 9999;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

/*     -webkit-transform: translateX(0); */
/*     -ms-transform: translateX(0); */
/*     transform: translateX(0); */

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.side-panel.side-panel-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.side-panel_inner {
    height: 100%;
    padding: 32px;
    padding-top: 0;
}

.side-panel_head {
    padding: 14px 0 13px;
    border-bottom: 1px solid #d2d2cc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-side-logo > img {
    width: 185px;
}

.side-panel_body {
    padding: 1.5rem 0;
}

.side-panel_body nav ul li {
    margin-bottom: 0.5rem;
}

.side-panel_body nav ul li a {
    color: #231f20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 20px;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #231f20;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.Web-Footer {
    padding: 85px 0;
    background-color: #efe5d4;
}

.widget-footer {
    font-family: 'gothambook';
    font-size: 0.938rem;
    line-height: 1.375rem;
    color: #231f20;
}

.widget-footer h6 {
    font-size: 1.313rem;
    line-height: 1.313rem;
    color: #231f20;
    margin: 0;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.widget-footer ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.widget-footer .ul-ic li .icon {
    float: left;
    margin-top: 4px;
}

.widget-footer .ul-ic li p {
    padding-left: 30px;
    margin-bottom: 8px;
}

.widget-footer .ul-ic li a {
    padding-left: 30px;
    margin-bottom: 8px;
    display: block;
}

.widget-footer a {
    color: #231f20;
    font-size: 0.938rem;
    line-height: 1.375rem;
    text-decoration: none;
}

.footer-redes {
    line-height: 0;
}

.footer-redes > a {
    display: inline-flex;
    margin-right: 10px;
    background-color: #fff;
    padding: 13px;
    border-radius: 50%;
}

.icons-location-pin {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23231f20' d='M515.664-.368C305.76-.368 128 178.4 128 390.176c0 221.76 206.032 448.544 344.624 607.936c.528.64 22.929 25.52 50.528 25.52h2.449c27.6 0 49.84-24.88 50.399-25.52c130.064-149.52 320-396.048 320-607.936C896 178.4 757.344-.368 515.664-.368m12.832 955.552c-1.12 1.12-2.753 2.369-4.193 3.409c-1.472-1.008-3.072-2.288-4.255-3.408l-16.737-19.248C371.92 785.2 192 578.785 192 390.176c0-177.008 148.224-326.56 323.664-326.56c218.528 0 316.336 164 316.336 326.56c0 143.184-102.128 333.296-303.504 565.008m-15.377-761.776c-106.032 0-192 85.968-192 192s85.968 192 192 192s192-85.968 192-192s-85.968-192-192-192m0 320c-70.576 0-129.473-58.816-129.473-129.408c0-70.576 57.424-128 128-128c70.624 0 128 57.424 128 128c.032 70.592-55.903 129.408-126.527 129.408'/%3E%3C/svg%3E");
}

.icons-envelope {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23231f20' d='M224 48H32a8 8 0 0 0-8 8v136a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a8 8 0 0 0-8-8m-20.57 16L128 133.15L52.57 64ZM216 192H40V74.19l82.59 75.71a8 8 0 0 0 10.82 0L216 74.19z'/%3E%3C/svg%3E");
}

.icons-phone {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23231f20' d='m222.37 158.46l-47.11-21.11l-.13-.06a16 16 0 0 0-15.17 1.4a8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92a16 16 0 0 0-9.51-16.62M176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40a.61.61 0 0 0 0 .12l21 47l-20.67 24.74a6.13 6.13 0 0 0-.57.77a16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14a8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208'/%3E%3C/svg%3E");
}

.icons-whatsapp {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23231f20' d='m185.79 148.42l-32-16a4 4 0 0 0-4 .25l-16.64 11.1a44.56 44.56 0 0 1-20.91-20.91l11.1-16.64a4 4 0 0 0 .25-4l-16-32A4 4 0 0 0 104 68a36 36 0 0 0-36 36a84.09 84.09 0 0 0 84 84a36 36 0 0 0 36-36a4 4 0 0 0-2.21-3.58M152 180a76.08 76.08 0 0 1-76-76a28 28 0 0 1 25.58-27.9l13.8 27.61l-11 16.54A4 4 0 0 0 104 124a52.43 52.43 0 0 0 28 28a4 4 0 0 0 3.76-.37l16.54-11l27.61 13.8A28 28 0 0 1 152 180M128 28a100 100 0 0 0-87.47 148.5l-11.9 35.69a12 12 0 0 0 15.18 15.18l35.69-11.9A100 100 0 1 0 128 28m0 192a92 92 0 0 1-46.07-12.35a4.05 4.05 0 0 0-2-.54a3.93 3.93 0 0 0-1.27.21l-37.38 12.46a4 4 0 0 1-5.06-5.06l12.46-37.38a4 4 0 0 0-.33-3.27A92 92 0 1 1 128 220'/%3E%3C/svg%3E");
}

.mdi--instagram {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23231f20' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
}

.mdi--youtube {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23231f20' d='m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73'/%3E%3C/svg%3E");
}

.ri--facebook-fill {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23231f20' d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z'/%3E%3C/svg%3E");
}

.footer-copy {
    font-family: 'gothambook';
    padding: 26px 0;
    background-color: #231f20;
}

.footer-copy p {
    color: #efe5d4;
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Hero Home
--------------------------------------------------------------*/
.site-home-hero {
    position: relative;
    background-image: url('../../assets/img/home/Hero-Provet.jpg');
    height: 685px;
}

.site-home-hero .box-content {
    padding: 86px 0;
}

.bg-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.box-heading {}
.box-heading h1 {
    font-size: 4.625rem;
    line-height: 4.125rem;
    text-transform: uppercase;
}

.dest-rosa {
    color: #ed008c;
}

.site-home-hero .box-heading .cta {
    margin-top: 32px;
}

.logo-float {
    position: absolute;
    right: 0;
    bottom: -30px;
}

/*--------------------------------------------------------------
# Items Home
--------------------------------------------------------------*/
.site-home-items {
    background-color: #c29e4f;
    padding: 70px 0;
}

.box-item {
    color: #fff;
}

.box-item .icon {}

.box-item h4 {
    font-size: 2.375rem;
    line-height: 2.125rem;
    text-transform: uppercase;
}

.box-item p {
    margin: auto;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.box-item:first-child p {
    max-width: 319px;
}

.box-item:nth-of-type(2) h4 {
    margin-bottom: 42px;
}

.box-item:nth-of-type(2) p {
    max-width: 363px;
}

.box-item:last-child h4 {
    margin-bottom: 42px;
}

/*--------------------------------------------------------------
# Empresa Home
--------------------------------------------------------------*/
.site-home-empresa {
    background-color: #efe5d4;
    padding: 120px 0;
}

.site-home-empresa .box-content p {
    max-width: 440px;
    font-size: 1.5rem;
    line-height: 2.125rem;
}

.site-home-empresa .box-content .cta {
    background-color: #231f20;
    border: 1px solid #231f20;
    color: #efe5d4;
    margin-top: 32px;
}

.box-video img {
    border-radius: 5px;
}

.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0;
    pointer-events: none;
}

/*--------------------------------------------------------------
# Home Productos
--------------------------------------------------------------*/
.container-slide-productos {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.control-slide.control-slide-productos li {
    background-color: #fff;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 40px -20px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 40px -20px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 40px -20px rgba(0,0,0,0.7);
}

.control-slide.control-slide-productos li.prev {
    left: 96px;
}

.control-slide.control-slide-productos li.next {
    right: 96px;
}

#tns2-iw {
    font-size: 0;
    line-height: 0;
}

.box-home-producto {
    width: 380px;
    text-align: center;
    padding: 106px 20px;
    border-right: 2px solid #f8f1ec;
    transition: all .5s ease;
}

.box-home-producto > a {
    text-decoration: none;
    color: #231f20;
}

.box-home-producto .box-producto-inner {}
.box-home-producto .box-producto-inner .producto-image {
    margin-bottom: 32px;
}
.box-home-producto .box-producto-inner .producto-image > img {
    max-height: 387px;
}
.box-home-producto .box-producto-inner .producto-title {}
.box-home-producto .box-producto-inner .producto-title h3 {
    font-size: 2.375rem;
    line-height: 2.125rem;
    text-transform: uppercase;
}

.over-verde:hover {
    background-color: #e6f7ee;
}

.over-verde:hover .box-producto-inner .producto-title h3 {
    color: #0daf59;
}

/*--------------------------------------------------------------
# Sitema de Salud Home
--------------------------------------------------------------*/
.site-home-sistema {
    background-color: #f8f1ec;
    padding: 90px 0;
}

.site-home-sistema .box-heading {
    margin-bottom: 48px;
}

.site-home-sistema .box-heading h2 {
    font-size: 4.625rem;
    line-height: 4.375rem;
    text-transform: uppercase;
}

.sistema-grid {
    display: grid;
    grid-template-columns: 1fr 559px 1fr;
}

.sistema-col-left {
    padding-right: 32px;
}

.sistema-col-right {
    padding-left: 32px;
}

.sistema-detalle {
    margin-bottom: 85px;
}

.sistema-detalle:last-child {
    margin-bottom: 0;
}

.sistema-detalle h3 {
    text-transform: uppercase;
    font-size: 2.125rem;
    line-height: 1.875rem;
}

.sistema-detalle p {
    font-family: 'gothambook';
    font-size: 0.938rem;
}

/*--------------------------------------------------------------
# Testimonio Home
--------------------------------------------------------------*/
.site-home-testimonio {
    padding: 100px 0;
    background-color: #c29e4f;
}

.wrapper-slide {
    position: relative;
}

.control-slide {
    position: absolute;
    bottom: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

.control-slide li {
    position: absolute;
    bottom: -22px;
    width: 48px;
    cursor: pointer;
}

.control-slide li.prev {
    left: 40px;
}

.control-slide li.next {
    right: 40px;
    transform: rotate(180deg);
}

.control-slide li .arrow_prev {
    display: block;
    height: inherit;
    position: relative;
}

.control-slide li .arrow_next {
    display: block;
    height: inherit;
    position: relative;
}

.box-testimonio {
    width: 100%;
    text-align: center;
}

.box-testimonio .box-testimonio-inner {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.box-testimonio .box-testimonio-inner .testimonio-image,
.box-testimonio .box-testimonio-inner .testimonio-detalle {
   display: table-cell;
   vertical-align: middle; 
}

.box-testimonio .box-testimonio-inner .testimonio-image {
    padding-right: 48px;
}

.box-testimonio .box-testimonio-inner .testimonio-image > img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    box-shadow: 0px 10px 40px -20px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 10px 40px -20px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 10px 40px -20px rgba(0, 0, 0, 0.7);
}

.box-testimonio .box-testimonio-inner .testimonio-detalle {
    text-align: left;
    max-width: 580px;
}

.box-testimonio .box-testimonio-inner .testimonio-detalle .parrafo {
    font-size: 1rem;
    line-height: 1.5rem;;
    color: #fff;
    margin-bottom: 24px;
}

.box-testimonio .box-testimonio-inner .testimonio-detalle .cita {
    font-family: 'tungstenthin';
    color: #fff;
    font-size: 1.563rem;
    line-height: 1.25rem;
    text-transform: uppercase;
}

.box-testimonio .box-testimonio-inner .testimonio-detalle .cita .bold {
    font-family: 'tungstensemibold';
}

/*--------------------------------------------------------------
# Donde comprar Home
--------------------------------------------------------------*/
.site-home-donde-comprar {
    background-image: url('../../assets/img/home/mapa.jpg');
    padding: 120px 0;
}

.site-home-donde-comprar .cta {
    font-size: 1.875rem;
    padding: 19px 50px;
    border-radius: 50px;
}

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.site-hero {
    padding: 41px 0;
    background-color: #f8f1ec;
}

.site-hero .box-content h1 {
    text-transform: uppercase;
    font-size: 4.625rem;
    line-height: 4.625rem;
    margin-bottom: 24px;
}

.site-hero .box-content p {
    font-size: 1.25rem;
    line-height: 1.875rem;
    max-width: 640px;
    margin: auto;
}

/*--------------------------------------------------------------
# Banner Image Quienes Somos
--------------------------------------------------------------*/
.banner-image {
    height: 640px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner-image.somos {    
    background-image: url('../../assets/img/quienes-somos/Banner-Quienes-somos-01.jpg');
    background-attachment: scroll;
}

.site-quienes-somos {
    background-color: #f8f1ec;
}

.site-quienes-somos {
    padding: 110px 0;
}

.site-quienes-somos .box-content p {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.site-quienes-somos .box-content.text-bold p {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.313rem;
}

/*--------------------------------------------------------------
# Hero Nuestro Trabajo
--------------------------------------------------------------*/
.site-nuestro-trabajo-hero {
    padding-top: 40px;
    background-color: #c29e4f;
}

.site-nuestro-trabajo-hero .box-content p {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.313rem;
}

/*--------------------------------------------------------------
# Empresa Nuestro Trabajo
--------------------------------------------------------------*/
.site-nuestro-trabajo-empresa {
    padding: 53px 0;
}

.img-round {
    border-radius: 5px;
}

.site-nuestro-trabajo-empresa .box-wrapper {
    padding: 53px 0;
}

.site-nuestro-trabajo-empresa .box-wrapper .box-content h2 {
    font-size: 2.625rem;
    line-height: 2.625rem;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.site-nuestro-trabajo-empresa .box-wrapper .box-content p {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

/*--------------------------------------------------------------
# Profesionales Nuestro Trabajo
--------------------------------------------------------------*/
.site-nuestro-trabajo-profesionales {
    height: 614px;
    background-image: url('../../assets/img/nuestro-trabajo/profesionales.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
}

.site-nuestro-trabajo-profesionales .box-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 4.625rem;
    line-height: 4.375rem;
    margin-bottom: -75px;
}

/*--------------------------------------------------------------
# Parrafo Nuestros Valores
--------------------------------------------------------------*/
.site-nuestros-valores-parrafo {
    padding: 101px 0;
    background-color: #efe5d4;
}

.site-nuestros-valores-parrafo .box-content p {
    font-size: 1.75rem;
    line-height: 2.313rem;
    font-weight: 700;
    max-width: 900px;
    margin: auto;
}

/*--------------------------------------------------------------
# Novedades Nuestros Valores
--------------------------------------------------------------*/
.site-nuestros-valores-novedades {
    padding: 53px 0;
}

.img-round {
    border-radius: 5px;
}

.site-nuestros-valores-novedades .box-wrapper {
    padding: 53px 0;
}

.site-nuestros-valores-novedades .box-wrapper .box-content h2 {
    font-size: 2.625rem;
    line-height: 2.625rem;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.site-nuestros-valores-novedades .box-wrapper .box-content p {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.site-nuestros-valores-novedades .box-wrapper .box-content p .destacar {
    color: #c29e4f;
    font-weight: 700;
}

/*--------------------------------------------------------------
# Gracias Nuestros Valores
--------------------------------------------------------------*/
.site-nuestros-valores-gracias {
    height: 614px;
    background-image: url('../../assets/img/nuestros-valores/gracias.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
}

.site-nuestros-valores-gracias .box-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 4.625rem;
    line-height: 4.375rem;
    position: relative;
    bottom: -75px;
}

/*--------------------------------------------------------------
# Hero Club de Criadores
--------------------------------------------------------------*/
.logo-hero {
    margin-bottom: 32px;
}

.banner-image.criadores {
    background-image: url('../../assets/img/club-de-criadores/Banner-club-de-criadores-01.jpg');
}

/*--------------------------------------------------------------
# Sabias qué Club de Criadores
--------------------------------------------------------------*/
.site-criadores-sabias {
    padding: 110px 0;
}

.site-criadores-sabias .box-content h2 {
    font-size: 2.375rem;
    line-height: 2.125rem;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.site-criadores-sabias .box-content p {
    font-size: 1.125rem;
    line-height: 1.688rem;
}

.site-criadores-sabias .box-content p .hashtag {
    color: #c29e4f;
    font-weight: 700;
}

/*--------------------------------------------------------------
# Conocé Club de Criadores
--------------------------------------------------------------*/
.site-criadores-conoce {
    background-color: #f8f1ec;
    padding: 110px 0;
}

.site-criadores-conoce .box-content .shape-line {
    border-left: 2px solid #c29e4f;
    padding-left: 32px;
    margin-bottom: 32px;
}

.site-criadores-conoce .box-content .shape-line p:first-child {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.site-criadores-conoce .box-content h2 {
    font-size: 2.375rem;
    line-height: 2.125rem;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.site-criadores-conoce .box-content p {
    font-size: 1.125rem;
    line-height: 1.688rem;
}

.site-criadores-conoce .box-content p .hashtag {
    color: #c29e4f;
    font-weight: 700;
}

/*--------------------------------------------------------------
# Items Beneficios Club de Criadores
--------------------------------------------------------------*/
.site-criadores-items-baneficios {
    background-color: #c29e4f;
    padding: 70px 0;
}

.site-criadores-items-baneficios .box-item h4 {
    font-size: 2.175rem;
}

/*--------------------------------------------------------------
# Whatsapp Club de Criadores
--------------------------------------------------------------*/
.site-criadores-whatsapp {
    background-color: #c29e4f;
}

.row.box-wsp {
    padding: 62px 58px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 40px -20px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 40px -20px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 40px -20px rgba(0, 0, 0, 0.7);
}

.row.box-wsp h3 {
    text-transform: uppercase;
    color: #c29e4f;
    font-size: 3.625rem;
    line-height: 3.5rem;
}
.row.box-wsp p {
    font-size: 1.25rem;
    line-height: 1.625rem;
}
.row.box-wsp a {
    font-family: 'tungstensemibold';
    text-transform: uppercase;
    color: #00c700;
    font-size: 3.625rem;
    line-height: 3rem;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}

.row.box-wsp a > svg {
    float: left;
    margin-right: 24px;
}

.site-criadores-testimonio {
    padding: 100px 0;
    background-color: #c29e4f;
}

.site-criadores-testimonio .criadoresEspes {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 80px;
}

/*--------------------------------------------------------------
# Formulario Club de Criadores
--------------------------------------------------------------*/
.site-criadores-formulario {
    background-color: #f8f1ec;
    padding: 110px 0;
}

.box-heading h2 {
    font-size: 3.625rem;
    line-height: 3.5rem;
    text-transform: uppercase;
}

.row.formulario {
    max-width: 930px;
    margin: auto;
    margin-top: 70px;
}

/*--------------------------------------------------------------
# Productos
--------------------------------------------------------------*/
.site-productos {
    padding: 40px 0;
    background-color: #f8f1ec;
}

.box-redirect-product {
    background-color: #efe5d4;
    border-radius: 5px;
    text-align: center;
    position: relative;
}

.box-redirect-product .float-title-cta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 55px;
}

.box-redirect-product .float-title-cta h2 {
    color: #fff;
    font-size: 6.25rem;
    line-height: 6.563rem;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/*--------------------------------------------------------------
# Contacto
--------------------------------------------------------------*/
.site-contacto-formulario {
    background-color: #fff;
    padding: 70px 0;
}

.wrapper-type-form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
}

.wrapper-type-form .cta {
    width: 100%;
    max-width: 340px;
    padding: 12px 34px;
    border: 2px solid #ed008c;
    background-color: #f8f1ec;
    color: #ed008c;
}

.wrapper-type-form .cta.select {
    background-color: #ed008c;
    color: #fff;
}

.wrapper-form {
    display: none;
}

.wrapper-form.select {
    display: block;
}

.wrapper-form .box-heading h2 {
    margin-bottom: 32px;
}

.wrapper-form .box-heading p {
    font-size: 1.25rem;
    line-height: 1.625rem;
    max-width: 745px;
    margin: auto;
}

/*--------------------------------------------------------------
# Productos
--------------------------------------------------------------*/
.productos-filter {
    background-color: #f8f1ec;
    padding: 70px 0;
}

.wrapper-btns-filter {
    display: flex;
    justify-content: flex-end;
    gap: 65px;
    margin-bottom: 12px;
}

.wrapper-btns-filter .btn-filter {
    color: #231f20;
    font-size: 1.313rem;
    line-height: 1.313rem;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'tungstensemibold';
    letter-spacing: 0.1em;
}

.wrapper-btns-filter .btn-filter.select {
    color: #ed008c;
}

.container-productos-grid {
    max-width: 1440px;
    margin: auto;
}

.box-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.box-producto {
    width: 100%;
    text-align: center;
    padding: 88px 20px;
    border-right: 2px solid #f8f1ec;
    border-bottom: 2px solid #f8f1ec;
    transition: all .5s ease;
}

.box-producto > a {
    text-decoration: none;
    color: #231f20;
}

.box-producto .box-producto-inner .producto-image {
    margin-bottom: 32px;
}

.box-producto .box-producto-inner .producto-title h3 {
    font-size: 2.375rem;
    line-height: 2.125rem;
    text-transform: uppercase;
}

.box-producto:nth-child(3n) {
    border-right: 0;
}

.over-rosa:hover {
    background-color: #fde5f3;
}

.over-rosa:hover .box-producto-inner .producto-title h3 {
    color: #ed008c;
}

.over-azul:hover {
    background-color: #e5f1fb;
}

.over-azul:hover .box-producto-inner .producto-title h3 {
    color: #0073d4;
}

.over-beige:hover {
    background-color: #f9f5ed;
}

.over-beige:hover .box-producto-inner .producto-title h3 {
    color: #c29e4f;
}

.accordion.accordion-filtro-marcas {
    background-color: #f8f1ec;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.accordion.accordion-filtro-marcas .accordion-button {
    padding: 10px 12px;
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #212529;
    background-color: #f8f1ec;
}

.accordion.accordion-filtro-marcas .accordion-collapse {
    background-color: #f8f1ec;
}

.accordion.accordion-filtro-marcas .accordion-collapse .accordion-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 12px;
}

.accordion.accordion-filtro-marcas .accordion-collapse .accordion-body a {
    color: #231f20;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'tungstensemibold';
    letter-spacing: 0.1em;
}

.accordion.accordion-filtro-marcas .accordion-collapse .accordion-body a.select {
    color: #ed008c;
}

.accordion-button:not(.collapsed) {
    color: #231f20;
    background-color: #f8f1ec;
    box-shadow: none;
}

.accordion-button:focus {
    border-color: #f8f1ec;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23231f20'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
/*    transform: rotate(-180deg);*/
}

/*--------------------------------------------------------------
# Marcas Productos
--------------------------------------------------------------*/
.site-marcas-hero {
    background-color: #f8f1ec;
    padding: 50px 0;
}

.site-section-marcas {
    background: linear-gradient(0deg, rgba(239,229,212,1) 0%, rgba(248,241,236,1) 100%);
}

.box-marcas-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.box-marcas-producto {
    text-align: center;
    padding: 218px 17px 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.box-marcas-producto .producto-image {
    position: relative;
    z-index: 2;
    visibility: hidden;
}

.box-marcas-producto .producto-marca {
    position: relative;
    z-index: 5;
}

/* ====== Provet Cuidado Especial ======= */
.provet-cuidado-especial {
    background-image: url('../../assets/img/marcas/provet-cuidados-especiales-perro-v2.jpg');
}

.provet-cuidado-especial::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(251,210,184,1) 30%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0;
}

.provet-cuidado-especial::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(93,86,81,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 2;
}

.provet-cuidado-especial:hover::before {
    opacity: 1;
}

.provet-cuidado-especial:hover::after {
    opacity: 0;
}

.box-marcas-producto.provet-cuidado-especial:hover .producto-image {
    visibility: visible;
}

/* ====== Provet Cuidado Especial ======= */
.provet {
    background-image: url('../../assets/img/marcas/provet-perro-v2.jpg');
}

.provet::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(237,0,140,1) 30%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0;
}

.provet::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(51,44,26,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 2;
}

.provet:hover::before {
    opacity: 1;
}

.provet:hover::after {
    opacity: 0;
}

.box-marcas-producto.provet:hover .producto-image {
    visibility: visible;
}

/* ====== Ultra Pro Premium ======= */
.ultra-pro {
    background-image: url('../../assets/img/marcas/ultra-pro-perro-v2.jpg');
}

.ultra-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 30%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0;
}

.ultra-pro::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 2;
}

.ultra-pro:hover::before {
    opacity: 1;
}

.ultra-pro:hover::after {
    opacity: 0;
}

.box-marcas-producto.ultra-pro:hover .producto-image {
    visibility: visible;
}

/* ====== Total Balance ======= */
.total-balance {
    background-image: url('../../assets/img/marcas/total-balance-perro-v2.jpg');
}

.total-balance::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255,107,0,1) 30%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0;
}

.total-balance::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(76,47,26,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 2;
}

.total-balance:hover::before {
    opacity: 1;
}

.total-balance:hover::after {
    opacity: 0;
}

.box-marcas-producto.total-balance:hover .producto-image {
    visibility: visible;
}

/* ====== ARMY MIXER ======= */
.army-mixer {
    background-image: url('../../assets/img/marcas/army-mixer-perro-v2.jpg');
}

.army-mixer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(113,152,74,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0;
}

.army-mixer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(45,53,38,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 2;
}

.army-mixer:hover::before {
    opacity: 1;
}

.army-mixer:hover::after {
    opacity: 0;
}

.box-marcas-producto.army-mixer:hover .producto-image {
    visibility: visible;
}

/*--------------------------------------------------------------
# Puntos de venta
--------------------------------------------------------------*/
.site-venta-mapa {
    background-color: #f8f1ec;
}

.site-hero.punto-venta .box-content p {
    max-width: 820px;
}

.bg-rosa {
    background-color: #ed008c;
}

.bg-beige {
    background-color: #c29e4f;
}

.site-venta-contactar .box-content {
    width: 582.5px;
    max-width: 100%;
    padding: 79px 0px;
}

.site-venta-contactar .col-md-6:last-of-type .box-content {
    padding-left: 68px;
}

.site-venta-contactar .box-content h2 {
    font-size: 3rem;
    line-height: 2.8rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 32px;
}

.site-venta-contactar .box-content .cta {
    border: 1px solid #fff;
    background-color: transparent;
}

.venta-mapa-container {
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}

.col-aside {
    padding: 0;
    flex: 0 0 auto;
    width: 27%;
    max-height: 770px;
    overflow-y: scroll;
}

.col-aside::-webkit-scrollbar {
    background-color: transparent;
    width: 0;
}
.col-aside::-webkit-scrollbar-track {
    background-color: transparent;
}
.col-aside::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.box-aside-buscador {
    background-color: #fff;
    padding: 24px 33px;
}

.result {
    font-size: 0.938rem;
    line-height: 0.938rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #ed008c;
    display: inline-block;
    margin-top: 24px;
}

.wrapper-input {
    display: flex;
    position: relative;
}

.wrapper-input .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    padding: 11px;
    line-height: 0;
}

.tabler-search::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230e0e0f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
}

.card-resultado {
    background-color: #fff;
    padding: 33px;
    border-bottom: 1px solid #dcdbd9;
    cursor: pointer;
}

.card-resultado:last-child {
    border-bottom: 0;
}

.card-resultado.select {
    background-color: #efe5d4;
}

.card-resultado.select {
    border-bottom: 0;
}

.card-resultado .tienda {
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative;
}

.card-resultado .tienda::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23231f20' stroke-linecap='round' stroke-linejoin='round' d='m10 17l5-5l-5-5'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

.card-resultado.select .tienda::after {
    opacity: 1;
    visibility: visible;
}

.card-resultado .ubicacion {
    font-size: 1.125rem;
    line-height: 1.125rem;
}

.card-resultado .distancia {
    font-size: 0.938rem;
    line-height: 0.938rem;
    margin-top: 20px;
}

.col-mapa {
    padding: 0;
    flex: 0 0 auto;
    width: 73%;
}

.wrapper-mapa {
    position: relative;
}

.wrapper-mapa > iframe {
    width: 100%;
    height: 770px;
    display: block;
}

.card-flotante {
    background-color: #fff;
    padding: 24px 30px;
    position: absolute;
    top: 50%;
    left: 40%;
    border-radius: 12px;
    max-width: 375px;
    width: 100%;
}

.card-flotante::after {
    content: '';
    width: 34px;
    height: 34px;
    background-color: #fff;
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
}

.card-flotante_inner {
    position: relative;
}

.card-flotante_inner::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 24 24'%3E%3Cpath fill='%23231f20' d='m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6z'/%3E%3C/svg%3E");
  position: absolute;
  top: -17px;
  right: -17px;
  cursor: pointer;
}

.card-flotante .tienda {
    font-size: 1.063rem;
    line-height: 1.063rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
}

.card-flotante .ubicacion {
    font-size: 1.063rem;
    line-height: 1.063rem;
    margin-bottom: 8px;
}

.card-flotante .ubicacion2 {
    font-size: 1.063rem;
    line-height: 1.063rem;
    margin-bottom: 20px;
}

.card-flotante .contacto {
    font-size: 1.063rem;
    line-height: 1.063rem;
}

.card-flotante .contacto a {
    color: #ed008c;
    text-decoration: none;
}

.card-flotante .contacto a .whatsapp::after {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.225em;
  margin-right: 8px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ed008c' d='M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------
# Presentacion Productos Ficha
--------------------------------------------------------------*/
.site-producto-view {
    padding: 46px 0;
    background-color: #f8f1ec;
}

.wrapper-details-producto h1 {
    font-size: 4.625rem;
    line-height: 4.125rem;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.wrapper-details-producto h1 > span {
    color: #c29e4f;
    font-size: 2.375rem;
    line-height: 2.125rem;
}

.detail-descrip {
    font-family: "Montserrat", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin-bottom: 24px;
}

.detail-presentacion .title {
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.box-presentaciones {
    margin-bottom: 40px;
}

.box-presentaciones > .item-span {
    font-family: 'tungstensemibold';
    font-size: 1.313rem;
    line-height: 1.313rem;
    text-transform: uppercase;
    border: 1px solid #231f20;
    padding: 14px 35px;
    border-radius: 50px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.wrapper-image-producto {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapper-image-producto > img {
    max-height: 552px;
}

.site-producto-descrip {
    padding: 90px 0;
}

.wrapper-descrip h2 {
    color: #c29e4f;
    text-transform: uppercase;
    font-size: 2.375rem;
    line-height: 2.125rem;
    margin-bottom: 45px;
}

.detail-descrip_small {
    font-family: "Montserrat", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.625rem;
}

.table-nutricional {
    margin-right: 2rem;
}

.table-nutricional .table-row {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #f8f1ec;
}

.table-nutricional .table-row > div {
    display: table-cell;
    width: 50%;
}

.table-nutricional .table-row div:last-child {
    text-align: right;
}

.table-nutricional .table-row .valores {
    font-family: 'tungstensemibold';
    color: #c29e4f;
    font-size: 2.375rem;
    line-height: 1.938rem;
}

.table-nutricional .table-row .type {
    font-size: 1.125rem;
}

.table-nutricional .table-row .valores .porcent {
    font-size: 1.313rem;
}

/* Relacionados */
.site-producto-relacionados {
    padding: 85px 0;
    border-top: 2px solid #f8f1ec;
}

.site-producto-relacionados .box-heading {
    margin-bottom: 40px;
}

.box-producto-relacionado {
    width: 100%;
    text-align: center;
    padding: 20px;
    transition: all .5s ease;
}

.box-producto-relacionado > a {
    text-decoration: none;
    color: #231f20;
}

.box-producto-relacionado .box-producto-inner .producto-image {
    margin-bottom: 32px;
}

.box-producto-relacionado .box-producto-inner .producto-title h3 {
    font-size: 2.375rem;
    line-height: 2.125rem;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Gatos Productos
--------------------------------------------------------------*/
.site-section-productos-gatos {
    background: linear-gradient(0deg, rgba(239,229,212,1) 0%, rgba(248,241,236,1) 100%);
}

.site-section-productos-gatos .col-6:nth-of-type(2) .box-producto {
    border-right: 0;
}

.site-section-productos-gatos .col-6 .box-producto {
    border-bottom: 0;
}

.col-cat-6 {
    width: 50%;
    flex: 0 0 auto;
    padding: 0;
}
.provet-gatos {
    background-image: url('../../assets/img/marcas/provet-gatos.jpg');
}
.provet-gatos::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(128,99,138,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0;
}
.provet-gatos::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(123,109,128,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 2;
}
.provet-gatos:hover::before {
    opacity: 1;
}

.provet-gatos:hover::after {
    opacity: 0;
}

.box-marcas-producto.provet-gatos:hover .producto-image {
    visibility: visible;
}
.total-balance-gatos {
    background-image: url('../../assets/img/marcas/total-balance-gatos.jpg');
}
.total-balance-gatos::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(141,192,68,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0;
}
.total-balance-gatos::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(135,161,99,1) 35%, rgba(255,255,255,0) 100%);
    z-index: 2;
}
.total-balance-gatos:hover::before {
    opacity: 1;
}

.total-balance-gatos:hover::after {
    opacity: 0;
}

.box-marcas-producto.total-balance-gatos:hover .producto-image {
    visibility: visible;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal {
    background: rgba(0, 0, 0, 0.5);
}
.modal.show {
    display: block;
}
.modal-inner {
    position: relative;
    width: auto;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem auto;
    min-height: calc(100% - 2rem);
    max-width: 789px;
}
.modalContent {
    position: relative;
    width: 100%;
    pointer-events: auto;
    outline: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.bloque01, .bloque02 {
    width: 50%;
}
.bloque02 {
    padding-right: 70px;
    text-align: center;
}
.logo-mega-skin {
    margin-bottom: 32px;
}
.bloque02 .cta {
    border: 1px solid #fe7e79;
    background-color: #fe7e79;
}
.btnModalClose {
    position: absolute;
    top: 34px;
    right: 34px;
}

.site-producto-descrip.producto-descrip-mixer {
    padding: 90px 0 0;
}

.detail-descrip-list {
    margin-bottom: 24px;
}

.detail-descrip-list li {
    font-size: 1.125rem;
    font-weight: 600;
}

.game-icons--check-mark::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235b891e' d='M17.47 250.9C88.82 328.1 158 397.6 224.5 485.5c72.3-143.8 146.3-288.1 268.4-444.37L460 26.06C356.9 135.4 276.8 238.9 207.2 361.9c-48.4-43.6-126.62-105.3-174.38-137z'/%3E%3C/svg%3E");
}