body{
    background: var(--bg-primary);
    color:var(--color-primary);
    font-family: 'JosefinSans-Regular';
    height: auto;
}

.show-promo.highlight::before{
    background: var(--bg-primary);
}

@keyframes glowinghighlight {
    0%{
      background: var(--color-primary);
    }
    50%{
      background: var(--bg-primary);
    }
    100%{
      background: var(--color-primary);
    }
  }


#preview-block .title-restaurant {
    color:var(--color-title);
    text-align: center;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 3.2rem;
}
.cenefa {
    font-size: 2rem;
    position: relative;
}
.cenefa span { 
    background: var(--bg-primary);
    z-index: 2;
    position: relative;
    color: var(--color-primary);
    font-family: var(--font-family-bold);
    
}
.cenefa hr {
    /* position: absolute; */
    width: 100%;
    margin: 0;
    top: 50%;
    border-color: var(--bg-cenefa);
    border-width: 2px;
    z-index: 1;
}
#preview-block .preview-container {
    font-family: var(--font-family);
}
#preview-block .card .card-header {
    height: auto;
    border: none;
    overflow: hidden;
}
#preview-block .card .card-header img {
    height: 22px;
}

.block-type {
    font-size: 1.5rem;
    position: relative;
}
.block-type .title-type { 
    background: var(--bg-primary);
    z-index: 2;
    position: relative;
    color: var(--color-primary);
    font-family: var(--font-family);    
    display: inline-block;
    padding: 0 2rem;
    height: 100%;
    
}
.block-type .hr-type {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 8px;
    border-color: var(--color-primary);
    border-width: 9px;
    z-index: 1;
}
.block-type .hr-type-bottom {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 21px;
    border-color: var(--color-primary);
    border-width: 3px;
    z-index: 1;
}
#preview-block .card .card-body .products-list li {
    margin-bottom: 2rem;
    color:var(--color-primary);
}
#preview-block .card .card-body .products-list li .product-grape {
    font-family: var(--font-family-italic);
}
.col-product-imagex {
    height: 4rem;
}

.products-list li .product-name span {
    font-family: var(--font-family-bold);
    font-weight: bold;
}
.product-cellar {
    margin-bottom: 0.5rem;
    display: inline-block;
}

.col-price {
    text-align: right;
    padding-right: 0;
}
#preview-block .card .card-body .products-list li .price {
    font-size: 1rem;
    /* width: 100%; */
    /* padding:0 0.2rem; */
    display: inline-block;
}
.price.special {
    font-family: var(--font-family-price-bold);
    background: var(--color-primary);
    color: var(--bg-primary);
}

.show-modal, .show-modal-img, .show-pdf, .show-cart, .show-promo {
    color: var(--color-title)!important;
}

.fade-destacado {
    background: var(--color-primary);
    color: var(--bg-primary);
    font-family: var(--font-family-bold);
}
.arrow-right {
    border-left: 1.1rem solid var(--color-primary);
}


/* TEMPLATE 10 */
.cenefa-10 img {
    width: 310px;
}

.cenefa-10-2 {
    margin-bottom: 15px;
}

    .cenefa-10-2 img {
        width: 100%;
        height: 1px !important;
        margin: auto;
        display: block;
    }

@media only screen and (max-width: 1095px) {
    .cenefa-10 img {
        width: 30%;
    }
}

@media only screen and (max-width: 1024px) {
    .cenefa {
      font-size: 1.8rem;
    }
}

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

    .cenefa {
      font-size: 1.8rem;
    }

    .cenefa-10 img {
        width: 25%;
    }
}

@media only screen and (max-width: 576px) {
    #preview-block .card .card-body .products-list li .price {
      font-size: .9rem;
    }
    #preview-block .title-restaurant{
        font-size: 1.8rem;
    }
    .show-promo{
        width: 1.5rem;
        height: 1.5rem;
    }

    .cenefa-10 img {
        width: 25% !important;
    }
}