/* ════════════════════════════════════════════════════════════════════════
 *  BUYACÁ — Tarjeta de negocio v2 (Fase 2 del rediseño)
 *  ───────────────────────────────────────────────────────────────────────
 *  Rediseño completo de templates/business-card.php (búsqueda + favoritos).
 *  Es la tarjeta MENOS compartida de las 4 que existen en la app (solo 1
 *  patch la tocaba antes de esto), así que se justifica un rediseño visual
 *  completo en vez del "solo reestilizado" que se aplicó a home/productos.
 *
 *  frontend.css define `.buyaca-business-card` en 4 puntos distintos de la
 *  cascada (con variantes dark-mode) — en vez de tocar esos 4 puntos, este
 *  archivo es un overlay con !important que gana por ORDEN DE IMPRESIÓN
 *  (wp_footer prioridad 1800, ver class-buyaca-redesign-fase2.php), igual
 *  que se hizo con business-profile-v2.css.
 *
 *  [v10.14 · Purga] "Sombras" y "Animación al pasar el cursor" se eliminaron
 *  del panel de personalización premium — `.buyaca-business-card` ya solo
 *  recibe el efecto hover fijo definido en frontend.css (sección 31).
 * ════════════════════════════════════════════════════════════════════════ */

.buyaca-app .buyaca-business-card {
    background: var(--bq-surface, #fff) !important;
    border: 1px solid var(--bq-line-strong, #DEDFE4) !important;
    border-radius: var(--bq-radius-card, 5px) !important;
    
    transition: box-shadow 150ms ease-out !important;
}
.buyaca-app .buyaca-business-card:hover {
    transform: none !important;
    
}
.buyaca-app.bq-light-mode .buyaca-business-card,
.buyaca-app:not(.bq-light-mode) .buyaca-business-card {
    background: var(--bq-surface, #fff) !important;
    border-color: var(--bq-line-strong, #DEDFE4) !important;
}

.buyaca-app .buyaca-business-card-image {
    aspect-ratio: 4 / 5 !important;
    background: var(--bq-brand-tint, #E6EBFF) !important;
}
.buyaca-app .buyaca-business-card-image img {
    transition: none !important;
}
.buyaca-app .buyaca-business-card:hover .buyaca-business-card-image img {
    transform: none !important;
}
.buyaca-business-card-image-ph {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    color: var(--bq-brand-text, #2E45C4);
}

.buyaca-app .buyaca-verified-badge {
    top: 9px !important; left: 9px !important; right: auto !important;
    background: #3897F0 !important;
    
    padding: 3px 9px 3px 7px !important;
    font-size: 10.5px !important;
}

.buyaca-app .buyaca-card-favorite-btn {
    top: 8px !important; right: 8px !important; left: auto !important;
    width: 30px !important; height: 30px !important;
    background: rgba(255,255,255,.92) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    
    color: var(--bq-ink-soft, #5B5F6B) !important;
    transition: color 110ms ease-out !important;
}
.buyaca-app .buyaca-card-favorite-btn:hover {
    transform: none !important;
    color: var(--bq-brand-text, #2E45C4) !important;
}
.buyaca-app .buyaca-card-favorite-btn.active {
    color: var(--bq-brand, #3A59EF) !important;
    background: rgba(255,255,255,.92) !important;
    animation: none !important;
}
.buyaca-app .buyaca-card-favorite-btn.active svg {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.buyaca-app .buyaca-business-card-body { padding: 11px 12px 13px !important; }

.buyaca-app .buyaca-business-card-category {
    font-family: var(--bq-font-body, inherit);
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--bq-brand-text, #2E45C4) !important;
    background: var(--bq-brand-tint, #E6EBFF) !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    margin-bottom: 7px !important;
}

.buyaca-app .buyaca-business-card-title {
    font-family: var(--bq-font-display, inherit);
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--bq-text, #14151A) !important;
    margin: 0 0 5px !important;
    -webkit-line-clamp: 1 !important;
}
.buyaca-app .buyaca-business-card:hover .buyaca-business-card-title { color: var(--bq-text, #14151A) !important; }

.buyaca-app .buyaca-card-address,
.buyaca-app .buyaca-card-barrio {
    color: var(--bq-ink-soft, #5B5F6B) !important;
    font-size: 12px !important;
}

.buyaca-app .buyaca-business-card-description {
    color: var(--bq-ink-soft, #5B5F6B) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.buyaca-app .buyaca-business-card-footer {
    border-top: 1px solid var(--bq-line, #E7E8EC);
    padding-top: 8px !important;
    margin-top: 2px;
}
.buyaca-app .buyaca-business-card-rating {
    color: var(--bq-text, #14151A) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}
.buyaca-app .buyaca-business-card-rating span { color: var(--bq-ink-soft, #5B5F6B) !important; }

@media (prefers-reduced-motion: reduce) {
    .buyaca-app .buyaca-business-card,
    .buyaca-app .buyaca-card-favorite-btn { transition-duration: 0ms !important; }
}