/* ═══════════════════════════════════════════════════════════════════════
 *  v11.2.1b — MODAL DE TARJETA (.bq-qv-modal)
 *  ───────────────────────────────────────────────────────────────────────
 *  [Purga rediseño] La sección A de este archivo (tabs .bq-cv2-tab con
 *  prefijo html body .buyaca-app, la mayor especificidad de TODAS las
 *  definiciones competidoras encontradas) era la causa real de que
 *  business-profile-v2.css nunca ganara: aunque cargue después, una
 *  especificidad menor pierde sin importar el orden. Eliminada por
 *  completo — la única definición viva de las tabs del catálogo es ahora
 *  business-profile-v2.css. Queda solo la ventana emergente de tarjeta.
 * ═══════════════════════════════════════════════════════════════════════ */

/* ─────────── B · VENTANA EMERGENTE DE TARJETA (.bq-qv-modal) ─────────── */
html body .buyaca-app .bq-qv-modal,
html body .bq-qv-modal {
    border: none !important;
    outline: none !important;
}
html body .buyaca-app .bq-qv-modal .bq-qv-cta-sticky,
html body .bq-qv-modal .bq-qv-cta-sticky {
    position: sticky !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin-top: auto !important;
    background: var(--bq-bg-card, #fff) !important;
    border-top: none !important;
    
    z-index: 40 !important;
}
@media (min-width: 641px) {
    html body .buyaca-app .bq-qv-modal,
    html body .bq-qv-modal {
        display: flex !important;
        flex-direction: column !important;
    }
    html body .buyaca-app .bq-qv-modal > .bq-qv-c,
    html body .bq-qv-modal > .bq-qv-c {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }
    /* [FIX altura imágenes PC/tablet] La galería NO debe encogerse con el flex
       column del modal (eso aplastaba la imagen). Altura fija y cuadrada. */
    html body .bq-qv-modal .bq-qv-gal {
        flex: 0 0 auto !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        max-height: min(58vh, 440px) !important;
        min-height: 300px !important;
        height: auto !important;
    }
    html body .bq-qv-modal .bq-qv-scroll { height: 100% !important; }
    html body .bq-qv-modal .bq-qv-slide { height: 100% !important; aspect-ratio: auto !important; }
    html body .bq-qv-modal .bq-qv-slide-img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
}