/* Module: sandwiches */

/* Sandwiches (3 columnas) */

.jh-sandwiches{
    display:grid;
    grid-template-columns: 32% 31% 30%;
    min-height: 220px;
    border-radius: var(--jh-radius);
    overflow:hidden;
}
.jh-sandwiches__left{
    background: var(--jh-sw-left-bg, var(--jh-entree-negro));
    padding: 22px 22px 18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:12px;
}
.jh-sandwiches__left-title{
    font-family: var(--jh-item-title-font, 'JH_Knockout94', Arial, sans-serif);
    color: var(--jh-sw-left-color, var(--jh-entree-rojo-lavado));
    text-transform:uppercase;
    /* font-weight:800; */
    line-height:.85;
    letter-spacing:.5px;
    font-size: clamp(48px, 24vw, 86px);
}
.jh-sandwiches__left-title span{
    display:block;
}
.jh-sandwiches__left-sub{
    font-family: var(--jh-item-desc-font, 'Inter', system-ui, sans-serif);
    color: var(--jh-sw-left-sub-color, var(--jh-entree-naranja-lavado));
    text-transform:uppercase;
    font-size: 12px;
    letter-spacing:.6px;
    line-height: 1.25;
    max-width: 28ch;
}
.jh-sandwiches__center{
    background: var(--jh-sw-center-bg, var(--jh-entree-rojo-lavado));
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 10px;
}
.jh-sandwiches__img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.jh-sandwiches__right{
    display:grid;
    grid-template-columns: 1fr 1fr;
    min-height: 220px;
}
.jh-sandwiches__rcol{
    display:flex;
    flex-direction:column;
}
.jh-sandwiches__rcol--1{
    background: var(--jh-sw-r1-bg, var(--jh-entree-rojo-fuerte));
}
.jh-sandwiches__rcol--2{
    background: var(--jh-sw-r2-bg, var(--jh-entree-naranja-lavado));
}

.jh-sandwiches__card{
    padding: 16px 14px;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-bottom: 1px solid rgba(252,191,44,0.18);
}
.jh-sandwiches__rcol--2 .jh-sandwiches__card{
    border-bottom: 1px solid rgba(252,191,44,0.22);
}
.jh-sandwiches__rcol .jh-sandwiches__card:last-child{
    border-bottom:0;
}

.jh-sandwiches__card-title{
    font-family: var(--jh-item-title-font, 'JH_Knockout94', Arial, sans-serif);
    color: var(--jh-sw-r-title, var(--jh-entree-naranja-lavado));
    text-transform:uppercase;
    /* font-weight:900; */
    letter-spacing:.4px;
    line-height:.9;
    font-size: 32px;
    margin-bottom: 6px;
}
.jh-sandwiches__card-desc{
    font-family: var(--jh-item-desc-font, 'Inter', system-ui, sans-serif);
    color: var(--jh-sw-r-desc, var(--jh-entree-naranja-fuerte));
    text-transform:uppercase;
    font-size: 11px;
    line-height: 1.25;
    letter-spacing:.5px;
    margin-bottom: 10px;
}
.jh-sandwiches__price-row{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:10px;
    font-family: var(--jh-item-desc-font, 'Inter', system-ui, sans-serif);
    color: var(--jh-sw-r-price, var(--jh-entree-naranja-lavado));
    /* font-weight:800; */
    font-size: 12px;
    text-transform:uppercase;
}
.jh-sandwiches__price-label{
    opacity:.95;
}
.jh-sandwiches__price{
    /* font-weight:900; */
}

/* Responsive */
@media (max-width: 860px){


    .jh-sandwiches__left-sub {
        max-width: 100%;
    }

    .jh-sandwiches__left {
        text-align: center;
    }
    .jh-sandwiches__left-title .jh-sw-title-line--1{
        font-size: clamp(48px, 24.4vw, 41vw);
    }

    .jh-sandwiches__left-title .jh-sw-title-line--2{
        font-size: clamp(48px, 16.5vw, 40vw);
    }

    .jh-sandwiches{
        grid-template-columns: 1fr;
    }
    .jh-sandwiches__center{
        min-height: 210px;
    }
    .jh-sandwiches__right{
        grid-template-columns: 1fr;
    }
    .jh-sandwiches__rcol--1, .jh-sandwiches__rcol--2{
        min-height: auto;
    }
}