/* BASE CLASES PROPIAS */
/* General */

@font-face {
font-family:'EB Garamond', serif;
src: url("template/estandar/fonts/EBGaramond-Regular.ttf");
}

.bg-trans{background-color:#ff000024}
.font-bodoni{font-family: 'bodoni'}
.font-garamond {font-family:'EB Garamond', serif;}

*{font-family: 'EB Garamond', serif;}
.border-t-1{border-top-width: 1px;}
.bg-footer-gray{background-color: #f3f3f3;}
p{font-weight: 300;font-size: 18px}
.bg-gray-menu{background-color: #f2f2f6;}
.h-1px{height: 1px}
.img::after{content: "";display: block;padding-top: 80%;}
.img-pequena{height: calc(50% + 2.5rem);}
.p-5\/10::after{content:"";display:block;padding-top:50%;}
.p-6\/10::after{content:"";display:block;padding-top:60%;}
.p-7\/10::after{content:"";display:block;padding-top:70%;}
.modal {
  transition: opacity 0.25s ease;
}
body.modal-active {
  overflow-x: hidden;
  overflow-y: visible !important;
}
/* img */
.img{position: relative; overflow: hidden;}
.img::after{content: ""; display: block; padding-top: 60%;}
.img>img[data-src]{opacity: 0;}

/* Navbar */
nav li.active{border-bottom:1px solid #e20b1e}
.text-colorEmpresa{color: #e20b1e;}
.bg-red{background-color: #e20b1e}
/* Banner */
.tns-nav{z-index: 10!important;position: absolute;bottom:15px;left: 50%;transform: translateX(-50%);z-index:9999}
.tns-nav-active{background-color:#e10b1e!important;}
.tns-nav button {border-radius: 9999px;width: 12px;height: 12px;margin-left: 20px;background-color: #FFF;}
/* Productos */
.controls-producto{top:50%;transform: translateY(-50%);}
/* Categorias */
.transition{transition: all 0.4s;}
.transition2s{transition: all 0.2s;}
/* cesta */
.producto-cesta>div>div {
    width: 50%;
    padding: 0 15px;
}
.producto-cesta>div:not(.img) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quantity-selector span {
    padding-left: 15px;
    padding-right: 15px;
}
.producto-cesta>div>p {
    width: 25%;
    text-align: right;
}

.producto-cesta p {
    font-size: 14px;
    margin-top: 10px;
}
.tns-liveregion{display:none;}
.min-h-50{
    min-height: 25rem;
}
.h-banner{height:100vh;max-height:700px;}
/* RESPONSIVE */
@media screen and (max-width: 1023px) {

}

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

}
@media screen and (max-width: 640px) {


}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 500px) {

}