@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp; }@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible !important;}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important;visibility:visible;}} @keyframes zoom {from {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 50% {opacity: 1; } } .zoom {-webkit-animation-name: zoom; animation-name: zoom; }
.delay1{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.2s}.delay2{animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s}.delay3{animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s}.delay4{animation-delay:.7s;-moz-animation-delay:.7s;-webkit-animation-delay:.7s}.delay5{animation-delay:.9s;-moz-animation-delay:.9s;-webkit-animation-delay:.9s}.delay6{animation-delay:1.1s;-moz-animation-delay:1.1s;-webkit-animation-delay:1.1s}.delay7{animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s}.delay8{animation-delay:1.5s;-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s}.delay9{animation-delay:1.7s;-moz-animation-delay:1.7s;-webkit-animation-delay:1.7s}.delay10{animation-delay:1.9s;-moz-animation-delay:1.9s;-webkit-animation-delay:1.9s}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../img/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-nav {width: 100%; position: relative;}
.owl-nav button {background-color: var(--color) !important; width: 40px; height: 40px; border-radius: 50%; text-align: center; border: 1px solid var(--border) !important; position: absolute; top: -50%; border-radius: 50% 0 50% 50%; transform: translateY(-10px) rotate(225deg);}
.owl-nav button.owl-next {position: absolute; right: 0; transform: translateY(-10px) rotate(45deg);}
.owl-nav button.owl-next.disabled, .owl-nav button.owl-prev.disabled {opacity: 0.5}

.productos.pb-owl {padding-bottom: 80px}
.productos.row .owl-carousel .owl-stage-outer {overflow: visible !important; }
 .row.productos .owl {margin-left: -40px}

.owl-nav button.owl-prev {left: auto; right: 60px;}
.owl-nav .arrow {scale: 0.7; filter: brightness(0) invert(1) !important;}

.owl-nav button.disabled .arrow {filter: none !important;}
button.owl-prev .arrow {transform: rotate(225deg);}
button.owl-next .arrow {transform: rotate(45deg);}

.productos.prv .owl-nav {position: absolute; top: 50%;}
.productos.prv .owl-nav button.owl-prev{right: auto; left: -50px;}
.productos.prv .owl-nav button.owl-next{left: auto; right: -50px;}

#sidebar .owl-nav button.owl-prev {left: 10px}
#sidebar .owl-nav button.owl-next {right: 10px}

@media (max-width: 1220px){
  .row.productos .owl-stage {margin-left: 30px}
	.productos.pb-owl {padding-bottom: 40px}
}

@media (max-width: 991px){
	.productos.prv .owl-nav button.owl-prev{left: 20px;}
	.productos.prv .owl-nav button.owl-next{right: 20px;}
}

@media (max-width: 767px){
	.productos .owl {margin-bottom: 40px}
	.productos.row .owl-nav {position: absolute; bottom: 15px; left: 0}
	.productos.row .owl-nav button {right: auto !important;}

	.productos.row .owl-nav button.owl-prev {left: 40px;}
	.productos.row .owl-nav button.owl-next {left: 110px;}
	.productos.pb-owl {padding-bottom: 0}
}

@media (max-width: 641px){
  .row.productos .owl-stage {margin-left: -40px}
}

@media (max-width: 494px){
  .row.productos .owl-stage {margin-left: 30px}
}a:hover{color:var(--color);}
a.text-dark {color: #000 !important;}

section header h1, section > .container > .h1 {margin-bottom: 0.8rem;}

body.⯆ #menu {border-bottom: 1px solid #f5f5f5}
body.⯆ #whatsapp span:first-child {display: none !important;}

#fb-root{z-index:99;}

h4 {font-size: 1.2rem}

.fixed {background-attachment: fixed !important;}
.auto {background-position: center !important; background-size: auto !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; -o-background-size: auto !important; }
.mobile {background-size: contain; }

.m-0{margin:0;}
.p-0 {padding:0;}
.p-l-0 {padding-left:0; padding-right: 0}
.m-t-20 {margin-top: 20px;}
.m-b-20 {margin-bottom: 20px;}
.dob-col {column-count: 2;}
.circle{background-color:#DEDC00;border-radius:100%;width: 50px;height: 50px;}
.circle span{width: 100%;
    text-align: center;
    display: inline-block;
    padding-top: 12px;
    font-weight: bold;
    color: #FFF;}

.lk, .cl{cursor: pointer;}

.text-big {font-size: 2.4rem; font-weight: 700;}

.btn:active{box-shadow:none;}
.btn:hover{color: #fff;}
.btn-default:hover, .btn-color:hover {background-color: var(--color);}
.btn-grey {background-color: var(--grey); border: 1px solid #000; } 
.btn-white:hover, .btn-grey:hover {color: #000;}
.btn-danger:hover {background-color: #ab4e60; border: none; } 
.btn-border:hover {background-color: var(--color);}
.btn-border-white {color: #fff; background: none; border: 2px solid #fff;}
.btn-border-white:hover {color: var(--color); background-color: #fff;}

hr {border-color:var(--border)}

.img-white {filter: brightness(0) invert(1);}

.grecaptcha-badge {display: none;}
.overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(16,16,16,0.35);}
.error{color: red;}

input.form-control, select.form-control, textarea.form-control{border-radius: 15px; box-shadow:none !important;}
input.nocomplete {background-color:#fff !important;}
.form-group {position: relative;}
.form-group > label {font-size: 12px; margin-bottom: 0; position: absolute; top:13px; left: 16px; opacity: 0; transition: all 0.2s linear;}
.form-group.focus > label {top:-7px; opacity: 1; background: #fff; padding: 0 2px; display: block;}
.form-group.focus input::-webkit-input-placeholder {opacity: 0}

.flex {display: flex; display: -webkit-flex;}
.flex-column {flex-direction: column;flex-wrap: wrap;}
.flex > div{flex-grow: 1}
.flex > div.wfixed{flex-shrink: 0}
.flex .ico {flex-basis: 90px; flex-shrink: 0;}
.flex .ico img {width: 50px;}
.flex h2{font-size: 1.4rem; color: #000; margin-bottom: 1rem; font-weight: 700}

.gota {background-color: var(--color); width: 10px; height: 10px; border-radius: 50%; text-align: center; border-radius: 50% 0 50% 50%; transform: rotate(45deg); display: inline-block;}
.gota.color1 {background-color: var(--color1)}
.nav .gota {transform: translate(10px,1px) rotate(45deg);}

.mh-400{min-height: 400px;}

.modal-content {width: 100% !important;}
.modal-header {display: block; text-align: center; padding: 0.5rem; background-color: var(--bg-color)}
.modal-footer {padding: 0.5rem;}
.modal-header button {position: absolute; left: 0; top: 20px;}
.modal .error {display: none;}
.modal .form-group{margin-bottom: 0.5rem; }
.modal .form-control{ font-size: 0.8rem;}

.popup{z-index: 90; right: 4vw; bottom: 4vw; width: 35vw; position: fixed; padding: 3vw; background: #fff; box-shadow: 0 0 35px -25px rgba(0,0,0,.75);}
.popup p.h1{font-size: 1.8rem; margin-bottom: 1rem;}

.popup.pop-image {width: auto; padding:0; right: 0; bottom: 100px; z-index: 999; }
.popup.pop-image img {max-height: calc(100vh - 100px); width: auto;}
.popup.pop-image .close {opacity: 0.8; right: 16px; top: 16px;}
.popup.pop-image .close:before, .popup.pop-image .close:after {background-color: #fff; }

.close {position: absolute; right: 32px; top: 32px; width: 40px; height: 40px; opacity: 0.3; border: 3px solid #fff !important; border-radius: 50%; z-index: 99; color: fff;}
.close:hover {opacity: 1; }
.close:before, .close:after {position: absolute; left: 16px; top: 3px; content: ' '; height: 28px; width: 3px; background-color: #000; }
.close:before {transform: rotate(45deg); }
.close:after {transform: rotate(-45deg); }
.modal-header .close{border:none; padding:0.5rem; margin:-14px -15px 0px auto; background-color: var(--color)}
.modal-header .close:before, .modal-header .close:after { background-color:#000; height:20px; top:7px}

iframe {max-width: 100%}

#menu ul.menu li.shop:hover a{text-decoration: none;}
#menu ul.menu li.shop:before {transition: all 0.2s ease-in}
#menu ul.menu li.shop:hover:before {background-color: var(--red)}

.nav {position: fixed; top: 127px; left: 0; width: 100%; z-index: 9; background-color: #fff; border-top: 1px solid var(--color); font-size: 0.8rem; box-shadow: 0 0 35px -25px rgba(0,0,0,.75); }
.nav .nav-main {position: relative; height: 100%; width: 100%; overflow:auto; padding-top:20px; padding-bottom: 20px}
.nav ul {padding-left: 12px}
.nav ul li {list-style-type: none; position: relative; margin-top:0.5rem}
.nav ul li:before {content:''; position: absolute; left: -12px; top: 7px; width: 5px; height: 5px; background-color: var(--color1); border-radius: 50%}
.nav ul li a {color: var(--main)}
.nav .loadcats {cursor:pointer; margin-top: -8px; display: block;}

.imnav {flex-grow: 1}
.imnav1 {transform: translateY(-5px);}

.close-nav {position: relative; display: inline-block; width: 40px; height: 40px;}
.close-nav span {width: 50px; height: 3px; background: #fff; position: absolute; top: 34px; transform: rotate(45deg);}
.close-nav span:last-child{transform: rotate(-45deg);}

#cart:hover {text-decoration: none;}
#cart span {display: none;position: absolute; background-color: var(--red); color: #fff; padding:0 5px; border-radius: 50%; right: -15px; top: -5px; font-size:0.8rem}

.table {color:var(--main)}
#filter {display: block; position: fixed; left: -100%; top: 0; width: 100%; height: 100%; z-index: 999; background:#545454; opacity: 0; cursor: pointer;  -webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;}
#sidebar {display: block; position: fixed; top:0; right: -650px; height: 100%; max-width: 650px; min-width: 250px; padding:40px; box-shadow: 0 0 0 0 transparent; background-color:#fff; transition: all 500ms ease-in-out; overflow-y: auto; z-index: 1000; padding-bottom: 20px}
#sidebar .table {margin-bottom: 0;}
#sidebar .title {font-size: 1.2rem; margin-bottom: 30px;}
#sidebar h3 {display: block; font-size: 1rem; border-bottom:1px solid #898989; padding-bottom: 10px}
#sidebar ul li {margin-bottom: 5px}
#sidebar ul li a{color:#000; font-size: 0.9rem;}
#sidebar .products article {margin-bottom: 20px; background-color: #fff; position: relative;}
#sidebar .products article a.title {font-size: 1rem; margin-bottom: 5px; font-weight: 400; color: #000; padding-right: 50px; display: inline-block;}
#sidebar .products article label {color:#ababab; display: block;}
#sidebar .products article .foto { text-align: center; flex-basis: 150px; width: 150px; height: 190px;position: relative;}
#sidebar .products article .foto img{max-height: 100%; position: relative;}
#sidebar .products article .precio{font-weight: 600; float:right; font-size: 0.9rem;}
#sidebar .products article .cantidad span {font-weight: 300; font-style: normal; padding:0 0.5rem; font-size: 1rem}
#sidebar .products article .cantidad a{color:#fff; padding:5px 8px; border-radius: 50%; background-color: var(--bg-color1); font-size: 12px}
#sidebar .products article .close{position: absolute; right: 0; top: 0; line-height: 0; font-size: 18px; width: 24px; height: 24px;}
#sidebar .products article .close:before, #sidebar .products article .close:after {height: 17px; width: 2px; left: 8px; top: 1px;}
#sidebar .resumen{background-color: #fff; padding:20px 40px;}
#sidebar .envio {font-size: 0.8rem;}
#sidebar .envio .progress{height: 15px; background-color: #fff;}
#sidebar .envio .progress .progress-bar{background-color: var(--red)}
#sidebar .carousel {margin-bottom: 30px;}
#sidebar .carousel-control-next, #sidebar .carousel-control-prev {top: auto; bottom: -10px; color: var(--color);}
#sidebar .carousel-control-next {right: 30%;}
#sidebar .carousel-control-prev {left: 30%;}
#sidebar .carousel-item:after {display:none}

body.side-open {overflow: hidden; }
body.side-open #sidebar{box-shadow: 0px 0px 100px 0px rgba(15,45,83,0.3); right: 0; }
body.side-open #filter {left: 0; opacity: 0.5; z-index: 999;}
body.nav-open {overflow: hidden;}
body.nav-open #filter {left: 0; opacity: 0.5; z-index: 10;}
body.nav-open .nav {display: block;}

header .categorias .cat a:hover{text-decoration: none;}

.modulo div.row div.cover {min-height: 350px}
.modulo div.row div.cover.h-100 {min-height: 550px; position: relative;}
.modulo div.row h2 {font-family: 'ArquitectaBlack'; font-style: normal;}
.modulo div.flex-column > div:last-child{padding:6em 13rem;}
.modulo div.container-fluid > .row > div {padding:0}

.row.productos {margin-left: 0; min-height: 200px}
.prv.productos {max-width: 360px; margin:0 auto; padding-bottom: 2rem}
.productos article {margin-bottom: 50px; cursor: pointer; font-size: 1.3rem}
.productos article > div {position: relative;}
.productos article > div > div {overflow: hidden;}
.productos article div.img {position: relative; margin: 0 30px; margin-bottom: 0}
.productos article div.img:before {content:''; position: absolute; left: -30px; right: -30px; top: 50%; bottom:0; border: 1px solid var(--border); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom: none}
.productos article div.img > div {width: 100%; height: 70%; position: absolute; border-radius: 50%; left: 0; top: 15%}
.productos article div.img span.oferta, .productos article div.img span.ncosecha{position: absolute; top:10%; right: 5%; background-color: var(--red); text-align: center; border:3px solid #fff; border-radius: 50%; padding:20px 15px; font-family: 'ArquitectaBlack'; font-size: 1.8rem; color:#fff;}
.productos article div.img span.oferta em{font-size: 0.8rem; font-family: 'Times New Roman', Times, serif; display: block;}
.productos article div.img span.ncosecha{background-color: var(--color1); right: auto; top:8%; left: 3%; max-width: 120px; font-size: 1.1rem; color: var(--main); padding:25px 15px}
.productos article img.image{width: 100%; transition: all 0.3s ease; position: relative;}
.productos article div.content {border: 1px solid #A8C545; border-top:none; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
.productos article div.content > div:first-child{flex-grow: 1; border-right: 1px solid var(--border)}
.productos article div.content > div:last-child{flex-shrink: 0}
.productos article:hover img.image {scale: 1.1}
.productos article:hover a {text-decoration: none;}
.productos article h3 {font-size: 1.6rem; font-family: "Open Sans", sans-serif; font-weight: 700}
.productos article .precio {font-weight: 600; flex-basis: 100px; flex-shrink: 0; text-wrap:nowrap}
.productos article .precio > div{padding-left: 1rem}
.productos article .precio > div:first-child {border-bottom: 1px solid var(--border);}
.productos article .precio span, .productos article .precio s {display: inline-block;}
.productos article .precio span.cart {float: right;}
.productos article .precio span.oferta {color: var(--red);}
.productos article .precio s {font-size: 0.8rem; margin-left: 15px;}
.productos article .nueva-cosecha {display: block; width: 100px; border: 1px solid var(--color); position: absolute; bottom: 20px; right: 20px; font-weight: 300; font-size: 0.65rem; padding: 5px; line-height: 1.1; text-align: center;background-color:#FFF;}
.productos article .btn {font-size: 0.8rem;}
/*.productos article .ic-discount {position: absolute; right: 30px; top: 30px}*/
.productos article span.arrow {position: absolute; right: 30px; top: 30px}
.prv.productos article {margin-bottom: 10px}

a.arrow {color:#000; font-weight: 600; font-size: 0.8rem;} a.arrow {font-size: 1rem}
a.arrow:hover {text-decoration: none;}

#newsletter {position: relative;}

section.deco:after, section.deco:before {top:10%; filter: brightness(0) invert(1);}

#footer {padding: 80px 0; color: #fff; position: relative; }
#footer h4 {font-size: 0.8rem;}
#footer strong {font-weight: 600}
#footer a {color: #fff;}
#footer ul {margin-bottom: 20px; line-height: 1.2rem}
#footer ul li {list-style-type: none; padding-left: 30px; position: relative; line-height: 1.8; background: url(../img/ic-li.png) left 10px no-repeat;}
#footer .redes {font-size: 1.2rem}
#footer .logos img {height: 100px}
#footer .small {font-weight: 300}
#footer .container {width: 1200px}
#footer .legal {font-weight: 600}
section > header, section > .h1 {text-align: center; margin-bottom: 4rem;padding:0 15px;}
section > header > h2 {font-weight: 400;}


.galeria > div {overflow: hidden;}
.galeria > div img{transition: all 0.5s ease}
.galeria > div:hover img{scale: 1.1;}

.tooltip {font-size: 0.8rem; z-index: 3}

.tips .h1 {font-size: 2rem}

@media (max-width: 1700px){	
	.modulo div.flex-column > div:last-child{padding:4em 6rem;}
}

@media (max-width: 1450px){
	.popup{padding:30px;}
}


@media (max-width: 1180px){	
	.productos article {font-size: 1rem;}
	.productos article h3 {font-size: 1.4rem;}
	.productos article span.cart {font-size: 24px;}

	.tips .h1 {font-size: 1.6rem }

	.nav {top: 157px;}
}

@media (max-width: 1100px){
	.popup{width: 50vw;}
}

@media (max-width: 991px){
 	.text-big {font-size: 1.8rem}

	.nav {top: 109px; max-height:calc(100% - 109px); overflow: auto}
	.nav .nav-main{padding-bottom: 0}
	.nav .nav-main .d-flex{border-bottom: 1px solid #eaeaea}
	.nav .nav-main .row > div:last-child .d-flex{border:none}
	.imnav {width: 170px; flex-grow: 0}

	.modulo .h2 {font-size: 1.6rem}
	.modulo div.flex-column > div:last-child{padding:2em 3.4rem;}

	.modulo div.row div.cover.h-100 {min-height: 350px;}
	.modulo div.row div.cover.h-100.ml {margin-left:-30px}
	.modulo div.row div.cover.h-100.mr {right:-30px}
}

@media (max-width: 950px){
	.btn-xl {padding:15px; padding-right: 50px; font-size: 1.2rem; width: 350px}
	.btn-xl .arrow {top: 20px; scale: 0.6; right: 16px; top: 18px}

	#menu ul.menu {position: fixed; left: 20px; right: 20px; top: 120px; background: #fff; border-top:4px solid #000; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); padding:20px 0}
  #menu ul.menu li {display: block; padding:15px 50px}
  #menu ul.menu li.shop{margin:0}
  #menu ul.menu li.shop:before {display: none}
  #menu ul.menu li.shop a {background-color: var(--color); padding:5px 10px; }
	body.nav-open .menu {display: none !important	;}
}

@media (max-width: 767px){
	.popup{width: 92vw;}
	.modulo div.container-fluid > .row > div {padding:0 15px}
	.modulo div.row div.cover.h-100 {right: 0 !important; margin-left: -30px; width: calc(100% + 60px) !important; }
}

@media (max-width: 575px){
	#sidebar .products article > div {padding:5px;}
	#sidebar .products article .foto {width: 90px; height: 90px; flex-basis: 90px; float: left;}
	#sidebar .products article .flex-grow-1 {float: left; width: calc(100% - 90px); height: 90px; padding-left: 10px;}
	#sidebar .products article .content {clear: both; display: block;}
	#sidebar .products article .precio {margin-left:15px !important;}
	#sidebar .products article .precio, #sidebar .products article .cantidad {float: right;}

	.close-nav span {width: 30px; top:24px}

	.modulo div.flex-column > div:last-child{padding:2em 2rem;}
}

@media (min-width: 576px){
	.modal-content {width:inherit;} 
}