/* =========================================================
   TIENDA JOCHY - FIX IMÁGENES HORIZONTALES DE PROMOCIONES
   ========================================================= */

/* HOME */
.promo-band--dynamic.has-image{
    display:grid;
    grid-template-columns:minmax(0, .9fr) minmax(520px, 1.1fr);
    min-height:360px;
    padding:0;
    overflow:hidden;
}

.promo-band--dynamic .promo-band__content{
    padding:46px 48px;
    position:relative;
    z-index:2;
}

.promo-band__image{
    min-height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff4f8;
    overflow:hidden;
}

.promo-band__image img{
    width:100%;
    height:100%;
    min-height:360px;
    display:block;
    object-fit:contain;
    object-position:center;
    background:#fff4f8;
}

/* PÁGINA DE PROMOCIONES */
.promotion-public-card{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    overflow:hidden;
}

.promotion-public-card__image{
    width:100%;
    aspect-ratio:16 / 9;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff4f8;
    overflow:hidden;
}

.promotion-public-card__image img{
    width:100%;
    height:100%;
    min-height:0;
    display:block;
    object-fit:contain;
    object-position:center;
    background:#fff4f8;
}

.promotion-public-card__content{
    padding:34px 42px 40px;
}

/* POPUP: imagen completa arriba */
.promotion-popup__dialog{
    width:min(980px, calc(100% - 32px));
    max-height:calc(100vh - 32px);
    margin:16px auto;
    display:grid;
    grid-template-columns:1fr;
    overflow:auto;
}

.promotion-popup__image{
    width:100%;
    aspect-ratio:16 / 9;
    min-height:0;
    max-height:none;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff4f8;
    overflow:hidden;
}

.promotion-popup__image img{
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    display:block;
    object-fit:contain;
    object-position:center;
    background:#fff4f8;
}

.promotion-popup__content{
    padding:30px 38px 38px;
}

.promotion-popup__content h2{
    margin:12px 0;
    font-size:clamp(30px,4vw,46px);
}

.promotion-popup__content p{
    margin-bottom:20px;
}

/* Botón cerrar siempre visible */
.promotion-popup__close{
    position:fixed;
    top:28px;
    right:max(28px, calc((100vw - 980px) / 2 + 16px));
    z-index:10;
}

/* MÓVIL */
@media(max-width:780px){
    .promo-band--dynamic.has-image{
        grid-template-columns:1fr;
    }

    .promo-band__image{
        min-height:0;
        aspect-ratio:16 / 9;
    }

    .promo-band__image img{
        min-height:0;
    }

    .promo-band--dynamic .promo-band__content{
        padding:30px 26px;
    }

    .promotion-public-card__content,
    .promotion-popup__content{
        padding:24px;
    }

    .promotion-popup__dialog{
        width:calc(100% - 20px);
        margin:10px auto;
        max-height:calc(100vh - 20px);
    }

    .promotion-popup__close{
        top:18px;
        right:18px;
    }
}