/* Headings + burgers */

/* Module headings */
.jh-heading{
    /* margin: 0 0 14px; */
    width:100%;
}
.jh-heading--image .jh-heading-img{
    width:100%;
    height:auto;
    display:block;
    border-radius: var(--jh-radius);
}
.jh-heading--compose{
    border-radius: var(--jh-radius);
    overflow:hidden;
}
.jh-heading-subtitle{
    font-family: var(--jh-item-desc-font, Arial, sans-serif);
    font-size: clamp(12px, 2.2vw, 14px);
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 8px 12px 10px;
    color: var(--jh-sub-color, var(--jh-entree-naranja-lavado));
}
.jh-heading-block{
    background: var(--jh-h-bg, var(--jh-entree-negro));
    color: var(--jh-h-color, var(--jh-entree-naranja-lavado));
    padding: 18px 14px;
    width:100%;
    box-sizing:border-box;
}
.jh-heading-lines{
    display:flex;
    flex-direction:column;
    width:100%;
}
.jh-h-line{
    font-family: var(--jh-item-title-font, 'JH_Knockout94', Arial, sans-serif);
    /* font-weight: 400; */
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: .92;
    font-size: clamp(44px, 8vw, 96px);
    display:block;
    width:100%;
}
.jh-heading-split{
    display:grid;
    grid-template-columns: calc(100% - var(--jh-right-w, 50%)) var(--jh-right-w, 50%);
}
.jh-heading-left{
    background: var(--jh-left-bg, var(--jh-entree-naranja-lavado));
    color: var(--jh-left-color, var(--jh-entree-negro));
    padding: 18px 14px;
}
.jh-heading-right{
    background: var(--jh-right-bg, var(--jh-entree-rojo-fuerte));
    color: var(--jh-right-color, var(--jh-entree-naranja-lavado));
    padding: 18px 14px;
}
.jh-heading-left .jh-h-line{
    color: var(--jh-left-color, var(--jh-entree-negro));
}
.jh-heading-right .jh-h-line{
    color: var(--jh-right-color, var(--jh-entree-naranja-lavado));
}

.jh-note-title{
    font-family: var(--jh-item-title-font, 'JH_Knockout94', Arial, sans-serif);
    text-transform: uppercase;
    letter-spacing:.02em;
    font-size: clamp(18px, 6.2vw, 52px);
    line-height: 1.0;
    margin-bottom: 8px;
}
.jh-note-text{
    font-family: var(--jh-item-desc-font, Arial, sans-serif);
    font-size: 17px;
    line-height: 1.2;
    opacity:.95;
}
@media (max-width: 640px){
    .jh-heading-split{
        grid-template-columns: 1fr;
    }
}


.jh-section-grid{
    display:grid;
    grid-template-columns:repeat(var(--jh-cols,2),minmax(0,1fr));
    gap:12px;
}

@media (max-width: 640px){
    .jh-section-grid{
        grid-template-columns:repeat(var(--jh-cols-m,1),minmax(0,1fr));
    }
}


/* Mobile columns override (per módulo) */
@media (max-width: 719px){
    .jh-grid.jh-cols-m-1{
        grid-template-columns: 1fr;
    }
    .jh-grid.jh-cols-m-2{
        grid-template-columns: repeat(2, 1fr);
    }
    .jh-grid.jh-cols-m-3{
        grid-template-columns: repeat(3, 1fr);
    }
}


/* ===============================
   Burgers heading (scoped)
   - Only affects the section with slug "burgers"
   - Safe: does NOT touch other sections/modules
================================= */
.jh-section--burgers .jh-heading-left .jh-h-line{
    /* font-weight: 900; */
    letter-spacing: -0.02em;
    line-height: 0.82;
    font-size: clamp(72px, 10.5vw, 160px);
}

.jh-section--burgers .jh-heading-left{
    padding: 26px 20px;
}

@media (max-width: 640px){
    .jh-section--burgers .jh-heading-left{
        padding: 22px 16px;
    }
    .jh-section--burgers .jh-heading-left .jh-h-line--left-1{
        font-size: clamp(56px, 38vw, 34vw);
        line-height: 0.86;
    }
    .jh-section--burgers .jh-heading-left .jh-h-line--left-2{
        font-size: clamp(56px, 26.2vw, 58vw);
        line-height: 0.86;
        text-align: center;
    }
}