.bq-catmodal-ov{position:fixed;inset:0;z-index:100000;background:rgba(17,24,39,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;font-family:-apple-system,Segoe UI,Roboto,sans-serif;animation:bqfade .15s ease}
.bq-unicat-chev{display:none !important}
html body .buyaca-app .bq-home-filter-dropdown.bq-unicat .bq-unicat-trigger::after{content:none !important;display:none !important;border:0 !important}
.bq-unicat-trigger,.bq-unicat-trigger:hover{transform:none !important}
@keyframes bqfade{from{opacity:0}to{opacity:1}}
.bq-catmodal{width:min(520px,100%);max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden}
.bq-catmodal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(135deg,#3A59EF,#344FD9);color:#fff}
.bq-catmodal-head b{font-size:17px;font-weight:800}
.bq-catmodal-x{background:rgba(255,255,255,.22);border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.bq-catmodal-tabs{display:flex;gap:8px;padding:14px 18px 4px}
.bq-catmodal-tab{flex:1;border:2px solid #F0F0F0;background:#fff;border-radius:12px;padding:10px;font-size:14px;font-weight:800;color:#6B7280;cursor:pointer;transition:all .15s}
.bq-catmodal-tab.active{background:linear-gradient(135deg,#3A59EF,#344FD9);color:#fff;border-color:transparent}
.buyaca-app .bq-banner-section{border-top:1px solid var(--bq-border,#ececec);padding-top:14px;margin-top:14px}
.bq-dark .buyaca-app .bq-home-section-header,.bq-dark .buyaca-app .bq-banner-section,.bq-dark .buyaca-app .bq-catcarrusel{border-top-color:#374151}
.bq-catmodal-q{margin:12px 18px;padding:11px 14px;border:1px solid #E5E7EB;border-radius:12px;font-size:14px}
.bq-catmodal-grid{display:flex;flex-wrap:wrap;gap:9px;padding:4px 18px 20px;overflow:auto}
.bq-catchip{border:1.5px solid #E6EBFF;background:#E6EBFF;color:#344FD9;border-radius:999px;padding:10px 16px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .12s}
.bq-catchip:hover{background:#3A59EF;color:#fff;border-color:#3A59EF;transform:translateY(-1px)}
.bq-catchip-all{background:#111827;color:#fff;border-color:#111827}
.bq-catmodal-empty{color:#9CA3AF;font-size:13px;padding:14px}
.bq-catcarrusel{margin:0px 0 10px}
.bq-catcarrusel-title{font-size:16px;font-weight:800;margin:0 0 6px;padding:0 2px}
.bq-catcar-track{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.bq-catcar-track::-webkit-scrollbar{display:none;height:0;width:0}
.bq-dark .bq-catmodal{background:#1f2937;color:#e5e7eb}
.bq-dark .bq-catmodal-tab{background:#111827;border-color:#374151;color:#9ca3af}
.bq-dark .bq-catmodal-q{background:#111827;border-color:#374151;color:#e5e7eb}
.bq-dark .bq-catchip{background:#2a1d16;border-color:#4b3324;color:#fdba74}
.bq-dark .bq-catchip:hover{background:#3A59EF;color:#fff;border-color:#3A59EF}
.bq-dark .bq-catchip-all{background:#f9fafb;color:#111827;border-color:#f9fafb}
.bq-dark .bq-catmodal-empty{color:#9ca3af}
.bq-dark .bq-catcarrusel-title{color:#f3f4f6}
.bq-dark .bq-catcar-track::-webkit-scrollbar-thumb{background:#374151}
html.bq-page-dark .bq-catcarrusel-title{color:#f3f4f6 !important}
:root {
--bq-brand: #3A59EF;
--bq-brand-text: #2E45C4;
--bq-brand-dark: #344FD9;
--bq-brand-tint: #E6EBFF;
--bq-text: #14151A;
--bq-ink-soft: #5B5F6B;
--bq-ink-faint: #9A9DA6;
--bq-line: #E7E8EC;
--bq-line-strong: #DEDFE4;
--bq-surface: #FFFFFF;
--bq-page-bg: #FDFCFB;
--bq-ok: #1D9A6C;
--bq-ok-tint: #E8F7F0;
--bq-bad: #D8434B;
--bq-warning: #C98A00;
--bq-warning-tint:#FBF3E0;
--bq-scrim: rgba(12, 12, 14, .38);
--bq-radius-card: 5px;
--bq-font-display: 'Sora', 'Manrope', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
--bq-font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
--bq-fs-12: 12px; --bq-fs-14: 14px; --bq-fs-16: 16px; --bq-fs-20: 20px;
--bq-fs-24: 24px; --bq-fs-32: 32px; --bq-fs-40: 40px;
--bq-lh-body: 1.4; --bq-lh-title: 1.15;
--bq-motion-standard: 150ms ease-out;
--bq-motion-fast: 110ms ease-out;
}
.buyaca-app:not(.bq-light-mode) {
--bq-brand-text: #97A8FF;
--bq-brand-dark: #6C7CFF;
--bq-brand-tint: rgba(58,89,239,.16);
--bq-text: #F1F0ED;
--bq-ink-soft: #A9ADB6;
--bq-ink-faint: #6E7178;
--bq-line: #2A2B30;
--bq-line-strong: #35363D;
--bq-surface: #1C1C20;
--bq-page-bg: #0F0F12;
--bq-ok: #34D399;
--bq-ok-tint: rgba(29,154,108,.18);
--bq-bad: #F87171;
--bq-warning: #FBBF24;
--bq-warning-tint:rgba(251,191,36,.14);
}
.buyaca-business-profile {
--bq-ink: #14151A;
--bq-bg: #ffffff;
--bq-success: #1D9A6C;
--bq-danger: #D8434B;
--bq-radius-sm: 10px;
--bq-radius-md: 16px;
--bq-radius-lg: 24px;
}
.buyaca-business-profile:not(.bq-light-mode) {
--bq-ink: #F1F0ED;
--bq-bg: #0F0F12;
--bq-success: #34D399;
--bq-danger: #F87171;
}
[x-cloak]{display:none!important}
:root {
--bq-primary: #3A59EF;
--bq-primary-dark: #344FD9;
--bq-primary-light: rgba(58,89,239,0.1);
--bq-primary-glow: rgba(58,89,239,0.15);
--bq-secondary: #4ECDC4;
--bq-success: #10B981;
--bq-error: #EF4444;
--bq-text: #f0f0f0;
--bq-text-primary: #ffffff;
--bq-text-secondary: #9ca3af;
--bq-bg: #0d0d0f;
--bq-bg-secondary: #0d0d0f;
--bq-bg-card: #1a1a1f;
--bq-bg-elevated: #22222a;
--bq-bg-surface: #16161b;
--bq-border: rgba(255,255,255,0.08);
--bq-border-light: rgba(255,255,255,0.04);
--bq-radius: 14px;
--bq-radius-sm: 10px;
--bq-radius-lg: 18px;
--bq-font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--bq-font-display: 'Outfit', 'DM Sans', sans-serif;
--bq-transition: 0.25s cubic-bezier(0.4,0,0.2,1);
--bq-gradient-card: linear-gradient(145deg, rgba(58,89,239,0.06), rgba(255,255,255,0.02));
--bq-gradient-accent: linear-gradient(135deg, #3A59EF, #6C7CFF);
}
.buyaca-app.bq-light-mode {
--bq-text: #1a1a1a;
--bq-text-primary: #1a1a1a;
--bq-text-secondary: #4b5563;
--bq-bg: #ffffff;
--bq-bg-secondary: #ffffff;
--bq-bg-card: #ffffff;
--bq-bg-elevated: #ffffff;
--bq-bg-surface: #f9fafb;
--bq-border: #e5e7eb;
--bq-border-light: #f3f4f6;
--bq-primary-light: #fff5f2;
--bq-gradient-card: linear-gradient(145deg, rgba(58,89,239,0.04), rgba(0,0,0,0.01));
}
.buyaca-app.bq-light-mode .bq-header-backdrop {
background: linear-gradient(180deg, rgba(10,10,12,0.98) 0%, rgba(15,15,18,0.96) 100%);
border-bottom: none;
}
.buyaca-app.bq-light-mode .bq-header-backdrop::after {
display: none;
}
.buyaca-app.bq-light-mode .bq-app-header-search {
background: rgba(255,255,255,0.95);
border-color: rgba(255,255,255,0.3);
}
.buyaca-app.bq-light-mode .bq-app-header-search:focus-within {
border-color: var(--bq-primary);
background: #ffffff;
}
.buyaca-app.bq-light-mode .bq-app-header-search-input { color: #1f2937; }
.buyaca-app.bq-light-mode .bq-app-header-search-input::placeholder { color: #9ca3af; }
.buyaca-app.bq-light-mode .bq-app-header-search-icon svg { stroke: #6b7280; }
.buyaca-app.bq-light-mode .bq-app-header-search-btn { background: var(--bq-primary); }
.buyaca-app.bq-light-mode .bq-header-logo-wrap .logo { filter: brightness(1.1); }
.buyaca-app.bq-light-mode .bq-header-logo-wrap .bq-logo-dark { display: none; }
.buyaca-app.bq-light-mode .bq-header-logo-wrap .bq-logo-light { display: block; }
.buyaca-app:not(.bq-light-mode) .bq-header-logo-wrap .bq-logo-dark { display: block; }
.buyaca-app:not(.bq-light-mode) .bq-header-logo-wrap .bq-logo-light { display: none; }
.bq-header-logo-wrap .logo:not(.bq-logo-dark):not(.bq-logo-light) { display: block; }
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-pill {
background: rgba(255,255,255,0.06);
border-color: rgba(255,255,255,0.1);
color: rgba(255,255,255,0.7);
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-pill.active {
background: var(--bq-primary-light);
color: var(--bq-primary);
border-color: rgba(58,89,239,0.35);
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-select {
background-color: transparent !important;
color: rgba(255,255,255,0.85) !important;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-filter-select-icon { color: rgba(255,255,255,0.7); }
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-filter-select-icon svg { stroke: rgba(255,255,255,0.7); fill: rgba(255,255,255,0.7); }
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-select option {
background: #1a1a1f;
color: #f0f0f0;
}
.buyaca-app:not(.bq-light-mode) .bq-header-backdrop {
background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.96) 80%);
border-bottom: none;
}
.buyaca-app:not(.bq-light-mode) .bq-header-backdrop::after {
display: none;
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search {
background: #16161b;
border-color: rgba(0,0,0,0.15);
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search:focus-within {
border-color: var(--bq-primary);
background: #12122a;
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-input { color: #f0f0f0; }
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-input::placeholder { color: rgba(255,255,255,0.45); }
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-icon svg { stroke: rgba(255,255,255,0.4); }
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-btn { background: var(--bq-primary); }
.buyaca-app:not(.bq-light-mode) .bq-header-logo-wrap .logo { filter: brightness(1); }
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-pill {
background: #f3f4f6; border-color: #e5e7eb; color: #374151;
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-pill.active {
background: rgba(58,89,239,0.1); color: var(--bq-primary); border-color: rgba(58,89,239,0.35);
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-select {
background: #f3f4f6; border-color: #e5e7eb; color: #374151;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-filter-select-icon { color: #374151; }
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-filter-select-icon svg { stroke: #374151; fill: #374151; }
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-select option {
background: #fff; color: #1f2937;
}
.buyaca-app.bq-light-mode .buyaca-bottom-nav {
background: rgba(255,255,255,0.96);
border-top-color: #e5e7eb;
}
.buyaca-app.bq-light-mode .bq-home-card-name { color: #1a1a1a; }
.buyaca-app.bq-light-mode .buyaca-business-name { color: #1a1a1a; }
.buyaca-app.bq-light-mode .bq-filters-card {
background: rgba(255,255,255,0.85);
border-color: rgba(0,0,0,0.06);
}
.buyaca-app.bq-light-mode .bq-home-filter-pill {
background: white;
border-color: #e5e7eb;
color: #6b7280;
}
.buyaca-app.bq-light-mode .bq-home-filter-select {
background: white;
border-color: #e5e7eb;
color: #1a1a1a;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
}
.buyaca-app.bq-light-mode .bq-footer { background: #1a1a1f; color: #d1d5db; }
.buyaca-app.bq-light-mode .bq-footer-links a { color: #d1d5db; }
.buyaca-app.bq-light-mode .bq-footer-copy { color: #9ca3af; }
.buyaca-app.bq-light-mode .bq-home-card-logo-img { filter: none; }
.buyaca-app.bq-light-mode .buyaca-autocomplete { background: rgba(255,255,255,0.98); border-color: rgba(0,0,0,0.06); }
.bq-mode-toggle {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
color: var(--bq-text-secondary);
}
.bq-mode-toggle:hover { transform: scale(1.1); }
@keyframes bq-fade-up {
from { opacity:0; transform:translateY(18px); }
to { opacity:1; transform:translateY(0); }
}
@keyframes bq-underline-grow {
from { width:0; }
to { width:100%; }
}
@keyframes bq-heart-pop {
0% { transform:scale(1); }
30% { transform:scale(1.45); }
60% { transform:scale(0.9); }
100% { transform:scale(1); }
}
* { box-sizing: border-box; }
.bq-app-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200;
padding: 0;
will-change: transform;
}
.bq-header-backdrop {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13,13,15,0.97) 0%, rgba(13,13,15,0.94) 70%, rgba(13,13,15,0.88) 100%);
backdrop-filter: blur(28px) saturate(1.6);
-webkit-backdrop-filter: blur(28px) saturate(1.6);
border-bottom: none;
transition: opacity 0.4s cubic-bezier(0.22,1,0.36,1);
z-index: 0;
border-radius: 0px 0px 15px 15px;
}
.bq-header-backdrop::after {
content: '';
display: none;
}
.bq-app-header-inner {
position: relative;
z-index: 2;
padding: 10px 16px 0;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 0;
}
.bq-header-logo-wrap {
display: flex;
justify-content: center;
align-items: center;
padding: 6px 0 10px;
will-change: transform, opacity;
transition: transform 0.5s cubic-bezier(0.22,1,0.36,1),
opacity 0.4s cubic-bezier(0.22,1,0.36,1),
max-height 0.5s cubic-bezier(0.22,1,0.36,1),
padding 0.5s cubic-bezier(0.22,1,0.36,1);
max-height: 80px;
overflow: hidden;
transform-origin: top center;
}
.bq-header-logo-wrap.collapsed {
opacity: 0;
max-height: 0;
padding: 0;
transform: translateY(-10px) scale(0.92);
pointer-events: none;
}
.bq-header-logo-wrap .logo {
max-width: 100px;
height: auto;
filter: brightness(1.1);
flex-shrink: 0;
}
.bq-header-search-wrap {
padding: 0 0 10px;
}
.bq-app-header-search {
flex: 1;
position: relative;
background: rgba(255,255,255,0.95);
border: 1.5px solid rgba(0,0,0,0.08);
border-radius: 100px;
display: flex;
align-items: center;
overflow: visible;
transition: all 0.3s cubic-bezier(0.22,1,0.36,1);
}
.bq-app-header-search:focus-within {
background: rgba(255,255,255,0.1);
border-color: rgba(58,89,239,0.35);
transform: translateY(-1px);
}
.bq-app-header-search-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
display: flex;
pointer-events: none;
z-index: 2;
opacity: 0.5;
}
.bq-app-header-search-input {
width: 100%;
padding: 13px 52px 13px 42px;
border: none;
border-radius: 100px;
font-size: 14.5px;
font-family: var(--bq-font-family);
font-weight: 500;
background: transparent;
outline: none;
color: #374151;
letter-spacing: -0.1px;
}
.bq-app-header-search-input::placeholder {
color: #9ca3af;
font-size: 14px;
font-family: var(--bq-font-family);
font-weight: 400;
}
.bq-app-header-search-btn {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--bq-primary);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.22,1,0.36,1);
}
.bq-app-header-search-btn:hover {
background: var(--bq-primary);
transform: translateY(-50%) scale(1.08);
}
.bq-app-header-search-btn:active {
transform: translateY(-50%) scale(0.96);
}
.bq-header-chips-wrap {
overflow: hidden;
will-change: max-height, opacity;
transition: max-height 0.5s cubic-bezier(0.22,1,0.36,1),
opacity 0.4s cubic-bezier(0.22,1,0.36,1),
padding 0.45s cubic-bezier(0.22,1,0.36,1);
max-height: 65px;
padding: 0 0 10px;
}
svg.icon {
margin: 5px 0px 0px 6px;
}
.bq-header-chips-wrap.collapsed {
max-height: 0;
opacity: 0;
padding: 0;
pointer-events: none;
}
.buyaca-app .bq-app-header .bq-header-chips-wrap,
.buyaca-app #bq-prod-chips.bq-header-chips-wrap,
.buyaca-app #bq-header-chips-wrap.bq-header-chips-wrap{
overflow-x: auto !important;
overflow-y: visible !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-x !important;
overscroll-behavior-x: contain !important;
scrollbar-width: none;
}
.buyaca-app .bq-app-header .bq-header-chips-wrap::-webkit-scrollbar{ display:none !important; }
.buyaca-app .bq-app-header.scrolled .bq-header-chips-wrap,
.buyaca-app .bq-app-header.bq-only-filters .bq-header-chips-wrap,
.buyaca-app .bq-app-header.bq-collapsed-all .bq-header-chips-wrap,
.buyaca-app .bq-header-chips-wrap.collapsed{
max-height: 80px !important;
opacity: 1 !important;
pointer-events: auto !important;
overflow-x: auto !important;
overflow-y: visible !important;
touch-action: pan-x !important;
}
.buyaca-app .bq-app-header .bq-home-filters{
flex-wrap: nowrap !important;
}
.bq-wordmar{
color:#fff;
}
.logo{
max-width: 100px;
height: auto;
filter: brightness(1.1);
flex-shrink: 0;
}
@media (min-width: 768px) {
.bq-featured-card-v2 { flex: 0 0 400px; }
.bq-featured-v2-name { font-size: 22px; }
.bq-featured-v2-logo-wrap { width: 68px; height: 68px; top: 14px; left: 16px; }
.bq-featured-v2-wa-btn { font-size: 15px; padding: 15px 24px; }
.logo { max-width: 120px; }
.bq-header-logo-wrap { padding: 8px 0 12px; }
}
.bq-filters-card {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
padding: 6px 14px;
margin-bottom: 20px;
}
.bq-destacados-section {
padding: 0 0 4px;
}
.bq-destacados-section .bq-home-section-title::after {
background: linear-gradient(90deg, #FFD700, #FFA500);
}
.bq-recomendados-zone {
margin-top: 0;
padding: 44px 0 24px;
position: relative;
z-index: 8;
border-radius: 28px 28px 0 0;
}
.bq-recomendados-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 3px;
min-height: 480px;
}
svg.play {
margin: 5px 6px;
}
.buyaca-app {
font-family: var(--bq-font-family);
color: var(--bq-text);
background: var(--bq-bg);
min-height: 100vh;
padding-bottom: 1px !important;
touch-action: manipulation;
-ms-touch-action: manipulation;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-user-select: text;
user-select: text;
overscroll-behavior: none;
}
@media (min-width: 1024px) {
.buyaca-app { max-width: 80%; margin-left: auto; margin-right: auto; }
.buyaca-bottom-nav { max-width: 80%; left: 50% !important; transform: translateX(-50%); }
}
.buyaca-app * {
touch-action: pan-x pan-y;
}
.buyaca-business-card,
.bq-home-card,
.bq-featured-card-v2,
.bq-cv2-product-card {
contain: layout style;
}
.buyaca-reviews-list,
.bq-info-section {
content-visibility: auto;
contain-intrinsic-size: auto 400px;
}
.buyaca-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px 16px;
}
.buyaca-h1 { font-size: 28px; font-weight: 800; margin: 0 0 8px; line-height: 1.2; }
.buyaca-h2 { font-size: 24px; font-weight: 700; margin: 0 0 16px; }
.buyaca-h3 { font-size: 20px; font-weight: 600; margin: 0 0 12px; }
.buyaca-text-secondary { color: var(--bq-text-secondary); }
img.image {max-width: 50%;}
.bq-home-banner {
position: relative;
width: 100%;
border-radius: 0 0 20px 20px;
overflow: hidden;
background: linear-gradient(135deg, #1a1a1f 0%, #22222a 40%, #1a1a1f 100%);
min-height: 180px;
}
.bq-home-banner-img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
}
.bq-home-banner-default {
padding: 50px 20px 70px;
text-align: center;
}
.bq-home-banner-title {
font-size: 28px;
font-weight: 900;
color: white;
margin: 0 0 6px;
letter-spacing: 0.5px;
}
.bq-home-banner-sub {
font-size: 15px;
color: rgba(255,255,255,0.9);
margin: 0;
}
.bq-home-search-overlay {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 90%;
max-width: 500px;
z-index: 10;
}
.bq-home-search-bar {
position: relative;
background: var(--bq-bg-card);
border-radius: 100px;
overflow: visible;
}
.bq-home-search-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--bq-text-secondary);
pointer-events: none;
display: flex;
}
.bq-home-search-input {
width: 100%;
padding: 14px 16px 14px 46px;
border: none;
border-radius: 100px;
font-size: 14px;
font-family: var(--bq-font-family);
background: transparent;
outline: none;
color: var(--bq-text-primary);
}
.bq-home-search-input::placeholder { color: #9ca3af; }
.bq-home-filters {
display: flex;
gap: 8px;
overflow-x: auto;
padding: 8px 0;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
align-items: center;
}
.bq-home-filters::-webkit-scrollbar { display: none; }
.bq-home-filter-pill {
flex-shrink: 0;
padding: 8px 18px;
border-radius: 100px;
font-family: var(--bq-font-display);
font-size: 13px;
font-weight: 600;
border: 1.5px solid rgba(255,255,255,0.12);
background: rgba(255,255,255,0.05);
color: var(--bq-text-secondary);
cursor: pointer;
transition: all 0.25s;
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 6px;
}
.bq-home-filter-pill.active,
.bq-home-filter-pill:hover {
background: var(--bq-primary-light);
color: var(--bq-primary);
border-color: rgba(58,89,239,0.35);
}
.bq-home-filter-dropdown { flex-shrink: 0; }
.bq-filter-select-wrap {
position: relative;
display: inline-flex;
align-items: center;
}
.bq-filter-select-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
z-index: 2;
opacity: 0.7;
COLOR: var(--bq-primary);
}
.bq-home-filter-select {
padding: 9px 32px 9px 30px;
border-radius: 100px;
font-size: 13px;
font-weight: 600;
border: 1.5px solid rgba(255,255,255,0.12);
background: rgba(255,255,255,0.05);
color: var(--bq-text);
cursor: pointer;
font-family: var(--bq-font-display);
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 30px;
white-space: nowrap;
transition: all 0.25s;
}
.bq-home-filter-select:focus { outline: none; border-color: var(--bq-primary); }
.bq-home-filter-select:hover { border-color: rgba(255,255,255,0.3); }
.bq-home-filter-select option { background: var(--bq-bg-card); color: var(--bq-text); }
.buyaca-app.bq-light-mode .bq-home-filter-select {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
border-color: rgba(0,0,0,0.15);
}
.buyaca-app.bq-light-mode .bq-home-filter-select:hover { border-color: rgba(0,0,0,0.3); }
.bq-home-section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.bq-home-section-title {
font-family: var(--bq-font-display);
font-size: 22px;
font-weight: 400;
color: var(--bq-text-primary);
margin: 0;
position: relative;
display: inline-block;
animation: bq-fade-up 0.5s var(--bq-transition) both;
cursor: default;
letter-spacing: -0.3px;
line-height: 1.2;
}
.bq-home-section-title::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
height: 2.5px;
width: 0;
background: linear-gradient(90deg, var(--bq-primary), var(--bq-secondary));
border-radius: 2px;
transition: width 0.4s var(--bq-transition);
}
.bq-home-section-title:hover::after,
.bq-home-section-header:hover .bq-home-section-title::after {
animation: bq-underline-grow 0.4s var(--bq-transition) forwards;
}
.bq-section-title {
font-size: 20px;
font-weight: 800;
color: var(--bq-primary);
margin: 0 0 16px;
position: relative;
display: inline-block;
animation: bq-fade-up 0.5s var(--bq-transition) both;
}
.bq-section-title::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
height: 3px;
width: 36px;
background: linear-gradient(90deg, var(--bq-primary), var(--bq-secondary));
border-radius: 2px;
transition: width 0.35s var(--bq-transition);
}
.bq-section-title:hover::after { width: 100%; }
.bq-featured-scroll {
display: flex;
gap: 16px;
overflow-x: auto;
padding: 4px 0 16px;
scrollbar-width: none;
scroll-snap-type: x mandatory;
cursor: grab;
}
.bq-featured-scroll::-webkit-scrollbar { display: none; }
.bq-featured-scroll.is-dragging {
cursor: grabbing;
scroll-snap-type: none;
}
.bq-featured-card-v2 {
flex: 0 0 min(88vw, 390px);
border-radius: 22px;
overflow: hidden;
scroll-snap-align: start;
position: relative;
height: 190px;
transition: transform 0.35s;
cursor: pointer;
display: block;
text-decoration: none !important;
color: inherit !important;
}
.bq-featured-card-v2:hover {
transform: translateY(-3px);
}
.bq-featured-v2-logo-wrap {
position: absolute;
top: 14px;
left: 14px;
z-index: 10;
width: 58px;
height: 58px;
border-radius: 50%;
overflow: hidden;
background: rgba(30,30,30,0.85);
border: 2.5px solid rgba(255,255,255,0.5);
}
.bq-featured-v2-logo {
width: 100%;
height: 100%;
object-fit: cover;
}
.bq-featured-v2-logo-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(30,30,40,0.9);
}
.bq-featured-v2-image-link {
display: block;
text-decoration: none !important;
position: absolute;
inset: 0;
z-index: 1;
}
.bq-featured-v2-image-wrap {
position: absolute;
inset: 0;
overflow: hidden;
}
.bq-featured-v2-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.55s cubic-bezier(0.4,0,0.2,1);
}
.bq-featured-card-v2:hover .bq-featured-v2-image {
transform: scale(1.05);
}
.bq-featured-v2-image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 8%);
pointer-events: none;
}
.bq-featured-v2-top-badges {
position: absolute;
top: 14px;
right: 14px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 5px;
z-index: 10;
}
.bq-featured-v2-star-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
color: #5C3A00;
border: 1.5px solid rgba(184,134,11,0.6);
}
.bq-featured-v2-status {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: var(--bq-font-display);
font-size: 9.5px;
font-weight: 700;
padding: 3px 9px;
border-radius: 100px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.bq-featured-v2-status::before {
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
flex-shrink: 0;
}
.bq-featured-v2-status.open {
background: rgba(16,185,129,0.2);
color: #4ade80;
border: 1px solid rgba(74,222,128,0.3);
}
.bq-featured-v2-status.open::before { background: #4ade80; }
.bq-featured-v2-status.closed {
background: rgba(239,68,68,0.18);
color: #f87171;
border: 1px solid rgba(248,113,113,0.25);
}
.bq-featured-v2-status.closed::before { background: #f87171; }
.bq-featured-v2-stars {
display: flex;
align-items: center;
gap: 4px;
background: rgba(0,0,0,0.42);
border-radius: 100px;
padding: 5px 10px;
}
.bq-featured-v2-stars .bq-feat-rating-num {
font-family: var(--bq-font-display);
font-size: 11px;
font-weight: 700;
color: #fff;
margin-left: 3px;
letter-spacing: 0.2px;
}
.bq-featured-v2-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
padding: 0 14px 6px;
pointer-events: none;
}
.bq-featured-v2-name-row {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 4px;
pointer-events: auto;
}
.bq-featured-v2-name {
font-family: var(--bq-font-display);
font-size: 22px;
font-weight: 800;
color: #ffffff;
margin: 0;
line-height: 1.2;
letter-spacing: -0.3px;
}
.bq-featured-v2-cat-badge {
display: inline-block;
font-family: var(--bq-font-display);
font-size: 10px;
font-weight: 700;
color: rgba(255,255,255,0.9);
background: rgba(255,255,255,0.18);
border: 1px solid rgba(255,255,255,0.28);
padding: 3px 10px;
border-radius: 100px;
white-space: nowrap;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.bq-featured-v2-address {
display: flex;
align-items: center;
gap: 5px;
font-family: var(--bq-font-family);
font-size: 12px;
color: rgba(255,255,255,0.72);
line-height: 1.4;
margin-bottom: 3px;
pointer-events: auto;
}
.bq-featured-v2-address svg { flex-shrink: 0; }
.bq-featured-v2-distance {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: var(--bq-font-family);
font-size: 11px;
font-weight: 700;
color: #fff;
background: rgba(58,89,239,0.85);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 6px;
letter-spacing: 0.3px;
}
.bq-featured-v2-wa-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin: 10px 0 14px;
padding: 13px 20px;
border-radius: 100px;
background: var(--bq-primary);
color: white !important;
font-family: var(--bq-font-display);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.5px;
text-transform: uppercase;
border: none;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
text-decoration: none !important;
pointer-events: auto;
position: relative;
z-index: 11;
}
.bq-featured-v2-wa-btn:hover {
transform: translateY(-2px);
background: #6C7CFF;
}
.bq-featured-v2-wa-btn:active {
transform: scale(0.97);
}
.bq-featured-section-title { color: #fff; }
.buyaca-app.bq-light-mode .bq-featured-section-title { color: var(--bq-text-primary); }
.bq-pf-zone{padding:16px 0 0}.bq-pf-inner{max-width:1200px;margin:0 auto}
.bq-pf-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px 16px}.bq-pf-scroll::-webkit-scrollbar{display:none}
.bq-pf-card,.bq-pf-card-v2{flex:0 0 200px;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:var(--bq-bg-card);border:1px solid var(--bq-border,rgba(0,0,0,0.06));cursor:pointer;transition:transform 0.25s,box-shadow 0.25s}.bq-pf-card:hover,.bq-pf-card-v2:hover{transform:translateY(-3px);aspect-ratio:1;overflow:hidden;position:relative;background:var(--bq-bg-elevated,#f3f4f6)}.bq-pf-img{width:100%;height:100%;object-fit:cover}
.bq-pf-badge{position:absolute;top:8px;left:8px;background:rgba(0,0,0,0.65);color:#FFD700;font-size:10px;font-weight:700;padding:3px 8px;border-radius:8px;display:flex;align-items:center;gap:4px;backdrop-filter:blur(6px)}
.bq-pf-info{padding:10px 12px 12px}.bq-pf-price{font-size:16px;font-weight:800;color:var(--bq-primary);display:block;line-height:1.2}.bq-pf-name{font-size:13px;font-weight:500;color:var(--bq-text-primary);margin:4px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.bq-pf-loc{font-size:11px;color:var(--bq-text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.bq-pf-date{font-size:10px;color:var(--bq-text-secondary);display:block;opacity:0.6;margin-top:2px}
.bq-feed-inner{max-width: 98%;
margin: 0 auto;
padding: 0px 0px;
min-height: 480px;
border-radius: 13px 13px 0px 0px;}
.bq-pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}
@media(min-width:480px){.bq-pgrid{grid-template-columns:repeat(3,1fr);gap:10px}}
@media(min-width:768px){.bq-pgrid{grid-template-columns:repeat(4,1fr);gap:12px}}
@media(min-width:1024px){.bq-pgrid{grid-template-columns:repeat(5,1fr);gap:14px}}
@media(min-width:1280px){.bq-pgrid{grid-template-columns:repeat(6,1fr);gap:14px}}
.buyaca-app .bq-pc{aspect-ratio:1;overflow:hidden;position:relative;background:var(--bq-bg-elevated,#f3f4f6);height:160px;}
.bq-pc-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.bq-pc:hover .bq-pc-img{transform:scale(1.05)}
.bq-pc-pin{position:absolute;top:6px;right:6px;background:rgba(0,0,0,0.5);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.bq-pc-dist{position:absolute;bottom:84px;left:6px;color:#fff;font-size:10px;font-weight:700;background:rgba(0,0,0,0.68);padding:3px 9px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bq-pc-dots{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:4px 2px;pointer-events:auto}
.bq-pc-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.45);transition:all 0.2s;cursor:pointer}
.bq-pc-dot.active{background:#fff;width:6px;height:6px}
.bq-pc-body{padding:8px 10px 10px}.bq-pc-price{font-size:15px;font-weight:800;color:var(--bq-primary);display:block;line-height:1.2;letter-spacing:-0.3px}.bq-pc-name{font-size:12px;font-weight:400;color:var(--bq-text-primary);margin:3px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.bq-pc-loc{font-size:10px;color:var(--bq-text-secondary);display:block;opacity:0.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buyaca-app.bq-light-mode .bq-pc,.buyaca-app.bq-light-mode .bq-pf-card{border-color:rgba(0,0,0,0.06);background:#fff}
.bq-pf-zone{padding:22px 0 6px}
.bq-pf-inner .bq-home-section-header{
padding:0 16px 16px!important;
display:flex;align-items:center;gap:10px;
}
.bq-pf-inner .bq-home-section-title{
font-family:var(--bq-font-display,'Outfit','DM Sans',sans-serif);
font-size:21px;font-weight:700;letter-spacing:-0.6px;margin:0;
display:inline-flex;align-items:center;gap:12px;position:relative;
}
.bq-pf-inner .bq-home-section-title::before{
content:"";width:4px;height:22px;border-radius:3px;flex-shrink:0;
background:linear-gradient(180deg,#FFD700,var(--bq-primary));
}
.bq-pf-grid{
display:grid;grid-template-columns:1fr;gap:14px;
padding:0 16px 22px;max-width:1200px;margin:0 auto;
scroll-snap-type:none;overflow:visible;
}
@media(min-width:560px){.bq-pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(min-width:900px){.bq-pf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 16px 28px}}
.bq-pf-grid .bq-pf-card{
flex:initial;scroll-snap-align:none;
border-radius:18px;overflow:hidden;position:relative;
background:var(--bq-bg-card);
border:1px solid var(--bq-border,rgba(0,0,0,0.06));
cursor:pointer;display:flex;flex-direction:column;
transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s,border-color 0.3s;
isolation:isolate;
}
.bq-pf-grid .bq-pf-card::before{
content:"";position:absolute;inset:0;border-radius:18px;padding:1.5px;
background:linear-gradient(135deg,rgba(255,215,0,0.55),rgba(58,89,239,0.4) 45%,transparent 70%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask-composite:exclude;
opacity:0;transition:opacity 0.35s;pointer-events:none;z-index:3;
}
.bq-pf-grid .bq-pf-card:hover{
transform:translateY(-6px);
border-color:transparent;
}
.bq-pf-grid .bq-pf-card:hover::before{opacity:1}
.bq-pf-grid .bq-pf-img-w{
width:100%;aspect-ratio:4/3;position:relative;overflow:hidden;
background:var(--bq-bg-elevated,#f3f4f6);
}
.bq-pf-grid .bq-pf-img{
width:100%;height:100%;object-fit:cover;
transition:transform 0.6s cubic-bezier(0.22,1,0.36,1);
}
.bq-pf-grid .bq-pf-card:hover .bq-pf-img{transform:scale(1.08)}
.bq-pf-grid .bq-pf-img-w::after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,0.32) 100%);
}
.bq-pf-grid .bq-pf-badge{
position:absolute;top:12px;left:12px;z-index:4;
background:linear-gradient(135deg,#FFD700,#FFA500);
color:#1a1a1a;font-size:10.5px;font-weight:800;letter-spacing:0.6px;
padding:6px 12px 6px 10px;border-radius:999px;
display:inline-flex;align-items:center;gap:5px;
text-transform:uppercase;line-height:1;
}
.bq-pf-grid .bq-pf-badge svg{fill:#1a1a1a!important;flex-shrink:0}
.bq-pf-grid .bq-pf-dist-chip{
position:absolute;bottom:10px;right:10px;z-index:4;
background:rgba(0,0,0,0.6);color:#fff;
font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.bq-pf-grid .bq-pf-info{
padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;
}
.bq-pf-grid .bq-pf-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.bq-pf-grid .bq-pf-price{
font-size:20px;font-weight:800;color:var(--bq-primary);
letter-spacing:-0.6px;line-height:1.1;display:block;
}
.bq-pf-grid .bq-pf-name{
font-size:14.5px;font-weight:600;color:var(--bq-text-primary);
margin:0;line-height:1.35;
display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden;min-height:2.7em;white-space:normal;text-overflow:initial;
}
.bq-pf-grid .bq-pf-meta{
display:flex;flex-wrap:wrap;align-items:center;gap:10px;
font-size:11.5px;color:var(--bq-text-secondary);margin-top:2px;
padding-top:8px;border-top:1px solid var(--bq-border,rgba(0,0,0,0.05));
}
.bq-pf-grid .bq-pf-loc{
display:inline-flex;align-items:center;gap:4px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
max-width:100%;min-width:0;flex:1;
}
.bq-pf-grid .bq-pf-loc svg{flex-shrink:0;color:var(--bq-primary);opacity:0.85}
.bq-pf-grid .bq-pf-loc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bq-pf-grid .bq-pf-date{
font-size:10.5px;opacity:0.7;display:inline-block;flex-shrink:0;
}
.bq-pf-grid .bq-product-status-badges{
position:absolute;top:12px;right:12px;z-index:4;
display:flex;flex-direction:column;gap:4px;align-items:flex-end;
}
.bq-pf-grid .bq-product-status-badge{
font-size:9.5px;font-weight:800;letter-spacing:0.4px;
padding:4px 9px;border-radius:999px;color:#fff;
text-transform:uppercase;line-height:1;
}
.bq-pc{
background:var(--bq-bg-card);cursor:pointer;position:relative;
contain:layout style;display:flex;flex-direction:column;
}
.bq-pc:hover{
transform:translateY(-4px);
border-color:rgba(58,89,239,0.2);
}
.bq-pc:active{transform:scale(0.98)}
.bq-pc-pin{
top:auto!important;right:auto!important;
bottom:8px!important;left:8px!important;
width:26px!important;height:26px!important;
background:rgba(0,0,0,0.28)!important;
border:none!important;
backdrop-filter:blur(4px)!important;
}
.bq-pc-pin svg{fill:#ffffff!important;width:14px;height:14px}
.bq-pc-body{
padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;
}
.bq-pc-price{
font-size:13px;font-weight:800;color:var(--bq-primary);
display:block;line-height:1.15;letter-spacing:-0.3px;margin-bottom:2px;
}
.bq-pc-name{
font-size:13px;font-weight:600;color:var(--bq-text-primary);
margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;
}
.bq-pc-loc{
font-size:11px;color:var(--bq-text-secondary);display:block;
opacity:0.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;
}
.bq-feed-zone .bq-home-section-header,
.bq-recomendados-zone .bq-home-section-header{
padding:16px 16px 12px;
display:flex;align-items:center;gap:10px;
}
.bq-feed-zone .bq-home-section-title,
.bq-recomendados-zone .bq-home-section-title{
font-family:var(--bq-font-display,'Outfit','DM Sans',sans-serif);
font-size:20px;font-weight:800;letter-spacing:-0.5px;margin:0;
display:inline-flex;align-items:center;gap:10px;
}
.buyaca-app .bq-home-section-title,
.bq-home-section-title,
.bq-pf-inner .bq-home-section-title,
.bq-feed-zone .bq-home-section-title,
.bq-recomendados-zone .bq-home-section-title{
font-family: var(--bq-font-family) !important;
letter-spacing: -0.2px !important;
}
.bq-feed-zone .bq-home-section-title::before,
.bq-recomendados-zone .bq-home-section-title::before{
content:"";width:4px;height:20px;border-radius:3px;flex-shrink:0;
background:linear-gradient(180deg,var(--bq-primary),#6C7CFF);
}
@media(max-width:559px){
.bq-pf-grid .bq-pf-name{font-size:14px;min-height:2.6em}
.bq-pf-grid .bq-pf-price{font-size:18px}
.bq-pf-grid .bq-pf-info{padding:12px 14px 14px}
.bq-pf-inner .bq-home-section-title{font-size:18px}
.bq-feed-zone .bq-home-section-title,
.bq-recomendados-zone .bq-home-section-title{font-size:17px}
}
.bq-pc, .bq-pf-card, .bq-cv2-product-card, .bq-featured-card-v2,
.bq-home-card, .bq-cv2-card {
overflow:hidden;
min-width:0;
}
.bq-pc *, .bq-pf-card *, .bq-cv2-product-card *, .bq-home-card *{
min-width:0;
}
.bq-pf-name, .bq-pc-name, .bq-home-card-name, .bq-featured-v2-name{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
display:block!important;
-webkit-line-clamp:initial!important;line-clamp:initial!important;
-webkit-box-orient:initial!important;
min-height:0!important;
}
.bq-pf-price, .bq-pf-loc, .bq-pf-loc span, .bq-pf-date,
.bq-pc-price, .bq-pc-loc,
.bq-cv2-product-price, .bq-cv2-product-name, .bq-cv2-product-cat-label,
.bq-featured-v2-address, .bq-featured-v2-address span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
}
.bq-pf-row .bq-pf-badge{
position:absolute;top:6px;left:6px;z-index:4;
background:linear-gradient(135deg,#FFD700,#FFA500);
color:#1a1a1a;
padding:5px!important;
border-radius:50%!important;
width:22px;height:22px;
display:inline-flex;align-items:center;justify-content:center;
line-height:1;
font-size:0!important;
gap:0!important;
letter-spacing:0!important;
}
.bq-pf-row .bq-pf-badge svg{
fill:#1a1a1a!important;
flex-shrink:0;
width:12px!important;height:12px!important;
display:block;
}
.bq-products-header ~ .bq-pf-zone,
#bq-products-topbar ~ .bq-pf-zone,
.buyaca-app .bq-pf-zone{padding-top:170px!important}
@media(min-width:768px){
.bq-products-header ~ .bq-pf-zone,
#bq-products-topbar ~ .bq-pf-zone,
.buyaca-app .bq-pf-zone{padding-top:220px!important}
}
@media(max-width:560px){
.bq-products-header ~ .bq-pf-zone,
#bq-products-topbar ~ .bq-pf-zone,
.buyaca-app .bq-pf-zone{padding-top:158px!important}
}
.bq-pf-row{
display:flex;gap:10px;
overflow-x:auto;overflow-y:hidden;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;scrollbar-width:none;
padding:4px 14px 22px;scroll-padding:14px;
max-width:1400px;margin:0 auto;
}
.bq-pf-row::-webkit-scrollbar{display:none}
.bq-pf-row .bq-pf-card{
flex:0 0 calc((100% - 20px) / 3);
min-width:110px;max-width:200px;
scroll-snap-align:start;scroll-margin-left:14px;
border-radius:14px;overflow:hidden;position:relative;
background:var(--bq-bg-card);
border:1px solid var(--bq-border,rgba(0,0,0,0.06));
cursor:pointer;
display:flex;flex-direction:column;
transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s,border-color 0.3s;
isolation:isolate;
}
@media(min-width:560px){
.bq-pf-row{gap:12px;padding:4px 16px 26px}
.bq-pf-row .bq-pf-card{flex:0 0 calc((100% - 36px) / 4);max-width:220px}
}
@media(min-width:900px){
.bq-pf-row{gap:14px;padding:4px 20px 28px}
.bq-pf-row .bq-pf-card{flex:0 0 calc((100% - 56px) / 5);max-width:240px}
}
@media(min-width:1280px){
.bq-pf-row .bq-pf-card{flex:0 0 calc((100% - 72px) / 6);max-width:220px}
}
.bq-pf-row .bq-pf-card:hover{
transform:translateY(-4px);
}
.bq-pf-row .bq-pf-img-w{
width:100%;aspect-ratio:1;position:relative;overflow:hidden;
background:var(--bq-bg-elevated,#f3f4f6);
}
.bq-pf-row .bq-pf-img{
width:100%;height:100%;object-fit:cover;
transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);
}
.bq-pf-row .bq-pf-card:hover .bq-pf-img{transform:scale(1.08)}
.bq-pf-row .bq-pf-info{padding:8px 10px!important;display:flex;flex-direction:column;gap:2px!important}
.bq-pf-row .bq-pf-price{
font-size:14px!important;font-weight:800;color:var(--bq-primary);
letter-spacing:-0.4px;line-height:1.1!important;margin:0!important;
}
@media(min-width:768px){.bq-pf-row .bq-pf-price{font-size:15px!important}}
.bq-pf-row .bq-pf-name{
font-size:11.5px!important;font-weight:600;color:var(--bq-text-primary);
margin:0!important;line-height:1.25!important;
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
display:block!important;min-height:0!important;
}
@media(min-width:768px){.bq-pf-row .bq-pf-name{font-size:12.5px!important}}
.bq-pf-row .bq-pf-meta{
display:flex;flex-wrap:nowrap;align-items:center;gap:4px;
font-size:9.5px!important;color:var(--bq-text-secondary);
padding-top:0!important;border-top:none!important;margin-top:1px!important;
overflow:hidden;
}
.bq-pf-row .bq-pf-loc{display:inline-flex;align-items:center;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.bq-pf-row .bq-pf-loc svg{flex-shrink:0;color:var(--bq-primary);opacity:0.85;width:8px!important;height:8px!important}
.bq-pf-row .bq-pf-loc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bq-pf-row .bq-pf-date{font-size:8.5px;opacity:0.65;flex-shrink:0;display:none}
@media(min-width:560px){.bq-pf-row .bq-pf-date{display:inline-block}}
.bq-pf-row .bq-pf-dist-chip{
position:absolute;bottom:4px;right:4px;z-index:4;
background:rgba(0,0,0,0.65);color:#fff;
font-size:9px;font-weight:700;padding:2px 6px;border-radius:999px;
backdrop-filter:blur(8px);
}
.bq-pf-row .bq-product-status-badges{
position:absolute;top:6px;right:6px;z-index:4;
display:flex;flex-direction:column;gap:2px;align-items:flex-end;max-width:60%;
}
.bq-pf-row .bq-product-status-badge{
font-size:8px;font-weight:800;letter-spacing:0.3px;
padding:2px 6px;border-radius:999px;color:#fff;
text-transform:uppercase;line-height:1;
white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;max-width:100%;
margin-left: 25px;
}
.bq-pf-grid{display:none!important}
.buyaca-app .bq-banner-section + .bq-banner-section,
.buyaca-app .bq-banner-section + .bq-recomendados-zone,
.buyaca-app .bq-recomendados-zone{
margin-top:8px;
padding-top:14px;
}
html .buyaca-app .bq-app-header#bq-brand-topbar,
html .buyaca-app .bq-app-header.bq-products-header,
html .bq-app-header#bq-brand-topbar,
html .bq-app-header.bq-products-header{
background:#141d24 !important;
border-bottom:1px solid rgba(0,0,0,0.07) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
html .buyaca-app:not(.bq-light-mode) .bq-app-header#bq-brand-topbar,
html .buyaca-app:not(.bq-light-mode) .bq-app-header.bq-products-header,
html.bq-page-dark .bq-app-header#bq-brand-topbar,
html.bq-page-dark .bq-app-header.bq-products-header{
background:#0a0a0a !important;
border-bottom:1px solid rgba(255,255,255,0.08) !important;
}
.bq-app-header .bq-header-backdrop{ display:none !important; }
.bq-app-header-inner{ padding:10px 16px !important; }
.bq-wordmark{ font-weight:800 !important; letter-spacing:-0.02em !important; }
html .buyaca-app .bq-app-header-search{
background:rgba(0,0,0,0.05) !important;
border:none !important;
border-radius:12px !important;
}
html .buyaca-app:not(.bq-light-mode) .bq-app-header-search,
html.bq-page-dark .bq-app-header-search{
background:rgba(255,255,255,0.08) !important;
}
.bq-app-header-search-input{ background:transparent !important; }
.bq-app-header-search-btn{
background:var(--bq-primary) !important;
border-radius:10px !important;
}
html .buyaca-app .bq-home-filter-pill{
border-radius:999px !important;
}
html .buyaca-app .bq-home-filter-pill.active{
background:transparent !important;
color:var(--bq-primary) !important;
border-color:var(--bq-primary) !important;
}
html .buyaca-app:not(.bq-light-mode) .bq-app-header#bq-brand-topbar .bq-wordmark,
html .buyaca-app:not(.bq-light-mode) .bq-app-header#bq-brand-topbar .bq-wordmark-1,
html .buyaca-app:not(.bq-light-mode) .bq-app-header.bq-products-header .bq-wordmark,
html .buyaca-app:not(.bq-light-mode) .bq-app-header.bq-products-header .bq-wordmark-1,
html.bq-page-dark .bq-app-header#bq-brand-topbar .bq-wordmark,
html.bq-page-dark .bq-app-header#bq-brand-topbar .bq-wordmark-1{
color:#fff !important;
}
html .buyaca-app.bq-light-mode .bq-banner-section,
html.bq-page-light .buyaca-app .bq-banner-section,
html.bq-page-light .buyaca-app:not(.bq-light-mode) .bq-banner-section,
html.bq-page-dark .buyaca-app .bq-banner-section,
html .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-banner-section{
background:transparent !important;
}
html .buyaca-app .bq-banner-section + .bq-banner-section,
html .buyaca-app .bq-banner-section + .bq-recomendados-zone,
html .buyaca-app .bq-recomendados-zone{
padding-top: 10px !important;
margin-top: -19px !important;
border-radius: 16px;
}
.buyaca-app .bq-cv2-logo{
left:50%!important;
right:auto!important;
transform:translate(calc(-50% + var(--bq-logo-x, 0px)), var(--bq-logo-y, 0px))!important;
overflow:visible!important;
}
.bq-vc-layout-left .bq-cv2-logo{
left:50%!important;
transform:translate(calc(-50% + var(--bq-logo-x, 0px)), calc(-50% + var(--bq-logo-y, 0px)))!important;
}
.buyaca-app .bq-cv2-logo > img,
.buyaca-app .bq-cv2-logo > .bq-cv2-logo-placeholder{
width:100%;height:100%;
border-radius:inherit;
overflow:hidden;
}
.buyaca-app .bq-cv2-logo-upload{
transition:transform .15s ease, box-shadow .15s ease;
}
.buyaca-app .bq-cv2-logo-upload:hover{
transform:scale(1.08);
}
.bq-featured-v2-top-badges{
max-width:calc(100% - 80px)!important;
gap:4px!important;
overflow:hidden;
}
.bq-featured-v2-status{
max-width:100%;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;
font-size:8.5px!important;padding:3px 7px!important;
letter-spacing:0.3px!important;
}
.bq-featured-v2-name{
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
max-width:100%;display:block!important;
}
.bq-featured-v2-address span{
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;
}
.buyaca-app .bq-cv2-socials{
display:flex;flex-wrap:nowrap!important;
overflow-x:auto;overflow-y:hidden;
scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
scrollbar-width:none;gap:10px!important;
padding:4px 2px 8px;margin:0 -4px 10px;
-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 24px),transparent 100%);
mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 24px),transparent 100%);
}
.buyaca-app .bq-cv2-socials::-webkit-scrollbar{display:none}
.buyaca-app .bq-cv2-socials .bq-cv2-social-btn{flex:0 0 42px;scroll-snap-align:start;width:42px;height:42px;border-radius:14px}
@media(min-width:820px){
.buyaca-app .bq-cv2-socials{flex-wrap:wrap!important;overflow:visible;-webkit-mask-image:none;mask-image:none}
}
#bq-cart-modal.bq-modal-overlay{
z-index:99999!important;position:fixed!important;inset:0!important;
background:rgba(0,0,0,0.55)!important;
backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
align-items:center;justify-content:center;padding:20px;
}
#bq-cart-modal .bq-cart-modal-content{
animation:bq-cart-slide-in 0.3s cubic-bezier(0.22,1,0.36,1);
max-width:520px;width:100%;max-height:85vh;
background:#ffffff;border-radius:20px;overflow:hidden;
display:flex;flex-direction:column;
}
@keyframes bq-cart-slide-in{
from{transform:translateY(30px) scale(0.96);opacity:0}
to{transform:translateY(0) scale(1);opacity:1}
}
.bq-cart-empty-msg{padding:50px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.bq-cart-empty-msg-icon{font-size:54px;opacity:0.6;animation:bq-empty-float 3s ease-in-out infinite}
@keyframes bq-empty-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.bq-cart-empty-msg-text{font-size:15px;font-weight:600;color:var(--bq-text-secondary)}
.bq-cv2-info{padding:22px 18px 16px!important}
.bq-cv2-name{letter-spacing:-0.7px}
.bq-cv2-product-price{color:var(--bq-primary)!important}
.bq-cv2-product-pinned-badge{
background:linear-gradient(135deg,#FFD700,#FFA500)!important;
color:#1a1a1a!important;
border:1.5px solid rgba(255,255,255,0.4)!important;
}
.bq-cv2-product-pinned-badge svg{fill:#1a1a1a!important}
.bq-cv2-product-gallery-badge{
background:rgba(0,0,0,0.6)!important;backdrop-filter:blur(6px);
font-weight:700;padding:3px 8px!important;border-radius:999px!important;
bottom:6px!important;right:6px!important;font-size:11px!important;
}
.bq-adv-panel{background:var(--bq-bg-card);border:1px solid var(--bq-border,rgba(0,0,0,0.06));border-radius:12px;padding:14px 16px;margin-top:8px}
.bq-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.bq-adv-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.bq-adv-grid{grid-template-columns:1fr}}
.bq-adv-g{display:flex;flex-direction:column;gap:4px}.bq-adv-lbl{font-size:11px;font-weight:600;color:var(--bq-text-secondary);text-transform:uppercase;letter-spacing:0.5px}
.bq-adv-inp{padding:8px 12px;border-radius:8px;border:1px solid var(--bq-border,rgba(0,0,0,0.1));background:var(--bq-bg);font-size:13px;color:var(--bq-text);font-family:var(--bq-font-family);outline:none;transition:border-color 0.2s;width:100%;box-sizing:border-box}.bq-adv-inp:focus{border-color:var(--bq-primary)}
.bq-adv-clear{font-size:12px;color:var(--bq-primary);background:none;border:none;cursor:pointer;font-weight:600;padding:4px 8px}
.bq-prod-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--bq-bg-card);border-radius:0 0 12px 12px;z-index:100;max-height:300px;overflow-y:auto;border:1px solid var(--bq-border,rgba(0,0,0,0.06));border-top:none}
.bq-prod-auto-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background 0.15s}.bq-prod-auto-item:hover{background:var(--bq-bg-elevated,rgba(0,0,0,0.03))}
.bq-prod-auto-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.bq-prod-auto-name{font-size:13px;font-weight:600;color:var(--bq-text-primary)}.bq-prod-auto-price{font-size:12px;font-weight:700;color:var(--bq-primary)}
.bq-qv-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.bq-qv-modal{background:var(--bq-bg-card);border-radius:20px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;position:relative;will-change:transform,opacity;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}
.bq-qv-modal .bq-qv-c{overscroll-behavior:contain;}
.bq-qv-modal::-webkit-scrollbar,.bq-qv-modal .bq-qv-c::-webkit-scrollbar{display:none;width:0;height:0}
.bq-qv-modal .bq-qv-c{scrollbar-width:none;-ms-overflow-style:none}
.bq-form-enter{transition:all 0.3s cubic-bezier(0.22,1,0.36,1)}
.bq-form-leave{transition:all 0.2s ease-in}
.bq-form-enter-start{opacity:0;transform:translateY(-12px) scale(0.98);max-height:0;overflow:hidden}
.bq-form-enter-end{opacity:1;transform:translateY(0) scale(1);max-height:2000px}
.bq-qv-enter{transition:all 0.15s cubic-bezier(0.22,1,0.36,1)}
.bq-qv-enter-start{opacity:0;transform:scale(0.95) translateY(10px)}
.bq-qv-enter-end{opacity:1;transform:scale(1) translateY(0)}
.bq-qv-leave{transition:all 0.1s ease-in}
.bq-qv-c{padding:0;position:relative}.bq-qv-gal{position:relative;border-radius:0px ;overflow:hidden;background:var(--bq-bg-elevated,#f3f4f6);width:100%;aspect-ratio:1/1;max-height:min(58vh,460px)}
.bq-qv-scroll{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:auto}
.bq-qv-scroll::-webkit-scrollbar{display:none}
.bq-qv-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;cursor:zoom-in;display:flex;align-items:center;justify-content:center;background:var(--bq-bg-elevated,#f3f4f6)}
.bq-qv-slide-img{width:100%;height:100%;object-fit:cover;display:block}
.bq-qv-dots{display:flex;justify-content:center;gap:6px;padding:10px 0;position:absolute;bottom:8px;left:0;right:0;z-index:5;pointer-events:none}
.bq-qv-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.4);transition:all 0.2s ease;pointer-events:auto}
.bq-qv-dot.active{background:#fff;transform:scale(1.2)}
.buyaca-app.bq-light-mode .bq-qv-dot{color:#fff;}
.buyaca-app.bq-light-mode .bq-qv-dot.active{color:#fff;}
.bq-qv-info{padding:16px 20px 8px}
.bq-qv-actions{display:none}
.bq-qv-float-actions{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:10px;z-index:10}
.bq-qv-attrs-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;padding:6px 0;font-size:13px;color:var(--bq-text-secondary);line-height:1.5}
.bq-qv-attr-item{display:inline-flex;align-items:center;white-space:nowrap}
.bq-qv-attr-dot{margin:0 6px;color:var(--bq-text-secondary);opacity:0.4;font-size:10px}
.bq-qv-cta-sticky{position:sticky;bottom:0;left:0;right:0;padding:12px 16px 16px;background:linear-gradient(to top,var(--bq-bg-card) 80%,transparent);z-index:9}
.bq-qv-act-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--bq-border,rgba(0,0,0,0.1));background:var(--bq-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;color:var(--bq-text-secondary)}.bq-qv-act-btn:hover{border-color:var(--bq-primary);color:var(--bq-primary)}
.bq-qv-fav-active{border-color:var(--bq-primary)!important;color:var(--bq-primary)!important;background:rgba(58,89,239,0.08)!important}
.bq-qv-name{font-size:20px;font-weight:700;margin:0 0 4px;color:var(--bq-text-primary);line-height:1.3}
.bq-qv-price{font-size:22px;font-weight:800;color:var(--bq-primary);margin-bottom:12px}
.bq-qv-attrs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.bq-qv-attr{font-size:11px;background:var(--bq-bg-elevated,#f3f4f6);padding:4px 10px;border-radius:8px;color:var(--bq-text-secondary)}.bq-qv-attr strong{color:var(--bq-text-primary);font-weight:600}
.bq-qv-desc{font-size:13px;color:var(--bq-text-secondary);line-height:1.6;margin:0 0 16px}
.buyaca-app .bq-qv-info{padding:18px 22px 10px;display:flex;flex-direction:column}
.buyaca-app .bq-qv-breadcrumb{margin-bottom:12px}
.buyaca-app .bq-qv-fav-badge{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;border:1px solid var(--bq-border,rgba(128,128,128,.16));background:var(--bq-bg-secondary,rgba(128,128,128,.06));color:var(--bq-text-secondary);cursor:pointer;font-size:12px;font-weight:800;line-height:1;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.buyaca-app .bq-qv-fav-badge svg{width:14px;height:14px;flex-shrink:0}
.buyaca-app .bq-qv-fav-badge:hover{transform:scale(1.05)}
.buyaca-app .bq-qv-fav-badge.is-fav{background:var(--bq-primary-light,rgba(58,89,239,.1));border-color:var(--bq-primary,#3A59EF);color:var(--bq-primary,#3A59EF)}
.buyaca-app .bq-qv-name{font-size:21px;font-weight:800;line-height:1.3;margin:0;letter-spacing:-.3px}
.buyaca-app .bq-qv-price-row{margin:0 0 14px}
.buyaca-app .bq-qv-price{font-size:24px;font-weight:800;letter-spacing:-.5px}
.buyaca-app .bq-qv-desc{font-size:13.5px;line-height:1.65;margin:0 0 16px}
.buyaca-app .bq-qv-prod-attrs{margin:2px 0 16px}
.buyaca-app .bq-qv-rating-only{margin-bottom:6px}
.buyaca-app .bq-qv-rating-top{display:flex;align-items:center;gap:6px;margin:0 0 12px}
.bq-qv-cta-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px;background:var(--bq-primary);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:background 0.2s;font-family:var(--bq-font-family)}.bq-qv-cta-btn:hover{background:var(--bq-primary-dark,#344FD9)}
.bq-qv-card{border:1px solid var(--bq-border,#ececf0);border-radius:16px;padding:15px 16px;margin:0 0 14px;background:var(--bq-bg-elevated,#fafafa)}
.buyaca-app:not(.bq-light-mode) .bq-qv-card{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}
.bq-qv-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--bq-text-primary);margin-bottom:9px;letter-spacing:-.2px}
.bq-qv-card-title svg{color:var(--bq-primary)}
.bq-qv-desc-card .bq-qv-desc{margin:0;font-size:13px;line-height:1.6}
.buyaca-app .bq-qv-desc-card .bq-qv-desc{margin:0;font-size:13px;line-height:1.6}
.bq-qv-cta-btn{gap:9px;padding:15px;border-radius:14px;font-size:15.5px;font-weight:800;letter-spacing:.2px;transition:transform .15s ease,box-shadow .2s ease,background .2s}
.bq-qv-cta-btn:hover{transform:translateY(-1px)}
.bq-qv-cta-btn.is-wa{background:linear-gradient(135deg,#6C7CFF,#344FD9)}
.bq-qv-cta-ic{flex:0 0 auto}
.bq-qv-cta-arrow{flex:0 0 auto;opacity:.9}
.bq-qv-cta-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:9px 0 0;font-size:9px;font-weight:500;color:var(--bq-text-secondary,#8a8f98);text-align:center;line-height:1.4}
.bq-qv-cta-note svg{flex:0 0 auto;color:var(--bq-success,#10B981)}
.buyaca-app .bq-qv-name{font-size:19px;letter-spacing:-.3px;margin:0 0 6px}
.bq-qv-price{font-size:21px}
.bq-interest-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.bq-interest-popup-box{border-radius:20px;padding:32px 24px;text-align:center;max-width:340px;width:100%;top:0;left:0;right:0;bottom:0;z-index:10002;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;touch-action:none}
.bq-imgzoom-overlay{position:fixed;inset:0;z-index:10010;background:rgba(0,0,0,0.92);display:flex;align-items:center;justify-content:center;padding:16px}
.bq-imgzoom-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}
.bq-imgzoom-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:28px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.bq-imgzoom-prev{left:12px}.bq-imgzoom-next{right:12px}
.bq-imgzoom-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.bq-imgzoom-img{max-width:100%;max-height:90vh;object-fit:contain;transition:transform 0.15s ease-out;will-change:transform;user-select:none;-webkit-user-drag:none}
.bq-imgzoom-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.5);font-size:12px;text-align:center;pointer-events:none}
.bq-imgzoom-counter{position:absolute;top:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.7);font-size:14px;font-weight:600;background:rgba(0,0,0,0.4);padding:4px 14px;border-radius:20px;backdrop-filter:blur(8px)}
.bq-fav-tab{padding:12px 16px;border:none;background:var(--bq-bg);color:var(--bq-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--bq-font-family)}
.bq-fav-tab-active{background:var(--bq-primary)!important;color:#fff!important}
.bq-home-card {
background: var(--bq-bg-card);
border-radius: 18px;
border: 1px solid rgba(255,255,255,0.06);
overflow: hidden;
transition: transform 0.35s, border-color 0.35s;
position: relative;
}
.bq-home-card:hover {
transform: translateY(-4px);
border-color: rgba(58,89,239,0.12);
}
.bq-home-card-link { text-decoration: none !important; color: inherit !important; display: block; }
.bq-home-card-image-wrap {
position: relative;
width: 100%;
aspect-ratio: 1;
overflow: hidden;
background: linear-gradient(145deg, #1e1e26, #14141a);
display: flex;
align-items: center;
justify-content: center;
}
.bq-home-card-logo-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.45s cubic-bezier(0.4,0,0.2,1);
}
.bq-home-card:hover .bq-home-card-logo-img { transform: scale(1.06); }
.bq-home-card-placeholder {
font-size: 48px;
align-items: center;
justify-content: center;
color: rgba(255,255,255,0.15);
width: 100%;
height: 100%;
background: var(--bq-bg-elevated);
}
.bq-home-card-heart {
position: absolute;
top: 9px; left: 9px;
width: 32px; height: 32px;
border-radius: 50%;
background: rgba(255,255,255,0.94);
border: none;
cursor: pointer;
display: flex; align-items: center; justify-content: center;
color: #bbb;
transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
z-index: 3;
}
.bq-home-card-heart:hover { color: var(--bq-error); transform: scale(1.1); }
.bq-home-card-heart.active {
color: var(--bq-error);
background: rgba(255,255,255,0.97);
animation: bq-heart-pop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.bq-home-card-heart.active svg { fill: var(--bq-error); }
.bq-home-card-heart svg { pointer-events: none; transition: fill 0.3s, transform 0.3s; width: 16px; height: 16px; fill: none; }
.bq-home-card-share {
position: absolute;
top: 9px;
right: 9px;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(255,255,255,0.94);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #666;
transition: all 0.25s;
z-index: 3;
}
.bq-home-card-share:hover { background: var(--bq-primary); color: white; transform: scale(1.1); }
.bq-home-card-body { padding: 10px 12px 12px; }
.bq-home-card-meta-row {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
margin-bottom: 6px;
}
.bq-home-card-location-pill {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 11px;
color: var(--bq-text-secondary);
white-space: nowrap;
}
.bq-home-card-cat-pill {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 11px;
color: var(--bq-text-secondary);
white-space: nowrap;
}
.bq-home-card-cat-pill svg { opacity: 0.6; }
.bq-home-card-rating-row {
display: flex;
align-items: center;
gap: 6px;
}
.bq-home-card-stars {
display: flex;
gap: 1px;
}
.bq-home-card-reviews-count {
font-size: 11px;
color: var(--bq-text-secondary);
font-weight: 500;
}
.bq-badge-premium {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
background: linear-gradient(135deg, rgba(255,215,0,0.15), rgba(255,165,0,0.1));
color: #FFD700;
padding: 3px 10px;
border-radius: 20px;
font-weight: 600;
vertical-align: middle;
border: 1px solid rgba(255,215,0,0.2);
letter-spacing: 0.02em;
}
.buyaca-app.bq-light-mode .bq-home-card {
background: #ffffff;
border-color: #e8e8e8;
}
.buyaca-app.bq-light-mode .bq-home-card-image-wrap {
background: linear-gradient(145deg, #f3f4f6, #e5e7eb);
}
.buyaca-app.bq-light-mode .bq-home-card-share {
background: rgba(255,255,255,0.95);
}
.buyaca-app.bq-light-mode .bq-home-card-heart {
background: rgba(255,255,255,0.95);
color: #c0c0c0;
}
.bq-profile-card {
background: var(--bq-bg-card);
border-radius: 3px;
overflow: hidden;
border: 1px solid var(--bq-border);
transition: transform 0.35s;
position: relative;
}
.bq-profile-card:hover {
transform: translateY(-3px);
}
.bq-profile-card-link {
text-decoration: none !important;
color: inherit !important;
display: block;
}
.bq-profile-card-banner {
position: relative;
width: 100%;
height: 90px;
overflow: hidden;
background: linear-gradient(135deg, var(--bq-bg-elevated), var(--bq-bg-surface));
}
.bq-profile-card-banner-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.bq-profile-card:hover .bq-profile-card-banner-img { transform: scale(1.06); }
.bq-profile-card-feat-star {
position: absolute;
top: 8px;
left: 8px;
width: 28px;
height: 28px;
border-radius: 50%;
background: linear-gradient(135deg, rgba(255,215,0,0.95), rgba(255,165,0,0.95));
border: 1.5px solid rgba(184,134,11,0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.bq-profile-card-feat-star-mini,
.buyaca-app .bq-profile-card-feat-star-mini {
position: absolute !important;
top: 8px !important;
right: 8px !important;
left: auto !important;
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
background: linear-gradient(135deg,#FFD700,#FFA500) !important;
border: 1.5px solid rgba(184,134,11,0.6) !important;
align-items: center !important;
justify-content: center !important;
z-index: 6 !important;
pointer-events: none;
display: none !important;
}
.bq-profile-card-feat-star-mini.is-featured,
.buyaca-app .bq-profile-card-feat-star-mini.is-featured {
display: flex !important;
}
.bq-profile-card-action {
position: absolute;
top: 8px;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(0,0,0,0.35);
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
z-index: 3;
transition: all 0.25s;
}
.bq-profile-card-action:hover { background: rgba(0,0,0,0.55); transform: scale(1.08); }
.bq-profile-card-heart { left: 8px; }
.bq-profile-card-heart.active { color: var(--bq-error); }
.bq-profile-card-heart.active svg { fill: var(--bq-error); }
.bq-profile-card-share { right: 8px; }
.bq-profile-card-logo-wrap {
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
border: 3px solid var(--bq-bg-card);
background: var(--bq-bg-elevated);
position: relative;
margin: -28px auto 0;
z-index: 4;
}
.bq-profile-card-logo {
width: 100%;
height: 100%;
object-fit: cover;
}
.bq-profile-card-logo-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--bq-bg-surface);
}
.bq-profile-card-divider {
height: 1px;
background: var(--bq-border);
margin: 0 16px;
}
.bq-profile-card-body {
padding: 10px 14px 14px;
text-align: center;
}
.bq-profile-card-name {
font-family: var(--bq-font-display);
font-size: 14px;
font-weight: 700;
color: var(--bq-text-primary);
margin: 0 0 6px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bq-profile-card-name-row { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 0 0 6px; }
.bq-profile-card-name-row .bq-profile-card-name { margin: 0; min-width: 0; }
.bq-profile-card-name-logo { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1px solid rgba(0,0,0,0.08); }
.bq-profile-card-name-logo--empty { display: inline-flex; align-items: center; justify-content: center; background: var(--bq-primary, #3A59EF); color: #fff; font-size: 9px; font-weight: 700; }
.bq-profile-card-meta {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.bq-profile-card-pill {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 11px;
color: var(--bq-text-secondary);
white-space: nowrap;
}
.bq-profile-card-pill svg { opacity: 0.6; }
.bq-profile-card-footer {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.bq-profile-card-rating {
display: flex;
align-items: center;
gap: 2px;
}
.bq-profile-card-rating span {
font-size: 11px;
color: var(--bq-text-secondary);
margin-left: 4px;
font-weight: 500;
}
.bq-profile-card-status {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 8px;
font-weight: 700;
padding: 2px 8px;
border-radius: 10px;
text-transform: uppercase;
letter-spacing: 0.4px;
}
.bq-profile-card-status::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
flex-shrink: 0;
}
.bq-profile-card-status.open {
background: rgba(16,185,129,0.1);
color: #10B981;
}
.bq-profile-card-status.open::before { background: #10B981; }
.bq-profile-card-status.closed {
background: rgba(239,68,68,0.08);
color: #EF4444;
}
.bq-profile-card-status.closed::before { background: #EF4444; }
.buyaca-app.bq-light-mode .bq-profile-card {
background: #fff;
border-color: #e8e8e8;
}
.buyaca-app.bq-light-mode .bq-profile-card-banner {
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
}
.buyaca-app.bq-light-mode .bq-profile-card-logo-wrap {
border-color: #fff;
background: #f3f4f6;
}
.buyaca-app.bq-light-mode .bq-profile-card-name { color: #1a1a1a; }
.buyaca-app.bq-light-mode .bq-profile-card-divider { background: #eee; }
.bq-premium-cta-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 14px 24px;
border-radius: 14px;
background: linear-gradient(135deg, var(--bq-primary), #6C7CFF);
color: #fff !important;
font-family: var(--bq-font-display);
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
text-align: center;
border: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.22,1,0.36,1);
margin-bottom: 4px;
}
.bq-premium-cta-btn:hover {
transform: translateY(-2px);
}
.bq-premium-cta-btn:active { transform: scale(0.98); }
.bq-home-spinner {
width: 36px; height: 36px;
border: 3px solid rgba(255,255,255,0.08);
border-top-color: var(--bq-primary);
border-radius: 50%;
animation: bq-spin 0.7s linear infinite;
margin: 0 auto;
}
.bq-load-more-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 36px;
border: 1.5px solid rgba(58,89,239,0.3);
border-radius: 100px;
background: rgba(58,89,239,0.08);
color: var(--bq-primary);
font-size: 14px;
font-weight: 700;
font-family: var(--bq-font-family);
cursor: pointer;
transition: all 0.3s ease;
min-width: 210px;
}
.bq-load-more-btn:hover {
background: var(--bq-primary);
color: white;
border-color: var(--bq-primary);
transform: translateY(-2px);
}
.bq-load-more-spinner-wrap {
display: inline-flex;
align-items: center;
gap: 8px;
}
.bq-load-more-spinner {
animation: bq-spin 0.8s linear infinite;
}
.bq-cta-register-card {
background: linear-gradient(135deg, rgba(58,89,239,0.1), rgba(58,89,239,0.03));
border: 1.5px solid rgba(58,89,239,0.15);
border-radius: 20px;
padding: 36px 24px;
text-align: center;
margin-top: 24px;
position: relative;
overflow: hidden;
}
.bq-cta-register-card::before {
content: '';
position: absolute;
top: -40%;
right: -20%;
width: 50%;
height: 120%;
background: radial-gradient(ellipse, rgba(58,89,239,0.06) 0%, transparent 70%);
pointer-events: none;
}
.bq-cta-register-icon {
width: 56px;
height: 56px;
border-radius: 16px;
background: rgba(58,89,239,0.1);
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
overflow: hidden;
}
.bq-cta-register-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bq-cta-register-icon img.bq-cta-logo-dark { display: none; }
html .buyaca-app:not(.bq-light-mode) .bq-cta-register-icon img.bq-cta-logo-light,
html.bq-page-dark .bq-cta-register-icon img.bq-cta-logo-light { display: none; }
html .buyaca-app:not(.bq-light-mode) .bq-cta-register-icon img.bq-cta-logo-dark,
html.bq-page-dark .bq-cta-register-icon img.bq-cta-logo-dark { display: block; }
.bq-cta-register-title {
color: var(--bq-text-primary);
margin: 0 0 8px;
font-family: var(--bq-font-display);
font-size: 22px;
font-weight: 800;
}
.bq-cta-register-text {
color: var(--bq-text-secondary);
margin: 0 0 22px;
font-family: var(--bq-font-family);
font-size: 14px;
line-height: 1.5;
}
.bq-cta-register-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
color: white !important;
padding: 13px 30px;
border-radius: 100px;
font-family: var(--bq-font-display);
font-weight: 800;
font-size: 14px;
text-decoration: none !important;
transition: all 0.3s;
letter-spacing: 0.2px;
}
.bq-cta-register-btn:hover {
transform: translateY(-2px);
}
@keyframes bq-sticky-slide-down {
0% { transform: translateY(-100%); opacity: 0; }
60% { transform: translateY(4px); opacity: 1; }
80% { transform: translateY(-2px); }
100% { transform: translateY(0); }
}
@keyframes bq-sticky-slide-up {
0% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(-100%); opacity: 0; }
}
.bq-sticky-search {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 200;
padding: 10px 16px;
background: rgba(13,13,15,0.92);
transform: translateY(-100%);
opacity: 0;
transition: none;
will-change: transform, opacity;
}
.bq-sticky-search.visible {
animation: bq-sticky-slide-down 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.bq-sticky-search.hiding {
animation: bq-sticky-slide-up 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.bq-sticky-search-inner {
display: flex; gap: 10px; align-items: center;
max-width: 600px; margin: 0 auto;
}
.bq-sticky-search-bar {
flex: 1;
position: relative;
background: rgba(255,255,255,0.08);
border-radius: 100px;
border: 1px solid rgba(255,255,255,0.1);
transition: box-shadow var(--bq-transition);
overflow: visible;
}
.bq-sticky-search-bar:focus-within {
border-color: rgba(58,89,239,0.3);
}
.bq-sticky-search-icon {
position: absolute; left: 12px; top: 50%;
transform: translateY(-50%);
color: var(--bq-text-secondary); pointer-events: none;
display: flex;
}
.bq-sticky-search-input {
width: 100%;
padding: 10px 12px 10px 38px;
border: none;
border-radius: 100px;
font-size: 14px;
font-family: var(--bq-font-family);
background: transparent;
outline: none;
color: #ffffff;
}
h2.space {
padding-left: 0px;
}
.bq-home-logo-wrap {
transition: opacity 0.4s ease, transform 0.4s ease;
}
.bq-banner-slider {
position: relative;
width: 100%;
border-radius: 0 0 20px 20px;
min-height: 200px;
}
.bq-banner-fade { min-height: 220px; }
.bq-banner-fade .bq-banner-fade-track {
position: relative;
width: 100%;
min-height: 220px;
}
.bq-banner-fade .bq-fade-slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.4,0,0.2,1);
pointer-events: none;
}
.bq-banner-fade .bq-fade-slide.active {
opacity: 1;
pointer-events: auto;
position: relative;
border-radius: 0 0 20px 20px;
}
.bq-banner-fade .bq-banner-slide-title {
font-size: 30px;
font-weight: 900;
letter-spacing: -0.5px;
line-height: 1.15;
}
@media (max-width: 480px) {
.bq-banner-fade .bq-banner-slide-title { font-size: 24px; }
}
.bq-banner-track {
display: flex;
width: 100%;
transition: transform 0.55s cubic-bezier(0.4,0,0.2,1);
}
.bq-banner-slide {
flex: 0 0 100%;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 48px 24px 80px;
text-align: center;
position: relative;
}
.bq-banner-slide-overlay {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.38) 100%);
}
.bq-slide-has-image {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.bq-slide-overlay {
position: absolute;
inset: 0;
z-index: 1;
transition: opacity 0.4s ease;
border-radius: 0 0 20px 20px;
}
.bq-banner-slide-content {
position: relative; z-index: 2;
}
.bq-banner-slide-title {
font-size: 28px; font-weight: 900;
color: white; margin: 0 0 10px;
letter-spacing: -0.5px;
line-height: 1.15;
}
.bq-banner-slide-sub {
font-size: 15px; color: rgba(255,255,255,0.88);
margin: 0;
font-weight: 400;
letter-spacing: 0.02em;
}
.bq-banner-slide-tag {
display: inline-block;
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.25);
border-radius: 100px;
padding: 5px 16px;
font-size: 12px; font-weight: 600;
color: white;
margin-bottom: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.bq-banner-dots {
position: absolute; bottom: 74px; left: 50%;
transform: translateX(-50%);
display: flex; gap: 6px; z-index: 10;
}
.bq-banner-fade .bq-banner-dots {
bottom: 10px;
}
.bq-banner-dot {
width: 6px; height: 6px; border-radius: 50%;
background: rgba(255,255,255,0.5);
cursor: pointer;
transition: all 0.3s;
border: none; padding: 0;
}
.bq-banner-dot.active {
background: var(--bq-bg-card); width: 20px; border-radius: 4px;
}
.bq-banner-arrow {
position: absolute; top: 50%;
transform: translateY(-50%);
width: 34px; height: 34px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.3);
color: white; font-size: 18px;
display: flex; align-items: center; justify-content: center;
cursor: pointer; z-index: 10;
transition: all var(--bq-transition);
line-height: 1;
}
.bq-banner-arrow:hover { background: rgba(255,255,255,0.35); transform: translateY(-50%) scale(1.08); }
.bq-banner-arrow-prev { left: 12px; }
.bq-banner-arrow-next { right: 12px; }
@media (max-width: 480px) { .bq-banner-arrow { display: none; } }
.bq-home-card-address {
font-size: 11px; color: var(--bq-text-secondary);
margin-bottom: 2px; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;
display: flex; gap: 3px; align-items: center;
}
.bq-home-card-barrio {
font-size: 10.5px; color: var(--bq-text-secondary);
margin-bottom: 6px;
}
.bq-home-card-name {
font-family: var(--bq-font-display);
font-size: 14px;
font-weight: 700;
margin: 0 0 4px;
line-height: 1.3;
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 1;line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bq-home-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
}
.bq-home-card-rating { font-size: 12px; color: var(--bq-text-secondary); }
.bq-home-card-btn {
padding: 6px 16px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
color: white !important;
text-decoration: none !important;
white-space: nowrap;
transition: all 0.2s;
}
.bq-home-card-btn:hover { opacity: 0.92; transform: translateY(-1px); }
.bq-home-card-cat {
font-size: 11.5px;
color: var(--bq-text-secondary);
margin-bottom: 8px;
}
.buyaca-hero {
text-align: center;
padding: 40px 20px;
background: linear-gradient(135deg, rgba(58,89,239,0.06), rgba(0,0,0,0.1));
border-radius: var(--bq-radius-lg);
margin-bottom: 32px;
border: 1px solid rgba(255,255,255,0.04);
}
.buyaca-hero-title {
font-size: 32px;
font-weight: 900;
margin: 0 0 8px;
background: linear-gradient(135deg, var(--bq-primary), #344FD9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.buyaca-hero-subtitle {
font-size: 16px;
color: var(--bq-text-secondary);
margin: 0 0 24px;
}
.buyaca-search-input-wrapper {
position: relative;
}
.buyaca-search-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
pointer-events: none;
}
.buyaca-search-input {
width: 100%;
padding: 14px 16px 14px 48px;
border: 2px solid rgba(255,255,255,0.1);
border-radius: 100px;
font-size: 15px;
font-family: inherit;
transition: all 0.3s;
background: rgba(255,255,255,0.04);
color: var(--bq-text);
}
.buyaca-search-input:focus {
outline: none;
border-color: var(--bq-primary);
background: rgba(255,255,255,0.06);
}
.buyaca-autocomplete {
position: absolute;
top: calc(100% + 8px);
left: -10px;
right: -10px;
background: rgba(26,26,31,0.96);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 20px;
margin-top: 0;
max-height: 420px;
overflow-y: auto;
z-index: 1000;
display: none;
padding: 8px 0;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.1) transparent;
}
.buyaca-autocomplete::-webkit-scrollbar { width: 4px; }
.buyaca-autocomplete::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 4px; }
.buyaca-autocomplete.active { display: block; animation: bq-fade-up 0.2s ease-out; }
.buyaca-autocomplete-item {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 18px;
cursor: pointer;
border-bottom: 1px solid rgba(0,0,0,0.04);
transition: background 0.15s, transform 0.15s;
text-decoration: none !important;
color: inherit !important;
border-radius: 12px;
margin: 0 8px;
}
.buyaca-autocomplete-item:last-child { border-bottom: none; }
.buyaca-autocomplete-item:hover {
background: linear-gradient(135deg, rgba(58,89,239,0.08), rgba(58,89,239,0.03));
transform: translateX(3px);
}
.buyaca-autocomplete-item img {
width: 44px;
height: 44px;
border-radius: 12px;
object-fit: cover;
}
.buyaca-filter-btn {
display: inline-block;
padding: 8px 16px;
background: var(--bq-bg-card);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 100px;
font-size: 14px;
font-weight: 500;
color: var(--bq-text);
text-decoration: none;
white-space: nowrap;
transition: all 0.3s;
}
.buyaca-filter-btn:hover,
.buyaca-filter-btn.active {
background: var(--bq-primary);
color: white;
border-color: var(--bq-primary);
}
.buyaca-grid {
display: grid;
gap: 16px;
}
.buyaca-grid-2 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.buyaca-grid-3 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.buyaca-grid-4 { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
@media (max-width: 768px) {
.buyaca-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (min-width: 769px) {
.buyaca-grid-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1000px) {
.buyaca-grid-4 { grid-template-columns: repeat(4, 1fr); gap: 18px; }
}
@media (min-width: 1300px) {
.buyaca-grid-4 { grid-template-columns: repeat(5, 1fr); gap: 20px; }
}
.buyaca-business-card {
background: var(--bq-bg-card);
border-radius: var(--bq-radius);
overflow: hidden;
transition: transform var(--bq-transition), box-shadow var(--bq-transition);
position: relative;
border: 1px solid rgba(255,255,255,0.05);
}
.buyaca-business-card:hover {
transform: translateY(-5px);
}
.buyaca-business-card-link {
text-decoration: none;
color: inherit;
display: block;
}
.buyaca-business-card-image {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
background: var(--bq-bg-secondary);
overflow: hidden;
}
.buyaca-business-card-image img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s var(--bq-transition);
}
.buyaca-business-card:hover .buyaca-business-card-image img {
transform: scale(1.04);
}
.buyaca-verified-badge {
position: absolute;
top: 8px; right: 8px;
background: linear-gradient(135deg, #10B981, #059669);
color: #fff;
padding: 4px 10px;
border-radius: 20px;
font-size: 11px; font-weight: 700;
display: flex;
align-items: center;
gap: 4px;
z-index: 2;
}
.buyaca-card-favorite-btn {
position: absolute;
top: 8px; left: 8px;
width: 38px; height: 38px;
border-radius: 50%;
background: rgba(0,0,0,0.5);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all var(--bq-transition);
color: rgba(255,255,255,0.6);
z-index: 3;
}
.buyaca-card-favorite-btn svg {
transition: fill 0.25s, stroke 0.25s, transform 0.25s;
pointer-events: none;
width: 18px; height: 18px;
fill: none;
}
.buyaca-card-favorite-btn:hover {
transform: scale(1.12);
color: var(--bq-error);
}
.buyaca-card-favorite-btn.active {
color: var(--bq-error);
background: rgba(239,68,68,0.15);
animation: bq-heart-pop 0.4s ease both;
}
.buyaca-card-favorite-btn.active svg {
fill: #fff;
stroke: #fff;
}
.bq-notif-ask-overlay {
display: none;
position: fixed; inset: 0;
z-index: 999999;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.55);
padding: 16px;
}
.bq-notif-ask-card {
background: var(--bq-bg-card, #fff);
color: var(--bq-text, #14151A);
border-radius: 16px;
width: 100%;
max-width: 340px;
padding: 22px 20px;
text-align: center;
box-shadow: 0 20px 48px rgba(0,0,0,.25);
}
.bq-notif-ask-text { margin: 0 0 18px; font-size: 14.5px; font-weight: 600; line-height: 1.5; }
.bq-notif-ask-actions { display: flex; gap: 10px; justify-content: center; }
.bq-notif-ask-actions .buyaca-btn { flex: 1; max-width: 130px; }
.buyaca-business-card-body { padding: 14px; }
.buyaca-business-card-title {
font-size: 15px; font-weight: 700;
margin: 0 0 4px; line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
transition: color var(--bq-transition);
}
.buyaca-business-card:hover .buyaca-business-card-title { color: var(--bq-primary); }
.buyaca-business-card-category {
font-size: 11px; color: var(--bq-primary);
background: var(--bq-primary-light);
padding: 2px 8px; border-radius: 12px;
display: inline-block; margin-bottom: 6px;
font-weight: 600;
}
.buyaca-card-address {
display: flex;
align-items: flex-start;
gap: 4px;
font-size: 11.5px;
color: var(--bq-text-secondary);
margin-bottom: 4px;
line-height: 1.3;
}
.buyaca-card-address svg { flex-shrink:0; margin-top:1px; }
.buyaca-card-barrio {
font-size: 11px;
color: var(--bq-text-secondary);
margin-bottom: 8px;
display: flex; gap: 4px; align-items: center;
}
.buyaca-business-card-description {
font-size: 13px; color: var(--bq-text-secondary);
margin: 0 0 10px; line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
}
.buyaca-business-card-footer {
display: flex;
justify-content: space-between; align-items: center;
font-size: 12px;
}
.buyaca-business-card-rating {
display: flex; align-items: center;
gap: 4px; font-weight: 600;
}
.buyaca-business-card-rating span { color: var(--bq-text-secondary); font-weight: 400; }
.buyaca-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 22px;
border-radius: 100px;
font-size: 14px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: all var(--bq-transition);
text-decoration: none;
border: none;
letter-spacing: 0.01em;
white-space: nowrap;
}
.buyaca-btn-primary {
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
color: white;
}
.buyaca-btn-primary:hover {
background: linear-gradient(135deg, var(--bq-primary-dark), #cc4d20);
transform: translateY(-2px);
color: white;
}
.buyaca-btn-primary:active { transform: translateY(0); }
.buyaca-btn-outline {
background: var(--bq-bg-card);
color: var(--bq-text);
border: 1.5px solid rgba(255,255,255,0.1);
}
.buyaca-btn-outline:hover {
border-color: var(--bq-primary);
color: var(--bq-primary);
background: rgba(58,89,239,0.08);
}
.buyaca-btn-ghost {
background: transparent;
color: var(--bq-text-secondary);
}
.buyaca-btn-ghost:hover { background: rgba(255,255,255,0.04); color: var(--bq-text); }
.buyaca-btn-social {
background: var(--bq-bg-card);
color: var(--bq-text);
border: 1.5px solid rgba(255,255,255,0.08);
font-size: 13px;
}
.buyaca-btn-sm { padding: 7px 16px; font-size: 13px; border-radius: 100px; }
.buyaca-btn-lg { padding: 14px 30px; font-size: 16px; }
.buyaca-btn-block { width: 100%; justify-content: center; }
.buyaca-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; }
.buyaca-form { max-width: 600px; }
.buyaca-form-section {
background: var(--bq-bg-card);
border-radius: var(--bq-radius);
padding: 20px;
margin-bottom: 16px;
border: 1px solid rgba(255,255,255,0.06);
}
.buyaca-form-section-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 16px;
color: var(--bq-primary);
}
.buyaca-form-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
@media (max-width: 640px) {
.buyaca-form-row { grid-template-columns: 1fr; }
}
.buyaca-form-group {
margin-bottom: 16px;
}
.buyaca-form-label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 6px;
color: var(--bq-text);
}
.buyaca-form-label .required {
color: var(--bq-error);
}
.buyaca-form-input,
.buyaca-form-select,
.buyaca-form-textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid rgba(255,255,255,0.1);
border-radius: var(--bq-radius-sm);
font-size: 14px;
font-family: inherit;
transition: all 0.3s;
background: rgba(255,255,255,0.04);
color: var(--bq-text);
}
.buyaca-form-input:focus,
.buyaca-form-select:focus,
.buyaca-form-textarea:focus {
outline: none;
border-color: var(--bq-primary);
background: rgba(255,255,255,0.06);
}
.buyaca-form-select option { background: var(--bq-bg-card); color: var(--bq-text); }
.buyaca-form-hint {
font-size: 12px;
color: var(--bq-text-secondary);
margin-top: 4px;
}
.buyaca-form-counter {
font-size: 12px;
color: var(--bq-text-secondary);
text-align: right;
margin-top: 4px;
}
.buyaca-empty {
text-align: center;
padding: 60px 20px;
}
.buyaca-empty-icon {
font-size: 64px;
margin-bottom: 16px;
}
.buyaca-empty-title {
font-size: 20px;
font-weight: 700;
margin: 0 0 8px;
}
.buyaca-empty-text {
font-size: 14px;
color: var(--bq-text-secondary);
margin: 0 0 20px;
}
.buyaca-bottom-nav {
position: fixed;
bottom: 0; left: 0; right: 0;
background: rgba(16,16,18,0.97);
backdrop-filter: blur(24px) saturate(1.6);
-webkit-backdrop-filter: blur(24px) saturate(1.6);
border-top: 1px solid rgba(255,255,255,0.07);
display: flex;
justify-content: space-around;
align-items: center;
padding: 8px 4px max(10px, env(safe-area-inset-bottom));
z-index: 100;
border-radius: 20px 20px 0 0;
}
.buyaca-bottom-nav-item {
display: flex; flex-direction: column;
align-items: center; gap: 3px;
color: var(--bq-text-secondary);
text-decoration: none;
padding: 5px 10px 3px;
transition: color var(--bq-transition), transform var(--bq-transition);
flex: 1; max-width: 72px;
border-radius: 12px;
position: relative;
}
.buyaca-bottom-nav-item::before {
content: '';
position: absolute; top: -1px;
left: 50%; transform: translateX(-50%);
width: 0; height: 3px;
background: var(--bq-primary);
border-radius: 0 0 4px 4px;
transition: width 0.3s cubic-bezier(0.4,0,0.2,1);
}
.buyaca-bottom-nav-item.active::before { width: 24px; }
.buyaca-bottom-nav-item.active { color: var(--bq-primary); }
.buyaca-bottom-nav-item:active { transform: scale(0.92); opacity: 0.8; }
.buyaca-bottom-nav-item:hover { color: var(--bq-primary); }
.buyaca-bottom-nav-icon {
width: 24px; height: 24px;
display: flex; align-items: center; justify-content: center;
transition: transform var(--bq-transition);
}
.buyaca-bottom-nav-item.active .buyaca-bottom-nav-icon { transform: scale(1.12); }
.buyaca-bottom-nav-icon svg { width: 22px; height: 22px; }
.buyaca-bottom-nav-label { font-family: var(--bq-font-display); font-size: 9.5px; font-weight: 700; letter-spacing: 0.02em; }
.bq-profile-header-card {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
padding: 20px;
background: linear-gradient(135deg, rgba(58,89,239,0.08), rgba(58,89,239,0.02));
border-radius: 20px;
border: 1px solid rgba(58,89,239,0.1);
}
.bq-profile-avatar {
width: 68px; height: 68px;
border-radius: 50%;
border: 3px solid var(--bq-primary);
object-fit: cover;
flex-shrink: 0;
}
.bq-profile-header-info { min-width: 0; }
.bq-profile-greeting {
font-size: 18px; font-weight: 700;
margin: 0 0 3px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bq-profile-email {
font-size: 13px;
color: var(--bq-text-secondary);
margin: 0;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bq-profile-tabs {
display: flex;
gap: 6px;
margin-bottom: 20px;
overflow-x: auto;
scrollbar-width: none;
padding-bottom: 2px;
}
.bq-profile-tabs::-webkit-scrollbar { display: none; }
.bq-profile-tab {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 7px;
padding: 9px 16px;
border-radius: 100px;
font-size: 13px;
font-weight: 600;
font-family: var(--bq-font-family);
border: 1.5px solid rgba(255,255,255,0.08);
background: var(--bq-bg-card);
color: var(--bq-text-secondary);
cursor: pointer;
transition: all var(--bq-transition);
white-space: nowrap;
}
.bq-profile-tab svg { flex-shrink: 0; transition: stroke var(--bq-transition); }
.bq-profile-tab:hover {
border-color: var(--bq-primary);
color: var(--bq-primary);
background: rgba(58,89,239,0.08);
}
.bq-profile-tab.active {
background: var(--bq-primary);
border-color: var(--bq-primary);
color: white;
}
.bq-profile-tab.active svg { stroke: white; }
.bq-tab-badge {
background: rgba(255,255,255,0.3);
border-radius: 100px;
padding: 1px 7px;
font-size: 11px;
font-weight: 700;
}
.bq-profile-tab:not(.active) .bq-tab-badge {
background: var(--bq-primary-light);
color: var(--bq-primary);
}
.bq-profile-tab .bq-tab-badge--alert,
.bq-profile-tab:not(.active) .bq-tab-badge--alert {
background: #3A59EF !important;
color: #fff !important;
font-weight: 800;
animation: bqBadgePulse 1.8s ease-in-out infinite;
}
@keyframes bqBadgePulse {
0%,100% { transform: scale(1); }
50% { transform: scale(1.08); }
}
.bq-profile-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.bq-profile-actions .buyaca-btn {
flex: 1 1 auto;
min-width: 130px;
max-width: 100%;
justify-content: center;
}
@media (max-width: 400px) {
.bq-profile-actions .buyaca-btn { flex: 1 1 100%; }
.buyaca-bottom-nav-item { padding: 4px 4px; max-width: 64px; }
.buyaca-bottom-nav-label { font-size: 8.5px; }
.buyaca-bottom-nav-icon svg { width: 20px; height: 20px; }
.bq-featured-v2-name { font-size: 16px; }
.bq-featured-v2-wa-btn { font-size: 12px; padding: 11px 14px; letter-spacing: 0.3px; }
.bq-featured-v2-address { font-size: 12px; }
.bq-cta-register-title { font-size: 19px; }
.bq-cta-register-text { font-size: 13px; }
}
.bq-brand-topbar {
position: fixed;
z-index: 10;
}
.bq-brand-topbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1200px;
margin: 0 auto;
gap: 12px;
}
.bq-brand-logo {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
flex-shrink: 0;
}
.bq-brand-logo-icon {
width: 40px; height: 40px;
border-radius: 12px;
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.bq-brand-wordmark {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.bq-brand-name {
font-size: 17px;
font-weight: 800;
color: var(--bq-text-primary);
letter-spacing: -0.3px;
font-family: var(--bq-font-family);
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.bq-brand-tagline {
font-size: 10px;
color: var(--bq-text-secondary);
font-weight: 500;
letter-spacing: 0.04em;
}
.bq-brand-topbar-actions {
display: flex;
align-items: center;
gap: 8px;
}
.bq-brand-action-btn {
width: 38px; height: 38px;
border-radius: 10px;
background: var(--bq-bg-secondary);
color: var(--bq-text-secondary);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all var(--bq-transition);
border: 1px solid var(--bq-border-light);
}
.bq-brand-action-btn:hover {
background: var(--bq-primary-light);
color: var(--bq-primary);
border-color: rgba(58,89,239,0.2);
transform: translateY(-1px);
}
.bq-brand-topbar-login-btn {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 16px;
border-radius: 100px;
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
color: white !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 600;
font-family: var(--bq-font-family);
transition: all var(--bq-transition);
}
.bq-brand-topbar-login-btn:hover {
transform: translateY(-1px);
}
.bq-sticky-logo-pill {
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
font-weight: 800;
font-size: 14px;
color: white;
font-family: var(--bq-font-family);
letter-spacing: 0.3px;
}
.bq-sticky-search-inner {
display: flex; gap: 10px; align-items: center;
max-width: 700px; margin: 0 auto;
}
.bq-float-btn {
position: fixed;
top: 16px;
z-index: 9999;
width: 40px;
height: 40px;
border-radius: 50%;
background: transparent;
border: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
filter: drop-shadow(0 1px 3px rgba(0,0,0,.5));
transition: all 0.22s cubic-bezier(0.4,0,0.2,1);
}
.bq-float-btn:hover { transform: scale(1.08); }
.bq-float-btn--back { left: 14px; }
.bq-float-btn--fav { right: 14px; }
.bq-float-btn--fav.active { color: #fff; }
.bq-float-btn--fav.active svg { fill: var(--bq-primary); stroke: #fff; }
.bq-cv2-banner-wrap {
position: relative;
width: 100%;
padding-bottom: 20px;
overflow: visible;
}
.bq-cv2-banner {
width: 100%;
height: 145px;
max-height: 200px;
background: linear-gradient(135deg, #1e1e28 0%, #0d0d12 100%);
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
.bq-cv2-banner img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (min-width: 480px) { .bq-cv2-banner { height: 220px; max-height: 220px; } }
.bq-cv2-banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.42) 70%, rgba(13,13,15,0.82) 100%);
}
.bq-cv2-banner-gradient {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(58,89,239,0.07) 0%, rgba(13,13,15,0.9) 100%);
}
.bq-cv2-logo {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 88px;
height: 88px;
border-radius: 50%;
overflow: hidden;
border: 3.5px solid var(--bq-primary);
background: var(--bq-bg-elevated);
z-index: 10;
}
.bq-cv2-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bq-cv2-logo-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--bq-bg-elevated); }
.bq-cv2-info {
background: var(--bq-bg);
padding: 35px 16px 14px;
position: relative;
z-index: 5;
margin-top: -34px;
border-radius: 15px;
}
.bq-cv2-name-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin-bottom: 5px;
}
.bq-cv2-name-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.bq-cv2-name {
font-family: var(--bq-font-display);
font-size: 21px;
font-weight: 800;
color: var(--bq-text-primary);
margin: 0;
line-height: 1.2;
letter-spacing: -0.3px;
}
.bq-cv2-verified-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 700;
background: linear-gradient(135deg, rgba(16,185,129,0.15), rgba(5,150,105,0.08));
color: #10B981;
padding: 3px 3px;
border-radius: 20px;
border: 1px solid rgba(16,185,129,0.25);
white-space: nowrap;
flex-shrink: 0;
position: relative;
}
.bq-cv2-verified-badge::before {
content: '';
position: absolute;
top: -1px; left: -1px; right: -1px; bottom: -1px;
border-radius: 20px;
background: linear-gradient(135deg, #10B981, #059669);
opacity: 0.1;
z-index: -1;
}
.bq-badge-icon {
display: inline-flex; align-items: center; justify-content: center;
width: 20px; height: 20px; flex-shrink: 0; cursor: help;
transition: transform 0.2s, filter 0.2s;
}
.bq-badge-icon:hover { transform: scale(1.25); }
.bq-badge-icon svg { width: 16px; height: 16px; }
.bq-badge-icon--profile { width: 22px; height: 22px; }
.bq-badge-icon--profile svg { width: 18px; height: 18px; }
.bq-cv2-badges-row { display: inline-flex; align-items: center; gap: 3px; margin-left: 2px; }
.bq-dark-toggle-switch {
position: relative;
display: inline-flex;
align-items: center;
width: 44px;
height: 24px;
cursor: pointer;
margin-left: 4px;
}
.bq-dark-toggle-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.bq-dark-toggle-slider {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
border-radius: 100px;
transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
}
.bq-dark-toggle-slider::before {
content: '';
position: absolute;
width: 18px;
height: 18px;
left: 3px;
top: 3px;
background: white;
border-radius: 50%;
transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
z-index: 2;
}
bq-cv2-cta.bq-cv2-cta--default {
color: var(--bq-primary);
}
.bq-dark-toggle-switch input:checked + .bq-dark-toggle-slider {
background: linear-gradient(135deg, #3b4f7a 0%, #1e2a4a 100%);
}
.bq-dark-toggle-switch input:checked + .bq-dark-toggle-slider::before {
transform: translateX(20px);
}
.bq-dark-toggle-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: opacity 0.3s;
}
.bq-dark-toggle-sun { left: 6px; color: #fff; }
.bq-dark-toggle-moon { right: 6px; color: #cbd5e1; }
.bq-dark-toggle-switch input:not(:checked) ~ .bq-dark-toggle-slider .bq-dark-toggle-moon { opacity: 0.3; }
.bq-dark-toggle-switch input:checked ~ .bq-dark-toggle-slider .bq-dark-toggle-sun { opacity: 0.3; }
.bq-cv2-meta-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 9px; font-size: 12.5px; }
.bq-cv2-rating { display: inline-flex; align-items: center; gap: 3px; }
.bq-cv2-rating-score { font-weight: 700; color: var(--bq-primary); font-size: 13px; font-family: var(--bq-font-display); }
.bq-cv2-rating-count { color: var(--bq-text-secondary); font-size: 11.5px; }
.bq-cv2-meta-sep { color: var(--bq-text-secondary); opacity: 0.4; font-size: 11px; }
.bq-cv2-status {
display: inline-flex; align-items: center; gap: 4px;
font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 100px; letter-spacing: 0.3px;
}
.bq-cv2-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }
.bq-cv2-status.open { background: rgba(16,185,129,0.1); color: #10B981; }
.bq-cv2-status.open::before { background: #10B981; }
.bq-cv2-status.closed { background: rgba(239,68,68,0.08); color: #EF4444; }
.bq-cv2-status.closed::before { background: #EF4444; }
.bq-cv2-cat { font-size: 11.5px; color: var(--bq-primary); font-weight: 600; background:
color-mix(in srgb, var(--bq-primary) 10%, transparent);
padding: 2px 8px;
border-radius: 8px;}
.bq-cv2-description { font-size: 13px; line-height: 1.55; color: var(--bq-text-secondary); margin: 0 0 9px; display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bq-cv2-detail-row { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.bq-cv2-detail-item { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--bq-text-secondary); min-width: 0; }
.bq-cv2-detail-item span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
.bq-cv2-socials { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.bq-cv2-social-btn {
width: 34px; height: 34px; border-radius: 10px;
background:
color-mix(in srgb, var(--bq-primary) 10%, transparent);
color: var(--bq-primary); display: flex; align-items: center; justify-content: center;
text-decoration: none; transition: all 0.2s; flex-shrink: 0;
}
.bq-cv2-social-btn:hover { background: var(--bq-primary); color: white; border-color: var(--bq-primary); transform: translateY(-2px); }
.bq-cv2-cta-wrap { padding: 2px 0 0; }
.bq-cv2-cta {
display: inline-flex; align-items: center; justify-content: center; gap: 7px;
width: 100%; padding: 12px 20px; border-radius: 14px;
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
color: white; font-family: var(--bq-font-display); font-size: 14px; font-weight: 700;
text-decoration: none !important; border: none; cursor: pointer;
transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
}
.bq-cv2-cta:hover { transform: translateY(-2px); }
.bq-cv2-cta:active { transform: scale(0.98); }
.bq-cv2-cta-wrap.bq-cta-sticky {
position: fixed;
bottom: max(14px, env(safe-area-inset-bottom, 14px));
left: 50%;
transform: translateX(-50%);
z-index: 90;
width: 30vw;
min-width: 280px;
max-width: 420px;
padding: 0;
animation: bq-cta-slide-in 0.32s cubic-bezier(0.22,0.61,0.36,1);
}
.bq-cv2-cta-wrap.bq-cta-sticky .bq-cv2-cta {
background: linear-gradient(135deg,
color-mix(in srgb, var(--bq-primary) 90%, transparent),
color-mix(in srgb, var(--bq-primary-dark) 90%, transparent));
backdrop-filter: blur(14px) saturate(160%);
-webkit-backdrop-filter: blur(14px) saturate(160%);
border: 1px solid rgba(255,255,255,0.22);
border-radius: 18px;
transition: transform 0.22s cubic-bezier(0.4,0,0.2,1), box-shadow 0.22s ease;
}
.bq-cv2-cta-wrap.bq-cta-sticky .bq-cv2-cta:hover {
transform: translateY(-3px);
}
.bq-cv2-cta-wrap.bq-cta-sticky .bq-cv2-cta:active {
transform: translateY(-1px) scale(0.99);
}
@media (max-width: 720px) {
.bq-cv2-cta-wrap.bq-cta-sticky {
width: calc(100% - 28px);
min-width: 0;
max-width: 460px;
}
}
@keyframes bq-cta-slide-in {
from { opacity: 0; transform: translateX(-50%) translateY(20px); }
to { opacity: 1; transform: translateX(-50%) translateY(0); }
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"],
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"]{
background:var(--bq-primary)!important;
border:1px solid var(--bq-primary)!important;
color:#fff!important;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"]::before,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"]::before{ display:none!important; }
.buyaca-app a.bq-feat-tag[href*="tab=plans"] svg polygon,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"] svg polygon{ fill:#fff!important; stroke:none!important; }
.buyaca-app a.bq-feat-tag[href*="tab=plans"]:hover,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"]:hover{ filter:brightness(0.95); }
.buyaca-app .bq-feat-banner-icon svg{ fill:var(--bq-primary)!important; stroke:var(--bq-primary)!important; }
.bq-cv2-filters { display: flex; gap: 7px; overflow-x: auto; padding: 12px 0 6px; scrollbar-width: none; flex-wrap: wrap; align-items: center; }
.bq-cv2-filters::-webkit-scrollbar { display: none; }
.bq-cat-slider-wrap{
position:relative;
padding:8px 0 0px;
}
.bq-cat-slider-wrap::before,
.bq-cat-slider-wrap::after{
content:'';
position:absolute;
top:12px;bottom:8px;
width:28px;
pointer-events:none;
z-index:2;
transition:opacity .2s;
}
.bq-cat-slider-wrap::before{
left:0;
background:linear-gradient(90deg, var(--bq-bg) 0%, rgba(0,0,0,0) 100%);
}
.bq-cat-slider-wrap::after{
right:0;
background:linear-gradient(270deg, var(--bq-bg) 0%, rgba(0,0,0,0) 100%);
}
.bq-cat-slider-wrap.at-start::before{opacity:0}
.bq-cat-slider-wrap.at-end::after{opacity:0}
.bq-cat-slider{
display:flex;
gap:8px;
overflow-x:auto;
overflow-y:hidden;
scroll-behavior:smooth;
scroll-snap-type:x proximity;
padding:4px 40px;
scrollbar-width:none;
-ms-overflow-style:none;
flex-wrap:nowrap !important;
width:100%;
}
.bq-cat-slider::-webkit-scrollbar{display:none}
.bq-cat-slider .bq-cv2-cat-pill{
scroll-snap-align:start;
flex:0 0 auto;
}
.bq-cat-slider-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:34px;
height:34px;
border-radius:50%;
background:var(--bq-bg-card);
border:1px solid var(--bq-border);
color:var(--bq-text-primary);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:3;
transition:all .2s ease;
opacity:0;
pointer-events:none;
}
.bq-cat-slider-wrap:hover .bq-cat-slider-nav{ opacity:1; pointer-events:auto; }
.bq-cat-slider-nav:hover{
background:var(--bq-primary);
color:#fff;
border-color:transparent;
transform:translateY(-50%) scale(1.08);
}
.bq-cat-slider-prev{left:4px}
.bq-cat-slider-next{right:4px}
.bq-cat-slider-wrap.at-start .bq-cat-slider-prev,
.bq-cat-slider-wrap.at-end .bq-cat-slider-next{
opacity:0 !important;
pointer-events:none !important;
}
@media (max-width: 768px){
.bq-cat-slider-nav{
opacity:1;pointer-events:auto;
width:30px;height:30px;
background:rgba(0,0,0,0.55) !important;
color:#fff !important;
border-color:rgba(255,255,255,0.18) !important;
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
.bq-cat-slider-nav:hover{
background:var(--bq-primary,#3A59EF) !important;
color:#fff !important;
}
.bq-cat-slider-prev{left:2px}
.bq-cat-slider-next{right:2px}
.bq-cat-slider{padding:4px 32px}
.bq-cat-slider-wrap::before,
.bq-cat-slider-wrap::after{width:20px}
}
.bq-cv2-cat-pills {
display: flex;
gap: 8px;
overflow-x: auto;
scrollbar-width: none;
padding: 4px 0;
width: 100%;
flex-wrap: nowrap;
}
.bq-cv2-cat-pills::-webkit-scrollbar { display: none; }
.bq-cv2-cat-pill {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 5px;
padding: 8px 18px;
border-radius: 100px;
border: 1.5px solid var(--bq-border);
background: var(--bq-bg-card);
color: var(--bq-text-secondary);
font-family: var(--bq-font-display);
font-size: 12.5px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
white-space: nowrap;
letter-spacing: 0.2px;
position: relative;
overflow: hidden;
}
.bq-cv2-cat-pill::before {
content: '';
position: absolute;
inset: 0;
border-radius: 100px;
opacity: 0;
background: linear-gradient(135deg, var(--bq-primary), #ff8a50);
transition: opacity 0.3s;
}
.bq-cv2-cat-pill:hover {
border-color: rgba(58,89,239,0.4);
color: var(--bq-primary);
transform: translateY(-1px);
}
.bq-cv2-cat-pill.active {
background: linear-gradient(135deg, var(--bq-primary), #ff7b3a);
color: white;
border-color: transparent;
font-weight: 700;
}
.bq-cv2-cat-pill.active:hover {
transform: translateY(-1px);
color: white;
}
.bq-cv2-cat-pill.active svg { stroke: white; }
.buyaca-app.bq-light-mode .bq-cv2-cat-pill { background: #f8f9fb; border-color: #e5e7eb; color: #6b7280; }
.buyaca-app.bq-light-mode .bq-cv2-cat-pill:hover { color: var(--bq-primary); border-color: rgba(58,89,239,0.35); background: #fff4ef; }
.buyaca-app.bq-light-mode .bq-cv2-cat-pill.active { background: var(--bq-primary); color: white; border-color: transparent; }
.bq-cv2-filter-select {
flex-shrink: 0; appearance: none; -webkit-appearance: none;
background: var(--bq-bg-card); border: 1px solid var(--bq-border);
color: var(--bq-text-secondary); border-radius: 10px; padding: 7px 32px 7px 12px;
font-size: 12.5px; font-family: var(--bq-font-family); font-weight: 600; cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 11px center; transition: border-color 0.2s;
}
.bq-cv2-filter-select:focus,
.bq-cv2-filter-select:focus-visible {
outline: none !important;
box-shadow: none !important;
border-color: var(--bq-primary) !important;
}
.bq-cat-filters-row {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 12px 2px 6px;
margin: 0 0 12px;
}
.bq-cat-filters-row::-webkit-scrollbar { display: none; }
.bq-cat-filters-row > * { flex-shrink: 0; }
.bq-cat-dd { position: relative; flex-shrink: 0; }
.bq-cat-dd-trigger {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border);
color: var(--bq-text-secondary);
border-radius: 10px;
padding: 7px 12px;
font-size: 12.5px;
font-family: var(--bq-font-family);
font-weight: 600;
white-space: nowrap;
cursor: pointer;
transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.bq-cat-dd-trigger:hover { border-color: var(--bq-primary); color: var(--bq-primary); }
.bq-cat-dd.has-sel .bq-cat-dd-trigger {
background: var(--bq-primary-light, rgba(58,89,239,.12));
border-color: var(--bq-primary);
color: var(--bq-primary);
}
.bq-cat-dd-chev {
flex-shrink: 0;
transition: transform .2s ease;
}
.bq-cat-dd-trigger[aria-expanded="true"] .bq-cat-dd-chev { transform: rotate(180deg); }
.bq-cat-dd-panel[hidden] { display: none !important; }
.bq-cat-dd-panel {
position: absolute;
z-index: 40;
top: calc(100% + 8px);
left: 0;
min-width: 210px;
max-height: 300px;
overflow-y: auto;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border);
border-radius: 14px;
padding: 7px;
box-shadow: 0 14px 32px rgba(0,0,0,.16), 0 2px 8px rgba(0,0,0,.08);
animation: bqCatDdIn .16s ease;
}
.bq-cat-dd-panel:not([hidden]) {
display: flex;
flex-direction: column;
gap: 2px;
}
@keyframes bqCatDdIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
.bq-cat-dd-panel { animation: none; }
}
.bq-cat-dd-item {
display: block;
width: 100%;
text-align: left;
background: none;
border: none;
border-radius: 8px;
padding: 9px 10px;
font-size: 13px;
font-family: var(--bq-font-family);
color: var(--bq-text-secondary);
cursor: pointer;
transition: background .12s ease, color .12s ease;
}
.bq-cat-dd-item:hover { background: var(--bq-primary-light, rgba(58,89,239,.1)); color: var(--bq-primary); }
.bq-cat-dd-item.active { background: var(--bq-primary); color: #fff; font-weight: 700; }
.buyaca-app.bq-light-mode .bq-cat-dd-trigger { background: #fff; border-color: #e5e7eb; color: #6b7280; }
.buyaca-app.bq-light-mode .bq-cat-dd-panel { background: #fff; border-color: #e5e7eb; }
.buyaca-app.bq-light-mode .bq-cat-dd-item { color: #374151; }
.buyaca-app.bq-light-mode .bq-cat-dd-item.active { color: #fff !important; }
.buyaca-app .bq-view-dd-item.bq-view-btn {
display: block;
width: 100%;
height: auto;
text-align: left;
background: none !important;
border: none;
border-radius: 8px !important;
padding: 9px 10px;
font-size: 13px;
font-family: var(--bq-font-family);
color: var(--bq-text-secondary) !important;
cursor: pointer;
transition: background .12s ease, color .12s ease;
}
.buyaca-app .bq-view-dd-item.bq-view-btn:hover { background: var(--bq-primary-light, rgba(58,89,239,.1)) !important; color: var(--bq-primary) !important; }
.buyaca-app .bq-view-dd-item.bq-view-btn.active { background: var(--bq-primary) !important; color: #fff !important; font-weight: 700; }
.buyaca-app.bq-light-mode .bq-view-dd-item.bq-view-btn { color: #374151 !important; }
.buyaca-app.bq-light-mode .bq-view-dd-item.bq-view-btn.active { color: #fff !important; }
.bq-cv2-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding-top: 8px; }
@media (min-width: 768px) { .bq-cv2-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .bq-cv2-product-grid { grid-template-columns: repeat(3, 1fr); } }
.bq-cv2-product-card {
background: var(--bq-bg-card); border-radius: 0; overflow: hidden;
border: none;
border-right: 1px solid var(--bq-border-light, rgba(255,255,255,0.06));
border-bottom: 1px solid var(--bq-border-light, rgba(255,255,255,0.06));
transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s;
cursor: pointer; position: relative;
}
.bq-cv2-product-card:nth-child(3n) { border-right: none; }
.bq-cv2-product-card:hover { transform: translateY(-3px); }
.bq-cv2-product-img { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; background: linear-gradient(145deg, #1e1e26, #14141a); }
.bq-img-shimmer::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.04) 50%, transparent 100%); background-size:200% 100%; animation:bq-shimmer 1.2s ease infinite; }
.bq-cv2-product-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.25,0.1,0.25,1), opacity 0.4s ease; display: block; opacity: 1; }
.bq-cv2-product-card:hover .bq-cv2-product-img img { transform: scale(1.08); }
.bq-cv2-product-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.bq-cv2-product-gallery-badge { position: absolute; bottom: 6px; right: 6px; background: rgba(0,0,0,0.55); color: white; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 100px; display: flex; align-items: center; gap: 3px; pointer-events: none; }
.bq-cv2-product-pinned-badge { position: absolute; top: 6px; left: 6px; display: flex; align-items: center; justify-content: right; pointer-events: none; }
.bq-dash-pin-btn { color: var(--bq-text-secondary); transition: all 0.2s; }
.bq-dash-pin-btn.bq-pinned-active { color: #3A59EF; background: rgba(58,89,239,0.1); border-color: rgba(58,89,239,0.3); }
.bq-dash-pin-btn:hover { color: #3A59EF; }
.bq-video-play-btn {
position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; border-radius: 50%;
background: var(--bq-primary); border: 2px solid rgba(255,255,255,0.4);
display: flex; align-items: center; justify-content: center; cursor: pointer;
transition: all 0.25s ease; z-index: 5; padding: 0;
}
.bq-video-play-btn:hover { transform: scale(1.12); background: var(--bq-primary-dark); }
.bq-video-play-btn svg { margin-left: 1px; }
.bq-video-inline-btn {
display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px;
background: var(--bq-primary-light); border: 1px solid var(--bq-primary);
border-radius: 12px; color: var(--bq-text-primary); font-size: 13px; font-weight: 600;
font-family: var(--bq-font-family); cursor: pointer; transition: all 0.2s ease;
}
.bq-video-inline-btn:hover { background: var(--bq-primary); color: #fff; border-color: var(--bq-primary); transform: translateY(-1px); }
.bq-video-modal {
position: fixed; inset: 0; z-index: 100010; display: none;
align-items: center; justify-content: center; padding: 16px;
background: rgba(0,0,0,0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
animation: bqVideoFadeIn 0.25s ease;
}
.bq-video-modal.active { display: flex; }
@keyframes bqVideoFadeIn { from { opacity: 0; } to { opacity: 1; } }
.bq-video-modal-content {
position: relative; width: 100%; max-width: 640px; border-radius: 18px;
overflow: hidden; background: #000;
animation: bqVideoSlideUp 0.3s cubic-bezier(0.4,0,0.2,1);
}
@keyframes bqVideoSlideUp { from { opacity: 0; transform: translateY(24px) scale(0.96); } to { opacity: 1; transform: none; } }
.bq-video-modal-content iframe {
width: 100%; aspect-ratio: 16/9; border: none; display: block;
}
.bq-video-modal-close {
position: absolute; top: -40px; right: 0; width: 34px; height: 34px;
border-radius: 50%; background: rgba(255,255,255,0.12); border: none;
color: white; font-size: 22px; cursor: pointer; display: flex;
align-items: center; justify-content: center; transition: all 0.2s;
}
.bq-video-modal-close:hover { background: rgba(255,255,255,0.25); transform: scale(1.1); }
.bq-cv2-product-body { padding: 9px 10px 11px; }
.bq-cv2-product-name { font-family: var(--bq-font-display); font-size: 13px; font-weight: 700; color: var(--bq-text-primary); margin-bottom: 3px; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; }
.bq-cv2-product-name--minimal { font-family: var(--bq-font-family); font-size: 12.5px; font-weight: 300; letter-spacing: 0.2px; color: var(--bq-text-primary); line-height: 1.35; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bq-cv2-product-cat-label { font-family: var(--bq-font-family); font-size: 10px; font-weight: 400; color: var(--bq-text-secondary); letter-spacing: 0.3px; text-transform: uppercase; opacity: 0.7; display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.bq-cv2-product-attr { font-size: 10px; color: var(--bq-text-secondary); opacity: 0.6; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bq-cv2-product-date { font-size: 10px; color: var(--bq-text-secondary); opacity: 0.5; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bq-product-status-badges { position: absolute; top: 6px; left: 6px; display: flex; flex-wrap: wrap; gap: 4px; z-index: 3; }
.bq-product-status-badge { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 10px; font-weight: 700; color: #fff; letter-spacing: 0.3px; text-transform: uppercase; line-height: 1.4; }
.bq-spinner-inline { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: bq-spin 0.6s linear infinite; vertical-align: middle; }
.bq-cv2-product-desc { font-size: 11px; color: var(--bq-text-secondary); margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; }
.bq-cv2-product-price { font-size: 13px; font-weight: 800; color: var(--bq-primary); font-family: var(--bq-font-display); margin-bottom: 7px; }
.bq-cv2-info-blocks { padding-top: 12px; display: flex; flex-direction: column; gap: 8px; margin-bottom: 20%; }
.bq-cv2-info-block { display: flex; align-items: flex-start; gap: 12px; background: var(--bq-bg-card); border-radius: 14px; padding: 13px 15px; border: 1px solid var(--bq-border-light); }
.bq-cv2-info-block-icon { width: 34px; height: 34px; background:
color-mix(in srgb, var(--bq-primary) 10%, transparent);
padding: 2px 8px;
border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--bq-primary); }
.bq-cv2-info-block-content { flex: 1; min-width: 0; }
.bq-cv2-info-block-label { font-size: 11px; color: var(--bq-text-secondary); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; }
.bq-cv2-info-block-value { font-size: 14px; font-weight: 500; color: var(--bq-text-primary); line-height: 1.4; }
.bq-cv2-info-link { color: var(--bq-primary) !important; text-decoration: none; }
.bq-cv2-location-card:hover { border-color: var(--bq-primary); background: linear-gradient(135deg, rgba(58,89,239,0.12), rgba(78,205,196,0.1)) !important; transform: translateY(-2px); }
.bq-cv2-schedule-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--bq-primary); padding: 6px 12px; background: rgba(58,89,239,0.08); border-radius: 10px; margin-top: 2px; }
.bq-cv2-schedule-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--bq-primary); flex-shrink: 0; }
.bq-cv2-schedule-list { margin-top: 4px; }
.bq-cv2-schedule-row { display: flex; justify-content: space-between; padding: 3px 0; font-size: 13px; border-bottom: 1px solid var(--bq-border-light); }
.bq-cv2-schedule-row:last-child { border-bottom: none; }
.bq-cv2-schedule-row span:first-child { color: var(--bq-text-secondary); }
.bq-cv2-schedule-row span:last-child { font-weight: 600; color: var(--bq-text-primary); }
.bq-cv2-review-cta { padding: 12px 0 8px; }
.bq-cv2-review-form { background: var(--bq-bg-card); border-radius: 16px; border: 1px solid var(--bq-border-light); padding: 16px; margin: 12px 0; }
.bq-cv2-review-done { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--bq-primary); background: rgba(58,89,239,0.08); border-radius: 12px; padding: 12px 16px; margin: 12px 0; }
.bq-cv2-reviews-list { padding-top: 8px; }
.bq-cv2-review { display: flex; gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--bq-border-light); }
.bq-cv2-review:last-child { border-bottom: none; }
.bq-cv2-review-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--bq-border); }
.bq-cv2-review-body { flex: 1; min-width: 0; }
.bq-cv2-review-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 5px; }
.bq-cv2-review-author { font-size: 13px; font-weight: 700; color: var(--bq-text-primary); }
.bq-cv2-review-actions { display: flex; align-items: center; gap: 6px; }
.bq-cv2-review-time { font-size: 11px; color: var(--bq-text-secondary); }
.bq-cv2-review-del { background: none; border: none; cursor: pointer; color: var(--bq-text-secondary); padding: 2px; display: flex; transition: color 0.2s; }
.bq-cv2-review-del:hover { color: var(--bq-error); }
.bq-cv2-review-text { font-size: 13px; color: var(--bq-text-secondary); line-height: 1.5; margin: 0; }
.bq-cv2-empty { text-align: center; padding: 48px 20px 32px; }
.bq-cv2-empty-icon { width: 64px; height: 64px; border-radius: 50%; background: rgba(58,89,239,0.06); display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.bq-cv2-empty-title { font-size: 16px; font-weight: 700; color: var(--bq-text-primary); margin: 0 0 6px; }
.bq-cv2-empty-text { font-size: 13px; color: var(--bq-text-secondary); margin: 0; line-height: 1.5; }
.buyaca-app.bq-light-mode .bq-cv2-info { background: #f8f9fa; }
.buyaca-app.bq-light-mode .bq-cv2-product-card { background: #fff; border: none; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
.buyaca-app.bq-light-mode .bq-cv2-product-card:nth-child(3n) { border-right: none; }
.buyaca-app.bq-light-mode .bq-cv2-product-img { background: linear-gradient(145deg, #f3f4f6, #e5e7eb); }
.buyaca-app.bq-light-mode .bq-img-shimmer::before { background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.03) 50%, transparent 100%); background-size: 200% 100%; animation: bq-shimmer 1.2s ease infinite; }
.buyaca-app.bq-light-mode .bq-cv2-info-block { background: #fff; border-color: #eee; }
.buyaca-app.bq-light-mode .bq-cv2-filter-select {
background-color: #fff; border-color: #e5e7eb; color: #374151;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 11px center;
}
.buyaca-app.bq-light-mode .bq-cv2-product-name { color: #1a1a1a; }
.buyaca-app.bq-light-mode .bq-float-btn { background: rgba(255,255,255,0.9); color: #333; border-color: #ddd; }
.buyaca-business-profile { padding-bottom: 0; }
.buyaca-business-header { background: var(--bq-bg); padding: 20px; position: relative; z-index: 5; }
.buyaca-business-name {
font-size: 24px;
font-weight: 800;
margin: 0 0 8px;
color: #ffffff;
}
.buyaca-business-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
font-size: 13px;
margin-bottom: 8px;
align-items: center;
color: var(--bq-text-secondary);
}
.buyaca-business-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.buyaca-business-description {
font-size: 14px;
color: var(--bq-text-secondary);
line-height: 1.5;
margin: 12px 0;
}
.bq-actions-carousel-wrap {
margin-top: 20px;
margin-left: -20px;
margin-right: -20px;
position: relative;
}
.bq-actions-carousel-wrap::before,
.bq-actions-carousel-wrap::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 24px;
z-index: 2;
pointer-events: none;
}
.bq-actions-carousel-wrap::before {
left: 0;
background: linear-gradient(to right, var(--bq-bg), transparent);
}
.bq-actions-carousel-wrap::after {
right: 0;
background: linear-gradient(to left, var(--bq-bg), transparent);
}
.bq-actions-carousel {
display: flex;
gap: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 8px 24px 12px;
cursor: grab;
user-select: none;
}
.bq-actions-carousel::-webkit-scrollbar { display: none; }
.bq-actions-carousel.is-dragging { cursor: grabbing; }
.bq-action-card {
flex-shrink: 0;
scroll-snap-align: start;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
width: 80px;
padding: 14px 6px 12px;
border-radius: 18px;
text-decoration: none !important;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.01em;
transition: transform 0.2s ease, box-shadow 0.2s ease;
color: rgba(255,255,255,0.7) !important;
-webkit-tap-highlight-color: transparent;
}
.bq-action-card:active {
transform: scale(0.94);
}
.bq-action-card__icon {
width: 48px;
height: 48px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.bq-action-card:hover .bq-action-card__icon {
transform: translateY(-3px);
}
.bq-action-card__label {
text-align: center;
line-height: 1.2;
white-space: nowrap;
color: rgba(255,255,255,0.6);
font-size: 10.5px;
}
.bq-action-card--whatsapp,
.bq-action-card--maps,
.bq-action-card--instagram,
.bq-action-card--facebook,
.bq-action-card--tiktok,
.bq-action-card--twitter,
.bq-action-card--web { color: var(--bq-primary) !important; }
.bq-action-card--whatsapp .bq-action-card__icon,
.bq-action-card--maps .bq-action-card__icon,
.bq-action-card--instagram .bq-action-card__icon,
.bq-action-card--facebook .bq-action-card__icon,
.bq-action-card--tiktok .bq-action-card__icon,
.bq-action-card--twitter .bq-action-card__icon,
.bq-action-card--web .bq-action-card__icon {
background: linear-gradient(135deg, var(--bq-primary), var(--bq-primary-dark));
color: white;
border: none;
}
.bq-action-card--whatsapp .bq-action-card__label,
.bq-action-card--maps .bq-action-card__label,
.bq-action-card--instagram .bq-action-card__label,
.bq-action-card--facebook .bq-action-card__label,
.bq-action-card--tiktok .bq-action-card__label,
.bq-action-card--twitter .bq-action-card__label,
.bq-action-card--web .bq-action-card__label { color: var(--bq-primary); }
.buyaca-tabs {
display: flex;
background: var(--bq-bg-card);
border-bottom: 2px solid var(--bq-border-light);
overflow-x: auto;
scrollbar-width: none;
}
.buyaca-tabs::-webkit-scrollbar { display: none; }
.buyaca-tab {
flex: 1;
min-width: max-content;
padding: 14px 20px;
background: none;
border: none;
border-bottom: 3px solid transparent;
font-size: 14px;
font-weight: 600;
color: var(--bq-text-secondary);
cursor: pointer;
transition: all 0.3s;
white-space: nowrap;
}
.buyaca-tab.active,
.buyaca-tab:hover {
color: var(--bq-primary);
border-bottom-color: var(--bq-primary);
}
.buyaca-catalog-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
padding: 20px 0;
}
@media (min-width: 480px) {
.buyaca-catalog-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
.buyaca-catalog-grid { grid-template-columns: repeat(4, 1fr); gap: 14px; }
}
@media (min-width: 1100px) {
.buyaca-catalog-grid { grid-template-columns: repeat(5, 1fr); }
}
.buyaca-catalog-item {
background: var(--bq-bg-card);
border-radius: var(--bq-radius);
overflow: hidden;
transition: all 0.3s;
position: relative;
}
.buyaca-catalog-item:hover {
transform: translateY(-2px);
}
.buyaca-catalog-item:hover .product-actions {
opacity: 1;
}
.bq-catalog-drag-handle {
position: absolute;
top: 8px; right: 8px;
z-index: 4;
width: 30px; height: 30px;
border-radius: 8px;
background: rgba(255,255,255,0.92);
display: flex; align-items: center; justify-content: center;
cursor: grab;
color: var(--bq-text-secondary);
transition: all var(--bq-transition);
border: 1px solid rgba(0,0,0,0.06);
}
.bq-catalog-drag-handle:hover {
background: var(--bq-primary);
color: white;
border-color: var(--bq-primary);
transform: scale(1.08);
}
.bq-catalog-drag-handle:active { cursor: grabbing; }
.buyaca-catalog-item-image {
position: relative;
width: 100%;
padding-top: 100%;
background: var(--bq-bg-secondary);
overflow: hidden;
}
.buyaca-catalog-item-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.buyaca-catalog-item-body {
padding: 12px;
}
.buyaca-catalog-item-name {
font-size: 14px;
font-weight: 600;
margin-bottom: 4px;
display: -webkit-box;
-webkit-line-clamp: 2;line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.buyaca-info-section {
padding: 20px 0;
}
.buyaca-info-block {
display: flex;
gap: 12px;
padding: 16px;
background: var(--bq-bg-card);
border-radius: var(--bq-radius);
margin-bottom: 12px;
border: 1px solid var(--bq-border-light);
}
.buyaca-info-icon {
font-size: 24px;
flex-shrink: 0;
}
.buyaca-info-label {
font-size: 12px;
color: var(--bq-text-secondary);
margin-bottom: 4px;
}
.buyaca-info-value {
font-size: 14px;
font-weight: 600;
}
.buyaca-review {
background: var(--bq-bg-card);
border-radius: var(--bq-radius);
padding: 16px;
margin-bottom: 12px;
border: 1px solid var(--bq-border-light);
}
.buyaca-stars {
color: #FFA500;
font-size: 14px;
}
.buyaca-star-rating {
display: flex;
gap: 8px;
line-height: 1;
cursor: pointer;
user-select: none;
margin: 6px 0 10px;
-webkit-tap-highlight-color: transparent;
}
.buyaca-star-rating .star {
color: #94a3b8;
transition: color 0.15s, transform 0.15s;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px;
cursor: pointer;
border-radius: 6px;
}
.buyaca-star-rating .star .bq-star-svg {
width: 32px;
height: 32px;
display: block;
fill: transparent;
stroke: currentColor;
stroke-width: 2;
transition: fill 0.15s, stroke 0.15s, transform 0.15s;
}
.buyaca-star-rating .star:hover {
color: #FFB347;
transform: scale(1.15);
}
.buyaca-star-rating .star:hover .bq-star-svg,
.buyaca-star-rating .star.filled .bq-star-svg {
fill: currentColor;
}
.buyaca-star-rating .star.filled {
color: #FFA500;
}
.buyaca-app:not(.bq-light-mode) .buyaca-star-rating .star {
color: #64748b;
}
.buyaca-app:not(.bq-light-mode) .buyaca-star-rating .star.filled {
color: #FFB72E;
}
.buyaca-star-rating .star .bq-i {
width: 1em;
height: 1em;
background-color: currentColor;
}
.bq-cart-fab {
display: none !important;
}
.bq-cart-fab:hover { transform: scale(1.08); }
.bq-cart-fab:active { transform: scale(0.95); }
.bq-cart-fab-icon { font-size: 26px; line-height: 1; display: flex; align-items: center; justify-content: center; }
.bq-cart-fab-badge {
position: absolute;
top: -4px; right: -4px;
background: var(--bq-error);
color: white;
font-size: 12px;
font-weight: 700;
min-width: 22px; height: 22px;
border-radius: 11px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
font-family: var(--bq-font-family);
}
.bq-modal-overlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.7);
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
animation: bq-fade-in 0.2s ease;
}
.bq-modal-close-btn {
position: sticky;
top: 55px;
left: 87%;
background: rgba(0, 0, 0, 0.5);
color: white;
border: none;
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 22px;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: background 0.2s;
margin-top: -40px;
}
#bq-catalog-modal .bq-modal-close-btn {
position: sticky;
top: 12px;
float: right;
margin-right: 14px;
margin-bottom: -36px;
z-index: 20;
}
.bq-modal-close-btn:hover { background: rgba(0,0,0,0.7); }
.bq-catalog-card-clickable { cursor: pointer; }
.bq-catalog-modal-content {
background: var(--bq-bg-card);
border: 1px solid rgba(255,255,255,0.08);
border-radius: var(--bq-radius-lg);
width: 92%; max-width: 520px;
max-height: 90vh;
overflow: hidden;
position: relative;
animation: bq-slide-up 0.35s cubic-bezier(0.16,1,0.3,1);
}
.bq-catalog-modal-scroll {
max-height: 90vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
scrollbar-width: none;
-ms-overflow-style: none;
}
.bq-catalog-modal-scroll::-webkit-scrollbar { display: none; }
body.bq-modal-open { overflow: hidden !important; position: fixed; width: 100%; left: 0; right: 0; overscroll-behavior: none; }
.bq-modal-overlay.bq-prevent-scroll { overscroll-behavior: contain; }
@keyframes bq-slide-up {
from { opacity: 0; transform: translateY(60px) scale(0.95); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.bq-slider-container { position: relative; overflow: hidden; width: 100%; }
.bq-slider-track { display: flex; transition: transform 0.4s cubic-bezier(0.25,0.1,0.25,1); }
.bq-slider-slide { min-width: 100%; box-sizing: border-box; }
.bq-slider-slide-image {
width: 100%;
aspect-ratio: 1/1;
background: var(--bq-bg-elevated);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.bq-slider-slide-image img { width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; transition: opacity 0.3s ease; }
.bq-zoom-btn {
position: absolute;
bottom: 12px; right: 12px;
width: 42px; height: 42px;
background: rgba(0,0,0,0.55);
color: white;
border: none;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s, transform 0.2s;
z-index: 3;
}
.bq-zoom-btn:hover { background: rgba(0,0,0,0.75); transform: scale(1.1); }
.bq-slider-slide-body { padding: 16px 20px 20px; }
.bq-slider-slide-name { font-size: 18px; font-weight: 700; margin-bottom: 4px; line-height: 1.3; }
.bq-slider-slide-name { font-size: 19px !important; font-weight: 800 !important; letter-spacing: -.3px; margin-bottom: 6px !important; }
.bq-slider-slide-price { font-size: 21px !important; }
.bq-slider-slide-date { font-size: 11.5px; }
.bq-slider-footer { display: flex; flex-direction: column; gap: 0; }
.bq-cat-cta-row { display: flex; gap: 10px; }
.bq-cat-cta-row .buyaca-btn { flex: 1; border-radius: 14px !important; padding: 14px !important; font-size: 14.5px !important; font-weight: 800 !important; transition: transform .15s ease, box-shadow .2s ease; }
.bq-cat-cta-row .buyaca-btn:hover { transform: translateY(-1px); }
.bq-cat-cta-row .buyaca-btn-primary { background: linear-gradient(135deg,#6C7CFF,#344FD9) !important; border: none !important; color: #fff !important; }
.bq-cat-cta-row .buyaca-btn-outline { background: transparent !important; border: 1.5px solid var(--bq-border, #e5e7eb) !important; color: var(--bq-text-primary) !important; }
.bq-slider-footer .bq-qv-cta-note { margin: 9px 0 0; }
.bq-cat-prodnav { margin-top: 12px; }
.bq-slider-slide-desc {
font-size: 14px;
color: var(--bq-text-secondary);
margin-bottom: 10px;
line-height: 1.6;
max-height: 80px;
overflow-y: auto;
}
.bq-slider-slide-cats {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin-bottom: 10px;
font-size: 12px;
color: var(--bq-text-secondary);
}
.bq-slider-slide-cats span { white-space: nowrap; }
.bq-slider-slide-cats .bq-cat-dot {
width: 4px; height: 4px;
border-radius: 50%;
background: var(--bq-text-secondary);
opacity: 0.5;
display: inline-block;
margin: 0 8px;
flex-shrink: 0;
}
.bq-slider-video-wrap {
margin: 12px 0;
border-radius: 12px;
overflow: hidden;
position: relative;
aspect-ratio: 16/9;
background: #000;
}
.bq-slider-video-wrap iframe {
width: 100%; height: 100%;
border: none;
}
.bq-slider-video-btn {
display: flex;
align-items: center;
gap: 8px;
background: rgba(255,0,0,0.08);
border: 1px solid rgba(255,0,0,0.15);
color: #EF4444;
padding: 10px 16px;
border-radius: 12px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
margin-bottom: 12px;
transition: all 0.2s;
font-family: inherit;
width: 100%;
justify-content: center;
}
.bq-slider-video-btn:hover { background: rgba(255,0,0,0.12); }
.bq-slider-slide-price {
font-size: 16px;
font-weight: 700;
color: var(--bq-primary);
margin-bottom: 12px;
}
.bq-slider-arrow {
position: absolute;
top: 35%; transform: translateY(-50%);
background: rgba(255,255,255,0.95);
border: none;
width: 36px; height: 36px;
border-radius: 50%;
font-size: 22px;
line-height: 1;
cursor: pointer;
z-index: 5;
display: none;
align-items: center;
justify-content: center;
transition: background 0.2s, transform 0.15s;
color: #333;
}
.bq-slider-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.1); }
.bq-slider-arrow:active { transform: translateY(-50%) scale(0.95); }
.bq-slider-prev { left: 8px; }
.bq-slider-next { right: 8px; }
.bq-slider-dots { display: flex; justify-content: center; gap: 6px; padding: 12px 0 16px; }
.bq-slider-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: #d1d5db;
cursor: pointer;
transition: all 0.2s;
border: none;
}
.bq-slider-dot.active { background: var(--bq-primary); width: 20px; border-radius: 4px; }
.bq-zoom-overlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.95);
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
animation: bq-fade-in 0.15s ease;
cursor: pointer;
touch-action: none;
-webkit-user-select: none;
user-select: none;
}
.bq-zoom-close {
position: fixed;
top: 16px; right: 16px;
width: 44px; height: 44px;
background: rgba(255,255,255,0.15);
color: white;
border: 2px solid rgba(255,255,255,0.4);
border-radius: 50%;
font-size: 26px;
cursor: pointer;
z-index: 10002;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
line-height: 1;
}
.bq-zoom-close:hover { background: rgba(255,255,255,0.3); }
.bq-zoom-nav {
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
background: rgba(255,255,255,0.12);
color: white;
border: 1.5px solid rgba(255,255,255,0.3);
border-radius: 50%;
font-size: 28px;
cursor: pointer;
z-index: 100002;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s;
line-height: 1;
}
.bq-zoom-nav:hover { background: rgba(255,255,255,0.25); transform: translateY(-50%) scale(1.1); }
.bq-zoom-nav-prev { left: 12px; }
.bq-zoom-nav-next { right: 12px; }
@media (max-width: 480px) {
.bq-zoom-nav { width: 38px; height: 38px; font-size: 22px; }
.bq-zoom-nav-prev { left: 6px; }
.bq-zoom-nav-next { right: 6px; }
}
.bq-zoom-body {
width: 90%; height: 90%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
overflow: visible;
}
.bq-zoom-body img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 8px;
user-select: none;
-webkit-user-drag: none;
pointer-events: auto;
cursor: grab;
transform-origin: center center;
transition: none;
will-change: transform;
touch-action: none;
}
.bq-zoom-hint {
position: fixed;
bottom: 24px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.6);
color: rgba(255,255,255,0.8);
font-size: 12px;
padding: 6px 14px;
border-radius: 20px;
z-index: 10002;
pointer-events: none;
animation: bq-fade-in 0.3s ease;
}
.bq-cart-modal-content {
border: none;
}
.bq-cart-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 20px 16px;
border-bottom: 1px solid #f1f1f1;
background: #ffffff;
}
.bq-cart-modal-header h3,
.bq-cart-modal-header strong {
color: #1a1a1a !important;
font-size: 17px;
font-weight: 700;
}
.bq-cart-modal-header .bq-modal-close-btn {
position: static;
background: #f5f5f5;
color: #555;
width: 32px; height: 32px; font-size: 18px;
border-radius: 50%;
margin-top:8px;
}
.bq-cart-modal-header .bq-modal-close-btn:hover { background: #e8e8e8; color: #1a1a1a; }
.bq-cart-grouped-items { flex: 1; overflow-y: auto; padding: 12px 20px; background: #ffffff; }
.bq-cart-business-group {
margin-bottom: 12px;
border: 1px solid #efefef;
border-radius: 14px;
overflow: hidden;
background: #fafafa;
}
.bq-cart-business-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
background: #f7f7f7;
cursor: pointer;
user-select: none;
transition: background 0.2s;
}
.bq-cart-business-header:hover { background: #f0f0f0; }
.bq-cart-business-header-left { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: #1a1a1a; }
.bq-cart-business-count {
background: rgba(58,89,239,0.1);
color: var(--bq-primary);
font-size: 12px; font-weight: 700;
padding: 2px 10px; border-radius: 20px;
}
.bq-cart-business-arrow { font-size: 14px; transition: transform 0.2s; color: #888; }
.bq-cart-business-group.open .bq-cart-business-arrow { transform: rotate(180deg); }
.bq-cart-business-items { display: none; padding: 8px 16px 16px; background: #ffffff; }
.bq-cart-business-group.open .bq-cart-business-items { display: block; }
.bq-cart-item-row {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #f1f1f1;
font-size: 14px;
}
.bq-cart-item-row:last-of-type { border-bottom: none; }
.bq-cart-item-row img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.bq-cart-item-row-info { flex: 1; }
.bq-cart-item-row-name { font-weight: 500; color: #1a1a1a; }
.bq-cart-item-row-price { font-size: 12px; color: var(--bq-primary); font-weight: 600; }
.bq-cart-item-remove {
background: none; border: none; cursor: pointer;
font-size: 16px; color: #bbb; padding: 4px;
transition: color 0.2s; border-radius: 50%;
}
.bq-cart-item-remove:hover { color: var(--bq-error); background: rgba(239,68,68,0.08); }
.bq-cart-whatsapp-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 13px;
margin-top: 12px;
background: #25D366;
color: white;
border: none;
border-radius: 12px;
font-size: 14px; font-weight: 700;
cursor: pointer;
font-family: var(--bq-font-family);
transition: background 0.2s, transform 0.2s;
}
.bq-cart-whatsapp-btn:hover { background: #1fb855; transform: translateY(-1px); }
.bq-cart-modal-footer { padding: 12px 20px 16px; border-top: 1px solid #f1f1f1; background: #ffffff; }
.bq-cart-empty-msg { text-align: center; padding: 40px 20px; color: #888; }
.bq-cart-empty-msg-icon { font-size: 48px; margin-bottom: 12px; }
.bq-cart-empty-msg-text { font-size: 15px; font-weight: 500; color: #555; }
.buyaca-login-page {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 20px;
}
.buyaca-login-box {
background: var(--bq-bg-card);
border-radius: var(--bq-radius-lg);
padding: 32px;
max-width: 440px;
width: 100%;
}
.buyaca-login-logo {
text-align: center;
margin-bottom: 24px;
}
.buyaca-login-title {
font-size: 24px;
font-weight: 700;
text-align: center;
margin: 0 0 8px;
}
.buyaca-login-subtitle {
text-align: center;
color: var(--bq-text-secondary);
margin: 0 0 24px;
}
.buyaca-login-methods {
display: flex;
flex-direction: column;
gap: 12px;
}
.buyaca-divider {
text-align: center;
position: relative;
margin: 20px 0;
color: var(--bq-text-secondary);
font-size: 13px;
}
.buyaca-divider::before,
.buyaca-divider::after {
content: '';
position: absolute;
top: 50%;
width: 30%;
height: 1px;
background: var(--bq-border);
}
.buyaca-divider::before { left: 0; }
.buyaca-divider::after { right: 0; }
.buyaca-login-footer {
text-align: center;
margin-top: 20px;
font-size: 14px;
color: var(--bq-text-secondary);
}
.buyaca-login-footer a {
color: var(--bq-primary);
text-decoration: none;
font-weight: 600;
}
.buyaca-stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 12px;
}
.buyaca-stat-card {
background: var(--bq-bg-card);
border-radius: var(--bq-radius);
padding: 16px;
text-align: center;
border: 1px solid var(--bq-border-light);
}
.buyaca-stat-value {
font-size: 28px;
font-weight: 800;
margin: 4px 0;
}
.buyaca-stat-label {
font-size: 12px;
color: var(--bq-text-secondary);
}
.bq-search-panel {
background: var(--bq-bg-card);
border-radius: 16px;
padding: 20px;
margin-bottom: 24px;
border: 1px solid var(--bq-border-light);
}
.bq-search-main-bar {
position: relative;
display: flex;
align-items: center;
background: var(--bq-bg-secondary);
border-radius: 14px;
border: 1.5px solid var(--bq-border);
transition: all 0.3s;
overflow: visible;
}
.bq-search-main-bar:focus-within {
border-color: var(--bq-primary);
background: var(--bq-bg-card);
}
.bq-search-main-icon {
position: absolute;
left: 14px; top: 50%;
transform: translateY(-50%);
color: var(--bq-text-secondary);
pointer-events: none;
display: flex;
}
.bq-search-main-input {
width: 100%;
padding: 13px 50px 13px 44px;
border: none;
border-radius: 14px;
font-size: 15px;
font-family: var(--bq-font-family);
background: transparent;
outline: none;
color: var(--bq-text-primary);
}
.bq-search-main-input::placeholder { color: #9ca3af; }
.bq-search-submit-btn {
position: absolute;
right: 6px; top: 50%;
transform: translateY(-50%);
width: 36px; height: 36px;
border-radius: 10px;
background: var(--bq-primary);
color: white;
border: none;
cursor: pointer;
display: flex; align-items: center; justify-content: center;
transition: all 0.2s;
}
.bq-search-submit-btn:hover { background: var(--bq-primary-dark); transform: translateY(-50%) scale(1.05); }
.bq-search-filters-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-top: 16px;
}
@media (min-width: 640px) {
.bq-search-filters-grid { grid-template-columns: repeat(4, 1fr); }
}
.bq-search-filter-item { display: flex; flex-direction: column; gap: 4px; }
.bq-search-filter-label {
font-size: 11px;
font-weight: 600;
color: var(--bq-text-secondary);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.bq-search-filter-select {
width: 100%;
padding: 9px 30px 9px 12px;
border: 1.5px solid var(--bq-border);
border-radius: 10px;
font-size: 13px;
font-weight: 500;
font-family: var(--bq-font-family);
background: var(--bq-bg-card);
color: var(--bq-text-primary);
cursor: pointer;
transition: all 0.2s;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='%236b7280' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
}
.bq-search-filter-select:focus {
outline: none;
border-color: var(--bq-primary);
}
.bq-search-filter-actions {
display: flex;
gap: 8px;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--bq-border-light);
}
.bq-list-item:hover {
transform: translateY(-1px);
}
.bq-search-list-view { display: flex; flex-direction: column; }
.bq-nearby-btn { font-family: var(--bq-font-family) !important; }
.bq-dash-business-card {
background: var(--bq-bg-card);
border-radius: 14px;
border: 1px solid var(--bq-border-light);
padding: 16px;
transition: box-shadow 0.2s;
}
.bq-dash-business-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.bq-dash-business-info {
display: flex;
gap: 12px;
align-items: center;
min-width: 0;
}
.bq-dash-business-logo {
width: 44px; height: 44px;
border-radius: 12px;
object-fit: cover;
background: var(--bq-bg-secondary);
flex-shrink: 0;
}
.bq-dash-business-name {
font-size: 15px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bq-dash-plan-badge {
color: white;
padding: 2px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
}
.bq-dash-business-actions {
display: flex;
gap: 6px;
flex-shrink: 0;
}
.bq-dash-action-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: 10px;
font-size: 13px;
font-weight: 500;
font-family: var(--bq-font-family);
background: var(--bq-bg-secondary);
color: var(--bq-text-secondary);
text-decoration: none;
border: 1px solid var(--bq-border-light);
cursor: pointer;
transition: all 0.2s;
white-space: nowrap;
}
.bq-dash-action-btn:hover {
background: var(--bq-primary-light);
color: var(--bq-primary);
border-color: rgba(58,89,239,0.2);
}
.bq-dash-action-btn--primary {
background: var(--bq-primary);
color: white;
border-color: var(--bq-primary);
}
.bq-dash-action-btn--primary:hover {
background: var(--bq-primary-dark);
color: white;
border-color: var(--bq-primary-dark);
transform: translateY(-1px);
}
.bq-dash-stats-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
margin-top: 12px;
background: var(--bq-bg-secondary);
border-radius: 10px;
padding: 10px 8px;
}
.bq-dash-stat-mini {
text-align: center;
}
.bq-dash-stat-value {
font-size: 16px;
font-weight: 700;
color: var(--bq-primary);
line-height: 1.2;
}
.bq-dash-stat-label {
font-size: 10px;
color: var(--bq-text-secondary);
margin-top: 1px;
}
.bq-biz-dash-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 12px;
}
.bq-biz-dash-header-btns {
display: flex;
gap: 8px;
}
.bq-compact-stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
@media (max-width: 480px) {
.bq-compact-stats-grid { grid-template-columns: repeat(2, 1fr); }
}
.bq-compact-stat {
background: var(--bq-bg-card);
border-radius: 12px;
padding: 12px 8px;
text-align: center;
border: 1px solid var(--bq-border-light);
transition: box-shadow 0.2s;
}
.bq-compact-stat-value {
font-size: 22px;
font-weight: 800;
line-height: 1.2;
}
.bq-compact-stat-label {
font-size: 11px;
color: var(--bq-text-secondary);
margin-top: 2px;
}
.buyaca-loading {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid var(--bq-border);
border-top-color: var(--bq-primary);
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.buyaca-media-upload {
display: flex;
flex-direction: column;
gap: 8px;
}
.buyaca-media-preview {
border: 2px dashed var(--bq-border);
border-radius: var(--bq-radius-sm);
overflow: hidden;
background: var(--bq-bg-secondary);
}
.buyaca-media-preview img {
width: 100%;
height: 100%;
object-fit: cover;
}
.buyaca-media-preview-placeholder {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--bq-text-secondary);
}
.bq-upload-area { transition: border-color 0.2s, background 0.2s, transform 0.15s; }
.bq-upload-area:hover { border-color: var(--bq-primary); background: rgba(58,89,239,0.05); transform: scale(1.02); }
.bq-upload-area:active { transform: scale(0.98); }
.buyaca-toast {
position: fixed;
bottom: 90px;
left: 50%;
transform: translateX(-50%);
background: var(--bq-text);
color: white;
padding: 12px 20px;
border-radius: 100px;
font-size: 14px;
font-weight: 500;
z-index: 999999999;
animation: toast-in 0.3s ease-out;
}
.buyaca-toast.success { background: var(--bq-success); }
.buyaca-toast.error { background: var(--bq-error); }
@keyframes toast-in {
from { opacity: 0; transform: translate(-50%, 20px); }
to { opacity: 1; transform: translate(-50%, 0); }
}
.bq-dashboard-card { position: relative; cursor: default !important; }
.bq-dash-card-actions {
display: flex;
gap: 8px;
margin-top: 10px;
}
.bq-dash-action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 7px 14px;
border-radius: 8px;
font-size: 12.5px;
font-weight: 600;
cursor: pointer;
border: none;
transition: all 0.2s ease;
font-family: var(--bq-font-family);
line-height: 1;
letter-spacing: 0.01em;
}
.bq-dash-action-btn svg {
flex-shrink: 0;
}
.bq-dash-edit-btn {
flex: 1;
color: white;
background: linear-gradient(135deg, #3B82F6, #2563EB);
}
.bq-dash-edit-btn:hover {
background: linear-gradient(135deg, #2563EB, #1D4ED8);
transform: translateY(-1px);
}
.bq-dash-edit-btn:active { transform: translateY(0); }
.bq-dash-delete-btn {
flex: 0 0 38px;
color: #EF4444;
background: #fef2f2;
border: 1.5px solid #fecaca;
padding: 7px;
}
.bq-dash-delete-btn:hover {
background: #fee2e2;
border-color: #f87171;
color: #DC2626;
transform: translateY(-1px);
}
.bq-dash-delete-btn:active { transform: translateY(0); }
.bq-btn-type-selector { display: flex; flex-direction: column; gap: 8px; }
.bq-btn-type-option {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 14px;
border: 2px solid var(--bq-border-light);
border-radius: var(--bq-radius);
cursor: pointer;
transition: all 0.2s;
}
.bq-btn-type-option:has(input:checked) { border-color: var(--bq-primary); background: var(--bq-primary-light); }
.bq-btn-type-option input[type="radio"] { accent-color: var(--bq-primary); width: 18px; height: 18px; margin: 0; }
.bq-btn-type-label { font-size: 14px; font-weight: 500; }
.bq-btn-type-label small { display: block; font-size: 12px; color: var(--bq-text-secondary); font-weight: 400; }
.bq-custom-url-btn {
text-decoration: none !important;
text-align: center;
font-size: 13px !important;
}
.bq-upgrade-lock-card {
display: flex;
gap: 14px;
align-items: flex-start;
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fef9c3 100%);
border: 2px solid #f59e0b;
border-radius: 14px;
padding: 18px;
position: relative;
overflow: hidden;
}
.bq-upgrade-lock-card::before {
content: '';
position: absolute;
top: -20px; right: -20px;
width: 80px; height: 80px;
background: radial-gradient(circle, rgba(245,158,11,0.15) 0%, transparent 70%);
border-radius: 50%;
}
.bq-upgrade-lock-icon {
font-size: 32px;
line-height: 1;
flex-shrink: 0;
width: 48px; height: 48px;
background: rgba(245,158,11,0.2);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.bq-upgrade-lock-content { flex: 1; min-width: 0; }
.bq-upgrade-lock-title {
font-size: 14px;
font-weight: 700;
color: #92400e;
margin-bottom: 6px;
}
.bq-upgrade-lock-text {
font-size: 12.5px;
color: #78350f;
line-height: 1.5;
margin-bottom: 12px;
}
.bq-upgrade-lock-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 20px;
background: linear-gradient(135deg, #f59e0b, #d97706);
color: white !important;
border: none;
border-radius: 8px;
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s;
font-family: var(--bq-font-family);
}
.bq-upgrade-lock-btn:hover {
transform: translateY(-1px);
background: linear-gradient(135deg, #d97706, #b45309);
}
.bq-upgrade-lock-btn:active { transform: translateY(0); }
.bq-upgrade-lock-hint {
font-size: 11px;
color: #a16207;
margin-top: 8px;
font-weight: 500;
}
@media (max-width: 640px) {
.buyaca-hero-title { font-size: 24px; }
.buyaca-h1 { font-size: 24px; }
.bq-catalog-modal-content {
width: 100% !important;
max-width: 100% !important;
height: 100dvh !important;
max-height: 100dvh !important;
min-height: 100dvh !important;
border-radius: 0 !important;
position: fixed !important;
top: 0 !important; bottom: 0 !important;
left: 0 !important; right: 0 !important;
margin: 0 !important;
animation: bq-slide-up-mobile 0.32s cubic-bezier(0.16,1,0.3,1);
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
}
#bq-catalog-modal .bq-slider-container { flex: 0 0 auto !important; }
#bq-catalog-modal .bq-slider-slide-body {
flex: 1 1 auto !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
display: flex !important;
flex-direction: column !important;
padding-bottom: 0 !important;
}
#bq-catalog-modal .bq-slider-footer {
position: sticky !important;
bottom: 0 !important;
margin-top: auto !important;
background: var(--bq-bg-card) !important;
padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
border-top: 1px solid var(--bq-border-light, rgba(128,128,128,.14)) !important;
z-index: 10 !important;
}
@keyframes bq-slide-up-mobile { from { transform: translateY(100%); } to { transform: translateY(0); } }
#bq-catalog-modal { align-items: stretch !important; padding: 0 !important; }
#bq-catalog-modal .bq-modal-close-btn {
top: max(12px, env(safe-area-inset-top, 12px)) !important;
right: 12px !important;
margin: 0 !important;
position: fixed !important;
background: rgba(0,0,0,0.65) !important;
z-index: 100 !important;
}
.bq-cart-modal-content { width: 96%; max-height: 90vh; }
.bq-cart-fab { bottom: 74px; right: 14px; width: 50px; height: 50px; }
.bq-cart-fab-icon { font-size: 22px; }
.bq-slider-arrow { width: 34px; height: 34px; font-size: 20px; }
.bq-zoom-btn { width: 38px; height: 38px; font-size: 18px; bottom: 10px; left: 10px; }
.bq-dash-action-btn { padding: 6px 10px; font-size: 11.5px; }
.bq-dash-delete-btn { flex: 0 0 20px; padding: 0px; }
.bq-upgrade-lock-card { flex-direction: column; gap: 10px; padding: 14px; }
.bq-upgrade-lock-icon { width: 40px; height: 40px; font-size: 24px; }
.bq-home-banner-img { height: 170px; }
.bq-home-banner-title { font-size: 22px; }
.bq-home-search-overlay { width: 92%; }
.bq-home-search-input { font-size: 13px; padding: 12px 12px 12px 42px; }
.bq-home-filters { padding-top: 8px; }
.bq-home-filter-pill, .bq-home-filter-select { font-size: 12px; }
.bq-home-section-title { font-size: 17px; }
.bq-featured-card-v2 { flex: 0 0 min(88vw, 340px); }
.bq-featured-v2-name { font-size: 17px; }
.bq-featured-v2-wa-btn { font-size: 13px; padding: 12px 16px; }
.bq-featured-v2-logo-wrap { width: 52px; height: 52px; }
.bq-home-card-body { padding: 10px; }
.bq-home-card-meta-row { gap: 4px; }
.bq-home-card-location-pill, .bq-home-card-cat-pill { font-size: 10px; }
.bq-home-card-reviews-count { font-size: 10px; }
.bq-header-logo-wrap .logo { max-width: 85px; }
.bq-header-logo-wrap { padding: 4px 0 8px; }
.bq-app-header-search-input { padding: 11px 48px 11px 38px; font-size: 13.5px; }
.bq-header-chips-wrap { max-height: 58px; padding: 0 0 8px; }
.bq-app-header-inner { padding: 8px 14px 0; }
.bq-filters-card { padding: 4px 10px; border-radius: 14px; }
.bq-recomendados-zone { border-radius: 24px 24px 0 0; padding: 20px 0 20px; margin-top: 0; }
.buyaca-autocomplete { left: -4px; right: -4px; border-radius: 16px; max-height: 360px; }
.buyaca-autocomplete-item { padding: 10px 14px; margin: 0 6px; }
img.image {max-width: 100%;}
.logo{max-width:120px;}
.buyaca-business-profile .bq-cv2-product-grid { padding-bottom: 90px; }
.buyaca-business-profile .bq-admin-panel { padding-bottom: 90px; }
#bq-catalog-modal .bq-modal-close-btn { position: sticky; top: 24px; z-index: 30; background:#ffffff59; }
}
.bq-footer {
background: #1a1a1f;
color: #d1d5db;
padding: 24px 16px 1px;
text-align: center;
font-size: 12px;
line-height: 1.6;
border-top: 1px solid rgba(255,255,255,0.04);
margin-top:30px;
border-radius: 15px 10px 0 0;
}
.bq-footer-inner {
max-width: 600px;
margin: 0 auto;
}
.bq-footer-brand {
font-size: 18px;
font-weight: 800;
color: var(--bq-primary);
margin-bottom: 10px;
}
.bq-footer-links {
margin-bottom: 10px;
}
.bq-footer-links a {
color: #d1d5db;
text-decoration: none;
transition: color .2s;
}
.bq-footer-links a:hover { color: var(--bq-primary); }
.bq-footer-sep { color: #4b5563; margin: 0 6px; }
.bq-footer-copy { color: #6b7280; font-size: 11px; }
.bq-legal-accordions {
display: flex;
flex-direction: column;
gap: 12px;
}
.bq-legal-accordion {
background: var(--bq-bg-card);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
overflow: hidden;
transition: box-shadow .2s;
}
.bq-legal-accordion-btn {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
background: none;
border: none;
cursor: pointer;
font-size: 15px;
font-weight: 600;
color: var(--bq-text);
font-family: var(--bq-font-family);
text-align: left;
gap: 12px;
}
.bq-legal-chevron {
font-size: 18px;
transition: transform .3s;
color: var(--bq-text-secondary);
flex-shrink: 0;
}
.bq-legal-accordion.open .bq-legal-chevron { transform: rotate(180deg); }
.bq-legal-accordion-body {
max-height: 0;
overflow: hidden;
transition: max-height .4s ease, padding .3s;
padding: 0 20px;
}
.bq-legal-accordion.open .bq-legal-accordion-body {
max-height: 1200px;
padding: 0 20px 20px;
}
.bq-legal-accordion-body p {
font-size: 14px;
line-height: 1.7;
color: var(--bq-text-secondary);
margin: 0 0 12px;
}
.bq-legal-accordion-body p:last-child { margin-bottom: 0; }
.bq-legal-accordion-body strong { color: var(--bq-text); }
.bq-report-option {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 14px;
background: var(--bq-bg-secondary);
border: 1px solid var(--bq-border);
border-radius: 8px;
cursor: pointer;
font-size: 14px;
transition: all .2s;
}
.bq-report-option:hover { border-color: var(--bq-primary); background: var(--bq-primary-light); }
.bq-report-option input[type="radio"] { accent-color: var(--bq-primary); width: 16px; height: 16px; }
.bq-nav-badge {
position: absolute;
top: -6px;
right: -8px;
background: var(--bq-primary);
color: white;
font-size: 9px;
font-weight: 800;
min-width: 17px;
height: 17px;
line-height: 17px;
text-align: center;
border-radius: 100px;
padding: 0 4px;
border: 1.5px solid var(--bq-bg, #0d0d0f);
font-family: var(--bq-font-display);
letter-spacing: 0;
}
.bq-btn-subscribed {
background: var(--bq-primary) !important;
border-color: var(--bq-primary) !important;
}
.buyaca-toast {
position: fixed;
bottom: 90px;
left: 50%;
transform: translateX(-50%) translateY(20px);
padding: 12px 24px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
z-index: 100001;
opacity: 0;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
max-width: 90vw;
text-align: center;
}
.buyaca-toast.bq-toast-visible {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.buyaca-toast.success {
background: rgba(16, 185, 129, 0.95);
color: white;
}
.buyaca-toast.error {
background: rgba(239, 68, 68, 0.95);
color: white;
}
.bq-live-updating {
opacity: 0.4;
transform: scale(0.98);
transition: all 0.15s ease;
pointer-events: none;
}
.bq-live-updated {
animation: bqLiveUpdated 0.6s ease;
}
@keyframes bqLiveUpdated {
0% { opacity: 0.6; transform: scale(0.98); }
50% { opacity: 1; transform: scale(1.005); }
100% { opacity: 1; transform: scale(1); }
}
.bq-btn-subscribed {
background: var(--bq-primary) !important;
color: white !important;
border-color: var(--bq-primary) !important;
opacity: 0.85;
cursor: default !important;
}
.bq-vc-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 20px;
align-items: start;
}
@media (max-width: 768px) {
.bq-vc-layout { grid-template-columns: 1fr; }
.bq-vc-preview-wrap { order: -1; position: static !important; }
}
.bq-vc-controls { display: flex; flex-direction: column; gap: 0; }
.bq-vc-hero-banner {
margin-bottom: 20px; padding: 16px;
background: linear-gradient(135deg, rgba(58,89,239,0.08), rgba(78,205,196,0.06));
border-radius: 14px; border: 1px solid rgba(58,89,239,0.15);
}
.bq-vc-badge-premium {
font-size: 10px; font-weight: 700;
background: var(--bq-primary); color: #fff;
padding: 2px 8px; border-radius: 20px;
}
.bq-vc-section {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: 12px; padding: 14px; margin-bottom: 10px;
}
.bq-vc-section-title {
margin: 0 0 10px; font-size: 12px; font-weight: 700;
display: flex; align-items: center; gap: 6px;
text-transform: uppercase; letter-spacing: 0.5px;
color: var(--bq-text-primary);
}
.bq-vc-field-label {
display: block; font-size: 12px; font-weight: 600;
color: var(--bq-text-secondary); margin-bottom: 6px;
}
.bq-vc-color-grid { display: flex; gap: 7px; flex-wrap: wrap; }
.bq-vc-swatch {
width: 30px; height: 30px; border-radius: 50%;
border: 3px solid transparent; cursor: pointer;
transition: all 0.2s; position: relative; padding: 0;
}
.bq-vc-swatch:hover { transform: scale(1.18); }
.bq-vc-swatch.active {
border-color: var(--bq-text-primary);
}
.bq-vc-swatch.active::after {
content: '✓'; position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
color: white; font-size: 13px; font-weight: 800;
line-height: 1;
}
.bq-vc-radio-group { display: flex; flex-direction: column; gap: 6px; }
.bq-vc-radio {
display: flex; align-items: center; gap: 10px;
padding: 10px 12px; border-radius: 10px; cursor: pointer;
border: 2px solid var(--bq-border-light);
background: var(--bq-bg-elevated); transition: all 0.2s;
}
.bq-vc-radio input { display: none; }
.bq-vc-radio-dot {
width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0;
border: 2px solid var(--bq-border); position: relative;
transition: all 0.2s; background: var(--bq-bg);
}
.bq-vc-radio.active .bq-vc-radio-dot {
border-color: var(--bq-primary);
}
.bq-vc-radio.active .bq-vc-radio-dot::after {
content: ''; position: absolute;
width: 8px; height: 8px; border-radius: 50%;
background: var(--bq-primary);
top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.bq-vc-radio.active {
border-color: var(--bq-primary);
background: var(--bq-primary-light);
}
.bq-vc-radio strong { font-size: 13px; display: block; }
.bq-vc-radio small { font-size: 11px; color: var(--bq-text-secondary); display: block; margin-top: 1px; }
.bq-vc-seg {
display: flex; border-radius: 10px; overflow: hidden;
border: 1px solid var(--bq-border); background: var(--bq-bg-elevated);
}
.bq-vc-seg--vertical { flex-direction: column; }
.bq-vc-seg-btn {
flex: 1; padding: 9px 10px; border: none; cursor: pointer;
font-size: 13px; font-weight: 600;
color: var(--bq-text-secondary); background: transparent;
transition: all 0.2s;
}
.bq-vc-seg-btn:not(:last-child) { border-right: 1px solid var(--bq-border); }
.bq-vc-seg--vertical .bq-vc-seg-btn:not(:last-child) { border-right: none; border-bottom: 1px solid var(--bq-border); }
.bq-vc-seg-btn.active { background: var(--bq-primary); color: white; }
.bq-vc-seg-btn:hover:not(.active) { background: rgba(58,89,239,0.06); }
.bq-vc-toggle {
display: flex; align-items: center; gap: 10px; cursor: pointer;
font-size: 13px; margin-bottom: 8px; color: var(--bq-text-primary);
}
.bq-vc-toggle input { display: none; }
.bq-vc-toggle-track {
width: 38px; height: 22px; border-radius: 100px; flex-shrink: 0;
background: var(--bq-border); position: relative;
transition: background 0.25s;
}
.bq-vc-toggle input:checked + .bq-vc-toggle-track { background: var(--bq-primary); }
.bq-vc-toggle-thumb {
position: absolute; width: 16px; height: 16px; border-radius: 50%;
background: white; top: 3px; left: 3px;
transition: transform 0.25s;
}
.bq-vc-toggle input:checked + .bq-vc-toggle-track .bq-vc-toggle-thumb {
transform: translateX(16px);
}
.bq-vc-range {
flex: 1; accent-color: var(--bq-primary);
height: 4px; -webkit-appearance: none; appearance: none;
background: var(--bq-border); border-radius: 4px; outline: none;
}
.bq-vc-range::-webkit-slider-thumb {
-webkit-appearance: none; appearance: none; width: 18px; height: 18px;
border-radius: 50%; background: var(--bq-primary);
border: 2px solid white;
cursor: pointer;
}
.bq-vc-range-val {
font-size: 12px; color: var(--bq-text-secondary);
min-width: 40px; text-align: right; font-weight: 600;
font-variant-numeric: tabular-nums;
}
.bq-vc-preview-wrap { position: sticky; top: 16px; }
.bq-vc-live-dot {
font-size: 10px; padding: 3px 8px; font-weight: 600;
background: rgba(16,185,129,0.1); color: #10B981;
border-radius: 20px; animation: bq-vc-pulse 2s infinite;
}
@keyframes bq-vc-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.bq-vc-preview {
background: var(--bq-bg-card); border: 1px solid var(--bq-border);
border-radius: 16px; overflow: hidden;
transition: all 0.35s ease;
}
.bq-vcp-banner {
height: 110px; background-size: cover; background-position: center;
position: relative; background-color: var(--bq-bg-elevated);
transition: background-position 0.4s;
}
.bq-vcp-overlay {
position: absolute; inset: 0;
background: rgba(0,0,0,0.4); transition: background 0.35s;
}
.bq-vcp-cta {
position: absolute; bottom: 10px; right: 10px; z-index: 2;
padding: 5px 12px; border-radius: 20px;
font-size: 11px; font-weight: 700; color: white;
background: var(--bq-primary); border: 2px solid var(--bq-primary);
transition: all 0.3s;
}
.bq-vcp-logo-ring {
width: 50px; height: 50px; border-radius: 50%;
background: var(--bq-bg-card); border: 3px solid var(--bq-bg-card);
margin: -25px auto 0; position: relative; z-index: 3;
overflow: hidden; transition: margin 0.35s;
display: flex; align-items: center; justify-content: center;
}
.bq-vcp-logo-ring img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.bq-vcp-body {
padding: 6px 14px 14px; text-align: center;
transition: text-align 0.35s;
}
.bq-vcp-name {
margin: 3px 0 5px; font-size: 14px; font-weight: 700;
color: var(--bq-text-primary); transition: font-family 0.35s;
}
.bq-vcp-stars-row {
display: flex; align-items: center; justify-content: center;
gap: 4px; margin-bottom: 5px;
}
.bq-vcp-stars {
font-size: 12px; letter-spacing: 0.5px;
color: var(--bq-primary); transition: color 0.3s;
}
.bq-vcp-stars-text { font-size: 11px; color: var(--bq-text-secondary); }
.bq-vcp-status {
display: inline-flex; align-items: center; gap: 4px;
font-size: 10px; font-weight: 700; color: #10B981;
background: rgba(16,185,129,0.1);
padding: 2px 9px; border-radius: 20px; margin-bottom: 8px;
transition: all 0.3s;
}
.bq-vcp-dot {
width: 5px; height: 5px; border-radius: 50%;
background: #10B981; transition: opacity 0.3s;
}
.bq-vcp-product {
background: var(--bq-bg-elevated); border-radius: 10px;
overflow: hidden; display: flex; gap: 8px; padding: 7px;
transition: all 0.3s;
}
.bq-vcp-product-img {
width: 44px; height: 44px; border-radius: 8px;
background: var(--bq-border); flex-shrink: 0;
}
.bq-vcp-product-info {
display: flex; flex-direction: column; justify-content: center;
gap: 1px; text-align: left;
}
.bq-vcp-product-name { font-size: 11px; font-weight: 600; color: var(--bq-text-primary); }
.bq-vcp-product-price {
font-size: 12px; font-weight: 800;
color: var(--bq-primary); transition: color 0.3s;
}
.bq-vc-cards-minimal .bq-catalog-product-card { border: 1px solid var(--bq-border-light); }
.bq-vc-cards-featured .bq-catalog-product-card { border: none; }
.bq-vc-cards-featured .bq-catalog-product-card .buyaca-btn { padding: 12px 20px; font-size: 14px; font-weight: 700; }
.bq-vc-cards-compact .bq-catalog-product-card { padding: 8px; }
.bq-vc-cards-compact .bq-catalog-product-img { height: 100px; }
.bq-vc-layout-left .bq-cv2-logo { left: 20px; transform: translateX(0) translateY(-50%); }
.bq-vc-layout-left .bq-cv2-info { text-align: left; }
.bq-vc-layout-left .bq-cv2-name-row { justify-content: flex-start; }
.bq-vc-icons-filled .bq-cv2-social-link svg { fill: currentColor; stroke: none; }
.bq-vc-no-status .bq-cv2-status { display: none !important; }
.bq-vc-no-dot .bq-cv2-status::before { display: none !important; }
.bq-vc-gradient-on .bq-cv2-cta { background: var(--bq-gradient-accent) !important; border: none; }
.bq-vc-gradient-on .bq-cv2-cta:hover { filter: brightness(1.1); }
.bq-vc-gradient-on .bq-cv2-badge { background: var(--bq-gradient-accent); }
.bq-vc-gradient-on .bq-catalog-product-card { background: var(--bq-gradient-card, var(--bq-bg-card)); }
.bq-vc-gradient-on .buyaca-btn-primary { background: var(--bq-gradient-accent) !important; border: none; }
.bq-vc-gradient-on .bq-cv2-name-row svg { color: var(--bq-primary); }
.bq-vc-gradient-preset:hover { transform: scale(1.15); }
.bq-vc-gradient-preset:active { transform: scale(0.95); }
.buyaca-app.bq-light-mode .bq-vc-section { background: #fff; border-color: rgba(0,0,0,0.06); }
.buyaca-app.bq-light-mode .bq-vc-radio { background: #f9fafb; border-color: rgba(0,0,0,0.08); }
.buyaca-app.bq-light-mode .bq-vc-radio.active { background: rgba(58,89,239,0.06); }
.buyaca-app.bq-light-mode .bq-vc-seg { border-color: rgba(0,0,0,0.08); background: #f3f4f6; }
.buyaca-app.bq-light-mode .bq-vc-preview { background: #fff; border-color: rgba(0,0,0,0.08); }
.buyaca-app.bq-light-mode .bq-vcp-product { background: #f3f4f6; }
.buyaca-app.bq-light-mode .bq-vcp-logo-ring { background: #fff; border-color: #fff; }
.buyaca-app.bq-light-mode .bq-vc-swatch.active { border-color: #1a1a1a; }
.buyaca-app.bq-light-mode .bq-vc-hero-banner { background: linear-gradient(135deg, rgba(58,89,239,0.06), rgba(78,205,196,0.04)); }
.bq-vc-opt-btn.active {
border-color: var(--bq-primary) !important;
background: rgba(58,89,239,0.08) !important;
}
.bq-vc-card {
background: var(--bq-bg-card);
border-radius: 14px;
border: 1px solid var(--bq-border);
padding: 16px;
margin-bottom: 12px;
}
.bq-vc-card-title {
margin: 0 0 12px;
font-size: 13px;
font-weight: 700;
display: flex;
align-items: center;
gap: 7px;
color: var(--bq-text);
text-transform: uppercase;
letter-spacing: 0.03em;
}
.bq-vc-card-title svg { color: var(--bq-primary); }
.bq-vc-color-mode {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding: 4px;
background: var(--bq-bg-elevated, rgba(0,0,0,0.15));
border-radius: 12px;
margin-bottom: 14px;
border: 1px solid var(--bq-border-light, rgba(255,255,255,0.05));
}
.bq-vc-mode-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 12px;
background: transparent;
border: 1px solid transparent;
border-radius: 10px;
font-size: 13px;
font-weight: 700;
color: var(--bq-text-secondary);
cursor: pointer;
transition: all 0.2s var(--bq-ease, ease);
font-family: inherit;
}
.bq-vc-mode-btn:hover {
color: var(--bq-text-primary);
background: rgba(255,255,255,0.04);
}
.bq-vc-mode-btn.on {
background: var(--bq-bg-card);
border-color: var(--bq-primary);
color: var(--bq-primary);
}
.bq-vc-mode-swatch {
width: 18px; height: 18px;
border-radius: 6px;
border: 1px solid rgba(255,255,255,0.15);
flex-shrink: 0;
}
.bq-vc-mini-label {
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--bq-text-secondary);
margin-bottom: 6px;
}
.bq-vc-gradient-block {
margin-top: 4px;
padding-top: 14px;
border-top: 1px solid var(--bq-border-light, rgba(255,255,255,0.05));
}
.bq-vc-gradient-preset:hover span:first-child {
transform: scale(1.08);
border-color: var(--bq-primary);
}
.bq-vc-swatches {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
margin-bottom: 12px;
}
.bq-vc-sw {
width: 34px; height: 34px;
border-radius: 50%;
border: 3px solid transparent;
cursor: pointer;
transition: transform 0.2s, border-color 0.2s;
padding: 0;
outline: none;
flex-shrink: 0;
}
.bq-vc-sw:hover { transform: scale(1.15); }
.bq-vc-sw.on { border-color: #fff; transform: scale(1.1); }
.bq-vc-color-input {
width: 34px; height: 34px;
border: 2px dashed var(--bq-border);
padding: 0; cursor: pointer;
border-radius: 50%;
overflow: hidden;
background: none;
flex-shrink: 0;
}
.bq-vc-hex-row {
display: flex;
align-items: center;
gap: 8px;
}
.bq-vc-hex-label {
font-size: 11px;
font-weight: 700;
color: var(--bq-text-secondary);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.bq-vc-hex-input {
width: 100px;
padding: 7px 10px;
border-radius: 8px;
border: 1.5px solid var(--bq-border);
background: var(--bq-bg-elevated);
color: var(--bq-text);
font-size: 14px;
font-weight: 700;
font-family: 'DM Sans', monospace;
text-transform: uppercase;
letter-spacing: 0.04em;
outline: none;
transition: border-color 0.2s;
}
.bq-vc-hex-input:focus { border-color: var(--bq-primary); }
.bq-vc-hex-preview {
width: 22px; height: 22px;
border-radius: 6px;
border: 1px solid rgba(255,255,255,0.1);
flex-shrink: 0;
transition: background 0.2s;
}
.bq-vc-range {
flex: 1;
accent-color: var(--bq-primary);
height: 6px;
}
.bq-vc-range-val {
font-size: 13px;
font-weight: 700;
min-width: 40px;
text-align: right;
color: var(--bq-text);
}
.bq-vc-btn-group {
display: flex;
gap: 8px;
}
.bq-vc-opt {
flex: 1;
padding: 11px 10px;
border-radius: 10px;
border: 1.5px solid var(--bq-border);
background: none;
cursor: pointer;
font-size: 13px;
font-weight: 600;
color: var(--bq-text);
transition: all 0.2s;
font-family: inherit;
text-align: center;
}
.bq-vc-opt:hover { border-color: var(--bq-primary); }
.bq-vc-opt.on {
border-color: var(--bq-primary);
background: rgba(58,89,239,0.1);
color: var(--bq-primary);
}
.buyaca-app.bq-light-mode .bq-vc-card { background: #fff; border-color: #e5e7eb; }
.buyaca-app.bq-light-mode .bq-vc-hex-input { background: #f9fafb; border-color: #e5e7eb; color: #1a1a1a; }
.buyaca-app.bq-light-mode .bq-vc-sw.on { border-color: #1a1a1a; }
.buyaca-app.bq-light-mode .bq-vc-opt { border-color: #e5e7eb; color: #374151; }
.buyaca-app.bq-light-mode .bq-vc-opt.on { background: var(--bq-primary); }
.bq-admin-panel {
padding: 0 14px 14px;
animation: bq-fade-up-opacity 0.3s ease both;
}
@keyframes bq-fade-up-opacity {
from { opacity: 0; }
to { opacity: 1; }
}
.bq-admin-panel > *:first-child {
margin-top: 0 !important;
}
.bq-admin-panel.bq-design-panel {
padding: 18px 16px 0;
animation: none;
}
.bq-admin-section-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.bq-admin-section-header h3 {
font-size: 17px;
font-weight: 800;
color: var(--bq-text);
margin: 0;
font-family: var(--bq-font-display);
}
.bq-admin-description {
font-size: 13px;
color: var(--bq-text-secondary);
margin: 0 0 16px;
line-height: 1.5;
}
.bq-admin-stats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 20px;
}
.bq-admin-stat-card {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border);
border-radius: 16px;
padding: 16px;
text-align: center;
transition: transform 0.2s;
}
.bq-admin-stat-card:hover { transform: translateY(-2px); }
.bq-admin-stat-icon {
width: 44px;
height: 44px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 10px;
}
.bq-admin-stat-value {
font-size: 26px;
font-weight: 800;
color: var(--bq-text);
font-family: var(--bq-font-display);
line-height: 1.1;
}
.bq-admin-stat-label {
font-size: 11px;
font-weight: 600;
color: var(--bq-text-secondary);
margin-top: 4px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.bq-admin-plan-card {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border);
border-radius: 16px;
padding: 20px;
margin-bottom: 16px;
}
.bq-admin-plan-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.bq-admin-plan-name {
font-size: 20px;
font-weight: 800;
color: var(--bq-primary);
font-family: var(--bq-font-display);
}
.bq-admin-plan-active {
display: inline-flex;
align-items: center;
padding: 4px 12px;
border-radius: 100px;
background: rgba(16,185,129,0.12);
color: #10B981;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.bq-admin-plan-details { display: flex; flex-direction: column; gap: 8px; }
.bq-admin-plan-row {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
color: var(--bq-text-secondary);
}
.bq-admin-plan-row strong {
color: var(--bq-text);
font-weight: 700;
}
.bq-text-warning { color: #F59E0B !important; }
.bq-admin-plan-alert {
display: flex;
align-items: center;
gap: 8px;
margin-top: 14px;
padding: 10px 14px;
border-radius: 10px;
background: rgba(245,158,11,0.08);
border: 1px solid rgba(245,158,11,0.15);
font-size: 12px;
font-weight: 600;
color: #F59E0B;
line-height: 1.4;
}
.bq-admin-link-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
border-radius: 12px;
background: linear-gradient(135deg, var(--bq-primary), #344FD9);
color: #fff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all 0.25s;
font-family: var(--bq-font-display);
border: none;
cursor: pointer;
}
.bq-admin-link-btn:hover {
transform: translateY(-2px);
filter: brightness(1.1);
}
.bq-admin-empty-state {
text-align: center;
padding: 24px 16px;
background: var(--bq-bg-card);
border: 1px dashed var(--bq-border);
border-radius: 16px;
margin-bottom: 16px;
}
.bq-admin-empty-state p {
font-size: 13px;
color: var(--bq-text-secondary);
margin: 0;
line-height: 1.5;
}
.bq-admin-edit-form {
display: flex;
flex-direction: column;
gap: 14px;
}
.bq-admin-form-group {
display: flex;
flex-direction: column;
gap: 5px;
}
.bq-admin-form-label {
font-size: 12px;
font-weight: 700;
color: var(--bq-text-secondary);
text-transform: uppercase;
letter-spacing: 0.04em;
font-family: var(--bq-font-display);
}
.bq-admin-form-input,
.bq-admin-form-textarea {
width: 100%;
padding: 11px 14px;
border-radius: 10px;
border: 1.5px solid var(--bq-border);
background: var(--bq-bg-card);
color: var(--bq-text);
font-size: 14px;
font-family: var(--bq-font-body);
transition: border-color 0.25s;
box-sizing: border-box;
outline: none;
}
.bq-admin-form-input:focus,
.bq-admin-form-textarea:focus {
border-color: var(--bq-primary);
}
.bq-admin-form-textarea { resize: vertical; min-height: 70px; }
.bq-admin-form-row {
display: flex;
gap: 10px;
}
.bq-admin-save-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 28px;
border-radius: 12px;
background: linear-gradient(135deg, var(--bq-primary), #344FD9);
color: #fff;
font-size: 14px;
font-weight: 700;
border: none;
cursor: pointer;
transition: all 0.25s;
font-family: var(--bq-font-display);
margin-top: 4px;
}
.bq-admin-save-btn:hover {
transform: translateY(-2px);
filter: brightness(1.1);
}
.bq-admin-save-btn:disabled {
opacity: 0.6;
pointer-events: none;
}
.buyaca-app.bq-light-mode .bq-admin-stat-card {
background: #fff;
border-color: #e5e7eb;
}
.buyaca-app.bq-light-mode .bq-admin-plan-card {
background: #fff;
border-color: #e5e7eb;
}
.buyaca-app.bq-light-mode .bq-admin-form-input,
.buyaca-app.bq-light-mode .bq-admin-form-textarea {
background: #fff;
border-color: #e5e7eb;
color: #1a1a1a;
}
.buyaca-app.bq-light-mode .bq-admin-empty-state {
background: #f9fafb;
border-color: #e5e7eb;
}
@media (max-width: 400px) {
.bq-admin-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.bq-admin-stat-card { padding: 12px; }
.bq-admin-stat-value { font-size: 22px; }
.bq-admin-form-row { flex-direction: column; }
}
.buyaca-app {
--bq-primary: #3A59EF;
--bq-primary-dark: #344FD9;
--bq-primary-light: rgba(58,89,239,0.08);
--bq-primary-soft: rgba(58,89,239,0.12);
--bq-primary-glow: rgba(58,89,239,0.22);
--bq-accent: #1F2937;
--bq-secondary: #0EA5A4;
--bq-radius-sm: 12px;
--bq-radius: 16px;
--bq-radius-lg: 22px;
--bq-radius-xl: 28px;
--bq-radius-pill: 999px;
--bq-ease: cubic-bezier(0.32, 0.72, 0, 1);
--bq-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--bq-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--bq-dur: 0.24s;
--bq-dur-slow: 0.42s;
--bq-font-family: 'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
--bq-font-display: 'Outfit', 'DM Sans', sans-serif;
}
.buyaca-app.bq-light-mode {
--bq-text: #0F172A;
--bq-text-primary: #0F172A;
--bq-text-secondary: #4b5563;
--bq-text-muted: #6b7280;
--bq-bg: #ffffff;
--bq-bg-secondary: #ffffff;
--bq-bg-card: #FFFFFF;
--bq-bg-elevated: #FFFFFF;
--bq-bg-surface: #F8FAFC;
--bq-border: #E2E8F0;
--bq-border-strong: #CBD5E1;
--bq-border-light: #F1F5F9;
--bq-gradient-card: linear-gradient(180deg, #FFFFFF 0%, #FAFBFC 100%);
}
.buyaca-app:not(.bq-light-mode) {
--bq-text: #F1F5F9;
--bq-text-primary: #F8FAFC;
--bq-text-secondary: #94A3B8;
--bq-text-muted: #64748B;
--bq-bg: #0A0A0C;
--bq-bg-secondary: #0D0D10;
--bq-bg-card: #141418;
--bq-bg-elevated: #1A1A20;
--bq-bg-surface: #101014;
--bq-border: rgba(255,255,255,0.06);
--bq-border-strong: rgba(255,255,255,0.12);
--bq-border-light: rgba(255,255,255,0.04);
--bq-gradient-card: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.005) 100%);
}
.buyaca-app {
font-family: var(--bq-font-family);
font-feature-settings: 'cv02','cv03','cv04','cv11';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
letter-spacing: -0.005em;
color: var(--bq-text);
background: var(--bq-bg);
}
.buyaca-app .bq-app-header {
z-index: 200;
}
.buyaca-app .bq-app-header-inner {
padding: 10px 16px 0;
gap: 0;
}
.buyaca-app .bq-header-backdrop {
background: var(--bq-bg-card);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 0 0 0px 0px;
border-bottom: none;
transition: background var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease);
}
.buyaca-app:not(.bq-light-mode) .bq-header-backdrop {
background: rgba(10,10,12,0.82);
}
.buyaca-app.bq-light-mode .bq-header-backdrop {
background: rgba(255,255,255,0.88);
}
.buyaca-app
.buyaca-app .bq-header-logo-wrap {
padding: 6px 0 8px;
max-height: 60px;
}
.buyaca-app .bq-header-logo-wrap .logo {
max-width: 88px;
filter: none;
}
.buyaca-app .bq-header-search-wrap-v8 {
display: flex;
align-items: center;
gap: 10px;
padding: 0 0 5px;
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search {
flex: 1;
min-width: 0;
background: var(--bq-bg-surface);
border: 1px solid var(--bq-border);
border-radius: var(--bq-radius-pill);
height: 44px;
transition: border-color var(--bq-dur) var(--bq-ease), background var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease);
}
.buyaca-app.bq-light-mode .bq-header-search-wrap-v8 .bq-app-header-search {
background: #F1F5F9;
border-color: transparent;
}
.buyaca-app:not(.bq-light-mode) .bq-header-search-wrap-v8 .bq-app-header-search {
background: #1A1A20;
border-color: var(--bq-border);
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search:focus-within {
border-color: var(--bq-primary);
background: var(--bq-bg-card);
transform: none;
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search-input {
padding: 11px 48px 11px 44px;
font-size: 14.5px;
font-weight: 500;
color: var(--bq-text);
letter-spacing: -0.01em;
background: transparent;
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search-input::placeholder {
color: var(--bq-text-muted);
font-weight: 400;
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search-icon {
left: 15px;
opacity: 1;
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search-icon svg {
stroke: var(--bq-text-muted);
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search-btn {
right: 4px;
width: 36px;
height: 36px;
background: var(--bq-primary);
}
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search-btn:hover {
background: var(--bq-primary-dark);
transform: translateY(-50%) scale(1.05);
}
.buyaca-app .bq-header-chips-wrap {
padding: 0 0 12px;
max-height: 56px;
}
.buyaca-app .bq-header-chips-wrap .bq-home-filters {
gap: 8px;
padding: 7px 0;
}
.buyaca-app .bq-header-chips-wrap .bq-home-filter-pill {
height: 36px;
padding: 0 14px;
border-radius: var(--bq-radius-pill);
font-size: 13px;
font-weight: 600;
letter-spacing: -0.01em;
gap: 6px;
background: transparent;
color: var(--bq-text-secondary);
transition: all var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-header-chips-wrap .bq-home-filter-pill:hover {
border-color: var(--bq-border-strong);
color: var(--bq-text);
}
.buyaca-app .bq-header-chips-wrap .bq-home-filter-pill.active {
background: var(--bq-primary);
border-color: var(--bq-primary);
color: #fff;
}
.buyaca-app .bq-header-chips-wrap .bq-home-filter-select {
height: 36px;
padding: 0 32px 0 34px;
border-radius: var(--bq-radius-pill);
font-size: 13px;
font-weight: 600;
letter-spacing: -0.01em;
background-color: transparent;
color: var(--bq-text-secondary);
}
.buyaca-app .bq-header-chips-wrap .bq-filter-select-icon {
left: 12px;
}
.buyaca-app .bq-app-header.scrolled .bq-header-search-wrap-v8 {
padding-top: 8px;
padding-bottom: 10px;
}
.buyaca-app .buyaca-bottom-nav.bq-bottom-nav-v8,
.bq-bottom-nav-v8 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
display: flex;
align-items: flex-end;
justify-content: space-around;
background: var(--bq-bg-card, #fff);
backdrop-filter: saturate(180%) blur(24px);
-webkit-backdrop-filter: saturate(180%) blur(24px);
border-top: 1px solid var(--bq-border, #E2E8F0);
padding: 6px 6px env(safe-area-inset-bottom, 8px);
overflow: visible;
}
.buyaca-app:not(.bq-light-mode) .buyaca-bottom-nav.bq-bottom-nav-v8 {
background: rgba(10,10,12,0.92);
border-top-color: rgba(255,255,255,0.06);
}
.buyaca-app.bq-light-mode .buyaca-bottom-nav.bq-bottom-nav-v8 {
background: rgba(255,255,255,0.96);
}
.bq-bottom-nav-v8 .buyaca-bottom-nav-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 4px 6px;
border-radius: 14px;
text-decoration: none;
color: var(--bq-text-muted, #94A3B8);
font-size: 10.5px;
font-weight: 600;
letter-spacing: 0.01em;
background: none;
border: none;
cursor: pointer;
transition: color var(--bq-dur) var(--bq-ease), transform var(--bq-dur) var(--bq-ease);
position: relative;
-webkit-tap-highlight-color: transparent;
}
.bq-bottom-nav-v8 .buyaca-bottom-nav-item::before { display: none; }
.bq-bottom-nav-v8 .buyaca-bottom-nav-item:hover { color: var(--bq-primary); }
.bq-bottom-nav-v8 .buyaca-bottom-nav-item.active { color: var(--bq-primary); }
.bq-bottom-nav-v8 .buyaca-bottom-nav-item:active { transform: scale(0.94); }
.bq-bottom-nav-v8 .buyaca-bottom-nav-icon {
width: 26px;
height: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform var(--bq-dur) var(--bq-ease-bounce);
}
.bq-bottom-nav-v8 .buyaca-bottom-nav-icon svg {
width: 22px;
height: 22px;
}
.bq-bottom-nav-v8 .buyaca-bottom-nav-item.active .buyaca-bottom-nav-icon {
transform: translateY(-2px) scale(1.05);
}
.bq-bottom-nav-v8 .buyaca-bottom-nav-label {
font-family: var(--bq-font-family);
font-size: 10.5px;
font-weight: 600;
letter-spacing: 0;
line-height: 1;
}
.bq-bottom-nav-v8 .buyaca-bottom-nav-item.active::after {
content: '';
position: absolute;
top: 2px;
left: 50%;
width: 22px;
height: 3px;
border-radius: 0 0 3px 3px;
background: var(--bq-primary);
transform: translateX(-50%);
animation: bqNavInOut var(--bq-dur) var(--bq-ease-out);
}
@keyframes bqNavInOut {
from { width: 0; opacity: 0; }
to { width: 22px; opacity: 1; }
}
.bq-bottom-nav-v8 .bq-nav-publish {
flex: 0 0 auto;
padding: 0 6px 6px;
transform: translateY(-14px);
}
.bq-bottom-nav-v8 .bq-nav-publish-fab {
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(135deg, var(--bq-primary) 0%, #6C7CFF 100%);
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform var(--bq-dur) var(--bq-ease-bounce), box-shadow var(--bq-dur) var(--bq-ease);
margin-bottom: 4px;
position: absolute;
top: -60px;
}
.bq-bottom-nav-v8 .bq-nav-publish-fab::before {
content: '';
position: absolute;
inset: -4px;
border-radius: 50%;
opacity: 0.18;
filter: blur(8px);
z-index: -1;
transition: opacity var(--bq-dur) var(--bq-ease);
}
.bq-bottom-nav-v8 .bq-nav-publish-fab svg {
width: 28px;
height: 28px;
transition: transform var(--bq-dur) var(--bq-ease-bounce);
}
.bq-bottom-nav-v8 .bq-nav-publish:hover .bq-nav-publish-fab {
transform: scale(1.06) rotate(90deg);
}
.bq-bottom-nav-v8 .bq-nav-publish:hover .bq-nav-publish-fab svg {
transform: rotate(-90deg);
}
.bq-bottom-nav-v8 .bq-nav-publish:active .bq-nav-publish-fab {
transform: scale(0.94);
}
.bq-bottom-nav-v8 .bq-nav-publish .buyaca-bottom-nav-label {
color: var(--bq-primary);
font-weight: 700;
}
.bq-bottom-nav-v8 .bq-nav-badge {
position: absolute;
top: 2px;
right: 0;
min-width: 16px;
height: 16px;
padding: 0 4px;
border-radius: 8px;
background: var(--bq-primary);
color: #fff;
font-size: 9.5px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid var(--bq-bg-card);
line-height: 1;
}
.bq-cats-modal {
position: fixed;
inset: 0;
z-index: 100050;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.bq-cats-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.65);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.bq-cats-modal-panel {
position: relative;
width: 100%;
max-width: 480px;
max-height: 86vh;
background: var(--bq-bg-card, #1a1a1f);
border-radius: 18px;
border: 1px solid var(--bq-border, rgba(255,255,255,0.08));
display: flex;
flex-direction: column;
overflow: hidden;
animation: bq-cats-pop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes bq-cats-pop {
from { opacity: 0; transform: scale(0.95) translateY(8px); }
to { opacity: 1; transform: scale(1) translateY(0); }
}
.bq-cats-modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 20px 22px 12px;
border-bottom: 1px solid var(--bq-border-light, rgba(255,255,255,0.04));
}
.bq-cats-modal-title {
margin: 0;
font-size: 17px;
font-weight: 800;
color: var(--bq-text-primary, #fff);
}
.bq-cats-modal-sub {
margin: 4px 0 0;
font-size: 12px;
color: var(--bq-text-secondary, #9ca3af);
line-height: 1.4;
}
.bq-cats-modal-close {
background: var(--bq-bg-elevated, rgba(255,255,255,0.06));
border: 1px solid var(--bq-border, rgba(255,255,255,0.08));
color: var(--bq-text-secondary);
width: 32px;
height: 32px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
transition: all 0.2s ease;
}
.bq-cats-modal-close:hover {
color: var(--bq-text-primary);
background: rgba(255,255,255,0.1);
}
.bq-cats-modal-body {
padding: 18px 22px;
overflow-y: auto;
flex: 1;
}
.bq-cats-add-row {
display: flex;
gap: 8px;
margin-bottom: 10px;
}
.bq-cats-add-row input {
flex: 1;
}
.bq-cats-add-row .buyaca-btn {
flex-shrink: 0;
}
.bq-cats-msg {
padding: 8px 12px;
border-radius: 8px;
font-size: 12.5px;
font-weight: 600;
margin-bottom: 10px;
}
.bq-cats-msg.is-ok {
background: rgba(16,185,129,0.12);
color: #10B981;
border: 1px solid rgba(16,185,129,0.25);
}
.bq-cats-msg.is-error {
background: rgba(239,68,68,0.12);
color: #EF4444;
border: 1px solid rgba(239,68,68,0.25);
}
.bq-cats-list-wrap {
margin-top: 16px;
}
.bq-cats-list-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--bq-text-secondary);
margin-bottom: 10px;
}
.bq-cats-counter {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 7px;
border-radius: 999px;
background: var(--bq-primary, #3A59EF);
color: #fff;
font-size: 11px;
font-weight: 800;
}
.bq-cats-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.bq-cats-empty {
margin: 16px 0;
text-align: center;
font-size: 13px;
color: var(--bq-text-secondary);
padding: 24px 12px;
border: 1px dashed var(--bq-border);
border-radius: 12px;
}
.bq-cats-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
background: var(--bq-bg-surface, rgba(255,255,255,0.03));
border: 1px solid var(--bq-border-light, rgba(255,255,255,0.05));
border-radius: 10px;
transition: all 0.2s ease;
}
.bq-cats-item:hover {
border-color: var(--bq-primary);
background: rgba(58,89,239,0.05);
}
.bq-cats-item-name {
font-size: 14px;
font-weight: 600;
color: var(--bq-text-primary);
}
.bq-cats-item-del {
background: transparent;
border: 1px solid transparent;
color: var(--bq-text-secondary);
width: 30px;
height: 30px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
}
.bq-cats-item-del:hover {
background: rgba(239,68,68,0.12);
color: #EF4444;
border-color: rgba(239,68,68,0.3);
}
.bq-cats-modal-footer {
padding: 14px 22px 18px;
border-top: 1px solid var(--bq-border-light, rgba(255,255,255,0.04));
display: flex;
justify-content: flex-end;
gap: 8px;
}
.buyaca-app.bq-light-mode .bq-cats-modal-panel,
html.bq-page-light .bq-cats-modal-panel {
background: #fff;
border-color: #e5e7eb;
}
.buyaca-app.bq-light-mode .bq-cats-item,
html.bq-page-light .bq-cats-item {
background: #f8f9fa;
border-color: #e5e7eb;
}
@media (max-width: 480px) {
.bq-cats-modal { padding: 0; align-items: flex-end; }
.bq-cats-modal-panel { max-width: 100%; max-height: 88vh; border-radius: 22px 22px 0 0; }
.bq-cats-add-row { flex-direction: column; }
.bq-cats-add-row .buyaca-btn { width: 100%; justify-content: center; }
}
.bq-publish-sheet {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: flex-end;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity var(--bq-dur) var(--bq-ease);
}
.bq-publish-sheet.is-open {
opacity: 1;
pointer-events: auto;
}
.bq-publish-sheet-backdrop {
position: absolute;
inset: 0;
background: rgba(15,23,42,0.55);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.bq-publish-sheet-panel {
position: relative;
width: 100%;
max-width: 520px;
background: var(--bq-bg-card, #fff);
color: var(--bq-text, #0F172A);
border-radius: 24px 24px 0 0;
padding: 10px 20px calc(24px + env(safe-area-inset-bottom, 0px));
transform: translateY(100%);
transition: transform var(--bq-dur-slow) var(--bq-ease-out);
max-height: 88vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.buyaca-app:not(.bq-light-mode) ~ .bq-publish-sheet .bq-publish-sheet-panel,
body:has(.buyaca-app:not(.bq-light-mode)) .bq-publish-sheet-panel {
background: #141418;
color: #F1F5F9;
}
@media (min-width: 640px) {
.bq-publish-sheet-panel {
margin-bottom: 84px;
border-radius: 24px;
max-width: 440px;
}
}
.bq-publish-sheet.is-open .bq-publish-sheet-panel {
transform: translateY(0);
}
.bq-publish-sheet-handle {
width: 40px;
height: 4px;
border-radius: 2px;
background: rgba(148,163,184,0.35);
margin: 0 auto 12px;
}
.bq-publish-sheet-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 2px 4px 14px;
}
.bq-publish-sheet-header h3 {
font-family: var(--bq-font-display);
font-size: 20px;
font-weight: 700;
margin: 0;
letter-spacing: -0.02em;
}
.bq-publish-sheet-close {
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: var(--bq-bg-surface);
color: var(--bq-text-secondary);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all var(--bq-dur) var(--bq-ease);
}
.bq-publish-sheet-close:hover {
background: var(--bq-primary-light);
color: var(--bq-primary);
}
.bq-publish-sheet-body {
display: flex;
flex-direction: column;
gap: 8px;
}
.bq-publish-section-label {
font-size: 11.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--bq-text-muted);
padding: 8px 8px 4px;
}
.bq-publish-biz-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.bq-publish-divider {
height: 1px;
background: var(--bq-border-light);
margin: 8px 4px;
}
.buyaca-app .bq-publish-sheet .bq-publish-option-title {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
white-space: normal;
overflow: visible;
}
.buyaca-app .bq-publish-sheet .bq-publish-option-name {
flex: 0 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.buyaca-app .bq-publish-sheet .bq-feat-tag--pautar {
flex: 0 0 auto;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 3px !important;
padding: 3px 9px 3px 7px !important;
font-size: 9.5px !important;
font-weight: 700 !important;
letter-spacing: 0.4px !important;
text-transform: uppercase !important;
border-radius: 999px !important;
border: 1px solid rgba(255,143,0,0.55) !important;
background: linear-gradient(135deg, #FFC107, #FF8F00) !important;
color: #fff !important;
text-decoration: none !important;
line-height: 1 !important;
transition: transform .15s ease, box-shadow .2s ease;
}
.buyaca-app .bq-publish-sheet .bq-feat-tag--pautar svg {
width: 9px !important;
height: 9px !important;
flex: 0 0 9px;
}
.buyaca-app .bq-publish-sheet .bq-feat-tag--pautar svg polygon {
fill: #fff !important;
stroke: none !important;
}
.buyaca-app .bq-publish-sheet .bq-feat-tag--pautar:hover {
transform: translateY(-1px);
}
.bq-feat-mini-badge {
display: inline-flex;
align-items: center;
gap: 3px;
margin-left: 6px;
font-size: 10px;
font-weight: 800;
padding: 2px 7px;
border-radius: 999px;
background: linear-gradient(135deg, #FFD700, #FFA500);
color: #5C3A00;
text-transform: uppercase;
letter-spacing: 0.3px;
vertical-align: middle;
line-height: 1;
}
.bq-feat-tag {
display: inline-flex;
align-items: center;
gap: 4px;
margin-left: 6px;
font-size: 10px;
font-weight: 800;
padding: 3px 9px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(255,215,0,0.18), rgba(255,165,0,0.12));
color: #B8860B;
border: 1.5px solid rgba(255,165,0,0.45);
text-decoration: none !important;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1;
cursor: pointer;
transition: all 0.2s ease;
vertical-align: middle;
}
.bq-feat-tag:hover {
background: linear-gradient(135deg, #FFD700, #FFA500);
color: #5C3A00;
transform: translateY(-1px) scale(1.04);
border-color: rgba(184,134,11,0.6);
}
.bq-feat-tag svg { flex-shrink: 0; }
.bq-feat-banner {
position: relative;
display: flex;
align-items: center;
gap: 14px;
padding: 14px 16px;
margin: 4px 0;
border-radius: 16px;
background: linear-gradient(135deg, rgba(255,215,0,0.08), rgba(58,89,239,0.08));
border: 1px solid rgba(255,193,7,0.25);
color: var(--bq-text);
text-decoration: none;
overflow: hidden;
transition: transform var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease);
}
.bq-feat-banner:hover {
transform: translateY(-1px);
}
.bq-feat-banner-glow {
position: absolute; top: -40px; right: -40px;
width: 140px; height: 140px;
background: radial-gradient(circle, rgba(255,215,0,0.35) 0%, transparent 70%);
pointer-events: none;
}
.bq-feat-banner-icon {
flex-shrink: 0;
width: 44px; height: 44px;
border-radius: 14px;
background: linear-gradient(135deg, rgba(255,215,0,0.18), rgba(255,165,0,0.12));
border: 1px solid rgba(255,193,7,0.35);
display: flex; align-items: center; justify-content: center;
}
.bq-feat-banner-body {
flex: 1; min-width: 0;
display: flex; flex-direction: column; gap: 3px;
}
.bq-feat-banner-title {
font-size: 14px; font-weight: 800; line-height: 1.25;
color: var(--bq-text-primary);
}
.bq-feat-banner-text {
font-size: 12px; line-height: 1.35;
color: var(--bq-text-secondary);
}
.bq-feat-banner-cta {
flex-shrink: 0;
display: inline-flex; align-items: center; gap: 4px;
font-size: 12px; font-weight: 800;
padding: 8px 14px;
border-radius: 999px;
background: linear-gradient(135deg, #FFD700, #FFA500);
color: #5C3A00;
text-transform: uppercase;
letter-spacing: 0.4px;
}
.bq-publish-option {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 14px;
border-radius: 16px;
text-decoration: none;
color: var(--bq-text);
background: var(--bq-bg-surface);
border: 1px solid transparent;
transition: all var(--bq-dur) var(--bq-ease);
cursor: pointer;
}
.buyaca-app:not(.bq-light-mode) ~ .bq-publish-sheet .bq-publish-option,
body:has(.buyaca-app:not(.bq-light-mode)) .bq-publish-option {
background: #1A1A20;
color: #F1F5F9;
}
.bq-publish-option:hover {
background: var(--bq-primary-light);
border-color: var(--bq-primary-soft);
transform: translateX(2px);
}
.bq-publish-option--primary {
background: linear-gradient(135deg, rgba(58,89,239,0.10) 0%, rgba(58,89,239,0.04) 100%);
border-color: var(--bq-primary-soft);
}
.bq-publish-option--primary:hover {
background: linear-gradient(135deg, rgba(58,89,239,0.16) 0%, rgba(58,89,239,0.06) 100%);
}
.bq-publish-option--cta {
background: linear-gradient(135deg, var(--bq-primary) 0%, #6C7CFF 100%);
color: #fff;
border-color: transparent;
}
.bq-publish-option--cta:hover {
background: linear-gradient(135deg, var(--bq-primary-dark) 0%, var(--bq-primary) 100%);
transform: translateY(-1px);
}
.bq-publish-option--cta .bq-publish-option-desc {
color: rgba(255,255,255,0.85);
}
.bq-publish-option--cta .bq-publish-option-icon {
background: rgba(255,255,255,0.18) !important;
color: #fff !important;
}
.bq-publish-option-icon {
flex: 0 0 auto;
width: 44px;
height: 44px;
border-radius: 12px;
background: var(--bq-bg-card);
color: var(--bq-primary);
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid var(--bq-border-light);
}
.bq-publish-option-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.bq-publish-option-title {
font-size: 15px;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.01em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bq-publish-option-desc {
font-size: 13px;
font-weight: 400;
color: var(--bq-text-secondary);
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bq-publish-option-chev {
flex: 0 0 auto;
color: var(--bq-text-muted);
opacity: 0.7;
transition: transform var(--bq-dur) var(--bq-ease);
}
.bq-publish-option:hover .bq-publish-option-chev {
transform: translateX(3px);
color: var(--bq-primary);
opacity: 1;
}
@media (max-width: 380px) {
.buyaca-app .bq-header-search-wrap-v8 .bq-app-header-search { height: 42px; }
.bq-bottom-nav-v8 .bq-nav-publish-fab { width: 50px; height: 50px; }
.bq-bottom-nav-v8 .bq-nav-publish-fab svg { width: 26px; height: 26px; }
.bq-bottom-nav-v8 .buyaca-bottom-nav-label { font-size: 10px; }
}
@media (max-width: 400px) {
.buyaca-app .bq-app-header-inner { padding: 8px 12px 0; }
.buyaca-app .bq-header-search-wrap-v8 { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.buyaca-app *, .bq-publish-sheet *, .bq-publish-sheet-panel {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
}
}
.buyaca-app .bq-red-zone::before,
.buyaca-app .bq-red-zone-sparkles {
background: var(--bq-bg);
border-radius: 0px;
position: relative;
padding: 0px 0 40px;
}
.buyaca-app .bq-recomendados-zone {
border-radius: 0px;
position: relative;
padding: 0px 0 40px;
}
.buyaca-app .bq-recomendados-inner {
padding: 0 5px;
max-width: 1280px;
margin: 0 auto;
}
.buyaca-app .bq-home-section-header {
display: flex;
align-items: end;
justify-content: left;
padding:5px 0 5px;
margin: 0;
gap: 12px;
}
.buyaca-app .bq-home-section-title,
.buyaca-app .bq-home-section-title.space,
.buyaca-app .bq-featured-section-title {
font-family: var(--bq-font-display);
font-size: 17px;
font-weight: 700;
letter-spacing: -0.025em;
color: var(--bq-text-primary);
margin: 0;
line-height: 1.2;
}
.buyaca-app .bq-destacados-section .bq-home-section-title::after {
display: none !important;
}
.buyaca-app .bq-destacados-section {
padding: 4px 16px 20px;
max-width: 1280px;
margin: 0 auto;
}
.buyaca-app .bq-featured-scroll {
display: flex;
gap: 12px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 4px 0 8px;
margin: 0 -16px;
padding-left: 16px;
padding-right: 16px;
scrollbar-width: none;
}
.buyaca-app .bq-featured-scroll::-webkit-scrollbar { display: none; }
.buyaca-app .bq-featured-card-v2 {
flex: 0 0 72%;
max-width: 300px;
scroll-snap-align: start;
aspect-ratio: 4 / 5;
border-radius: var(--bq-radius-lg);
overflow: hidden;
position: relative;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
transition: transform var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease);
cursor: pointer;
}
@media (min-width: 640px) {
.buyaca-app .bq-featured-card-v2 { flex: 0 0 260px; }
}
.buyaca-app .bq-featured-card-v2:hover {
transform: translateY(-3px);
}
.buyaca-app .bq-featured-v2-image-wrap {
position: absolute;
inset: 0;
}
.buyaca-app .bq-featured-v2-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--bq-dur-slow) var(--bq-ease);
}
.buyaca-app .bq-featured-card-v2:hover .bq-featured-v2-image {
transform: scale(1.05);
}
.buyaca-app .bq-featured-v2-image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 85%, rgba(0,0,0,0.75) 100%);
}
.buyaca-app .bq-featured-v2-logo-wrap {
position: absolute;
top: 12px;
left: 12px;
width: 44px;
height: 44px;
border-radius: 12px;
overflow: hidden;
background: #fff;
border: 2px solid #fff;
}
.buyaca-app .bq-featured-v2-logo,
.buyaca-app .bq-featured-v2-logo-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
justify-content: center;
display: flex;
background: #F1F5F9;
}
.buyaca-app .bq-featured-v2-top-badges {
position: absolute;
top: 12px;
right: 12px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}
.buyaca-app .bq-featured-v2-status {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 9px;
border-radius: var(--bq-radius-pill);
font: 600 11px/1 var(--bq-font-family);
letter-spacing: 0;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.buyaca-app .bq-featured-v2-status.open {
background: rgba(16,185,129,0.96);
color: #fff;
}
.buyaca-app .bq-featured-v2-status.closed {
background: rgba(15,23,42,0.7);
color: #fff;
}
.buyaca-app .bq-home-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3px;
}
@media (min-width: 520px) { .buyaca-app .bq-home-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }
@media (min-width: 780px) { .buyaca-app .bq-home-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1040px) { .buyaca-app .bq-home-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; } }
.buyaca-app .bq-profile-card {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius);
overflow: hidden;
transition: transform var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease), border-color var(--bq-dur) var(--bq-ease);
position: relative;
}
.buyaca-app.bq-light-mode .bq-profile-card { background: #FFFFFF; border-color: #E2E8F0; }
.buyaca-app:not(.bq-light-mode) .bq-profile-card { background: #141418; border-color: rgba(255,255,255,0.06); }
.buyaca-app .bq-profile-card:hover {
transform: translateY(-3px);
border-color: var(--bq-border-strong);
}
.buyaca-app .bq-profile-card-link {
display: block;
color: inherit;
text-decoration: none;
}
.buyaca-app .bq-profile-card-banner {
position: relative;
width: 100%;
aspect-ratio: 1;
background: var(--bq-bg-secondary);
overflow: hidden;
}
.buyaca-app .bq-profile-card-banner-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--bq-dur-slow) var(--bq-ease);
}
.buyaca-app .bq-profile-card:hover .bq-profile-card-banner-img {
transform: scale(1.04);
}
.buyaca-app .bq-profile-card-action {
position: absolute;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(255,255,255,0.95);
color: #0F172A;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
cursor: pointer;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition: all var(--bq-dur) var(--bq-ease);
top: 10px;
}
.buyaca-app .bq-profile-card-heart { right: 10px; }
.buyaca-app .bq-profile-card-share { right: 50px; }
.buyaca-app .bq-profile-card-action:hover {
transform: scale(1.08);
background: #fff;
color: var(--bq-primary);
}
.buyaca-app .bq-profile-card-heart.active {
background: var(--bq-primary);
color: #fff;
}
.buyaca-app .bq-profile-card-heart.active svg { fill: currentColor; }
.buyaca-app .bq-profile-card-logo-wrap {
position: absolute;
left: 12px;
bottom: -16px;
width: 44px;
height: 44px;
border-radius: 24px;
overflow: hidden;
background: #fff;
border: 2px solid var(--bq-bg-card);
z-index: 2;
}
.buyaca-app .bq-profile-card-logo {
width: 100%;
height: 100%;
object-fit: cover;
}
.buyaca-app .bq-profile-card-logo-placeholder {
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background: #F1F5F9;
color: #94A3B8;
}
.buyaca-app .bq-profile-card-divider { display: none !important; }
.buyaca-app .bq-profile-card-body {
padding: 20px 14px 14px;
}
.buyaca-app .bq-profile-card-name {
font-family: var(--bq-font-display);
font-size: 15px;
font-weight: 700;
letter-spacing: -0.015em;
line-height: 1.3;
color: var(--bq-text-primary);
margin: 0 0 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;line-clamp: 1;
-webkit-box-orient: vertical;
}
.buyaca-app .bq-profile-card-meta {
position: absolute;
top: -15px;
left: 65px;
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 2px 0 10px;
}
.buyaca-app .bq-profile-card-pill {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 1px 5px;
border-radius: var(--bq-radius-pill);
background: var(--bq-bg-surface);
color: var(--bq-text-secondary);
font: 500 8px/1.3 var(--bq-font-family);
letter-spacing: 0;
max-width: 100%;
overflow: hidden;
}
.buyaca-app .bq-profile-card-pill svg { flex-shrink: 0; opacity: 0.7; }
.buyaca-app .bq-profile-card-pill span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.buyaca-app .bq-profile-card-footer {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
padding-top: 8px;
border-top: 1px solid var(--bq-border-light);
}
.buyaca-app .bq-profile-card-rating {
display: inline-flex;
align-items: center;
gap: 2px;
font: 600 11px/1 var(--bq-font-family);
color: var(--bq-text-secondary);
}
.buyaca-app .bq-profile-card-rating svg { margin-right: -1px; }
.buyaca-app .bq-profile-card-rating span { margin-left: 4px; }
.buyaca-app .bq-profile-card-status {
font: 700 8px/1 var(--bq-font-family);
letter-spacing: 0.02em;
padding: 3px 8px;
border-radius: var(--bq-radius-pill);
margin-left: auto;
}
.buyaca-app .bq-profile-card-status.open {
color: #059669;
background: rgba(16,185,129,0.12);
}
.buyaca-app .bq-profile-card-status.closed {
color: #64748B;
background: var(--bq-bg-surface);
}
.buyaca-app .buyaca-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
@media (min-width: 520px) { .buyaca-app .buyaca-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 780px) { .buyaca-app .buyaca-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.buyaca-app .buyaca-business-card {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius);
overflow: hidden;
transition: transform var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease), border-color var(--bq-dur) var(--bq-ease);
}
.buyaca-app.bq-light-mode .buyaca-business-card { background: #FFFFFF; border-color: #E2E8F0; }
.buyaca-app:not(.bq-light-mode) .buyaca-business-card { background: #141418; border-color: rgba(255,255,255,0.06); }
.buyaca-app .buyaca-business-card:hover {
transform: translateY(-3px);
border-color: var(--bq-border-strong);
}
.buyaca-app .buyaca-business-card-link {
display: block;
color: inherit;
text-decoration: none;
}
.buyaca-app .buyaca-business-card-image {
position: relative;
width: 100%;
aspect-ratio: 1;
background: var(--bq-bg-secondary);
overflow: hidden;
}
.buyaca-app .buyaca-business-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--bq-dur-slow) var(--bq-ease);
}
.buyaca-app .buyaca-business-card:hover .buyaca-business-card-image img {
transform: scale(1.04);
}
.buyaca-app .buyaca-verified-badge {
position: absolute;
left: 10px;
bottom: 10px;
top: auto;
right: auto;
width: auto;
max-width: calc(100% - 20px);
height: auto;
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 9px;
border-radius: 999px;
background: rgba(16,185,129,0.96);
color: #fff;
font: 700 10px/1 var(--bq-font-family, Inter, sans-serif);
letter-spacing: 0.02em;
white-space: nowrap;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.buyaca-app .buyaca-verified-badge svg {
width: 13px !important;
height: 13px !important;
flex: 0 0 13px;
display: block;
}
.buyaca-app .buyaca-card-favorite-btn {
position: absolute;
right: 10px;
top: 10px;
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,0.95);
color: #0F172A;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition: all var(--bq-dur) var(--bq-ease);
}
.buyaca-app .buyaca-card-favorite-btn:hover {
transform: scale(1.08);
color: var(--bq-primary);
}
.buyaca-app .buyaca-card-favorite-btn.active {
background: var(--bq-primary);
color: #fff;
}
.buyaca-app .buyaca-business-card-body { padding: 12px 14px 14px; }
.buyaca-app .buyaca-business-card-title {
font-family: var(--bq-font-display);
font-size: 14.5px;
font-weight: 700;
letter-spacing: -0.015em;
line-height: 1.3;
margin: 0 0 4px;
color: var(--bq-text-primary);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;line-clamp: 1;
-webkit-box-orient: vertical;
}
.buyaca-app .buyaca-business-card-category {
font: 500 11.5px/1.3 var(--bq-font-family);
color: var(--bq-primary);
margin: 0 0 6px;
letter-spacing: 0;
}
.buyaca-app .buyaca-card-address,
.buyaca-app .buyaca-card-barrio {
display: flex;
align-items: center;
gap: 4px;
font: 400 11.5px/1.4 var(--bq-font-family);
color: var(--bq-text-secondary);
margin: 2px 0;
}
.buyaca-app .buyaca-business-card-description {
font: 400 12px/1.45 var(--bq-font-family);
color: var(--bq-text-secondary);
margin: 8px 0 4px;
display: -webkit-box;
-webkit-line-clamp: 2;line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.buyaca-app .buyaca-business-card-footer {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid var(--bq-border-light);
}
.buyaca-app .buyaca-business-card-rating {
display: inline-flex;
align-items: center;
gap: 4px;
font: 600 12px/1 var(--bq-font-family);
color: var(--bq-text-primary);
}
.buyaca-app .buyaca-business-card-rating span { color: var(--bq-text-secondary); font-weight: 500; }
.buyaca-app .buyaca-h1 {
font-family: var(--bq-font-display);
font-size: 26px;
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.1;
color: var(--bq-text-primary);
margin: 0 0 20px;
text-align:center;
}
.buyaca-app .buyaca-h2 {
font-family: var(--bq-font-display);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.025em;
color: var(--bq-text-primary);
margin: 0 0 8px;
}
.buyaca-app .buyaca-empty {
padding: 48px 24px;
text-align: center;
background: var(--bq-bg-card);
border: 1px dashed var(--bq-border);
border-radius: var(--bq-radius-lg);
margin: 20px 0;
}
.buyaca-app .buyaca-empty-icon { margin: 0 auto 16px; opacity: 0.5; }
.buyaca-app .buyaca-empty-title {
font: 700 17px/1.3 var(--bq-font-display);
letter-spacing: -0.02em;
margin: 0 0 4px;
color: var(--bq-text-primary);
}
.buyaca-app .buyaca-empty-text {
font: 400 13.5px/1.5 var(--bq-font-family);
color: var(--bq-text-secondary);
margin: 0 0 20px;
}
.buyaca-app .buyaca-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 40px;
padding: 0 18px;
border-radius: var(--bq-radius-pill);
font-family: var(--bq-font-family);
font-size: 13.5px;
font-weight: 600;
letter-spacing: -0.005em;
text-decoration: none;
cursor: pointer;
border: 1px solid transparent;
transition: all var(--bq-dur) var(--bq-ease);
white-space: nowrap;
}
.buyaca-app .buyaca-btn-primary {
background: var(--bq-primary);
color: #fff;
}
.buyaca-app .buyaca-btn-primary:hover {
background: var(--bq-primary-dark);
transform: translateY(-1px);
}
.buyaca-app .buyaca-btn-outline {
background: transparent;
color: var(--bq-text-primary);
border-color: var(--bq-border-strong);
}
.buyaca-app .buyaca-btn-outline:hover {
border-color: var(--bq-primary);
color: var(--bq-primary);
background: var(--bq-primary-light);
}
.buyaca-app .buyaca-btn-sm { height: 34px; padding: 0 14px; font-size: 12.5px; }
.buyaca-app.buyaca-business-profile {
background: var(--bq-bg);
padding-bottom: 84px;
}
.buyaca-app .bq-cv2-banner-wrap {
position: relative;
max-width: 1080px;
margin: -40px auto;
}
.buyaca-app .bq-cv2-banner-gradient,
.buyaca-app .bq-cv2-banner-overlay {
position: absolute;
inset: 0;
}
.buyaca-app .bq-cv2-banner-gradient {
background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%);
}
.buyaca-app .bq-cv2-logo {
position: absolute;
bottom: -40px;
width: 88px;
height: 88px;
border-radius: 20px;
background: var(--bq-bg-card);
border: 3px solid var(--bq-bg);
z-index: 10;
}
@media (min-width: 640px) {
.buyaca-app .bq-cv2-logo {
width: 112px;
height: 112px;
border-radius: 24px;
left: 32px;
}
}
.buyaca-app .bq-cv2-logo img,
.buyaca-app .bq-cv2-logo-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
display: flex;
align-items: center;
justify-content: center;
background: var(--bq-bg-secondary);
}
.buyaca-app .bq-cv2-info {
max-width: 1080px;
margin: 0 auto;
padding: 52px 20px 20px;
}
@media (min-width: 640px) {
.buyaca-app .bq-cv2-info { padding: 60px 32px 24px; }
}
.buyaca-app .bq-cv2-name-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.buyaca-app .bq-cv2-name-group {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
flex: 1;
min-width: 0;
}
.buyaca-app .bq-cv2-name {
font-family: var(--bq-font-display);
font-size: 26px;
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.1;
color: var(--bq-text-primary);
margin: 0;
}
@media (min-width: 640px) { .buyaca-app .bq-cv2-name { font-size: 30px; } }
.buyaca-app .bq-cv2-verified-badge {
display: inline-flex;
align-items: center;
gap: 3px;
color: #10B981;
font-weight: 700;
margin-top: 2px;
}
.buyaca-app .bq-cv2-meta-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
font: 500 13px/1.4 var(--bq-font-family);
color: var(--bq-text-secondary);
margin-bottom: 12px;
}
.buyaca-app .bq-cv2-rating {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--bq-text-primary);
font-weight: 600;
}
.buyaca-app .bq-cv2-rating-score { font-weight: 700; }
.buyaca-app .bq-cv2-rating-count { color: var(--bq-text-secondary); font-weight: 500; }
.buyaca-app .bq-cv2-meta-sep { color: var(--bq-text-muted); opacity: 0.6; }
.buyaca-app .bq-cv2-status {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 10px;
border-radius: var(--bq-radius-pill);
font: 700 11px/1 var(--bq-font-family);
letter-spacing: 0.02em;
}
.buyaca-app .bq-cv2-status.open { color: #059669; background: rgba(16,185,129,0.12); }
.buyaca-app .bq-cv2-status.closed { color: #64748B; background: var(--bq-bg-surface); }
.buyaca-app .bq-cv2-cat {
color: var(--bq-primary);
font-weight: 600;
}
.buyaca-app .bq-cv2-description {
font: 400 14.5px/1.55 var(--bq-font-family);
color: var(--bq-text);
margin: 8px 0 16px;
max-width: 68ch;
}
.buyaca-app .bq-cv2-detail-row {
display: flex;
flex-wrap: wrap;
gap: 12px 20px;
margin: 12px 0 16px;
}
.buyaca-app .bq-cv2-detail-item {
display: flex;
align-items: center;
gap: 6px;
font: 500 13px/1.4 var(--bq-font-family);
color: var(--bq-text-secondary);
}
.buyaca-app .bq-cv2-socials {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0px;
}
.buyaca-app .bq-cv2-social-btn {
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border);
color: var(--bq-text-secondary);
transition: all var(--bq-dur) var(--bq-ease);
text-decoration: none;
}
.buyaca-app .bq-cv2-social-btn:hover {
color: var(--bq-primary);
border-color: var(--bq-primary-soft);
background: var(--bq-primary-light);
transform: translateY(-2px);
}
.buyaca-app .bq-cv2-social-btn svg { width: 18px; height: 18px; }
.buyaca-app .bq-cv2-cta-wrap { margin: 16px 0 4px; }
.buyaca-app .bq-cv2-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 46px;
padding: 0 24px;
border-radius: var(--bq-radius-pill);
background: var(--bq-primary);
color: #fff;
font-family: var(--bq-font-family);
font-size: 14.5px;
font-weight: 700;
letter-spacing: -0.005em;
text-decoration: none;
border: none;
cursor: pointer;
transition: all var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-cv2-cta:hover {
background: var(--bq-primary-dark);
transform: translateY(-1px);
}
.buyaca-app .bq-cv2-tab-content {
margin-bottom: 5px;
padding:0px 6px 0px 6px;
}
.buyaca-app .bq-cv2-banner-wrap,
.buyaca-app .bq-cv2-info,
.buyaca-app .bq-cv2-tab-content {
max-width: 1080px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.buyaca-app .bq-cv2-tab-content {
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box;
}
.buyaca-app .bq-admin-panel {
max-width: 1080px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
.buyaca-app .bq-camp-root {
max-width: 1080px !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 600px) {
.buyaca-app .bq-cv2-tab-content {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
.buyaca-app .bq-cv2-product-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
@media (min-width: 520px) { .buyaca-app .bq-cv2-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 780px) { .buyaca-app .bq-cv2-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1040px) { .buyaca-app .bq-cv2-product-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; } }
.buyaca-app .bq-cv2-product-card {
background: var(--bq-bg-card);
cursor: pointer;
}
.buyaca-app .bq-cv2-product-card:hover {
transform: translateY(-3px);
border-color: var(--bq-border-strong);
}
.buyaca-app .bq-cv2-product-img {
position: relative;
width: 100%;
aspect-ratio: 1;
background: var(--bq-bg-secondary);
overflow: hidden;
}
.buyaca-app .bq-cv2-product-img img,
.buyaca-app .bq-cv2-product-img-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--bq-dur-slow) var(--bq-ease);
}
.buyaca-app .bq-cv2-product-card:hover .bq-cv2-product-img img {
transform: scale(1.04);
}
.buyaca-app .bq-cv2-product-gallery-badge,
.buyaca-app .bq-cv2-product-pinned-badge {
position: absolute;
right: 8px;
background: rgba(15,23,42,0.78);
color: #fff;
padding: 3px 7px;
border-radius: var(--bq-radius-pill);
font: 700 10.5px/1 var(--bq-font-family);
letter-spacing: 0;
display: inline-flex;
align-items: center;
gap: 3px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
height: fit-content;
}
.buyaca-app .bq-cv2-product-pinned-badge {
left: 8px;
right: auto;
background: var(--bq-primary);
}
.buyaca-app .bq-cv2-product-body { padding: 12px 12px 14px; }
.buyaca-app .bq-cv2-product-price {
font-family: var(--bq-font-display);
font-size: 15.5px;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--bq-primary);
margin-bottom: 4px;
line-height: 1.1;
}
.buyaca-app .bq-cv2-product-name,
.buyaca-app .bq-cv2-product-name--minimal {
font: 500 13px/1.35 var(--bq-font-family);
color: var(--bq-text-primary);
margin: 0;
letter-spacing: -0.005em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
min-height: 1.7em;
}
.buyaca-app .bq-cv2-product-cat-label {
font: 600 10.5px/1 var(--bq-font-family);
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--bq-text-muted);
margin-top: 6px;
}
.buyaca-app .bq-cv2-product-attr {
font: 500 11.5px/1.4 var(--bq-font-family);
color: var(--bq-text-secondary);
margin-top: 4px;
}
.buyaca-app .bq-cv2-product-date {
font: 400 10.5px/1 var(--bq-font-family);
color: var(--bq-text-muted);
margin-top: 6px;
display: block;
}
.buyaca-app .bq-cv2-cat-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.buyaca-app .bq-cv2-cat-pill {
height: 34px;
padding: 0 14px;
border-radius: var(--bq-radius-pill);
font: 600 12.5px/1 var(--bq-font-family);
background: transparent;
border: 1px solid var(--bq-border);
color: var(--bq-text-secondary);
cursor: pointer;
letter-spacing: -0.005em;
transition: all var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-cv2-cat-pill:hover {
color: var(--bq-text-primary);
border-color: var(--bq-border-strong);
}
.buyaca-app .bq-cv2-cat-pill.active {
background: var(--bq-primary);
color: #fff;
border-color: var(--bq-primary);
}
.buyaca-app .bq-float-btn {
position: absolute;
top: 14px;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255,255,255,0.95);
color: #0F172A;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: all var(--bq-dur) var(--bq-ease);
z-index: 15;
}
.buyaca-app .bq-float-btn--back { left: 14px; }
.buyaca-app .bq-float-btn--fav { right: 14px; }
.buyaca-app .bq-float-btn:hover { transform: scale(1.06); color: var(--bq-primary); }
.buyaca-app .bq-float-btn--fav.active { background: var(--bq-primary); color: #fff; }
.buyaca-app .buyaca-container {
max-width: 1080px;
margin: 0 auto;
padding-bottom: 84px;
}
.buyaca-app .bq-profile-header-card {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius-lg);
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.buyaca-app .bq-profile-header-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(135deg, var(--bq-primary) 0%, #6C7CFF 100%);
opacity: 0.9;
z-index: 0;
}
.buyaca-app .bq-profile-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--bq-bg-card);
position: relative;
z-index: 1;
margin-top: 8px;
flex-shrink: 0;
}
.buyaca-app .bq-profile-header-info {
flex: 1;
min-width: 0;
padding-top: 30px;
position: relative;
z-index: 1;
}
.buyaca-app .bq-profile-greeting {
font-family: var(--bq-font-display);
font-size: 20px;
font-weight: 800;
letter-spacing: -0.025em;
color: var(--bq-text-primary);
margin: 0 0 2px;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.buyaca-app .bq-profile-email {
font: 400 13px/1.4 var(--bq-font-family);
color: var(--bq-text-secondary);
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.buyaca-app .bq-profile-tabs {
display: flex;
align-items: center;
gap: 4px;
padding: 4px;
background: var(--bq-bg-surface);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius-pill);
margin-bottom: 20px;
overflow-x: auto;
scrollbar-width: none;
}
.buyaca-app .bq-profile-tabs::-webkit-scrollbar { display: none; }
.buyaca-app .bq-profile-tab {
flex: 1;
min-width: 0;
height: 40px;
padding: 0 14px;
border-radius: var(--bq-radius-pill);
background: transparent;
border: none;
color: var(--bq-text-secondary);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
font: 600 13px/1 var(--bq-font-family);
letter-spacing: -0.005em;
transition: all var(--bq-dur) var(--bq-ease);
white-space: nowrap;
}
.buyaca-app .bq-profile-tab:hover { color: var(--bq-text-primary); }
.buyaca-app .bq-profile-tab.active {
background: var(--bq-bg-card);
color: var(--bq-primary);
}
.buyaca-app .bq-tab-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 9px;
background: var(--bq-bg-elevated);
color: var(--bq-text-secondary);
font: 700 10px/1 var(--bq-font-family);
margin-left: 2px;
}
.buyaca-app .bq-profile-tab.active .bq-tab-badge {
background: var(--bq-primary-light);
color: var(--bq-primary);
}
.buyaca-app .bq-profile-tab.active svg,
.buyaca-app:not(.bq-light-mode) .bq-profile-tab.active svg,
.buyaca-app.bq-light-mode .bq-profile-tab.active svg {
stroke: var(--bq-primary) !important;
}
@media (max-width: 480px) {
.buyaca-app .bq-cv2-name { font-size: 14px; }
.buyaca-app .bq-cv2-info { padding-top: 48px; }
.buyaca-app .bq-cv2-logo { width: 95px; height: 95px; border-radius: 16px; bottom: -20px; left: 16px; }
.buyaca-app .bq-profile-greeting { font-size: 17px; }
.buyaca-app .bq-profile-avatar { width: 68px; height: 68px; }
.buyaca-app .bq-home-section-title { font-size: 14px; }
.buyaca-app .buyaca-h1 { font-size: 22px; }
}
.buyaca-app .buyaca-form {
display: flex;
flex-direction: column;
gap: 20px;
margin:0 auto;
}
.buyaca-app .buyaca-form-section {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius-lg);
padding: 20px 20px 16px;
}
@media (min-width: 640px) {
.buyaca-app .buyaca-form-section { padding: 24px 28px 20px; }
}
.buyaca-app .buyaca-form-section-title {
font-family: var(--bq-font-display);
font-size: 15px;
font-weight: 700;
letter-spacing: -0.015em;
color: var(--bq-text-primary);
margin: 0 0 16px;
padding-bottom: 12px;
border-bottom: 1px solid var(--bq-border-light);
display: flex;
align-items: center;
gap: 8px;
}
.buyaca-app .buyaca-form-section-title svg {
color: var(--bq-primary);
vertical-align: middle;
}
.buyaca-app .buyaca-form-row {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-bottom: 14px;
}
@media (min-width: 640px) {
.buyaca-app .buyaca-form-row { grid-template-columns: 1fr 1fr; gap: 16px; }
.buyaca-app .buyaca-form-row.three { grid-template-columns: repeat(3, 1fr); }
}
.buyaca-app .buyaca-form-group {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px;
}
.buyaca-app .buyaca-form-group:last-child { margin-bottom: 0; }
.buyaca-app .buyaca-form-label {
font: 600 12px/1.3 var(--bq-font-family);
letter-spacing: 0;
text-transform: none;
color: var(--bq-text-primary);
display: flex;
align-items: center;
gap: 4px;
}
.buyaca-app .buyaca-form-label .required {
color: var(--bq-primary);
font-weight: 700;
}
.buyaca-app .buyaca-form-input,
.buyaca-app .buyaca-form-select,
.buyaca-app .buyaca-form-textarea {
width: 100%;
min-height: 44px;
padding: 11px 14px;
border: 1px solid var(--bq-border);
border-radius: var(--bq-radius-sm);
background: var(--bq-bg-card);
color: var(--bq-text-primary);
font: 500 14px/1.4 var(--bq-font-family);
letter-spacing: -0.005em;
outline: none;
box-sizing: border-box;
transition: border-color var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease), background var(--bq-dur) var(--bq-ease);
appearance: none;
-webkit-appearance: none;
}
.buyaca-app .buyaca-form-input::placeholder,
.buyaca-app .buyaca-form-textarea::placeholder {
color: var(--bq-text-muted);
font-weight: 400;
}
.buyaca-app .buyaca-form-input:hover,
.buyaca-app .buyaca-form-select:hover,
.buyaca-app .buyaca-form-textarea:hover {
border-color: var(--bq-border-strong);
}
.buyaca-app .buyaca-form-input:focus,
.buyaca-app .buyaca-form-select:focus,
.buyaca-app .buyaca-form-textarea:focus {
border-color: var(--bq-primary);
background: var(--bq-bg-card);
}
.buyaca-app .buyaca-form-input[readonly],
.buyaca-app .buyaca-form-input:disabled {
background: var(--bq-bg-surface);
color: var(--bq-text-secondary);
cursor: not-allowed;
}
.buyaca-app .buyaca-form-textarea {
min-height: 96px;
padding-top: 11px;
resize: vertical;
line-height: 1.5;
}
.buyaca-app .buyaca-form-select {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
}
.buyaca-app .buyaca-form-counter {
font: 500 11px/1 var(--bq-font-family);
color: var(--bq-text-muted);
letter-spacing: 0;
margin-top: 4px;
text-align: right;
}
.buyaca-app .buyaca-container input[type="text"]:not(.buyaca-form-input):not(.bq-app-header-search-input),
.buyaca-app .buyaca-container input[type="email"]:not(.buyaca-form-input),
.buyaca-app .buyaca-container input[type="tel"]:not(.buyaca-form-input),
.buyaca-app .buyaca-container input[type="number"]:not(.buyaca-form-input),
.buyaca-app .buyaca-container input[type="password"]:not(.buyaca-form-input),
.buyaca-app .buyaca-container input[type="url"]:not(.buyaca-form-input),
.buyaca-app .buyaca-container select:not(.buyaca-form-select):not(.bq-home-filter-select),
.buyaca-app .buyaca-container textarea:not(.buyaca-form-textarea) {
border-radius: var(--bq-radius-sm) !important;
transition: border-color var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease) !important;
font-family: var(--bq-font-family) !important;
letter-spacing: -0.005em !important;
}
.buyaca-app .buyaca-container input:focus:not(.buyaca-form-input):not(.bq-app-header-search-input),
.buyaca-app .buyaca-container select:focus:not(.buyaca-form-select):not(.bq-home-filter-select),
.buyaca-app .buyaca-container textarea:focus:not(.buyaca-form-textarea) {
border-color: var(--bq-primary) !important;
outline: none !important;
}
.buyaca-app .buyaca-container label[style*="uppercase"] {
text-transform: none !important;
letter-spacing: 0 !important;
font: 600 12px/1.3 var(--bq-font-family) !important;
color: var(--bq-text-primary) !important;
}
.buyaca-app .buyaca-btn-block { width: 100%; }
.buyaca-app .buyaca-btn-lg { height: 48px; font-size: 15px; padding: 0 24px; font-weight: 700; }
.buyaca-app.buyaca-login-page,
.buyaca-app.buyaca-register-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, var(--bq-bg) 0%, var(--bq-bg-secondary) 100%);
padding: 24px 16px;
}
.buyaca-app.bq-light-mode.buyaca-login-page,
.buyaca-app.bq-light-mode.buyaca-register-page {
background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
}
.buyaca-app .buyaca-login-box {
width: 100%;
max-width: 420px;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius-xl);
padding: 32px 28px;
position: relative;
overflow: hidden;
}
.buyaca-app .buyaca-login-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--bq-primary), #6C7CFF);
}
.buyaca-app .buyaca-login-logo {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
margin-bottom: 28px;
}
.buyaca-app .buyaca-login-logo img {
max-width: 120px;
height: auto;
}
.buyaca-app .buyaca-login-title {
font-family: var(--bq-font-display);
font-size: 24px;
font-weight: 800;
letter-spacing: -0.03em;
color: var(--bq-text-primary);
margin: 10px 0 4px;
text-align: center;
}
.buyaca-app .buyaca-login-subtitle {
font: 400 14px/1.5 var(--bq-font-family);
color: var(--bq-text-secondary);
margin: 0 0 20px;
text-align: center;
}
.buyaca-app .buyaca-login-methods {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.buyaca-app .buyaca-login-methods .buyaca-btn-outline {
height: 46px;
border: 1.5px solid var(--bq-border-strong);
background: var(--bq-bg-card);
font-weight: 600;
}
.buyaca-app .buyaca-login-methods .buyaca-btn-outline:hover {
background: var(--bq-primary-light);
}
.buyaca-app .buyaca-divider {
text-align: center;
position: relative;
margin: 20px 0;
font: 500 12px/1 var(--bq-font-family);
color: var(--bq-text-muted);
letter-spacing: 0;
}
.buyaca-app .buyaca-divider::before,
.buyaca-app .buyaca-divider::after {
content: '';
position: absolute;
top: 50%;
width: calc(50% - 58px);
height: 1px;
background: var(--bq-border);
}
.buyaca-app .buyaca-divider::before { left: 0; }
.buyaca-app .buyaca-divider::after { right: 0; }
.buyaca-app .bq-modal-overlay,
.bq-modal-overlay {
position: fixed;
inset: 0;
z-index: 99999;
background: rgba(15,23,42,0.6);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
animation: bqOverlayIn var(--bq-dur) var(--bq-ease);
}
@keyframes bqOverlayIn {
from { opacity: 0; backdrop-filter: blur(0px); }
to { opacity: 1; }
}
.bq-modal-close-btn {
position: absolute;
top: 55px;
right: 10px;
width: 36px;
height: 36px;
border-radius: 50%;
border: none;
background: rgba(15,23,42,0.08);
color: var(--bq-text-primary);
font-size: 24px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all var(--bq-dur) var(--bq-ease);
z-index: 10;
}
.bq-modal-close-btn:hover {
background: var(--bq-primary);
color: #fff;
transform: scale(1.05) rotate(90deg);
}
.bq-cart-modal-content {
width: 100%;
max-width: 480px;
background: var(--bq-bg-card, #fff);
color: var(--bq-text-primary, #0F172A);
border-radius: var(--bq-radius-lg);
max-height: 85vh;
display: flex;
flex-direction: column;
overflow: hidden;
animation: bqModalIn var(--bq-dur-slow) var(--bq-ease-out);
position: relative;
}
@keyframes bqModalIn {
from { opacity: 0; transform: translateY(16px) scale(0.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.bq-cart-modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 22px;
border-bottom: 1px solid var(--bq-border-light, #F1F5F9);
}
.bq-cart-modal-header > span {
font-family: var(--bq-font-display) !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: -0.025em !important;
color: var(--bq-text-primary) !important;
}
.bq-cart-modal-header .bq-modal-close-btn {
position: static;
margin-left: auto;
}
.bq-cart-grouped-items {
flex: 1;
overflow-y: auto;
padding: 16px 20px;
-webkit-overflow-scrolling: touch;
}
.bq-cart-modal-footer {
padding: 14px 22px 18px;
border-top: 1px solid var(--bq-border-light, #F1F5F9);
background: var(--bq-bg-surface);
}
.bq-catalog-modal-content {
width: 100%;
max-width: 980px;
height: 85vh;
background: var(--bq-bg-card);
border-radius: var(--bq-radius-lg);
position: relative;
overflow: hidden;
animation: bqModalIn var(--bq-dur-slow) var(--bq-ease-out);
}
.bq-slider-container {
position: relative;
width: 100%;
height: calc(100% - 40px);
overflow: hidden;
}
.bq-slider-track {
display: flex;
width: 100%;
height: 100%;
transition: transform var(--bq-dur-slow) var(--bq-ease-out);
}
.bq-slider-arrow {
position: absolute;
top: 30%;
transform: translateY(-50%);
width: 42px;
height: 42px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,0.95);
color: #0F172A;
font-size: 22px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 5;
transition: all var(--bq-dur) var(--bq-ease);
}
.bq-slider-arrow:hover {
background: var(--bq-primary);
color: #fff;
transform: translateY(-50%) scale(1.06);
}
.bq-slider-prev { left: 14px; }
.bq-slider-next { right: 14px; }
.bq-slider-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 40px;
background: var(--bq-bg-card);
border-top: 1px solid var(--bq-border-light);
}
.bq-slider-dots > span,
.bq-slider-dots button {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--bq-border-strong);
cursor: pointer;
border: none;
padding: 0;
transition: all var(--bq-dur) var(--bq-ease);
}
.bq-slider-dots > .active,
.bq-slider-dots button.active {
width: 22px;
border-radius: 4px;
background: var(--bq-primary);
}
.bq-zoom-overlay {
position: fixed;
inset: 0;
z-index: 10000;
background: rgba(10,10,12,0.95);
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
animation: bqOverlayIn var(--bq-dur) var(--bq-ease);
}
.bq-zoom-body {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bq-zoom-body img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: var(--bq-radius-sm);
}
.bq-zoom-close {
position: absolute;
top: 20px;
right: 20px;
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,0.12);
color: #fff;
font-size: 24px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transition: all var(--bq-dur) var(--bq-ease);
z-index: 10;
}
.bq-zoom-close:hover {
background: var(--bq-primary);
transform: scale(1.05) rotate(90deg);
}
.bq-zoom-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,0.14);
color: #fff;
font-size: 26px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transition: all var(--bq-dur) var(--bq-ease);
z-index: 10;
}
.bq-zoom-nav:hover {
background: rgba(255,255,255,0.22);
transform: translateY(-50%) scale(1.06);
}
.bq-zoom-nav-prev { left: 20px; }
.bq-zoom-nav-next { right: 20px; }
.bq-zoom-hint {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: rgba(255,255,255,0.72);
font: 500 12px/1.4 var(--bq-font-family);
background: rgba(0,0,0,0.4);
padding: 6px 14px;
border-radius: var(--bq-radius-pill);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
letter-spacing: 0;
text-align: center;
max-width: 90%;
}
.bq-video-modal {
position: fixed;
inset: 0;
z-index: 9800;
background: rgba(10,10,12,0.92);
display: none;
align-items: center;
justify-content: center;
padding: 20px;
}
.bq-video-modal.is-open { display: flex; }
.bq-video-modal-content {
position: relative;
width: 100%;
max-width: 960px;
aspect-ratio: 16 / 9;
background: #000;
border-radius: var(--bq-radius-lg);
overflow: hidden;
}
.bq-video-modal-close {
position: absolute;
top: -44px;
right: 0;
width: 36px;
height: 36px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,0.18);
color: #fff;
font-size: 20px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
transition: all var(--bq-dur) var(--bq-ease);
}
.bq-video-modal-close:hover {
background: var(--bq-primary);
transform: scale(1.08) rotate(90deg);
}
.buyaca-app #bq-report-modal .bq-modal-overlay,
#bq-report-modal > div:not(.bq-modal-close-btn) {
max-width: 440px;
background: var(--bq-bg-card);
border-radius: var(--bq-radius-lg);
padding: 24px;
position: relative;
}
.bco-w {
max-width: 560px;
margin: 0 auto;
padding: 20px 16px 84px;
font-family: var(--bq-font-family);
color: var(--bq-text-primary);
}
.bco-back {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--bq-text-secondary);
font: 500 13px/1 var(--bq-font-family);
text-decoration: none;
margin-bottom: 14px;
transition: color var(--bq-dur) var(--bq-ease);
}
.bco-back:hover { color: var(--bq-primary); }
.bco-hdr {
text-align: center;
margin-bottom: 22px;
}
.bco-hdr h1 {
font-family: var(--bq-font-display);
font-size: 24px;
font-weight: 800;
letter-spacing: -0.03em;
margin: 0 0 4px;
color: var(--bq-text-primary);
}
.bco-hdr p {
font: 400 14px/1.5 var(--bq-font-family);
color: var(--bq-text-secondary);
margin: 0;
}
.bco-card {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius-lg);
padding: 22px;
margin-bottom: 16px;
}
.bco-plan-badge {
display: inline-block;
padding: 4px 10px;
border-radius: var(--bq-radius-pill);
font: 700 11px/1 var(--bq-font-family);
letter-spacing: 0.02em;
text-transform: uppercase;
margin-bottom: 10px;
}
.bco-feat {
list-style: none;
padding: 0;
margin: 12px 0 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.bco-feat li {
position: relative;
padding: 3px 0 3px 26px;
font: 500 13.5px/1.4 var(--bq-font-family);
color: var(--bq-text);
}
.bco-feat li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--bq-primary-light);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233A59EF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: center;
}
.bco-toggle-wrap {
display: flex;
gap: 4px;
padding: 4px;
background: var(--bq-bg-surface);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius-pill);
margin: 16px 0;
}
.bco-toggle-btn {
flex: 1;
height: 38px;
padding: 0 14px;
border-radius: var(--bq-radius-pill);
background: transparent;
border: none;
color: var(--bq-text-secondary);
font: 600 13px/1 var(--bq-font-family);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
transition: all var(--bq-dur) var(--bq-ease);
}
.bco-toggle-btn.active {
background: var(--bq-bg-card);
color: var(--bq-primary);
}
.bco-save {
display: inline-flex;
align-items: center;
padding: 2px 7px;
border-radius: var(--bq-radius-pill);
background: var(--bq-primary-light);
color: var(--bq-primary);
font: 700 10px/1 var(--bq-font-family);
letter-spacing: 0;
}
.bco-toggle-btn.active .bco-save {
background: var(--bq-primary);
color: #fff;
}
.bco-price-box {
text-align: center;
padding: 16px 0 4px;
}
.bco-price {
font-family: var(--bq-font-display);
font-size: 38px;
font-weight: 800;
letter-spacing: -0.035em;
color: var(--bq-text-primary);
line-height: 1;
}
.bco-price small {
font-size: 14px;
color: var(--bq-text-muted);
font-weight: 600;
margin-left: 2px;
letter-spacing: 0;
}
.bco-price-period {
font: 500 13px/1.4 var(--bq-font-family);
color: var(--bq-text-secondary);
margin-top: 4px;
}
.bco-section {
margin: 20px 0 10px;
font-family: var(--bq-font-display);
font-size: 14px;
font-weight: 700;
color: var(--bq-text-primary);
text-transform: uppercase;
letter-spacing: 0.02em;
}
.bco-input-group {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px;
}
.bco-input-group:last-child { margin-bottom: 0; }
.bco-input-group label {
font: 600 12px/1.3 var(--bq-font-family);
color: var(--bq-text-primary);
}
.bco-input-group input,
.bco-input-group select,
.bco-input-group textarea {
width: 100%;
min-height: 44px;
padding: 11px 14px;
border: 1px solid var(--bq-border);
border-radius: var(--bq-radius-sm);
background: var(--bq-bg-card);
color: var(--bq-text-primary);
font: 500 14px/1.4 var(--bq-font-family);
outline: none;
transition: border-color var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease);
box-sizing: border-box;
}
.bco-input-group input:focus,
.bco-input-group select:focus,
.bco-input-group textarea:focus {
border-color: var(--bq-primary);
}
.buyaca-app .bq-legal-accordions {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 24px;
}
.buyaca-app .bq-legal-accordion {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius);
overflow: hidden;
transition: border-color var(--bq-dur) var(--bq-ease), box-shadow var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-legal-accordion:hover { border-color: var(--bq-border-strong); }
.buyaca-app .bq-legal-accordion.open {
border-color: var(--bq-primary-soft);
}
.buyaca-app .bq-legal-accordion-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
background: transparent;
border: none;
text-align: left;
cursor: pointer;
font-family: var(--bq-font-display);
font-size: 15px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--bq-text-primary);
gap: 10px;
transition: color var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-legal-accordion-btn:hover { color: var(--bq-primary); }
.buyaca-app .bq-legal-chevron {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--bq-text-muted);
font-size: 14px;
transition: transform var(--bq-dur) var(--bq-ease), color var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-legal-accordion.open .bq-legal-chevron {
transform: rotate(180deg);
color: var(--bq-primary);
}
.buyaca-app .bq-legal-accordion-body {
display: none;
padding: 4px 20px 20px;
font: 400 14px/1.65 var(--bq-font-family);
color: var(--bq-text);
letter-spacing: -0.005em;
}
.buyaca-app .bq-legal-accordion.open .bq-legal-accordion-body { display: block; }
.buyaca-app .bq-legal-accordion-body p,
.buyaca-app .bq-legal-accordion-body ul,
.buyaca-app .bq-legal-accordion-body ol {
margin: 0 0 12px;
}
.buyaca-app .bq-legal-accordion-body strong { color: var(--bq-text-primary); font-weight: 700; }
.buyaca-app #bq-contact-form-wrap {
border-radius: var(--bq-radius-lg) !important;
border-color: var(--bq-border-light) !important;
padding: 24px !important;
}
@media (min-width: 640px) {
.buyaca-app #bq-contact-form-wrap { padding: 28px !important; }
}
.buyaca-app .bq-footer-copy,
.bq-footer-copy {
padding: 24px 16px;
text-align: center;
font: 400 12px/1.6 var(--bq-font-family);
color: var(--bq-text-muted);
letter-spacing: 0;
margin-bottom: 84px;
}
.buyaca-app .bq-invite-card {
background: linear-gradient(135deg, var(--bq-primary-light), rgba(255,255,255,0)) !important;
border: 1px solid var(--bq-primary-soft) !important;
border-radius: var(--bq-radius-lg) !important;
}
.buyaca-app .buyaca-autocomplete {
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
background: var(--bq-bg-card);
border: 1px solid var(--bq-border);
border-radius: var(--bq-radius-sm);
max-height: 320px;
overflow-y: auto;
z-index: 300;
display: none;
}
.buyaca-app .buyaca-autocomplete.is-open { display: block; }
.buyaca-app .bq-home-spinner {
display: inline-block;
width: 32px;
height: 32px;
border: 2.5px solid var(--bq-border);
border-top-color: var(--bq-primary);
border-radius: 50%;
animation: bqSpin 0.8s linear infinite;
}
@keyframes bqSpin {
to { transform: rotate(360deg); }
}
.buyaca-app .bq-load-more-btn {
display: inline-flex;
align-items: center;
gap: 8px;
height: 42px;
padding: 0 22px;
border-radius: var(--bq-radius-pill);
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-strong);
color: var(--bq-text-primary);
font: 600 13.5px/1 var(--bq-font-family);
cursor: pointer;
transition: all var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-load-more-btn:hover {
border-color: var(--bq-primary);
color: var(--bq-primary);
background: var(--bq-primary-light);
transform: translateY(-1px);
}
#bq-toast-container {
position: fixed !important;
top: 24px; right: 24px;
z-index: 2147483000;
display: flex; flex-direction: column; gap: 10px;
max-width: 360px; width: auto;
pointer-events: none;
margin: 0; padding: 0;
}
#bq-toast-container > div { pointer-events: auto; }
@media (max-width: 600px){ #bq-toast-container{ left: 12px; right: 12px; top: 12px; max-width: none; } }
.buyaca-toast, #bq-toast-container > div {
background: #0f172a !important;
color: #ffffff !important;
border-radius: 12px !important;
font: 600 13.5px/1.4 var(--bq-font-family, 'Inter', system-ui, sans-serif) !important;
padding: 12px 20px !important;
border: 1px solid rgba(255,255,255,0.08) !important;
}
.buyaca-toast.success, #bq-toast-container > div.success {
background: linear-gradient(135deg, #10B981, #059669) !important;
color: #ffffff !important;
border-color: rgba(255,255,255,0.18) !important;
}
.buyaca-toast.error, #bq-toast-container > div.error {
background: linear-gradient(135deg, #EF4444, #DC2626) !important;
color: #ffffff !important;
border-color: rgba(255,255,255,0.18) !important;
}
.buyaca-toast.info, #bq-toast-container > div.info {
background: linear-gradient(135deg, #3B82F6, #2563EB) !important;
color: #ffffff !important;
border-color: rgba(255,255,255,0.18) !important;
}
.buyaca-toast.warning, #bq-toast-container > div.warning {
background: linear-gradient(135deg, #F59E0B, #D97706) !important;
color: #ffffff !important;
border-color: rgba(255,255,255,0.18) !important;
}
.buyaca-app *:focus-visible {
outline: 2px solid var(--bq-primary);
outline-offset: 2px;
border-radius: var(--bq-radius-sm);
}
.buyaca-app ::selection {
background: var(--bq-primary-soft);
color: var(--bq-text-primary);
}
.buyaca-app ::-webkit-scrollbar { width: 10px; height: 10px; }
.buyaca-app ::-webkit-scrollbar-track { background: transparent; }
.buyaca-app ::-webkit-scrollbar-thumb {
background: var(--bq-border-strong);
border-radius: 10px;
border: 2px solid transparent;
background-clip: padding-box;
}
.buyaca-app ::-webkit-scrollbar-thumb:hover { background: var(--bq-text-muted); background-clip: padding-box; }
@keyframes bqFadeUp {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
.buyaca-app .bq-home-grid > *,
.buyaca-app .buyaca-grid > *,
.buyaca-app .bq-cv2-product-grid > * {
animation: bqFadeUp 0.42s var(--bq-ease-out) backwards;
}
.buyaca-app .bq-home-grid > *:nth-child(1) { animation-delay: 0.02s; }
.buyaca-app .bq-home-grid > *:nth-child(2) { animation-delay: 0.06s; }
.buyaca-app .bq-home-grid > *:nth-child(3) { animation-delay: 0.10s; }
.buyaca-app .bq-home-grid > *:nth-child(4) { animation-delay: 0.14s; }
.buyaca-app .bq-home-grid > *:nth-child(5) { animation-delay: 0.18s; }
.buyaca-app .bq-home-grid > *:nth-child(6) { animation-delay: 0.22s; }
.buyaca-app .bq-home-grid > *:nth-child(7) { animation-delay: 0.26s; }
.buyaca-app .bq-home-grid > *:nth-child(8) { animation-delay: 0.30s; }
@media (prefers-reduced-motion: reduce) {
.buyaca-app .bq-home-grid > *,
.buyaca-app .buyaca-grid > *,
.buyaca-app .bq-cv2-product-grid > * {
animation: none;
}
}
@media (max-width: 480px) {
.buyaca-app .buyaca-login-box { padding: 24px 20px; border-radius: var(--bq-radius-lg); }
.buyaca-app .buyaca-login-title { font-size: 20px; }
.bco-w { padding-left: 14px; padding-right: 14px; }
.bco-price { font-size: 32px; }
.buyaca-app .buyaca-form-section { padding: 18px 16px 14px; }
}
.buyaca-app .bq-wordmark,
.bq-wordmark {
display: inline-flex;
align-items: baseline;
gap: 6px;
font-family: var(--bq-font-display, 'Outfit', sans-serif);
font-size: 18px;
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1;
color: var(--bq-text-primary);
text-decoration: none;
user-select: none;
white-space: nowrap;
}
.buyaca-app .bq-wordmark-1,
.bq-wordmark-1 {
color: var(--bq-text-primary);
font-weight: 800;
}
.buyaca-app .bq-wordmark-2,
.bq-wordmark-2 {
color: var(--bq-primary);
font-weight: 800;
}
.buyaca-app .bq-wordmark--login {
font-size: 26px;
letter-spacing: -0.045em;
gap: 8px;
}
.buyaca-app .bq-wordmark--footer,
.bq-wordmark--footer {
font-size: 22px;
letter-spacing: -0.04em;
}
.buyaca-app:not(.bq-light-mode) .bq-wordmark-1 { color: #F8FAFC; }
.buyaca-app.bq-light-mode .bq-wordmark-1 { color: #FFF;
font-weight: bold;
font-family: 'Outfit'!important;
font-size: 16px;
}
.buyaca-app .bq-header-logo-wrap {
padding: 8px 0 6px;
max-height: 52px;
display: flex;
justify-content: center;
align-items: center;
}
.buyaca-app .bq-header-logo-wrap .logo {
display: none !important;
}
.buyaca-app.bq-light-mode .bq-header-backdrop {
background: #ffffff !important;
}
.buyaca-app.bq-light-mode .bq-app-header-search {
background: #F1F5F9 !important;
border: 1px solid transparent !important;
}
.buyaca-app.bq-light-mode .bq-app-header-search:focus-within {
border-color: var(--bq-primary) !important;
background: #FFFFFF !important;
}
.buyaca-app.bq-light-mode .bq-app-header-search-input { color: #0F172A !important; }
.buyaca-app.bq-light-mode .bq-app-header-search-input::placeholder { color: #94A3B8 !important; }
.buyaca-app.bq-light-mode .bq-app-header-search-icon svg { stroke: #94A3B8 !important; }
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-pill {
background: transparent !important;
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-pill:hover {
border-color: #CBD5E1 !important;
color: #0F172A !important;
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-pill.active {
background: transparent !important;
color: var(--bq-primary) !important;
border-color: var(--bq-primary) !important;
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-select {
background-color: transparent !important;
color: #0F172A !important;
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-select option {
background: #FFFFFF !important;
color: #0F172A !important;
}
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-filter-select-icon,
.buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-filter-select-icon svg {
color: #d4d4d4 !important;
stroke: #d4d4d4 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-header-backdrop {
background: rgba(10,10,12,0.88) !important;
backdrop-filter: saturate(180%) blur(20px) !important;
-webkit-backdrop-filter: saturate(180%) blur(20px) !important;
border-bottom: 0px solid rgba(255,255,255,0.06) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search {
background: #1A1A20 !important;
border: 1px solid rgba(255,255,255,0.06) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search:focus-within {
border-color: var(--bq-primary) !important;
background: #141418 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-input { color: #F1F5F9 !important; }
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-input::placeholder { color: #64748B !important; }
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-icon svg { stroke: #64748B !important; }
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-pill {
background: transparent !important;
border: 0px solid rgba(255,255,255,0.08) !important;
color: #fff !important;
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-pill:hover {
border-color: rgba(255,255,255,0.16) !important;
color: #F1F5F9 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-pill.active {
background: transparent !important;
color: var(--bq-primary) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-select {
background-color: transparent !important;
border: 0px solid rgba(255,255,255,0.08) !important;
color: #fff !important;
background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-home-filter-select option {
background: #141418 !important;
color: #F1F5F9 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-filter-select-icon,
.buyaca-app:not(.bq-light-mode) .bq-header-chips-wrap .bq-filter-select-icon svg {
color: #fff !important;
stroke: #fff !important;
fill: #fff !important;
}
.buyaca-app .bq-profile-card-link {
display: block;
color: inherit;
text-decoration: none;
position: relative;
}
.buyaca-app .bq-profile-card-banner {
position: relative;
width: 100%;
aspect-ratio: 1;
background: var(--bq-bg-secondary);
overflow: hidden;
}
.buyaca-app .bq-profile-card-logo-wrap {
position: relative !important;
left: auto !important;
bottom: auto !important;
top: auto !important;
margin-top: -24px !important;
margin-left: 12px !important;
width: 48px !important;
height: 48px !important;
border-radius: 27px !important;
overflow: hidden;
background: var(--bq-bg-card) !important;
border: 2px solid var(--bq-bg-card) !important;
z-index: 3 !important;
}
.buyaca-app.bq-light-mode .bq-profile-card-logo-wrap {
background: #FFFFFF !important;
border-color: #FFFFFF !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card-logo-wrap {
background: #141418 !important;
border-color: #141418 !important;
}
.buyaca-app .bq-profile-card-logo {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.buyaca-app .bq-profile-card-logo-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--bq-bg-surface);
color: var(--bq-text-muted);
}
.buyaca-app .bq-profile-card-body {
padding: 8px 14px 14px !important;
}
.buyaca-app .bq-profile-card-action {
position: absolute;
top: 10px;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(255,255,255,0.95);
color: #0F172A;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
cursor: pointer;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition: all var(--bq-dur) var(--bq-ease);
z-index: 2;
}
.buyaca-app .bq-profile-card-heart { right: 10px; }
.buyaca-app .bq-profile-card-share { right: 10px; }
.bq-qv-overlay {
z-index: 10000 !important;
}
.bq-qv-modal {
overflow: hidden !important;
position: relative !important;
}
.bq-qv-modal .bq-modal-close-btn {
position: absolute !important;
top: 55px !important;
right: 12px !important;
z-index: 50 !important;
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
border: none !important;
background: rgb(0 0 0 / 67%) !important;
color: #0F172A !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
transition: all var(--bq-dur, 0.24s) var(--bq-ease, cubic-bezier(0.32,0.72,0,1)) !important;
}
.bq-qv-modal .bq-modal-close-btn:hover {
background: #FFFFFF !important;
transform: scale(1.08) rotate(90deg) !important;
}
.bq-qv-modal .bq-qv-gal {
position: relative !important;
z-index: 1 !important;
}
.bq-qv-modal .bq-qv-float-actions {
z-index: 10 !important;
}
.buyaca-app.bq-light-mode .bq-featured-v2-logo-wrap {
background: #FFFFFF !important;
border-color: #FFFFFF !important;
}
.buyaca-app:not(.bq-light-mode) .bq-featured-v2-logo-wrap {
background: #141418 !important;
border-color: #141418 !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-business-card {
background: #141418 !important;
border-color: rgba(255,255,255,0.06) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card:hover,
.buyaca-app:not(.bq-light-mode) .buyaca-business-card:hover,
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-card:hover {
border-color: rgba(255,255,255,0.12) !important;
}
.buyaca-app:not(.bq-light-mode) ~ .bq-publish-sheet .bq-publish-sheet-panel,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-publish-sheet-panel {
background: #141418;
color: #F1F5F9;
}
.buyaca-app:not(.bq-light-mode) ~ .bq-publish-sheet .bq-publish-option,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-publish-option {
background: #1A1A20;
color: #F1F5F9;
}
.buyaca-app:not(.bq-light-mode) ~ .bq-publish-sheet .bq-publish-option-icon,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-publish-option-icon {
background: #0A0A0C;
border-color: rgba(255,255,255,0.08);
}
.buyaca-app.bq-light-mode.buyaca-business-profile {
background: #ffffff !important;
}
.buyaca-app:not(.bq-light-mode).buyaca-business-profile {
background: #0A0A0C !important;
}
.buyaca-app.bq-light-mode .bq-cv2-logo {
background: #FFFFFF !important;
border-color: #F8FAFC !important;
}
.buyaca-app:not(.bq-light-mode) .bq-cv2-logo {
background: #141418 !important;
border-color: #0A0A0C !important;
}
.buyaca-app:not(.bq-light-mode) .bq-cv2-social-btn {
background: #141418 !important;
border-color: rgba(255,255,255,0.08) !important;
color: #94A3B8 !important;
}
.buyaca-app .bq-float-btn {
background: rgba(255,255,255,0.96) !important;
color: #0F172A !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-form-input,
.buyaca-app:not(.bq-light-mode) .buyaca-form-select,
.buyaca-app:not(.bq-light-mode) .buyaca-form-textarea {
background: #1A1A20 !important;
border-color: rgba(255,255,255,0.08) !important;
color: #F1F5F9 !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-form-input::placeholder,
.buyaca-app:not(.bq-light-mode) .buyaca-form-textarea::placeholder {
color: #64748B !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-form-section {
background: #141418 !important;
border-color: rgba(255,255,255,0.06) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-header-card {
background: #141418 !important;
border-color: rgba(255,255,255,0.06) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-tabs {
background: #1A1A20 !important;
border-color: rgba(255,255,255,0.06) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-tab.active {
background: #0A0A0C !important;
}
.buyaca-app:not(.bq-light-mode) ~ .bq-modal-overlay .bq-cart-modal-content,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-content,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-catalog-modal-content {
background: #141418;
color: #F1F5F9;
}
html:has(.buyaca-app.bq-light-mode) .bq-catalog-modal-content,
html.bq-page-light .bq-catalog-modal-content {
background: #FFFFFF !important;
color: #0F172A !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-catalog-modal-content .bq-slider-slide-name,
html.bq-page-light .bq-catalog-modal-content .bq-slider-slide-name {
color: #0F172A !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-catalog-modal-content .bq-slider-slide-desc,
html:has(.buyaca-app.bq-light-mode) .bq-catalog-modal-content .bq-slider-slide-cats,
html.bq-page-light .bq-catalog-modal-content .bq-slider-slide-desc,
html.bq-page-light .bq-catalog-modal-content .bq-slider-slide-cats {
color: #64748B !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-catalog-modal-content .bq-slider-slide-body,
html.bq-page-light .bq-catalog-modal-content .bq-slider-slide-body {
color: #0F172A !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-catalog-modal-content #bq-prev-product,
html:has(.buyaca-app.bq-light-mode) .bq-catalog-modal-content #bq-next-product,
html.bq-page-light .bq-catalog-modal-content #bq-prev-product,
html.bq-page-light .bq-catalog-modal-content #bq-next-product {
color: #475569 !important;
border-color: #E2E8F0 !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-modal-content,
html.bq-page-light .bq-cart-modal-content {
background: #FFFFFF !important;
color: #0F172A !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-modal-header,
html.bq-page-light .bq-cart-modal-header {
border-bottom-color: #E2E8F0 !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-modal-title,
html.bq-page-light .bq-cart-modal-title {
color: #0F172A !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-modal-footer,
html.bq-page-light .bq-cart-modal-footer {
background: #F8FAFC !important;
border-top-color: #E2E8F0 !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-grouped-items,
html.bq-page-light .bq-cart-grouped-items {
color: #0F172A !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-grouped-items *,
html.bq-page-light .bq-cart-grouped-items * {
color: inherit;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-business-group,
html.bq-page-light .bq-cart-business-group {
background: #F8FAFC !important;
border-color: #E2E8F0 !important;
}
html:has(.buyaca-app.bq-light-mode) .bq-cart-business-header,
html.bq-page-light .bq-cart-business-header {
background: #F1F5F9 !important;
color: #0F172A !important;
}
.buyaca-app:not(.bq-light-mode) .bq-legal-accordion {
background: #141418 !important;
border-color: rgba(255,255,255,0.06) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card-name,
.buyaca-app:not(.bq-light-mode) .buyaca-business-card-title,
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-name,
.buyaca-app:not(.bq-light-mode) .buyaca-h1,
.buyaca-app:not(.bq-light-mode) .buyaca-h2,
.buyaca-app:not(.bq-light-mode) .bq-cv2-name,
.buyaca-app:not(.bq-light-mode) .bq-profile-greeting {
color: #F8FAFC !important;
}
.buyaca-app.bq-light-mode .bq-profile-card-pill {
background: #F1F5F9 !important;
color: #64748B !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card-pill {
background: #1A1A20 !important;
color: #94A3B8 !important;
}
.buyaca-app.bq-light-mode .bq-profile-card-status.closed {
background: #F1F5F9 !important;
color: #64748B !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card-status.closed {
background: #1A1A20 !important;
color: #94A3B8 !important;
}
@media (max-width: 400px) {
.buyaca-app .bq-wordmark { font-size: 16px; }
.buyaca-app .bq-wordmark--login { font-size: 22px; }
.buyaca-app .bq-profile-card-logo-wrap {
margin-top: -20px !important;
width: 44px !important;
height: 44px !important;
}
}
.buyaca-app .bq-qv-date {
display: inline-flex;
align-items: center;
gap: 4px;
font: 500 12px/1.3 var(--bq-font-family);
color: var(--bq-text-muted);
letter-spacing: 0;
}
.buyaca-app .bq-qv-date svg {
flex-shrink: 0;
opacity: 0.8;
}
.buyaca-app .bq-cv2-banner {
width: 100%;
height: 180px;
min-height: 180px;
max-height: 320px;
background: linear-gradient(135deg, var(--bq-primary, #3A59EF) 0%, #6C7CFF 100%);
position: relative;
overflow: hidden;
}
@media (min-width: 480px) {
.buyaca-app .bq-cv2-banner { height: 240px; max-height: 200px; }
}
@media (min-width: 768px) {
.buyaca-app .bq-cv2-banner { height: 300px; max-height: 360px; }
}
.buyaca-app .bq-cv2-banner-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
}
.buyaca-app .bq-cv2-banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
pointer-events: none;
z-index: 1;
}
.buyaca-app[data-vc-logo-shape="circle"] .bq-cv2-logo,
.buyaca-app[data-vc-logo-shape="circle"] .bq-cv2-logo img,
.buyaca-app[data-vc-logo-shape="circle"] .bq-featured-v2-logo-wrap,
.buyaca-app[data-vc-logo-shape="circle"] .bq-featured-v2-logo,
.buyaca-app[data-vc-logo-shape="circle"] .bq-profile-card-logo-wrap,
.buyaca-app[data-vc-logo-shape="circle"] .bq-profile-card-logo {
border-radius: 50% !important;
}
.buyaca-app[data-vc-logo-shape="rounded"] .bq-cv2-logo,
.buyaca-app[data-vc-logo-shape="rounded"] .bq-cv2-logo img,
.buyaca-app[data-vc-logo-shape="rounded"] .bq-featured-v2-logo-wrap,
.buyaca-app[data-vc-logo-shape="rounded"] .bq-featured-v2-logo,
.buyaca-app[data-vc-logo-shape="rounded"] .bq-profile-card-logo-wrap,
.buyaca-app[data-vc-logo-shape="rounded"] .bq-profile-card-logo {
border-radius: 18px !important;
}
.buyaca-app[data-vc-logo-shape="square"] .bq-cv2-logo,
.buyaca-app[data-vc-logo-shape="square"] .bq-cv2-logo img,
.buyaca-app[data-vc-logo-shape="square"] .bq-featured-v2-logo-wrap,
.buyaca-app[data-vc-logo-shape="square"] .bq-featured-v2-logo,
.buyaca-app[data-vc-logo-shape="square"] .bq-profile-card-logo-wrap,
.buyaca-app[data-vc-logo-shape="square"] .bq-profile-card-logo {
border-radius: 6px !important;
}
.buyaca-app[data-vc-logo-border="none"] .bq-cv2-logo {
border: 0 !important;
}
.buyaca-app[data-vc-logo-border="thin"] .bq-cv2-logo {
border: 2px solid var(--bq-bg-card) !important;
}
.buyaca-app[data-vc-logo-border="medium"] .bq-cv2-logo {
border: 4px solid var(--bq-bg-card) !important;
}
.buyaca-app[data-vc-logo-border="thick"] .bq-cv2-logo {
border: 6px solid var(--bq-bg-card) !important;
}
.buyaca-app.bq-light-mode[data-vc-logo-border="thin"] .bq-cv2-logo,
.buyaca-app.bq-light-mode[data-vc-logo-border="medium"] .bq-cv2-logo,
.buyaca-app.bq-light-mode[data-vc-logo-border="thick"] .bq-cv2-logo {
border-color: #FFFFFF !important;
}
.buyaca-app:not(.bq-light-mode)[data-vc-logo-border="thin"] .bq-cv2-logo,
.buyaca-app:not(.bq-light-mode)[data-vc-logo-border="medium"] .bq-cv2-logo,
.buyaca-app:not(.bq-light-mode)[data-vc-logo-border="thick"] .bq-cv2-logo {
border-color: #141418 !important;
}
.buyaca-app .bq-cv2-product-card {
border-radius: 5px !important;
border: 1px solid var(--bq-line, #E7E8EC) !important;
overflow: hidden;
}
.buyaca-app .bq-cv2-product-img {
border-radius: 0 !important;
}
.buyaca-app .bq-profile-card {
border-radius: 5px !important;
}
.buyaca-app .buyaca-business-card {
border-radius: 5px !important;
}
.buyaca-app .bq-cv2-cta {
border-radius: 105px !important;
}
.buyaca-app .bq-cv2-product-card:hover,
.buyaca-app .bq-profile-card:hover,
.buyaca-app .buyaca-business-card:hover {
transform: translateY(-6px) !important;
}
.bq-vc-visual-group {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.bq-vc-visual-opt {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 14px 8px;
background: var(--bq-bg-surface);
border: 1.5px solid var(--bq-border);
border-radius: 12px;
cursor: pointer;
color: var(--bq-text-secondary);
font: 600 11px/1.2 var(--bq-font-family);
letter-spacing: -0.005em;
transition: all 0.18s var(--bq-ease);
}
.bq-vc-visual-opt:hover {
border-color: var(--bq-border-strong);
color: var(--bq-text-primary);
}
.bq-vc-visual-opt.on {
border-color: var(--bq-primary);
color: var(--bq-primary);
background: var(--bq-primary-light);
}
.bq-vc-preview-shape {
display: block;
width: 36px;
height: 36px;
background: linear-gradient(135deg, var(--bq-primary), #6C7CFF);
border: 2px solid var(--bq-bg-card);
}
.buyaca-app .bq-vc-range {
flex: 1;
height: 6px;
background: var(--bq-bg-surface);
border: 1px solid var(--bq-border);
border-radius: 999px;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
outline: none;
}
.buyaca-app .bq-vc-range::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--bq-primary);
border: 3px solid #fff;
cursor: pointer;
}
.buyaca-app .bq-vc-range::-moz-range-thumb {
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--bq-primary);
border: 3px solid #fff;
cursor: pointer;
}
.buyaca-app .bq-vc-range-val {
min-width: 48px;
text-align: right;
font: 700 13px/1 var(--bq-font-family);
color: var(--bq-primary);
letter-spacing: -0.01em;
}
.buyaca-app .bq-vc-card {
background: var(--bq-bg-card);
border: 1px solid var(--bq-border-light);
border-radius: var(--bq-radius-lg);
padding: 16px 18px;
margin-bottom: 12px;
transition: border-color var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-vc-card:hover {
border-color: var(--bq-border);
}
.buyaca-app .bq-vc-card-title {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--bq-font-display);
font-size: 13.5px;
font-weight: 700;
letter-spacing: -0.015em;
color: var(--bq-text-primary);
margin: 0 0 12px;
}
.buyaca-app .bq-vc-card-title svg {
color: var(--bq-primary);
flex-shrink: 0;
}
.buyaca-app .bq-vc-btn-group {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.buyaca-app .bq-vc-opt {
flex: 1;
min-width: fit-content;
padding: 9px 14px;
background: var(--bq-bg-surface);
border: 1.5px solid var(--bq-border);
border-radius: var(--bq-radius-pill);
color: var(--bq-text-secondary);
font: 600 12.5px/1 var(--bq-font-family);
letter-spacing: -0.005em;
cursor: pointer;
transition: all 0.18s var(--bq-ease);
white-space: nowrap;
}
.buyaca-app .bq-vc-opt:hover {
border-color: var(--bq-border-strong);
color: var(--bq-text-primary);
}
.buyaca-app .bq-vc-opt.on {
background: var(--bq-primary);
color: #fff;
border-color: var(--bq-primary);
}
.buyaca-app .bq-qv-info {
padding: 20px 22px 12px !important;
}
@media (max-width: 480px) {
.buyaca-app .bq-cv2-banner { height: 160px; min-height: 200px; }
.buyaca-app .bq-qv-info { padding: 16px 18px 10px !important; }
.bq-vc-visual-group { gap: 6px; }
.bq-vc-visual-opt { padding: 10px 6px; }
.bq-vc-preview-shape { width: 30px; height: 30px; }
}
.buyaca-app .bq-design-panel {
padding-bottom: 0;
}
.buyaca-app .bq-ds-backdrop {
position: fixed;
inset: 0;
z-index: 9998;
background: rgba(10, 10, 15, 0.28);
pointer-events: auto;
}
.buyaca-app.bq-light-mode .bq-ds-backdrop {
background: rgba(15, 23, 42, 0.18);
}
.buyaca-app .bq-ds-sheet {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: flex;
flex-direction: column;
width: 100%;
max-width: 720px;
margin: 0 auto;
height: var(--bq-ds-h, 50vh);
max-height: 95vh;
min-height: 200px;
background: var(--bq-bg-card);
border-radius: 28px 28px 0 0;
overflow: hidden;
transition: height 0.35s var(--bq-ease);
will-change: height, transform;
padding-bottom: env(safe-area-inset-bottom, 0);
}
.buyaca-app .bq-ds-sheet::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: min(440px, 80%);
height: 1px;
background: linear-gradient(90deg,
transparent 0%,
rgba(58,89,239, 0.45) 50%,
transparent 100%);
z-index: 1;
pointer-events: none;
}
.buyaca-app .bq-ds-drag-zone {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
height: 22px;
padding-top: 10px;
cursor: grab;
touch-action: none;
user-select: none;
-webkit-user-select: none;
position: relative;
}
.buyaca-app .bq-ds-drag-zone:active {
cursor: grabbing;
}
.buyaca-app .bq-ds-handle {
width: 42px;
height: 5px;
border-radius: 999px;
background: var(--bq-border-strong);
transition: background 0.18s var(--bq-ease), width 0.2s var(--bq-ease);
}
.buyaca-app .bq-ds-drag-zone:hover .bq-ds-handle,
.buyaca-app .bq-ds-sheet.bq-ds-dragging .bq-ds-handle {
background: var(--bq-primary);
width: 56px;
}
.buyaca-app .bq-ds-header {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 6px 18px 14px;
border-bottom: 1px solid var(--bq-border-light);
background: var(--bq-bg-card);
position: relative;
z-index: 2;
}
.buyaca-app .bq-ds-title-wrap {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
flex: 1 1 auto;
}
.buyaca-app .bq-ds-icon-badge {
flex: 0 0 auto;
width: 38px;
height: 38px;
border-radius: 12px;
display: grid;
place-items: center;
background: linear-gradient(135deg, var(--bq-primary) 0%, var(--bq-primary-dark) 100%);
color: #fff;
}
.buyaca-app .bq-ds-title-text {
min-width: 0;
flex: 1 1 auto;
}
.buyaca-app .bq-ds-title {
margin: 0;
font: 700 16px/1.2 var(--bq-font-display, var(--bq-font-family));
color: var(--bq-text-primary);
letter-spacing: -0.015em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.buyaca-app .bq-ds-subtitle {
margin: 3px 0 0;
font-size: 11.5px;
font-weight: 500;
color: var(--bq-text-secondary);
display: flex;
align-items: center;
gap: 6px;
letter-spacing: -0.005em;
}
.buyaca-app .bq-ds-live-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #10B981;
flex-shrink: 0;
}
.buyaca-app .bq-ds-header-actions {
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
}
.buyaca-app .bq-ds-snap-btn,
.buyaca-app .bq-ds-close {
width: 36px;
height: 36px;
border-radius: 12px;
border: 1px solid var(--bq-border);
background: var(--bq-bg-surface);
color: var(--bq-text-secondary);
display: grid;
place-items: center;
cursor: pointer;
transition: all 0.18s var(--bq-ease);
padding: 0;
position: relative;
}
.buyaca-app .bq-ds-snap-btn .bq-ds-snap-ico-down { display: none; }
.buyaca-app .bq-ds-sheet.bq-ds-snap-full .bq-ds-snap-btn .bq-ds-snap-ico-up { display: none; }
.buyaca-app .bq-ds-sheet.bq-ds-snap-full .bq-ds-snap-btn .bq-ds-snap-ico-down { display: block; }
.buyaca-app .bq-ds-snap-btn:hover,
.buyaca-app .bq-ds-close:hover {
border-color: var(--bq-border-strong);
color: var(--bq-text-primary);
background: var(--bq-bg-elevated);
transform: translateY(-1px);
}
.buyaca-app .bq-ds-close:hover {
color: #EF4444;
border-color: rgba(239, 68, 68, 0.35);
background: rgba(239, 68, 68, 0.08);
}
.buyaca-app .bq-ds-snap-btn:active,
.buyaca-app .bq-ds-close:active {
transform: translateY(0);
}
.buyaca-app .bq-ds-sheet .bq-ds-body {
flex: 1 1 auto;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
padding: 18px 18px 24px;
animation: none;
}
.buyaca-app .bq-ds-sheet .bq-ds-body::-webkit-scrollbar {
width: 6px;
}
.buyaca-app .bq-ds-sheet .bq-ds-body::-webkit-scrollbar-track {
background: transparent;
}
.buyaca-app .bq-ds-sheet .bq-ds-body::-webkit-scrollbar-thumb {
background: var(--bq-border-strong);
border-radius: 999px;
}
.buyaca-app .bq-ds-sheet .bq-ds-body::-webkit-scrollbar-thumb:hover {
background: var(--bq-primary);
}
.buyaca-app .bq-ds-sheet .bq-vc-card {
margin-bottom: 12px;
}
.buyaca-app .bq-ds-sheet .bq-vc-card:last-child {
margin-bottom: 0;
}
.buyaca-app .bq-ds-footer {
flex: 0 0 auto;
padding: 12px 18px 14px;
background: var(--bq-bg-card);
border-top: 1px solid var(--bq-border-light);
position: relative;
z-index: 2;
}
.buyaca-app .bq-ds-save-btn {
width: 100%;
height: 48px;
border: none;
border-radius: 14px;
background: linear-gradient(135deg, var(--bq-primary) 0%, var(--bq-primary-dark) 100%);
color: #fff;
font: 700 14.5px/1 var(--bq-font-family);
letter-spacing: -0.01em;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: transform 0.18s var(--bq-ease), box-shadow 0.18s var(--bq-ease), filter 0.18s var(--bq-ease);
position: relative;
overflow: hidden;
}
.buyaca-app .bq-ds-save-btn::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.22) 0%, transparent 45%);
opacity: 0;
transition: opacity 0.22s var(--bq-ease);
pointer-events: none;
}
.buyaca-app .bq-ds-save-btn:hover {
transform: translateY(-1.5px);
filter: brightness(1.05);
}
.buyaca-app .bq-ds-save-btn:hover::before { opacity: 1; }
.buyaca-app .bq-ds-save-btn:active {
transform: translateY(0);
filter: brightness(0.97);
}
.buyaca-app .bq-ds-save-btn:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none !important;
}
.buyaca-app .bq-ds-save-btn svg {
flex-shrink: 0;
}
.bq-ds-backdrop-enter { transition: opacity 0.28s var(--bq-ease, cubic-bezier(0.32, 0.72, 0, 1)); }
.bq-ds-backdrop-enter-start { opacity: 0; }
.bq-ds-backdrop-enter-end { opacity: 1; }
.bq-ds-backdrop-leave { transition: opacity 0.22s var(--bq-ease, cubic-bezier(0.32, 0.72, 0, 1)); }
.bq-ds-backdrop-leave-start { opacity: 1; }
.bq-ds-backdrop-leave-end { opacity: 0; }
.bq-ds-sheet-enter {
transition:
transform 0.42s cubic-bezier(0.32, 0.72, 0, 1),
opacity 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.bq-ds-sheet-enter-start {
transform: translateY(100%);
opacity: 0.85;
}
.bq-ds-sheet-enter-end {
transform: translateY(0);
opacity: 1;
}
.bq-ds-sheet-leave {
transition:
transform 0.34s cubic-bezier(0.4, 0, 0.6, 1),
opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1);
}
.bq-ds-sheet-leave-start {
transform: translateY(0);
opacity: 1;
}
.bq-ds-sheet-leave-end {
transform: translateY(100%);
opacity: 0;
}
.buyaca-app .bq-ds-sheet.bq-ds-dragging {
transition: none !important;
}
[x-cloak] { display: none !important; }
@media (max-width: 480px) {
.buyaca-app .bq-ds-sheet {
border-radius: 22px 22px 0 0;
}
.buyaca-app .bq-ds-header {
padding: 4px 14px 12px;
}
.buyaca-app .bq-ds-icon-badge {
width: 34px;
height: 34px;
border-radius: 10px;
}
.buyaca-app .bq-ds-title { font-size: 15px; }
.buyaca-app .bq-ds-subtitle { font-size: 11px; }
.buyaca-app .bq-ds-sheet .bq-ds-body { padding: 14px 14px 18px; }
.buyaca-app .bq-ds-footer { padding: 10px 14px 12px; }
.buyaca-app .bq-ds-save-btn { height: 46px; font-size: 14px; }
.buyaca-app .bq-ds-snap-btn,
.buyaca-app .bq-ds-close {
width: 34px;
height: 34px;
border-radius: 10px;
}
}
body.bq-ds-open {
overflow: hidden;
}
.buyaca-app .bq-view-btn {
width: 34px;
height: 32px;
border-radius: 999px;
border: none;
background: transparent;
color: var(--bq-text-secondary);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all var(--bq-dur) var(--bq-ease);
}
.buyaca-app .bq-view-btn:hover { color: var(--bq-text-primary); }
.buyaca-app .bq-view-btn.active {
background: var(--bq-primary);
color: #fff;
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid2 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 2px !important;
padding: 0px !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid3 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 2px !important;
padding: 0px !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
padding: 12px !important;
}
@media (min-width: 1024px) {
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
}
}
@media (min-width: 1440px) {
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 16px !important;
}
}
@media (min-width: 640px) {
.buyaca-app .bq-cv2-product-grid.bq-view-grid2 { gap: 14px !important; padding: 12px !important; }
.buyaca-app .bq-cv2-product-grid.bq-view-grid3 { gap: 12px !important; padding: 12px !important; }
}
@media (max-width: 767px) {
.buyaca-app .bq-view-btn--desktop { display: none !important; }
}
@media (min-width: 768px) {
.buyaca-app .bq-view-btn--mobile { display: none !important; }
}
.buyaca-app .bq-cv2-product-card.bq-filter-hidden,
.buyaca-app .bq-cv2-product-grid .bq-cv2-product-card.bq-filter-hidden,
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-card.bq-filter-hidden {
display: none !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding: 8px !important;
grid-template-columns: none !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-card {
display: grid !important;
grid-template-columns: 110px 1fr !important;
align-items: stretch !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-img {
aspect-ratio: 1 !important;
border-radius: 5px 0 0 5px !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-body {
padding: 12px 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-price {
font-size: 16px !important;
margin-bottom: 6px;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-name,
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-name--minimal {
min-height: 0 !important;
-webkit-line-clamp: 2 !important;line-clamp: 2 !important;
font-size: 13.5px;
}
@media (min-width: 640px) {
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-card {
grid-template-columns: 160px 1fr !important;
}
}
.buyaca-app .bq-cv2-info {
padding-bottom: 12px !important;
}
@media (max-width: 640px) {
.buyaca-app .bq-qv-overlay,
.bq-qv-overlay {
padding: 0 !important;
align-items: stretch !important;
}
.buyaca-app .bq-qv-modal,
.bq-qv-modal {
width: 100% !important;
max-width: 100% !important;
height: 100dvh !important;
max-height: 100dvh !important;
min-height: 100dvh !important;
border-radius: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
}
.bq-qv-modal .bq-qv-c,
.bq-qv-modal > .bq-qv-c {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.bq-qv-modal .bq-qv-gal {
aspect-ratio: 1 !important;
max-height: 55vh !important;
flex-shrink: 0 !important;
}
.bq-qv-modal .bq-qv-info {
padding: 16px 18px 12px !important;
}
.bq-qv-modal .bq-qv-cta-sticky {
position: sticky !important;
bottom: 0 !important;
padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
background: var(--bq-bg-card) !important;
border-top: 1px solid var(--bq-border-light) !important;
z-index: 40 !important;
}
.bq-qv-modal .bq-modal-close-btn {
top: max(14px, env(safe-area-inset-top, 14px)) !important;
right: 14px !important;
}
}
@media (min-width: 641px) {
.buyaca-app .bq-qv-modal,
.bq-qv-modal {
max-height: 90vh !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.bq-qv-modal .bq-qv-c {
overflow: visible !important;
}
}
.bq-qv-modal .bq-modal-close-btn {
position: absolute !important;
top: 55px !important;
right: 14px !important;
z-index: 60 !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
background: rgb(0 0 0 / 67%) !important;
color: #fff !important;
border: 0px solid rgba(255,255,255,0.15) !important;
font-size: 22px !important;
line-height: 1 !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all var(--bq-dur) var(--bq-ease) !important;
}
.bq-qv-modal .bq-modal-close-btn:hover {
background: var(--bq-primary) !important;
transform: scale(1.08) rotate(90deg) !important;
border-color: rgba(255,255,255,0.3) !important;
}
.buyaca-app .bq-imgzoom-nav,
.bq-imgzoom-nav {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 48px !important;
height: 48px !important;
border-radius: 50% !important;
background: rgba(15,23,42,0.6) !important;
color: #fff !important;
border: 1.5px solid rgba(255,255,255,0.12) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 28px !important;
line-height: 1 !important;
padding: 0 !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
z-index: 20 !important;
cursor: pointer;
transition: all var(--bq-dur) var(--bq-ease) !important;
}
.buyaca-app .bq-imgzoom-prev,
.bq-imgzoom-prev { left: 16px !important; }
.buyaca-app .bq-imgzoom-next,
.bq-imgzoom-next { right: 16px !important; }
.buyaca-app .bq-imgzoom-nav:hover,
.bq-imgzoom-nav:hover {
background: var(--bq-primary) !important;
transform: translateY(-50%) scale(1.06) !important;
}
.bq-qv-float-actions {
top: 14px !important;
left: 14px !important;
z-index: 20 !important;
}
.buyaca-app .bq-cart-modal-content,
#bq-cart-modal .bq-cart-modal-content {
background: var(--bq-bg-card) !important;
color: var(--bq-text-primary) !important;
border: 1px solid var(--bq-border-light) !important;
}
.buyaca-app.bq-light-mode ~ * .bq-cart-modal-content,
html:has(.buyaca-app.bq-light-mode) .bq-cart-modal-content {
background: #FFFFFF !important;
color: #0F172A !important;
}
.buyaca-app:not(.bq-light-mode) ~ * .bq-cart-modal-content,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-content {
background: #141418 !important;
color: #F1F5F9 !important;
border-color: rgba(255,255,255,0.08) !important;
}
.bq-cart-modal-title {
font-family: var(--bq-font-display) !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: -0.025em !important;
color: inherit !important;
}
.bq-cart-modal-header {
border-bottom: 1px solid var(--bq-border-light) !important;
padding: 16px 20px !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-header {
border-bottom-color: rgba(255,255,255,0.06) !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items {
background: transparent !important;
color: #F1F5F9 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items * {
color: inherit;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items .bq-cart-biz-name,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items strong,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items h3,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items h4 {
color: #F8FAFC !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items [style*="color:#000"],
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items [style*="color: #000"],
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items [style*="color:black"] {
color: #F1F5F9 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items [style*="background:#fff"],
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items [style*="background: #fff"],
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-grouped-items [style*="background:white"] {
background: #1A1A20 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-content {
background: #15151A !important;
color: #F1F5F9 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-group {
background: #1C1C22 !important;
border-color: rgba(255,255,255,0.08) !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-header {
background: #22222A !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-header:hover {
background: #2A2A33 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-header-left {
color: #F8FAFC !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-header-left span,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-header-left svg {
color: #F8FAFC !important;
stroke: #F8FAFC !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-arrow {
color: #CBD5E1 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-business-items {
background: #17171C !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-item-row {
border-bottom-color: rgba(255,255,255,0.06) !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-item-row-name {
color: #F1F5F9 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-item-remove {
color: #94A3B8 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-empty-msg,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-empty-msg-text {
color: #CBD5E1 !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-header {
background: transparent !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-header span,
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-title {
color: #F8FAFC !important;
}
.bq-cart-modal-footer {
border-top: 1px solid var(--bq-border-light) !important;
background: var(--bq-bg-surface) !important;
padding: 12px 20px 16px !important;
}
html:has(.buyaca-app:not(.bq-light-mode)) .bq-cart-modal-footer {
border-top-color: rgba(255,255,255,0.06) !important;
background: #0A0A0C !important;
}
.buyaca-app .bq-profile-card-name {
display: -webkit-box !important;
-webkit-line-clamp: 1 !important;line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;
}
.buyaca-app .bq-profile-card-pill span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.buyaca-app .bq-profile-card-body {
padding: 10px 14px 14px !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.buyaca-app .bq-profile-card-meta {
margin: 0 !important;
}
.buyaca-app .bq-profile-card-footer {
margin-top: auto !important;
padding-top: 8px !important;
}
.buyaca-app .bq-featured-v2-image-wrap + * {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.buyaca-app .bq-cv2-rating {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 0;
background: transparent;
border: none;
}
.buyaca-app .bq-cv2-rating svg {
fill: var(--bq-primary);
filter: none !important;
}
.buyaca-app .bq-cv2-rating-score {
color: var(--bq-text-primary);
font-weight: 700;
font-size: 14px;
letter-spacing: -0.01em;
}
.buyaca-app .bq-cv2-rating-count {
color: var(--bq-text-secondary);
font-weight: 500;
font-size: 13px;
}
.buyaca-app .bq-star-input {
border: 0 !important;
background: transparent !important;
}
.buyaca-app .bq-star-input svg {
filter: none !important;
transition: fill var(--bq-dur) var(--bq-ease) !important;
}
.buyaca-app .bq-star-input:hover svg,
.buyaca-app .bq-star-input.selected svg,
.buyaca-app .bq-star-input[aria-checked="true"] svg {
fill: var(--bq-primary) !important;
}
.buyaca-app[data-vc-banner-radius="0"] .bq-cv2-banner { border-radius: 0 !important; }
.buyaca-app[data-vc-banner-radius="sm"] .bq-cv2-banner { border-radius: 0 0 12px 12px !important; }
.buyaca-app[data-vc-banner-radius="md"] .bq-cv2-banner { border-radius: 0 0 24px 24px !important; }
.buyaca-app[data-vc-banner-radius="lg"] .bq-cv2-banner { border-radius: 0 0 36px 36px !important; }
.buyaca-app[data-vc-banner-radius="concave"] .bq-cv2-banner {
mask: radial-gradient(60px at 50% 100%, transparent 98%, #000 100%);
-webkit-mask: radial-gradient(60px at 50% 100%, transparent 98%, #000 100%);
}
.buyaca-app,
.buyaca-app p,
.buyaca-app span,
.buyaca-app a,
.buyaca-app li {
font-family: var(--bq-font-family) !important;
letter-spacing: -0.005em;
}
.buyaca-app h1, .buyaca-app h2, .buyaca-app h3, .buyaca-app h4, .buyaca-app h5 {
font-family: var(--bq-font-display) !important;
letter-spacing: -0.025em !important;
line-height: 1.2 !important;
}
.buyaca-app h1 { font-weight: 800; }
.buyaca-app h2 { font-weight: 700; }
.buyaca-app h3, .buyaca-app h4 { font-weight: 700; }
.bq-cart-modal-content,
.bq-cart-grouped-items {
background: inherit !important;
}
.bq-cart-modal-content { background: var(--bq-bg-card) !important; }
.buyaca-app.buyaca-business-profile .bq-cv2-info,
.buyaca-app .buyaca-business-profile .bq-cv2-info,
.buyaca-business-profile .bq-cv2-info {
border-top-left-radius: var(--bq-info-radius, 24px) !important;
border-top-right-radius: var(--bq-info-radius, 24px) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
overflow: visible;
position: relative;
z-index: 5;
}
.buyaca-app.bq-light-mode.buyaca-business-profile .bq-cv2-info,
.buyaca-app.bq-light-mode .buyaca-business-profile .bq-cv2-info {
background: #ffffff !important;
}
html.bq-page-light {
--bq-m-bg: #ffffff;
--bq-m-bg-soft: #f8fafc;
--bq-m-bg-alt: #f1f5f9;
--bq-m-text: #0f172a;
--bq-m-text-soft: #475569;
--bq-m-text-dim: #94a3b8;
--bq-m-border: #e5e7eb;
--bq-m-border-soft: #f1f5f9;
--bq-m-shadow: 0 24px 72px rgba(15,23,42,0.18), 0 8px 24px rgba(15,23,42,0.08);
--bq-m-shadow-inner: 0 1px 2px rgba(15,23,42,0.04);
--bq-m-overlay: rgba(15,23,42,0.55);
}
html.bq-page-dark, html:not(.bq-page-light) {
--bq-m-bg: #15151a;
--bq-m-bg-soft: #1c1c22;
--bq-m-bg-alt: #22222a;
--bq-m-text: #f8fafc;
--bq-m-text-soft: #cbd5e1;
--bq-m-text-dim: #64748b;
--bq-m-border: rgba(255,255,255,0.08);
--bq-m-border-soft: rgba(255,255,255,0.04);
--bq-m-shadow: 0 24px 72px rgba(0,0,0,0.65), 0 8px 24px rgba(0,0,0,0.4);
--bq-m-shadow-inner: 0 1px 2px rgba(0,0,0,0.3);
--bq-m-overlay: rgba(0,0,0,0.7);
}
#bq-cart-modal.bq-modal-overlay,
#bq-catalog-modal.bq-modal-overlay {
background: var(--bq-m-overlay) !important;
backdrop-filter: blur(8px) saturate(140%);
-webkit-backdrop-filter: blur(8px) saturate(140%);
padding: 20px;
align-items: center;
justify-content: center;
}
#bq-cart-modal .bq-cart-modal-content {
background: var(--bq-m-bg) !important;
color: var(--bq-m-text) !important;
border: none !important;
border-radius: 22px !important;
max-width: 480px !important;
width: 100% !important;
max-height: 85vh !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
animation: bqModalInV12 0.35s cubic-bezier(0.22,1,0.36,1);
}
@keyframes bqModalInV12 {
from { opacity: 0; transform: translateY(24px) scale(0.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
#bq-cart-modal .bq-cart-modal-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 20px 22px 16px !important;
background: var(--bq-m-bg) !important;
border-bottom: 1px solid var(--bq-m-border-soft) !important;
flex-shrink: 0;
}
#bq-cart-modal .bq-cart-modal-header .bq-cart-modal-title,
#bq-cart-modal .bq-cart-modal-header > span {
font-family: var(--bq-font-display, 'Outfit', sans-serif) !important;
font-size: 19px !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
color: var(--bq-m-text) !important;
background: none !important;
}
#bq-cart-modal .bq-cart-modal-header .bq-modal-close-btn {
position: static !important;
margin: 0 !important;
background: var(--bq-m-bg-alt) !important;
color: var(--bq-m-text-soft) !important;
width: 34px !important;
height: 34px !important;
font-size: 20px !important;
border-radius: 50% !important;
border: none !important;
cursor: pointer;
transition: all 0.2s;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
#bq-cart-modal .bq-cart-modal-header .bq-modal-close-btn:hover {
background: var(--bq-primary) !important;
color: #fff !important;
transform: rotate(90deg) scale(1.05);
}
#bq-cart-modal .bq-cart-grouped-items {
flex: 1 !important;
overflow-y: auto !important;
padding: 14px 18px 6px !important;
background: var(--bq-m-bg) !important;
color: var(--bq-m-text) !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
#bq-cart-modal .bq-cart-grouped-items::-webkit-scrollbar { width: 5px; }
#bq-cart-modal .bq-cart-grouped-items::-webkit-scrollbar-thumb {
background: var(--bq-m-border); border-radius: 10px;
}
#bq-cart-modal .bq-cart-business-group {
background: var(--bq-m-bg-soft) !important;
border: 1px solid var(--bq-m-border) !important;
border-radius: 16px !important;
overflow: hidden !important;
margin-bottom: 12px !important;
transition: box-shadow 0.2s, border-color 0.2s;
}
#bq-cart-modal .bq-cart-business-group:hover {
border-color: var(--bq-primary-light, #ffcdb5) !important;
}
#bq-cart-modal .bq-cart-business-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 14px 16px !important;
background: var(--bq-m-bg-alt) !important;
cursor: pointer;
user-select: none;
transition: background 0.2s;
}
#bq-cart-modal .bq-cart-business-header:hover {
background: color-mix(in srgb, var(--bq-primary) 6%, var(--bq-m-bg-alt)) !important;
}
#bq-cart-modal .bq-cart-business-header-left {
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-weight: 700 !important;
font-size: 15px !important;
color: var(--bq-m-text) !important;
font-family: var(--bq-font-display, 'Outfit', sans-serif);
letter-spacing: -0.01em;
}
#bq-cart-modal .bq-cart-business-header-left svg {
color: var(--bq-primary) !important;
stroke: var(--bq-primary) !important;
flex-shrink: 0;
}
#bq-cart-modal .bq-cart-business-count {
background: var(--bq-primary) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 800 !important;
padding: 3px 10px !important;
border-radius: 20px !important;
min-width: 22px;
text-align: center;
}
#bq-cart-modal .bq-cart-business-arrow {
color: var(--bq-m-text-dim) !important;
font-size: 12px !important;
transition: transform 0.25s cubic-bezier(0.22,1,0.36,1);
}
#bq-cart-modal .bq-cart-business-group.open .bq-cart-business-arrow {
transform: rotate(180deg);
}
#bq-cart-modal .bq-cart-business-items {
display: none;
padding: 10px 16px 14px !important;
background: var(--bq-m-bg) !important;
}
#bq-cart-modal .bq-cart-business-group.open .bq-cart-business-items {
display: block;
animation: bqCartExpand 0.25s ease-out;
}
@keyframes bqCartExpand {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
#bq-cart-modal .bq-cart-item-row {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 0 !important;
border-bottom: 1px solid var(--bq-m-border-soft) !important;
}
#bq-cart-modal .bq-cart-item-row:last-of-type { border-bottom: none !important; }
#bq-cart-modal .bq-cart-item-row img {
width: 48px !important;
height: 48px !important;
border-radius: 10px !important;
object-fit: cover !important;
flex-shrink: 0;
border: 1px solid var(--bq-m-border-soft);
}
#bq-cart-modal .bq-cart-item-row-info { flex: 1; min-width: 0; }
#bq-cart-modal .bq-cart-item-row-name {
font-weight: 600 !important;
font-size: 14px !important;
color: var(--bq-m-text) !important;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#bq-cart-modal .bq-cart-item-row-price {
font-size: 13px !important;
font-weight: 700 !important;
color: var(--bq-primary) !important;
margin-top: 2px;
}
#bq-cart-modal .bq-cart-item-remove {
background: var(--bq-m-bg-alt) !important;
color: var(--bq-m-text-dim) !important;
border: none !important;
width: 28px; height: 28px;
border-radius: 50% !important;
font-size: 14px !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
flex-shrink: 0;
}
#bq-cart-modal .bq-cart-item-remove:hover {
background: #fee2e2 !important;
color: #dc2626 !important;
transform: scale(1.08);
}
html.bq-page-dark #bq-cart-modal .bq-cart-item-remove:hover {
background: rgba(239,68,68,0.18) !important;
color: #fca5a5 !important;
}
#bq-cart-modal .bq-cart-whatsapp-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
padding: 13px !important;
margin-top: 14px !important;
background: linear-gradient(135deg, #25D366, #1fb855) !important;
color: #fff !important;
border: none !important;
border-radius: 12px !important;
font-size: 14px !important;
font-weight: 700 !important;
cursor: pointer;
font-family: var(--bq-font-family) !important;
transition: all 0.2s;
letter-spacing: 0.01em;
}
#bq-cart-modal .bq-cart-whatsapp-btn:hover {
transform: translateY(-1px);
}
#bq-cart-modal .bq-cart-whatsapp-btn:active {
transform: translateY(0);
}
#bq-cart-modal .bq-cart-modal-footer {
padding: 14px 20px 18px !important;
background: var(--bq-m-bg-soft) !important;
border-top: 1px solid var(--bq-m-border-soft) !important;
flex-shrink: 0;
}
#bq-cart-modal .bq-cart-modal-footer .buyaca-btn-outline {
background: var(--bq-m-bg) !important;
color: var(--bq-m-text-soft) !important;
border: 1px solid var(--bq-m-border) !important;
font-weight: 600 !important;
transition: all 0.2s;
}
#bq-cart-modal .bq-cart-modal-footer .buyaca-btn-outline:hover {
background: #fee2e2 !important;
color: #dc2626 !important;
border-color: #fecaca !important;
}
html.bq-page-dark #bq-cart-modal .bq-cart-modal-footer .buyaca-btn-outline:hover {
background: rgba(239,68,68,0.15) !important;
color: #fca5a5 !important;
border-color: rgba(239,68,68,0.3) !important;
}
#bq-cart-modal .bq-cart-empty-msg {
padding: 60px 20px !important;
text-align: center;
color: var(--bq-m-text-soft) !important;
}
#bq-cart-modal .bq-cart-empty-msg-icon {
font-size: 58px !important;
opacity: 0.55;
margin-bottom: 14px;
animation: bqEmptyFloatV12 3s ease-in-out infinite;
}
@keyframes bqEmptyFloatV12 {
0%,100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
#bq-cart-modal .bq-cart-empty-msg-text {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--bq-m-text-soft) !important;
}
#bq-catalog-modal .bq-catalog-modal-content {
background: var(--bq-m-bg) !important;
color: var(--bq-m-text) !important;
-webkit-overflow-scrolling: touch;
position: relative;
animation: bqModalInV12 0.35s cubic-bezier(0.22,1,0.36,1);
scrollbar-width: none;
}
#bq-catalog-modal .bq-catalog-modal-content::-webkit-scrollbar { display: none; }
@media (min-width: 641px) {
#bq-catalog-modal .bq-catalog-modal-content {
border: none !important;
border-radius: 22px !important;
width: 100% !important;
max-width: 560px !important;
max-height: 90vh !important;
height: auto !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
}
#bq-catalog-modal .bq-modal-close-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
flex: 0 0 auto !important;
padding: 0 !important;
background: rgba(0,0,0,0.55) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #fff !important;
border: none !important;
border-radius: 50% !important;
font-size: 22px !important;
cursor: pointer;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
transition: background 0.2s;
}
#bq-catalog-modal .bq-modal-close-btn:hover {
background: var(--bq-primary) !important;
transform: scale(1.08) rotate(90deg);
}
#bq-catalog-modal .bq-slider-container {
position: relative !important;
width: 100% !important;
height: auto !important;
overflow: visible !important;
}
#bq-catalog-modal .bq-slider-track {
display: flex !important;
width: 100% !important;
height: auto !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
transition: none !important;
transform: none !important;
scroll-behavior: smooth;
}
#bq-catalog-modal .bq-slider-track::-webkit-scrollbar { display: none; }
#bq-catalog-modal .bq-slider-slide {
flex: 0 0 100% !important;
width: 100% !important;
min-width: 100%;
scroll-snap-align: start;
scroll-snap-stop: always;
box-sizing: border-box;
}
#bq-catalog-modal .bq-slider-slide-image {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
background: var(--bq-m-bg-alt) !important;
position: relative !important;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: zoom-in;
border-radius: 22px 22px 0 0;
}
#bq-catalog-modal .bq-slider-slide-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
transition: opacity 0.25s ease;
pointer-events: none;
}
#bq-catalog-modal .bq-slider-slide-body {
padding: 18px 22px 22px !important;
background: var(--bq-m-bg) !important;
color: var(--bq-m-text) !important;
}
#bq-catalog-modal .bq-slider-footer {
position: sticky !important;
bottom: 0;
left: auto; right: auto;
margin: 14px -22px -22px !important;
padding: 12px 22px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
background: var(--bq-m-bg) !important;
border-top: 1px solid var(--bq-m-border, rgba(0,0,0,0.08)) !important;
border-radius: 0 0 22px 22px;
z-index: 6;
}
#bq-catalog-modal .bq-slider-footer .bq-cat-prodnav {
margin-bottom: 0 !important;
}
#bq-catalog-modal .bq-cat-cta-row {
display: flex !important;
gap: 8px !important;
align-items: stretch !important;
width: 100%;
}
#bq-catalog-modal .bq-cat-cta-row > .buyaca-btn {
flex: 1 1 0 !important;
min-width: 0 !important;
margin: 0 !important;
width: auto !important;
white-space: nowrap;
}
#bq-catalog-modal .bq-cat-cta-row + .bq-cat-prodnav {
margin-top: 10px !important;
}
#bq-catalog-modal .bq-slider-slide-name {
font-family: var(--bq-font-display, 'Outfit', sans-serif) !important;
font-size: 20px !important;
font-weight: 800 !important;
color: var(--bq-m-text) !important;
line-height: 1.25 !important;
letter-spacing: -0.025em !important;
margin-bottom: 6px !important;
}
#bq-catalog-modal .bq-slider-slide-desc {
font-size: 14px !important;
color: var(--bq-m-text-soft) !important;
line-height: 1.55 !important;
margin-bottom: 12px !important;
max-height: 90px;
overflow-y: auto;
scrollbar-width: thin;
}
#bq-catalog-modal .bq-slider-slide-desc::-webkit-scrollbar { width: 4px; }
#bq-catalog-modal .bq-slider-slide-desc::-webkit-scrollbar-thumb {
background: var(--bq-m-border); border-radius: 10px;
}
#bq-catalog-modal .bq-slider-slide-cats {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 2px 0 !important;
margin-bottom: 12px !important;
font-size: 13px !important;
color: var(--bq-m-text-soft) !important;
}
#bq-catalog-modal .bq-slider-slide-cats .bq-cat-dot {
width: 4px; height: 4px;
border-radius: 50%;
background: var(--bq-m-text-dim);
opacity: 0.6;
display: inline-block;
margin: 0 8px;
flex-shrink: 0;
}
#bq-catalog-modal .bq-slider-slide-price {
font-family: var(--bq-font-display, 'Outfit', sans-serif) !important;
font-size: 24px !important;
font-weight: 800 !important;
color: var(--bq-primary) !important;
margin-bottom: 14px !important;
letter-spacing: -0.02em;
}
#bq-catalog-modal .bq-slider-arrow {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 40px !important;
height: 40px !important;
background: rgba(255,255,255,0.95) !important;
color: #0f172a !important;
border: none !important;
border-radius: 50% !important;
font-size: 22px !important;
line-height: 1;
cursor: pointer;
z-index: 5;
display: none;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
#bq-catalog-modal .bq-slider-arrow:hover {
background: var(--bq-primary) !important;
color: #fff !important;
transform: translateY(-50%) scale(1.08);
}
#bq-catalog-modal .bq-slider-prev { left: 12px !important; }
#bq-catalog-modal .bq-slider-next { right: 12px !important; }
#bq-catalog-modal .bq-slider-dots {
position: absolute !important;
bottom: 12px !important;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 6px;
padding: 6px 12px;
background: rgba(0,0,0,0.45);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 100px;
z-index: 6;
height: auto !important;
border-top: none !important;
pointer-events: auto;
margin: 0 !important;
}
#bq-catalog-modal .bq-slider-dot,
#bq-catalog-modal .bq-slider-dots > span,
#bq-catalog-modal .bq-slider-dots button {
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: rgba(255,255,255,0.45) !important;
cursor: pointer;
border: none !important;
padding: 0 !important;
transition: all 0.2s;
}
#bq-catalog-modal .bq-slider-dot.active,
#bq-catalog-modal .bq-slider-dots > .active,
#bq-catalog-modal .bq-slider-dots button.active {
width: 22px !important;
border-radius: 100px !important;
background: #fff !important;
}
#bq-catalog-modal .buyaca-btn-primary {
background: var(--bq-primary) !important;
color: #fff !important;
border: none !important;
padding: 14px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 15px !important;
transition: all 0.2s;
}
#bq-catalog-modal .buyaca-btn-primary:hover {
transform: translateY(-1px);
}
#bq-catalog-modal .buyaca-btn-outline {
background: var(--bq-m-bg) !important;
color: var(--bq-m-text) !important;
border: 1.5px solid var(--bq-m-border) !important;
padding: 12px !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 14px !important;
transition: all 0.2s;
}
#bq-catalog-modal .buyaca-btn-outline:hover {
border-color: var(--bq-primary) !important;
color: var(--bq-primary) !important;
background: var(--bq-primary-light) !important;
}
#bq-catalog-modal #bq-prev-product,
#bq-catalog-modal #bq-next-product {
background: var(--bq-m-bg) !important;
color: var(--bq-m-text-soft) !important;
border: 1px solid var(--bq-m-border) !important;
padding: 8px 16px !important;
border-radius: 10px !important;
transition: all 0.2s;
}
#bq-catalog-modal #bq-prev-product:hover,
#bq-catalog-modal #bq-next-product:hover {
background: var(--bq-primary-light) !important;
color: var(--bq-primary) !important;
border-color: var(--bq-primary) !important;
}
#bq-catalog-modal .bq-zoom-btn {
position: absolute !important;
bottom: 12px !important;
right: 12px !important;
width: 40px !important;
height: 40px !important;
background: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #fff !important;
border: none !important;
border-radius: 50% !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
transition: all 0.2s;
}
#bq-catalog-modal .bq-zoom-btn:hover {
background: var(--bq-primary) !important;
transform: scale(1.08);
}
#bq-catalog-modal .bq-slider-slide-body > div[style*="border-top"] {
border-top-color: var(--bq-m-border-soft) !important;
}
#bq-catalog-modal .bq-slider-slide-body span[style*="color:var(--bq-text-secondary)"] {
color: var(--bq-m-text-soft) !important;
}
@media (max-width: 640px) {
#bq-cart-modal.bq-modal-overlay {
align-items: flex-end !important;
padding: 0 !important;
}
#bq-cart-modal .bq-cart-modal-content {
max-width: 100% !important;
width: 100% !important;
max-height: 92vh !important;
border-radius: 22px 22px 0 0 !important;
animation: bqSheetUpV12 0.35s cubic-bezier(0.16,1,0.3,1) !important;
}
#bq-cart-modal .bq-cart-modal-content::before {
content: '';
display: block;
width: 40px;
height: 4px;
background: var(--bq-m-border);
border-radius: 100px;
margin: 8px auto 0;
flex-shrink: 0;
}
@keyframes bqSheetUpV12 {
from { transform: translateY(100%); opacity: 0.5; }
to { transform: translateY(0); opacity: 1; }
}
}
#bq-catalog-modal .bq-cat-img-counter {
position: absolute !important;
top: 14px !important;
left: 14px !important;
background: rgba(0,0,0,0.55) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #fff !important;
padding: 5px 12px !important;
border-radius: 100px !important;
font-size: 12px !important;
font-weight: 700 !important;
z-index: 6;
letter-spacing: 0.02em;
pointer-events: none;
}
#bq-catalog-modal .bq-cat-prodnav {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin-top: 16px !important;
padding-top: 14px !important;
border-top: 1px solid var(--bq-m-border-soft) !important;
}
#bq-catalog-modal .bq-cat-prodnav button {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: var(--bq-m-bg-alt) !important;
color: var(--bq-m-text-soft) !important;
border: 1px solid var(--bq-m-border) !important;
border-radius: 10px !important;
padding: 8px 14px !important;
font-size: 13px !important;
font-weight: 600 !important;
font-family: inherit;
cursor: pointer;
transition: all 0.2s;
}
#bq-catalog-modal .bq-cat-prodnav button:hover {
background: var(--bq-primary) !important;
color: #fff !important;
border-color: var(--bq-primary) !important;
transform: translateY(-1px);
}
#bq-catalog-modal .bq-cat-prodnav-count {
font-size: 12px !important;
font-weight: 600 !important;
color: var(--bq-m-text-dim) !important;
flex-shrink: 0;
}
.bq-cv2-video-btn {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11.5px;
font-weight: 700;
color: #fff;
background: var(--bq-primary);
border: none;
padding: 3px 10px 3px 8px;
border-radius: 8px;
cursor: pointer;
text-decoration: none;
font-family: inherit;
letter-spacing: 0.01em;
transition: transform 0.18s cubic-bezier(0.22,1,0.36,1),
box-shadow 0.18s cubic-bezier(0.22,1,0.36,1),
background 0.18s;
-webkit-tap-highlight-color: transparent;
white-space: nowrap;
vertical-align: middle;
line-height: 1.3;
}
.bq-cv2-video-btn:hover,
.bq-cv2-video-btn:focus-visible {
background: var(--bq-primary-dark, #344FD9);
transform: translateY(-1px);
color: #fff;
outline: none;
}
.bq-cv2-video-btn:active {
transform: translateY(0) scale(0.97);
transition-duration: 0.08s;
}
.bq-cv2-video-btn:focus-visible {
outline: 2px solid rgba(58,89,239,0.45);
outline-offset: 2px;
}
.bq-cv2-video-btn svg {
flex-shrink: 0;
fill: currentColor;
}
.bq-video-modal.active,
.bq-video-modal.is-open { display: flex !important; }
.bq-video-modal {
z-index: 10050 !important;
background: rgba(0,0,0,0.94) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.bq-video-modal-content {
border-radius: 18px !important;
}
.bq-video-modal-content iframe {
width: 100%;
height: 100%;
border: none;
display: block;
}
#bq-cart-modal [style*="color:#000"],
#bq-cart-modal [style*="color: #000"] {
color: var(--bq-m-text) !important;
}
html.bq-page-light #bq-cart-modal [style*="background:#fff"],
html.bq-page-light #bq-cart-modal [style*="background: #fff"] {
background: var(--bq-m-bg) !important;
}
#bq-access-module .bq-ap-header{
display:flex;align-items:center;gap:14px;
background:linear-gradient(135deg,#3A59EF 0%,#344FD9 100%);
border-radius:16px;padding:20px 22px;margin-bottom:16px;
color:#fff;
}
#bq-access-module .bq-ap-header-icon{
width:52px;height:52px;border-radius:14px;
background:rgba(255,255,255,0.2);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
#bq-access-module .bq-ap-title{margin:0;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.3px}
#bq-access-module .bq-ap-subtitle{margin:3px 0 0;font-size:13px;color:rgba(255,255,255,0.9);line-height:1.45}
#bq-access-module .bq-ap-tabs{
display:flex;gap:4px;background:var(--bq-bg-card);
border:1px solid var(--bq-border);border-radius:14px;
padding:4px;margin-bottom:14px;overflow-x:auto;
}
#bq-access-module .bq-ap-tab{
flex:1 1 auto;min-width:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;
padding:12px 14px;background:transparent;border:none;border-radius:10px;
font-size:13px;font-weight:700;color:var(--bq-text-secondary);
cursor:pointer;transition:all .25s;font-family:inherit;
white-space:nowrap;position:relative;
}
#bq-access-module .bq-ap-tab:hover{color:var(--bq-text);background:var(--bq-bg-elevated)}
#bq-access-module .bq-ap-tab.active{
color:#fff;background:linear-gradient(135deg,#3A59EF,#344FD9);
}
#bq-access-module .bq-ap-badge{
display:inline-flex;align-items:center;justify-content:center;
min-width:18px;height:18px;padding:0 6px;border-radius:99px;
background:#3A59EF;color:#fff;font-size:10px;font-weight:800;
}
#bq-access-module .bq-ap-tab.active .bq-ap-badge{background:#fff;color:#3A59EF}
#bq-access-module .bq-ap-panel{
background:var(--bq-bg-card);border:1px solid var(--bq-border);
border-radius:16px;padding:22px;
}
#bq-access-module .bq-ap-card{
background:var(--bq-bg-elevated);border:1px solid var(--bq-border);
border-radius:14px;padding:18px;
}
#bq-access-module .bq-ap-label{
display:block;font-size:11px;font-weight:800;
color:var(--bq-text-secondary);margin-bottom:8px;
text-transform:uppercase;letter-spacing:.6px;
}
#bq-access-module .bq-ap-hint{font-size:11px;color:var(--bq-text-secondary);margin:6px 0 14px;line-height:1.5}
#bq-access-module .bq-ap-section-title{margin:0 0 12px;font-size:14px;font-weight:800;color:var(--bq-text);display:flex;align-items:center}
#bq-access-module .bq-ap-section-sub{margin:0 0 10px;font-size:11px;font-weight:800;color:var(--bq-text-secondary);text-transform:uppercase;letter-spacing:.6px}
#bq-access-module .bq-ap-link-btn{
background:none;border:1px solid var(--bq-border);border-radius:8px;
padding:6px 12px;cursor:pointer;font-size:11px;font-weight:700;
color:var(--bq-text-secondary);font-family:inherit;
}
#bq-access-module .bq-ap-link-btn:hover{color:var(--bq-primary);border-color:var(--bq-primary)}
#bq-access-module .bq-ap-input{
width:100%;padding:12px 14px;background:var(--bq-bg-card);
border:1.5px solid var(--bq-border);border-radius:10px;
font-size:14px;color:var(--bq-text);font-family:inherit;
box-sizing:border-box;
}
#bq-access-module .bq-ap-input:focus{
outline:none;border-color:var(--bq-primary);
}
#bq-access-module textarea.bq-ap-input{resize:vertical;line-height:1.5}
#bq-access-module .bq-ap-empty{text-align:center;padding:40px 20px;color:var(--bq-text-secondary)}
#bq-access-module .bq-ap-empty svg{margin:0 auto 12px;opacity:.4;display:block}
#bq-access-module .bq-ap-empty-title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--bq-text)}
#bq-access-module .bq-ap-empty-text{margin:0 0 16px;font-size:13px;line-height:1.5}
#bq-access-module .bq-biz-cards{
display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
gap:10px;margin-bottom:4px;
}
#bq-access-module .bq-biz-card{
background:var(--bq-bg-elevated);border:2px solid var(--bq-border);
border-radius:12px;padding:14px 12px;cursor:pointer;
transition:all .25s;text-align:center;position:relative;
}
#bq-access-module .bq-biz-card:hover{border-color:rgba(58,89,239,0.5);transform:translateY(-2px)}
#bq-access-module .bq-biz-card.selected{
border-color:var(--bq-primary);
background:linear-gradient(135deg,rgba(58,89,239,0.1),rgba(58,89,239,0.03));
}
#bq-access-module .bq-biz-card.selected::after{
content:'✓';position:absolute;top:6px;right:6px;
width:22px;height:22px;border-radius:50%;
background:var(--bq-primary);color:#fff;
display:flex;align-items:center;justify-content:center;
font-size:13px;font-weight:800;
line-height:1;
}
#bq-access-module .bq-biz-card-logo{
width:48px;height:48px;border-radius:12px;margin:0 auto 8px;
background:var(--bq-bg-card);display:flex;align-items:center;justify-content:center;
font-size:20px;font-weight:800;color:var(--bq-primary);overflow:hidden;
}
#bq-access-module .bq-biz-card-logo img{width:100%;height:100%;object-fit:cover}
#bq-access-module .bq-biz-card-name{font-size:13px;font-weight:700;color:var(--bq-text);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
#bq-access-module .bq-biz-card-meta{font-size:10px;color:var(--bq-text-secondary);font-weight:600}
#bq-access-module .bq-biz-card-meta--on{color:#059669}
#bq-access-module .bq-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#bq-access-module .bq-role-card{
display:block;padding:14px 12px;background:var(--bq-bg-card);
border:2px solid var(--bq-border);border-radius:12px;cursor:pointer;
transition:all .25s;text-align:center;
}
#bq-access-module .bq-role-card input[type=radio]{
position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none;
}
#bq-access-module .bq-role-card:hover{border-color:rgba(58,89,239,0.5)}
#bq-access-module .bq-role-card.selected{
border-color:var(--bq-primary);
background:linear-gradient(135deg,rgba(58,89,239,0.1),rgba(58,89,239,0.03));
}
#bq-access-module .bq-role-card-icon{font-size:26px;margin-bottom:6px;line-height:1}
#bq-access-module .bq-role-card-title{font-size:13px;font-weight:800;color:var(--bq-text);margin-bottom:3px}
#bq-access-module .bq-role-card-desc{font-size:11px;color:var(--bq-text-secondary);line-height:1.4}
#bq-access-module .bq-perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#bq-access-module .bq-perm-chip{
display:flex;align-items:center;gap:8px;padding:11px 12px;
background:var(--bq-bg-card);border:1.5px solid var(--bq-border);
border-radius:10px;cursor:pointer;transition:all .2s;
font-size:13px;font-weight:600;color:var(--bq-text);
}
#bq-access-module .bq-perm-chip:hover{border-color:rgba(58,89,239,0.5)}
#bq-access-module .bq-perm-chip input[type=checkbox]{width:16px;height:16px;accent-color:var(--bq-primary);cursor:pointer;flex-shrink:0}
#bq-access-module .bq-perm-chip.checked{
background:linear-gradient(135deg,rgba(58,89,239,0.1),rgba(58,89,239,0.03));
border-color:var(--bq-primary);
}
#bq-access-module .bq-ap-modules-info{
background:linear-gradient(135deg,rgba(58,89,239,0.08),rgba(58,89,239,0.02));
border:1.5px solid rgba(58,89,239,0.25);
border-radius:12px;
padding:14px 14px 12px;
}
#bq-access-module .bq-ap-modules-info-title{
display:flex;align-items:center;gap:7px;
font-size:13px;font-weight:700;color:var(--bq-text);
margin-bottom:10px;
}
#bq-access-module .bq-ap-modules-info-title svg{color:var(--bq-primary);flex-shrink:0}
#bq-access-module .bq-ap-modules-list{
display:flex;flex-wrap:wrap;gap:6px;
}
#bq-access-module .bq-ap-module-badge{
display:inline-flex;align-items:center;
padding:6px 12px;
background:var(--bq-bg-card);
border:1px solid rgba(58,89,239,0.3);
border-radius:100px;
font-size:12px;font-weight:600;
color:var(--bq-text);
}
#bq-access-module .bq-ap-modules-note{
margin:10px 0 0;padding:0;
font-size:11.5px;line-height:1.45;
color:var(--bq-text-secondary);
font-style:italic;
}
#bq-access-module .bq-collab-biz-chip{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:10px;
padding:7px 11px;
background:linear-gradient(135deg,rgba(58,89,239,0.1),rgba(58,89,239,0.03));
border:1px solid rgba(58,89,239,0.25);
border-radius:8px;
font-size:11.5px;
color:var(--bq-text);
line-height:1.25;
max-width:100%;
}
#bq-access-module .bq-collab-biz-chip svg{
color:var(--bq-primary);
flex-shrink:0;
}
#bq-access-module .bq-collab-biz-chip strong{
font-weight:800;
color:var(--bq-primary);
word-break:break-word;
}
#bq-access-module .bq-ap-send-btn{width:100%;padding:14px;margin-top:18px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}
#bq-access-module .bq-search-wrap{position:relative}
#bq-access-module .bq-search-icon{
position:absolute;left:14px;top:50%;transform:translateY(-50%);
color:var(--bq-text-secondary);pointer-events:none;z-index:1;
}
#bq-access-module .bq-search-input{padding-left:40px;padding-right:40px;font-size:14px}
#bq-access-module .bq-search-spinner{
position:absolute;right:14px;top:50%;transform:translateY(-50%);
width:16px;height:16px;border:2px solid var(--bq-border);border-top-color:var(--bq-primary);
border-radius:50%;animation:bqSpin .7s linear infinite;
}
#bq-access-module .bq-search-results{margin-top:12px;display:flex;flex-direction:column;gap:8px}
#bq-access-module .bq-search-result{
display:flex;align-items:center;gap:12px;
padding:12px;background:var(--bq-bg-card);
border:1.5px solid var(--bq-border);border-radius:12px;
cursor:pointer;transition:all .2s;text-align:left;
}
#bq-access-module .bq-search-result:hover:not(.disabled){
border-color:var(--bq-primary);transform:translateY(-1px);
}
#bq-access-module .bq-search-result.disabled{opacity:.6;cursor:not-allowed}
#bq-access-module .bq-search-result-logo{
width:44px;height:44px;border-radius:11px;flex-shrink:0;
background:var(--bq-bg-elevated);display:flex;align-items:center;justify-content:center;
overflow:hidden;font-weight:800;color:var(--bq-primary);font-size:18px;
}
#bq-access-module .bq-search-result-logo img{width:100%;height:100%;object-fit:cover}
#bq-access-module .bq-search-result-info{flex:1;min-width:0}
#bq-access-module .bq-search-result-name{font-size:14px;font-weight:700;color:var(--bq-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bq-access-module .bq-search-result-meta{font-size:11px;color:var(--bq-text-secondary);margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#bq-access-module .bq-search-empty{
text-align:center;padding:24px 16px;color:var(--bq-text-secondary);
font-size:13px;background:var(--bq-bg-card);border-radius:10px;
border:1px dashed var(--bq-border);
}
#bq-access-module .bq-search-relation-badge{
font-size:10px;font-weight:700;padding:3px 8px;border-radius:99px;
white-space:nowrap;flex-shrink:0;
}
#bq-access-module .bq-selected-biz{
display:flex;align-items:center;gap:12px;
padding:14px;border-radius:12px;
background:linear-gradient(135deg,rgba(58,89,239,0.12),rgba(58,89,239,0.03));
border:2px solid rgba(58,89,239,0.3);
}
#bq-access-module .bq-selected-biz-logo{
width:48px;height:48px;border-radius:12px;background:var(--bq-bg-card);
display:flex;align-items:center;justify-content:center;overflow:hidden;
font-weight:800;color:var(--bq-primary);font-size:20px;flex-shrink:0;
}
#bq-access-module .bq-selected-biz-logo img{width:100%;height:100%;object-fit:cover}
#bq-access-module .bq-selected-biz-info{flex:1;min-width:0}
#bq-access-module .bq-selected-biz-label{font-size:10px;font-weight:800;color:var(--bq-primary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}
#bq-access-module .bq-selected-biz-name{font-size:15px;font-weight:800;color:var(--bq-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:520px){
#bq-access-module .bq-role-grid,#bq-access-module .bq-perm-grid{grid-template-columns:1fr}
#bq-access-module .bq-biz-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
#bq-access-module .bq-ap-panel{padding:16px}
#bq-access-module .bq-ap-header{padding:16px 18px}
#bq-access-module .bq-ap-title{font-size:17px}
}
.buyaca-app .bq-app-header,
.buyaca-app .bq-products-header,
.buyaca-app #bq-brand-topbar,
.buyaca-app #bq-products-topbar {
z-index: 500 !important;
isolation: isolate;
}
.buyaca-app .bq-feat-banner,
.buyaca-app .bq-cat-banner,
.buyaca-app .bq-category-banner,
.buyaca-app .bq-filter-banner,
.buyaca-app [data-banner],
.buyaca-app .bq-cv2-product-card,
.buyaca-app .bq-pc-card,
.buyaca-app .bq-profile-card,
.buyaca-app .bq-product-card,
.buyaca-app .bq-featured-card-v2 {
position: relative;
z-index: 1;
}
.buyaca-app[data-filter-active="true"] .bq-cv2-product-grid,
.buyaca-app[data-filter-active="true"] .buyaca-catalog-grid,
.buyaca-app[data-filter-active="true"] .bq-products-grid,
.buyaca-app .bq-cv2-product-grid,
.buyaca-app .buyaca-catalog-grid {
padding-top: 12px;
}
.buyaca-app .bq-app-header+*,
.buyaca-app .bq-products-header+* {
margin-top: 8px;
}
.buyaca-app .bq-cv2-product-card,
.buyaca-app .bq-profile-card,
.buyaca-app .bq-product-card {
scroll-margin-top: 96px;
}
.bq-dash-pin-btn,
.buyaca-app .bq-dash-pin-btn {
background: transparent !important;
border-color: transparent !important;
color: var(--bq-text-secondary, #6B7280) !important;
}
.bq-dash-pin-btn:hover,
.buyaca-app .bq-dash-pin-btn:hover {
background: transparent !important;
color: var(--bq-primary, #3A59EF) !important;
transform: scale(1.08);
transition: all .15s ease;
}
.bq-dash-pin-btn.bq-pinned-active,
.buyaca-app .bq-dash-pin-btn.bq-pinned-active {
background: transparent !important;
border-color: transparent !important;
color: var(--bq-primary, #3A59EF) !important;
}
.bq-dash-pin-btn.bq-pinned-active svg,
.buyaca-app .bq-dash-pin-btn.bq-pinned-active svg {
fill: var(--bq-primary, #3A59EF) !important;
}
.bq-dash-pin-btn svg,
.buyaca-app .bq-dash-pin-btn svg {
fill: currentColor !important;
transition: fill .15s ease;
}
.buyaca-app .bq-modal button[class*="primary"],
.buyaca-app [role="dialog"] button[class*="primary"],
.buyaca-app .buyaca-modal .buyaca-btn-primary,
.buyaca-app [data-modal] .buyaca-btn-primary,
.buyaca-app .bq-popup .buyaca-btn-primary,
body .bq-modal-cta,
body [data-bq-cta="primary"] {
background: var(--bq-primary, #3A59EF) !important;
border-color: var(--bq-primary, #3A59EF) !important;
color: #fff !important;
}
.buyaca-app .bq-modal button[class*="primary"]:hover,
.buyaca-app [role="dialog"] button[class*="primary"]:hover,
.buyaca-app .buyaca-modal .buyaca-btn-primary:hover,
body .bq-modal-cta:hover {
filter: brightness(0.92);
}
.buyaca-app .buyaca-tab,
.buyaca-app [data-tab],
.buyaca-app .bq-cat-action,
.buyaca-app .bq-action-link {
text-decoration: none !important;
position: relative;
}
.buyaca-app .buyaca-tab.active::after,
.buyaca-app [data-tab].active::after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
width: 32px;
height: 2px;
background: var(--bq-primary, #3A59EF);
border-radius: 2px;
transition: width .25s ease;
}
.buyaca-app .buyaca-form-section-title svg [stroke],
.buyaca-app .buyaca-form-section-title svg {
stroke: var(--bq-primary, #3A59EF) !important;
}
.buyaca-app .bq-section-icon,
.buyaca-app .bq-cta-icon,
.buyaca-app [data-bq-icon-primary] svg {
color: var(--bq-primary, #3A59EF) !important;
}
.buyaca-app [data-bq-icon-primary] svg [stroke="currentColor"] {
stroke: var(--bq-primary, #3A59EF) !important;
}
.buyaca-login-page .buyaca-login-box[data-bq-stepper="1"] {
max-width: 460px;
padding: 28px 26px 24px;
border-radius: 18px;
border: 1px solid rgba(15, 23, 42, 0.06);
background: #ffffff;
}
.bq-reg-progress {
display: flex;
align-items: center;
gap: 0;
margin: 6px 0 18px;
padding: 0 4px;
}
.bq-reg-progress__step {
flex: 1;
height: 4px;
border-radius: 999px;
background: #e5e7eb;
transition: background .25s ease;
position: relative;
}
.bq-reg-progress__step+.bq-reg-progress__step {
margin-left: 6px;
}
.bq-reg-progress__step.is-active,
.bq-reg-progress__step.is-done {
background: var(--bq-primary, #3A59EF);
}
.bq-reg-progress__label {
display: flex;
justify-content: space-between;
font-size: 11px;
font-weight: 700;
color: var(--bq-text-secondary, #6B7280);
margin-bottom: 6px;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.bq-reg-progress__label span.is-active {
color: var(--bq-primary, #3A59EF);
}
.bq-reg-step {
display: none;
animation: bqRegFade .25s ease both;
}
.bq-reg-step.is-active {
display: block;
}
@keyframes bqRegFade {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.bq-reg-step .buyaca-form-group {
margin-bottom: 14px;
}
.bq-reg-step__title {
font-size: 16px;
font-weight: 800;
margin: 0 0 4px;
color: #0f172a;
}
.bq-reg-step__sub {
font-size: 13px;
color: var(--bq-text-secondary, #6B7280);
margin: 0 0 18px;
}
.bq-reg-nav {
display: flex;
gap: 10px;
margin-top: 16px;
}
.bq-reg-nav button {
flex: 1;
padding: 12px 14px;
border-radius: 12px;
font-size: 14px;
font-weight: 700;
border: none;
cursor: pointer;
transition: all .18s ease;
}
.bq-reg-nav .bq-reg-back {
background: #f1f5f9;
color: #0f172a;
}
.bq-reg-nav .bq-reg-back:hover {
background: #e2e8f0;
}
.bq-reg-nav .bq-reg-next {
background: var(--bq-primary, #3A59EF);
color: #fff;
}
.bq-reg-nav .bq-reg-next:hover {
filter: brightness(0.92);
}
.bq-reg-nav .bq-reg-next:disabled {
background: #cbd5e1;
cursor: not-allowed;
filter: none;
}
.bq-reg-summary {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 14px;
margin: 0 0 14px;
font-size: 13px;
line-height: 1.65;
}
.bq-reg-summary dt {
font-weight: 700;
color: #0f172a;
display: inline-block;
min-width: 86px;
}
.bq-reg-summary dd {
display: inline;
color: var(--bq-text-secondary, #6B7280);
margin: 0;
}
.bq-reg-summary>div+div {
margin-top: 6px;
}
.buyaca-login-box[data-bq-stepper="1"] #bq-do-register {
display: none !important;
}
.buyaca-app section+section {
margin-top: 0;
}
.buyaca-app .bq-products-header+.bq-cv2-product-grid {
padding-top: 4px;
}
.buyaca-app .bq-products-header+.buyaca-catalog-grid {
padding-top: 4px;
}
.buyaca-app .bq-filter-active-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
background: var(--bq-primary-soft, rgba(58, 89, 239, 0.08));
color: var(--bq-primary, #3A59EF);
border-radius: 999px;
font-size: 11.5px;
font-weight: 700;
margin: 0 4px 0 0;
border: 1px solid rgba(58, 89, 239, 0.2);
}
.buyaca-app:not(.bq-light-mode) .buyaca-login-box[data-bq-stepper="1"] {
background: #1a1a1f;
border-color: rgba(255, 255, 255, 0.08);
}
.buyaca-app:not(.bq-light-mode) .bq-reg-step__title {
color: #f8fafc;
}
.buyaca-app:not(.bq-light-mode) .bq-reg-summary {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.08);
color: #cbd5e1;
}
.buyaca-app:not(.bq-light-mode) .bq-reg-summary dt {
color: #f8fafc;
}
.buyaca-app:not(.bq-light-mode) .bq-reg-nav .bq-reg-back {
background: rgba(255, 255, 255, 0.06);
color: #f8fafc;
}
.buyaca-app {
--bq89-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 1px rgba(15, 23, 42, 0.02);
--bq89-shadow-hover: 0 12px 28px rgba(15, 23, 42, 0.10), 0 4px 10px rgba(15, 23, 42, 0.04);
--bq89-shadow-card: 0 2px 8px rgba(15, 23, 42, 0.05);
--bq89-radius-card: 16px;
--bq89-radius-pill: 999px;
--bq89-ease: cubic-bezier(.2, .8, .2, 1);
--bq89-dur-fast: .18s;
--bq89-dur-base: .25s;
--bq89-gold: #FFD700;
--bq89-gold-deep: #DAA520;
}
.buyaca-app .bq-feat-tag,
.buyaca-app span.bq-feat-tag,
.buyaca-app .bq-feat-mini-badge {
background: transparent !important;
border: 0 !important;
padding: 2px 4px !important;
color: var(--bq89-gold-deep) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.4px !important;
text-transform: uppercase !important;
gap: 5px !important;
border-radius: 0 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
transition: transform var(--bq89-dur-fast) var(--bq89-ease),
color var(--bq89-dur-fast) var(--bq89-ease) !important;
}
.buyaca-app .bq-feat-tag svg,
.buyaca-app .bq-feat-mini-badge svg,
.buyaca-app .bq-featured-v2-star-badge svg,
.buyaca-app .bq-featured-v2-stars svg {
fill: var(--bq89-gold) !important;
stroke: none !important;
filter: none !important;
overflow: visible;
}
.buyaca-app .bq-feat-tag svg polygon,
.buyaca-app .bq-feat-mini-badge svg polygon,
.buyaca-app .bq-featured-v2-star-badge svg polygon,
.buyaca-app .bq-featured-v2-stars svg polygon {
fill: var(--bq89-gold) !important;
stroke: none !important;
stroke-width: 0 !important;
}
.buyaca-app .bq-featured-v2-star-badge {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"],
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"] {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #FFC107, #FF8F00) !important;
border: 1px solid rgba(255, 143, 0, 0.55) !important;
padding: 5px 13px 5px 11px !important;
border-radius: var(--bq89-radius-pill) !important;
color: #fff !important;
font-weight: 800 !important;
text-decoration: none !important;
transition: transform var(--bq89-dur-fast) var(--bq89-ease),
border-color var(--bq89-dur-fast) var(--bq89-ease),
box-shadow var(--bq89-dur-base) var(--bq89-ease),
color var(--bq89-dur-fast) var(--bq89-ease) !important;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"] svg polygon,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"] svg polygon {
fill: #fff !important;
stroke: rgba(255, 255, 255, 0.6) !important;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"]::before,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"]::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.4), transparent 65%);
opacity: 0;
transition: opacity var(--bq89-dur-base) var(--bq89-ease);
pointer-events: none;
z-index: 0;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"]:hover::before,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"]:hover::before {
opacity: 1;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"] svg,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"] svg {
position: relative;
z-index: 1;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"]:hover,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"]:hover {
transform: translateY(-1px);
border-color: rgba(255, 160, 0, 0.85) !important;
color: #fff !important;
}
.buyaca-app a.bq-feat-tag[href*="tab=plans"]:active,
.buyaca-app a.bq-feat-tag[href*="tab%3Dplans"]:active {
transform: translateY(0);
}
.buyaca-app .bq-destacados-section {
min-height: 0;
contain: layout;
transition: min-height var(--bq89-dur-base) var(--bq89-ease);
}
.buyaca-app .bq-featured-empty-v889 {
display: none;
align-items: center;
justify-content: center;
gap: 14px;
margin: 0 16px 14px;
padding: 18px 22px;
border-radius: var(--bq89-radius-card);
background: linear-gradient(135deg, rgba(15, 23, 42, 0.02), rgba(15, 23, 42, 0.005));
border: 1px dashed rgba(15, 23, 42, 0.1);
color: var(--bq-text-secondary, #6B7280);
font-size: 13px;
line-height: 1.5;
text-align: center;
flex-wrap: wrap;
animation: bq89FadeIn .35s var(--bq89-ease) both;
}
.buyaca-app .bq-featured-empty-v889.is-visible {
display: flex;
}
.buyaca-app .bq-featured-empty-v889 svg {
flex-shrink: 0;
color: var(--bq-text-secondary, #94a3b8);
opacity: 0.75;
}
.buyaca-app .bq-featured-empty-v889 strong {
color: var(--bq-text-primary, #0f172a);
font-weight: 700;
display: block;
margin-bottom: 2px;
font-size: 13.5px;
}
.buyaca-app .bq-featured-empty-v889 .bq89-empty-text {
text-align: left;
flex: 1;
min-width: 200px;
}
@keyframes bq89FadeIn {
from {
opacity: 0;
transform: translateY(-4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.buyaca-app:not(.bq-light-mode) .bq-featured-empty-v889 {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
border-color: rgba(255, 255, 255, 0.08);
}
@media (max-width: 519.98px) {
.buyaca-app .bq-cv2-product-grid.bq-view-masonry,
.buyaca-app .buyaca-catalog-grid.bq-view-masonry,
.buyaca-app .bq-products-grid.bq-view-masonry {
display: block !important;
grid-template-columns: none !important;
column-count: 2 !important;
column-gap: 12px !important;
padding: 8px 12px 12px !important;
}
.buyaca-app .bq-view-masonry>* {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
margin: 0 0 12px !important;
display: inline-block !important;
width: 100% !important;
vertical-align: top;
border-radius: var(--bq89-radius-card) !important;
}
.buyaca-app .bq-view-masonry .bq-cv2-product-img {
aspect-ratio: auto !important;
height: auto !important;
min-height: 0 !important;
}
.buyaca-app .bq-view-masonry .bq-cv2-product-img img {
height: auto !important;
width: 100% !important;
display: block;
object-fit: contain !important;
background: linear-gradient(145deg, #f8fafc, #f1f5f9);
}
.buyaca-app:not(.bq-light-mode) .bq-view-masonry .bq-cv2-product-img img {
background: linear-gradient(145deg, #1e1e26, #14141a);
}
}
@media (min-width: 520px) {
.buyaca-app .bq-cv2-product-grid.bq-view-masonry,
.buyaca-app .buyaca-catalog-grid.bq-view-masonry,
.buyaca-app .bq-products-grid.bq-view-masonry {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
column-count: initial !important;
column-gap: initial !important;
gap: 16px !important;
padding: 12px 16px !important;
}
.buyaca-app .bq-view-masonry>* {
display: block !important;
margin: 0 !important;
width: auto !important;
break-inside: initial !important;
page-break-inside: initial !important;
-webkit-column-break-inside: initial !important;
}
.buyaca-app .bq-view-masonry .bq-cv2-product-img {
aspect-ratio: 1 !important;
height: auto !important;
min-height: 0 !important;
}
.buyaca-app .bq-view-masonry .bq-cv2-product-img img {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
}
}
@media (min-width: 768px) {
.buyaca-app .bq-cv2-product-grid.bq-view-masonry,
.buyaca-app .buyaca-catalog-grid.bq-view-masonry,
.buyaca-app .bq-products-grid.bq-view-masonry {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
gap: 18px !important;
}
}
@media (min-width: 1040px) {
.buyaca-app .bq-cv2-product-grid.bq-view-masonry,
.buyaca-app .buyaca-catalog-grid.bq-view-masonry,
.buyaca-app .bq-products-grid.bq-view-masonry {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
gap: 20px !important;
}
}
.buyaca-app .bq-cv2-product-card,
.buyaca-app .bq-pc-card,
.buyaca-app .bq-profile-card,
.buyaca-app .bq-product-card,
.buyaca-app .bq-cat-card {
border-radius: var(--bq89-radius-card);
transition: transform var(--bq89-dur-base) var(--bq89-ease),
box-shadow var(--bq89-dur-base) var(--bq89-ease),
border-color var(--bq89-dur-base) var(--bq89-ease) !important;
}
.buyaca-app .bq-cv2-product-card:hover,
.buyaca-app .bq-pc-card:hover,
.buyaca-app .bq-profile-card:hover,
.buyaca-app .bq-product-card:hover,
.buyaca-app .bq-cat-card:hover {
transform: translateY(-3px);
border-color: var(--bq-primary, #3A59EF) !important;
}
.buyaca-app .bq-featured-card-v2 {
transition: transform var(--bq89-dur-base) var(--bq89-ease),
box-shadow var(--bq89-dur-base) var(--bq89-ease) !important;
}
.buyaca-app .bq-featured-card-v2:hover {
transform: translateY(-2px) scale(1.005);
}
.buyaca-app .bq-cv2-product-img.bq-img-shimmer,
.buyaca-app .bq-img-shimmer {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}
.buyaca-app .bq-cv2-product-img.bq-img-shimmer::after,
.buyaca-app .bq-img-shimmer::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0) 100%);
transform: translateX(-100%);
animation: bq89Shimmer 1.4s var(--bq89-ease) infinite;
pointer-events: none;
z-index: 1;
}
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-img.bq-img-shimmer,
.buyaca-app:not(.bq-light-mode) .bq-img-shimmer {
background: linear-gradient(135deg, #1e1e26, #14141a);
}
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-img.bq-img-shimmer::after,
.buyaca-app:not(.bq-light-mode) .bq-img-shimmer::after {
background: linear-gradient(90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.05) 50%,
rgba(255, 255, 255, 0) 100%);
}
@keyframes bq89Shimmer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.buyaca-app .bq-cv2-product-card[data-bq89-loading="1"] {
min-height: 220px;
}
.buyaca-app .bq-loading-skeleton-v889 {
display: grid;
gap: 14px;
padding: 16px;
}
@media (min-width: 520px) {
.buyaca-app .bq-loading-skeleton-v889 {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
}
.buyaca-app .bq-loading-skeleton-v889>div {
aspect-ratio: 4/5;
border-radius: var(--bq89-radius-card);
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
position: relative;
overflow: hidden;
}
.buyaca-app .bq-loading-skeleton-v889>div::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);
animation: bq89Shimmer 1.4s var(--bq89-ease) infinite;
}
.bq-fp-slot-card.is-expired .bq-fp-slot-actions {
align-items: center !important;
flex-wrap: wrap !important;
}
.bq-fp-delete-btn {
display: inline-flex;
align-items: center;
gap: 5px;
background: transparent;
border: 1px solid rgba(239, 68, 68, 0.35);
color: #EF4444;
padding: 6px 12px;
border-radius: var(--bq89-radius-pill);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
cursor: pointer;
transition: all var(--bq89-dur-fast) var(--bq89-ease);
line-height: 1;
margin-left: 8px;
}
.bq-fp-delete-btn:hover {
background: rgba(239, 68, 68, 0.08);
border-color: rgba(239, 68, 68, 0.65);
color: #DC2626;
transform: translateY(-1px);
}
.bq-fp-delete-btn:active {
transform: translateY(0);
}
.bq-fp-delete-btn[disabled] {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.bq-fp-delete-btn .bq89-spinner {
width: 11px;
height: 11px;
border: 1.5px solid rgba(239, 68, 68, 0.3);
border-top-color: #EF4444;
border-radius: 50%;
animation: bq89Spin .8s linear infinite;
}
@keyframes bq89Spin {
to {
transform: rotate(360deg);
}
}
.bq-fp-slot-card.is-removing-v889 {
transition: opacity .35s ease,
transform .35s ease,
max-height .4s var(--bq89-ease),
margin .35s ease,
padding .35s ease,
border-color .25s ease !important;
opacity: 0 !important;
transform: translateX(-24px) scale(0.96) !important;
max-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-color: transparent !important;
overflow: hidden !important;
pointer-events: none;
}
.buyaca-app .bq-home-section-title,
.buyaca-app .bq-section-title,
.buyaca-app .bq-products-header h2,
.buyaca-app .bq-cat-products-title {
font-weight: bold !important;
letter-spacing: -0.01em !important;
line-height: 1.25 !important;
}
.buyaca-app .bq-cv2-product-name,
.buyaca-app .bq-cv2-product-card .bq-cv2-product-title,
.buyaca-app .bq-product-name {
line-height: 1.35 !important;
letter-spacing: -0.005em !important;
}
.buyaca-app .bq-destacados-section+section,
.buyaca-app .bq-destacados-section+div[class*="recomendados"],
.buyaca-app .bq-destacados-section+.bq-recomendados-section {
margin-top: 14px !important;
}
.buyaca-app[data-filter-active="true"] .bq-app-header+*,
.buyaca-app[data-filter-active="true"] .bq-products-header+* {
margin-top: 12px !important;
}
.buyaca-app .bq89-fade-in-up {
animation: bq89FadeInUp .45s var(--bq89-ease) both;
}
@keyframes bq89FadeInUp {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.buyaca-app .bq89-fade-in-up,
.buyaca-app .bq-cv2-product-card,
.buyaca-app .bq-pc-card,
.buyaca-app .bq-profile-card {
animation: none !important;
transition: none !important;
}
.buyaca-app .bq-cv2-product-card:hover,
.buyaca-app .bq-pc-card:hover,
.buyaca-app .bq-profile-card:hover,
.buyaca-app .bq-featured-card-v2:hover {
transform: none !important;
}
}
.buyaca-app .bq-featured-scroll {
min-height: 0;
transition: min-height var(--bq89-dur-base) var(--bq89-ease);
}
.buyaca-app .bq-featured-scroll[data-bq89-stable="1"] {
min-height: 280px;
}
.buyaca-app .bq-filter-active-chip,
.buyaca-app .bq-cat-filter.is-active,
.buyaca-app [data-filter].is-active {
background: var(--bq-primary-soft, rgba(58, 89, 239, 0.10)) !important;
color: var(--bq-primary, #3A59EF) !important;
border-color: var(--bq-primary, #3A59EF) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-fp-delete-btn {
border-color: rgba(248, 113, 113, 0.45);
color: #F87171;
}
.buyaca-app:not(.bq-light-mode) .bq-fp-delete-btn:hover {
background: rgba(248, 113, 113, 0.12);
border-color: rgba(248, 113, 113, 0.7);
color: #FCA5A5;
}
.buyaca-app .bq-banner-section,
.bq-app-header.bq-only-filters .bq-banner-section,
.bq-app-header.bq-collapsed-all .bq-banner-section,
.bq-app-header.bq-only-filters~.bq-banner-section,
.bq-app-header.bq-collapsed-all~.bq-banner-section {
max-height: none !important;
opacity: 1 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 4px !important;
pointer-events: auto !important;
visibility: visible !important;
overflow: visible !important;
transform: none !important;
position: relative !important;
z-index: 0 !important;
}
.buyaca-app .bq-app-header,
.buyaca-app #bq-brand-topbar,
.buyaca-app #bq-products-topbar {
position: fixed !important;
top: 0 !important;
z-index: 100 !important;
transition: box-shadow 0.32s ease;
}
.buyaca-app .bq-header-logo-wrap {
max-height: 64px;
overflow: hidden;
transition:
max-height 0.34s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.26s ease,
padding 0.34s cubic-bezier(0.22, 1, 0.36, 1),
margin 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
.buyaca-app .bq-app-header.bq-only-filters .bq-header-logo-wrap,
.buyaca-app .bq-app-header.bq-collapsed-all .bq-header-logo-wrap {
max-height: 0 !important;
opacity: 0 !important;
padding: 0 !important;
margin: 0 !important;
pointer-events: none;
}
.buyaca-app .bq-header-chips-wrap {
transition:
max-height 0.34s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.26s ease,
margin 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
.buyaca-app .bq-pc,
.buyaca-app .bq-pf-card,
.buyaca-app .bq-pf-card-v2,
.buyaca-app .bq-home-card,
.buyaca-app .bq-cv2-product-card,
.buyaca-app .buyaca-business-card {
border-radius: 8px !important;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.06);
transition:
transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.28s ease,
border-color 0.28s ease;
}
.buyaca-app:not(.bq-light-mode) .bq-pc,
.buyaca-app:not(.bq-light-mode) .bq-pf-card,
.buyaca-app:not(.bq-light-mode) .bq-pf-card-v2,
.buyaca-app:not(.bq-light-mode) .bq-home-card,
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-card,
.buyaca-app:not(.bq-light-mode) .buyaca-business-card {
border-color: rgba(255, 255, 255, 0.06);
}
.buyaca-app .bq-pc .bq-pc-iw,
.buyaca-app .bq-pf-card .bq-pf-img-w,
.buyaca-app .bq-cv2-product-card .bq-cv2-product-img,
.buyaca-app .bq-home-card .bq-home-card-image-wrap,
.buyaca-app .buyaca-business-card .buyaca-business-card-image {
border-radius: 2px 2px 0 0 !important;
overflow: hidden;
}
.buyaca-app .bq-pc:hover,
.buyaca-app .bq-pf-card:hover,
.buyaca-app .bq-pf-card-v2:hover,
.buyaca-app .bq-home-card:hover,
.buyaca-app .bq-cv2-product-card:hover,
.buyaca-app .buyaca-business-card:hover {
transform: translateY(-2px);
border-color: rgba(0, 0, 0, 0.10);
}
.buyaca-app:not(.bq-light-mode) .bq-pc:hover,
.buyaca-app:not(.bq-light-mode) .bq-pf-card:hover,
.buyaca-app:not(.bq-light-mode) .bq-home-card:hover,
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-card:hover,
.buyaca-app:not(.bq-light-mode) .buyaca-business-card:hover {
border-color: rgba(255, 255, 255, 0.14);
}
.buyaca-app .bq-pc,
.buyaca-app .bq-pc *,
.buyaca-app .bq-pf-card,
.buyaca-app .bq-pf-card *,
.buyaca-app .bq-home-card,
.buyaca-app .bq-home-card *,
.buyaca-app .bq-cv2-product-card,
.buyaca-app .bq-cv2-product-card *,
.buyaca-app .buyaca-business-card,
.buyaca-app .buyaca-business-card * {
font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.buyaca-app .bq-pc-name,
.buyaca-app .bq-pf-name,
.buyaca-app .bq-home-card-name,
.buyaca-app .bq-cv2-product-name,
.buyaca-app .bq-cv2-product-name--minimal,
.buyaca-app .buyaca-business-card-title {
font-weight: 400 !important;
letter-spacing: -0.15px !important;
line-height: 1.35 !important;
}
.buyaca-app .bq-pc-price,
.buyaca-app .bq-pf-price,
.buyaca-app .bq-cv2-product-price {
font-weight: 600 !important;
letter-spacing: -0.4px !important;
}
.buyaca-app .bq-pc-loc,
.buyaca-app .bq-pf-loc,
.buyaca-app .bq-pf-date,
.buyaca-app .buyaca-business-card-category,
.buyaca-app .bq-cv2-product-cat-label,
.buyaca-app .bq-cv2-product-date {
font-weight: 400 !important;
letter-spacing: 0.05px !important;
text-transform: none !important;
opacity: 0.72;
}
.buyaca-app .bq-pc-body,
.buyaca-app .bq-pf-info,
.buyaca-app .bq-cv2-product-body {
padding: 3px 5px 5px !important;
}
.buyaca-app .bq-pc::before,
.buyaca-app .bq-pf-card::before,
.buyaca-app .bq-pf-grid .bq-pf-card::before {
display: none !important;
}
.buyaca-app.bq-light-mode .bq-pc-name,
.buyaca-app.bq-light-mode .bq-pf-name,
.buyaca-app.bq-light-mode .bq-home-card-name,
.buyaca-app.bq-light-mode .bq-cv2-product-name,
.buyaca-app.bq-light-mode .buyaca-business-card-title {
color: #1a1a1f !important;
}
html.bq-page-light .buyaca-app:not(.bq-light-mode) .bq-pc-name,
html.bq-page-light .buyaca-app:not(.bq-light-mode) .bq-pf-name,
html.bq-page-light .buyaca-app:not(.bq-light-mode) .bq-home-card-name,
html.bq-page-light .buyaca-app:not(.bq-light-mode) .bq-cv2-product-name,
html.bq-page-light .buyaca-app:not(.bq-light-mode) .buyaca-business-card-title {
color: #1a1a1f !important;
}
.buyaca-app .bq-app-header,
.buyaca-app .bq-app-header.scrolled,
.buyaca-app .bq-app-header.bq-collapsed-all,
.buyaca-app .bq-app-header.bq-only-filters,
.buyaca-app .bq-app-header.scrolled.bq-collapsed-all,
.buyaca-app .bq-app-header.scrolled.bq-only-filters,
.buyaca-app .bq-app-header.bq-products-header,
.buyaca-app .bq-app-header.bq-products-header.scrolled,
.buyaca-app .bq-app-header.bq-products-header.bq-collapsed-all,
.buyaca-app .bq-app-header.bq-products-header.bq-only-filters,
.buyaca-app .bq-app-header.bq-products-header.scrolled.bq-collapsed-all,
.buyaca-app .bq-app-header.bq-products-header.scrolled.bq-only-filters,
.buyaca-app #bq-brand-topbar,
.buyaca-app #bq-brand-topbar.scrolled,
.buyaca-app #bq-brand-topbar.bq-collapsed-all,
.buyaca-app #bq-brand-topbar.bq-only-filters,
.buyaca-app #bq-brand-topbar.scrolled.bq-collapsed-all,
.buyaca-app #bq-brand-topbar.scrolled.bq-only-filters,
.buyaca-app #bq-products-topbar,
.buyaca-app #bq-products-topbar.scrolled,
.buyaca-app #bq-products-topbar.bq-collapsed-all,
.buyaca-app #bq-products-topbar.bq-only-filters,
.buyaca-app #bq-products-topbar.scrolled.bq-collapsed-all,
.buyaca-app #bq-products-topbar.scrolled.bq-only-filters {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 100 !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
will-change: auto !important;
transition:
box-shadow 0.25s ease !important;
contain: layout style !important;
}
.buyaca-app .bq-app-header:not(.bq-header-hidden) .bq-header-logo-wrap,
.buyaca-app .bq-app-header.scrolled:not(.bq-header-hidden) .bq-header-logo-wrap,
.buyaca-app .bq-app-header.bq-collapsed-all:not(.bq-header-hidden) .bq-header-logo-wrap,
.buyaca-app .bq-app-header.bq-only-filters:not(.bq-header-hidden) .bq-header-logo-wrap,
.buyaca-app #bq-brand-topbar.scrolled:not(.bq-header-hidden) .bq-header-logo-wrap,
.buyaca-app #bq-brand-topbar.bq-collapsed-all:not(.bq-header-hidden) .bq-header-logo-wrap,
.buyaca-app #bq-products-topbar.scrolled:not(.bq-header-hidden) .bq-header-logo-wrap,
.buyaca-app #bq-products-topbar.bq-collapsed-all:not(.bq-header-hidden) .bq-header-logo-wrap {
max-height: 60px !important;
opacity: 1 !important;
padding: 6px 0 !important;
margin: 0 !important;
overflow: visible !important;
pointer-events: auto !important;
transform: none !important;
transition: none !important;
visibility: visible !important;
}
.buyaca-app .bq-app-header .bq-header-chips-wrap,
.buyaca-app .bq-app-header.scrolled .bq-header-chips-wrap,
.buyaca-app .bq-app-header.bq-collapsed-all .bq-header-chips-wrap,
.buyaca-app .bq-app-header.bq-only-filters .bq-header-chips-wrap,
.buyaca-app #bq-brand-topbar.scrolled .bq-header-chips-wrap,
.buyaca-app #bq-brand-topbar.bq-collapsed-all .bq-header-chips-wrap,
.buyaca-app #bq-products-topbar.scrolled .bq-header-chips-wrap,
.buyaca-app #bq-products-topbar.bq-collapsed-all .bq-header-chips-wrap {
max-height: 80px !important;
opacity: 1 !important;
padding: 0 !important;
pointer-events: auto !important;
transform: none !important;
transition: none !important;
overflow-x: auto !important;
overflow-y: hidden !important;
touch-action: pan-x !important;
visibility: visible !important;
}
.buyaca-app .bq-banner-section,
.buyaca-app .bq-app-header+.bq-banner-section,
.bq-app-header.bq-only-filters .bq-banner-section,
.bq-app-header.bq-collapsed-all .bq-banner-section,
.bq-app-header.bq-only-filters~.bq-banner-section,
.bq-app-header.bq-collapsed-all~.bq-banner-section {
position: relative !important;
z-index: 1 !important;
margin: 0 !important;
padding: 14px 0 8px !important;
max-height: none !important;
min-height: 0 !important;
opacity: 1 !important;
visibility: visible !important;
overflow: visible !important;
transform: none !important;
pointer-events: auto !important;
transition: none !important;
}
.buyaca-app.bq-light-mode .bq-banner-section,
html.bq-page-light .buyaca-app .bq-banner-section,
html.bq-page-light .buyaca-app:not(.bq-light-mode) .bq-banner-section {
background: #f6f7f9 !important;
}
html.bq-page-dark .buyaca-app .bq-banner-section,
.buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-banner-section {
background: #0d0d0f !important;
}
.buyaca-app .bq-banner-section .bq-hero-banner {
margin: 4px 16px 10px !important;
border-radius: 16px !important;
}
.buyaca-app .bq-banner-section .bq-temu-carousel-wrap {
margin: 14px 16px 16px !important;
padding: 6px 0 !important;
}
@media (min-width: 768px) {
.buyaca-app .bq-banner-section .bq-temu-carousel-wrap {
margin: 14px auto 16px !important;
max-width: 1200px !important;
}
}
.buyaca-app .bq-banner-section,
.buyaca-app .bq-red-zone,
.buyaca-app .bq-pf-zone,
.buyaca-app .bq-feed-zone,
.buyaca-app .bq-recomendados-zone {
contain: layout style !important;
}
.buyaca-app .bq-app-header {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.buyaca-app .bq-app-header .bq-header-logo-wrap,
.buyaca-app #bq-brand-topbar .bq-header-logo-wrap,
.buyaca-app #bq-products-topbar .bq-header-logo-wrap,
.buyaca-app .bq-app-header.bq-products-header .bq-header-logo-wrap {
max-height: 60px !important;
opacity: 1 !important;
padding: 6px 0 !important;
margin: 0 !important;
overflow: hidden !important;
pointer-events: auto !important;
transform: none !important;
visibility: visible !important;
transition:
max-height 0.36s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.26s ease,
padding 0.36s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.buyaca-app .bq-app-header.bq-header-hidden .bq-header-logo-wrap,
.buyaca-app #bq-brand-topbar.bq-header-hidden .bq-header-logo-wrap,
.buyaca-app #bq-products-topbar.bq-header-hidden .bq-header-logo-wrap,
.buyaca-app .bq-app-header.bq-products-header.bq-header-hidden .bq-header-logo-wrap {
max-height: 0 !important;
opacity: 0 !important;
padding: 0 !important;
margin: 0 !important;
pointer-events: none !important;
visibility: hidden !important;
}
.buyaca-app .bq-app-header.bq-products-header+.bq-banner-section,
.buyaca-app .bq-app-header.bq-products-header~.bq-banner-section,
.buyaca-app #bq-products-topbar+.bq-banner-section,
.buyaca-app #bq-products-topbar~.bq-banner-section {
background: #f6f7f9 !important;
margin: 0 !important;
padding: 14px 0 8px !important;
position: relative !important;
z-index: 1 !important;
}
html.bq-page-dark .buyaca-app #bq-products-topbar~.bq-banner-section,
.buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header.bq-products-header~.bq-banner-section,
.buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-products-topbar~.bq-banner-section {
background: #0d0d0f !important;
}
.buyaca-app .bq-app-header.scrolled .bq-header-search-wrap,
.buyaca-app .bq-app-header.scrolled .bq-header-search-wrap-v8,
.buyaca-app #bq-brand-topbar.scrolled .bq-header-search-wrap,
.buyaca-app #bq-brand-topbar.scrolled .bq-header-search-wrap-v8,
.buyaca-app #bq-products-topbar.scrolled .bq-header-search-wrap,
.buyaca-app #bq-products-topbar.scrolled .bq-header-search-wrap-v8 {
padding-top: 0 !important;
padding-bottom: 0 !important;
transition: none !important;
}
.buyaca-app .bq-app-header .bq-header-search-wrap,
.buyaca-app .bq-app-header .bq-header-search-wrap-v8,
.buyaca-app .bq-app-header.scrolled .bq-header-search-wrap,
.buyaca-app .bq-app-header.scrolled .bq-header-search-wrap-v8 {
max-height: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
}
.buyaca-app .bq-app-header.bq-products-header,
.buyaca-app #bq-products-topbar {
overflow: visible !important;
}
.buyaca-app .bq-app-header.bq-products-header .bq-header-backdrop,
.buyaca-app #bq-products-topbar .bq-header-backdrop {
overflow: hidden;
border-radius: inherit;
}
.buyaca-app .bq-banner-section,
.buyaca-app .bq-app-header+.bq-banner-section,
.buyaca-app .bq-app-header.bq-products-header+.bq-banner-section,
.buyaca-app .bq-app-header.bq-products-header~.bq-banner-section,
.buyaca-app #bq-products-topbar+.bq-banner-section,
.buyaca-app #bq-products-topbar~.bq-banner-section,
.buyaca-app #bq-brand-topbar+.bq-banner-section,
.buyaca-app #bq-brand-topbar~.bq-banner-section {
padding: 74px 0 10px !important;
position: relative !important;
z-index: 1 !important;
display: block !important;
overflow: visible !important;
isolation: isolate;
}
html.bq-page-dark .buyaca-app .bq-banner-section,
.buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-banner-section,
.buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-products-topbar+.bq-banner-section,
.buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-products-topbar~.bq-banner-section {
background: linear-gradient(180deg, #e35217 32%, #0d0d12 85%) !important;
border-top: 0px solid rgba(255, 255, 255, 0.08) !important;
}
.buyaca-app .bq-app-header .bq-header-logo-wrap,
.buyaca-app #bq-brand-topbar .bq-header-logo-wrap,
.buyaca-app #bq-products-topbar .bq-header-logo-wrap,
.buyaca-app .bq-app-header.bq-products-header .bq-header-logo-wrap {
max-height: 60px !important;
opacity: 1 !important;
transform: translateY(0) scale(1) !important;
padding: 6px 0 !important;
margin: 0 !important;
overflow: hidden !important;
pointer-events: auto !important;
visibility: visible !important;
transform-origin: top center;
transition:
max-height 0.40s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.22s ease-out,
transform 0.40s cubic-bezier(0.22, 1, 0.36, 1),
padding 0.40s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s linear 0s !important;
}
.buyaca-app .bq-app-header.bq-header-hidden .bq-header-logo-wrap,
.buyaca-app #bq-brand-topbar.bq-header-hidden .bq-header-logo-wrap,
.buyaca-app #bq-products-topbar.bq-header-hidden .bq-header-logo-wrap,
.buyaca-app .bq-app-header.bq-products-header.bq-header-hidden .bq-header-logo-wrap {
max-height: 0 !important;
opacity: 0 !important;
transform: translateY(-110%) scale(0.92) !important;
padding: 0 !important;
margin: 0 !important;
pointer-events: none !important;
visibility: hidden !important;
transition:
max-height 0.40s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.30s ease-in,
transform 0.40s cubic-bezier(0.55, 0, 0.68, 0.53),
padding 0.40s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s linear 0.40s !important;
}
.buyaca-app .bq-app-header .bq-header-search-toggle,
.buyaca-app #bq-brand-topbar .bq-header-search-toggle,
.buyaca-app #bq-products-topbar .bq-header-search-toggle {
max-height: 44px !important;
opacity: 1 !important;
transform: translateY(0) scale(1) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
overflow: hidden !important;
pointer-events: auto !important;
visibility: visible !important;
transform-origin: top center;
transition:
max-height 0.40s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.22s ease-out,
transform 0.40s cubic-bezier(0.22, 1, 0.36, 1),
margin 0.40s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s linear 0s !important;
}
.buyaca-app .bq-app-header.bq-header-hidden .bq-header-search-toggle,
.buyaca-app #bq-brand-topbar.bq-header-hidden .bq-header-search-toggle,
.buyaca-app #bq-products-topbar.bq-header-hidden .bq-header-search-toggle {
max-height: 0 !important;
opacity: 0 !important;
transform: translateY(-110%) scale(0.92) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
pointer-events: none !important;
visibility: hidden !important;
transition:
max-height 0.40s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.30s ease-in,
transform 0.40s cubic-bezier(0.55, 0, 0.68, 0.53),
margin 0.40s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s linear 0.40s !important;
}
.buyaca-app #bq-brand-topbar.bq-header-hidden .bq-wordmark,
.buyaca-app #bq-products-topbar.bq-header-hidden .bq-wordmark {
transition: opacity .30s ease-in;
opacity: 0;
}
.bqf-manager{ margin:0; }
.bqf-mgr-head{
display:flex; align-items:center; gap:12px;
padding:2px 2px 16px;
border-bottom:1px solid var(--bq-border-light, rgba(0,0,0,.07));
margin-bottom:16px;
}
.bqf-mgr-ico{
flex:0 0 auto; width:34px; height:34px; border-radius:10px;
display:flex; align-items:center; justify-content:center;
background:var(--bq-primary-light, rgba(58,89,239,.12));
color:var(--bq-primary, #3A59EF);
}
.bqf-mgr-ico svg{ width:18px; height:18px; }
.bqf-mgr-txt{ flex:1; min-width:0; }
.bqf-mgr-title{ font-size:15px; font-weight:800; color:var(--bq-text, #0f172a); letter-spacing:-.01em; }
.bqf-mgr-sub{ font-size:12px; color:var(--bq-text-secondary, #64748b); margin-top:1px; line-height:1.35; }
.bqf-create-btn{
flex:0 0 auto;
display:inline-flex; align-items:center; gap:6px;
border:none; cursor:pointer;
background:var(--bq-primary, #3A59EF); color:#fff;
font-size:12.5px; font-weight:700;
padding:8px 13px; border-radius:9px;
transition:filter .15s ease, transform .1s ease;
}
.bqf-create-btn svg{ width:14px; height:14px; }
.bqf-create-btn:hover{ filter:brightness(1.06); }
.bqf-create-btn:active{ transform:scale(.97); }
.bqf-list{ display:flex; flex-direction:column; gap:8px; padding:0; }
.bqf-card{
display:flex; align-items:center; gap:12px;
padding:11px 12px; border-radius:12px;
border:1px solid var(--bq-border, #e5e7eb);
background:var(--bq-bg-surface, var(--bq-bg-card, #fff));
transition:border-color .15s ease;
}
.bqf-card:hover{ border-color:var(--bq-primary-soft, rgba(58,89,239,.4)); }
.bqf-card-ico{
flex:0 0 auto; width:34px; height:34px; border-radius:9px;
display:flex; align-items:center; justify-content:center;
background:var(--bq-primary-light, rgba(58,89,239,.10));
color:var(--bq-primary, #3A59EF);
}
.bqf-card-ico svg{ width:17px; height:17px; }
.bqf-card-info{ flex:1; min-width:0; }
.bqf-card-title{
font-size:14px; font-weight:700; color:var(--bq-text, #0f172a);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.bqf-card-meta{
display:flex; align-items:center; gap:7px; flex-wrap:wrap;
font-size:11.5px; color:var(--bq-text-secondary, #64748b); margin-top:3px;
}
.bqf-dot{ opacity:.45; }
.bqf-sent{
display:inline-flex; align-items:center; gap:4px; font-weight:800;
color:var(--bq-primary, #3A59EF);
}
.bqf-sent svg{ width:13px; height:13px; }
.bqf-badge{
display:inline-flex; align-items:center; gap:4px;
padding:1px 7px; border-radius:999px; font-weight:700;
font-size:10.5px; letter-spacing:.02em;
}
.bqf-badge svg{ width:11px; height:11px; }
.bqf-badge--mail{ background:rgba(59,130,246,.12); color:#2563eb; }
.bqf-badge--wa{ background:rgba(37,211,102,.15); color:#1ca84e; }
.bqf-card-actions{ flex:0 0 auto; display:flex; align-items:center; gap:2px; }
.bqf-act{
width:30px; height:30px; border-radius:8px; cursor:pointer;
display:flex; align-items:center; justify-content:center;
border:none; background:transparent; color:var(--bq-text-muted, #94a3b8);
transition:color .15s ease, background .15s ease;
}
.bqf-act:hover{ color:var(--bq-primary, #3A59EF); background:var(--bq-primary-light, rgba(58,89,239,.10)); }
.bqf-act--del:hover{ color:#ef4444; background:rgba(239,68,68,.10); }
.bqf-act svg{ width:15px; height:15px; }
.bqf-tip{ position:relative; }
.bqf-tip::after{
content:attr(data-tip);
position:absolute; bottom:calc(100% + 7px); left:50%; transform:translateX(-50%) translateY(3px);
background:#0f172a; color:#fff; font-size:11px; font-weight:600; white-space:nowrap;
padding:5px 9px; border-radius:7px; pointer-events:none;
opacity:0; transition:opacity .14s ease, transform .14s ease; z-index:20;
}
.bqf-tip:hover::after, .bqf-tip:focus-visible::after{ opacity:1; transform:translateX(-50%) translateY(0); }
.bqf-empty{
text-align:center; padding:34px 18px; color:var(--bq-text-secondary, #64748b);
border:1px dashed var(--bq-border, #e5e7eb); border-radius:14px;
}
.bqf-empty svg{ width:40px; height:40px; opacity:.4; margin-bottom:8px; }
.bqf-empty p{ margin:0; font-size:13px; line-height:1.5; }
.bqf-loading{ padding:24px; text-align:center; color:var(--bq-text-secondary,#64748b); font-size:13px; }
.bqf-overlay{
position:fixed; inset:0; z-index:99999;
display:flex; align-items:center; justify-content:center;
padding:0; opacity:0; pointer-events:none;
transition:opacity .2s ease;
}
.bqf-overlay.is-open{ opacity:1; pointer-events:auto; }
.bqf-backdrop{
position:absolute; inset:0;
background:rgba(10,12,18,.62);
backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);
}
.bqf-modal{
position:relative; z-index:1;
width:100%; max-width:560px; max-height:92vh;
display:flex; flex-direction:column;
background:var(--bq-bg-card, #fff);
border:1px solid var(--bq-border, #e5e7eb);
border-radius:22px;
transform:translateY(14px) scale(.98);
transition:transform .24s cubic-bezier(.22,1,.36,1);
overflow:hidden;
}
.bqf-overlay.is-open .bqf-modal{ transform:translateY(0) scale(1); }
.bqf-modal-head{
display:flex; align-items:center; gap:12px;
padding:16px 18px; flex:0 0 auto;
border-bottom:1px solid var(--bq-border-light, rgba(0,0,0,.07));
}
.bqf-modal-head .bqf-h-ico{
width:34px; height:34px; border-radius:10px; flex:0 0 auto;
display:flex; align-items:center; justify-content:center;
background:var(--bqf-accent, var(--bq-primary, #3A59EF)); color:#fff;
}
.bqf-modal-head .bqf-h-ico svg{ width:18px; height:18px; }
.bqf-modal-head h3{
flex:1; min-width:0; margin:0;
font-size:16.5px; font-weight:800; color:var(--bq-text, #0f172a);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.bqf-close{
width:34px; height:34px; border-radius:50%; flex:0 0 auto; cursor:pointer;
border:none; background:var(--bq-bg-secondary, rgba(0,0,0,.05));
color:var(--bq-text-secondary, #64748b);
display:flex; align-items:center; justify-content:center; transition:all .15s ease;
}
.bqf-close svg{ width:16px; height:16px; }
.bqf-close:hover{ background:rgba(239,68,68,.12); color:#ef4444; transform:scale(1.06); }
.bqf-preview-trigger{
flex:0 0 auto; display:inline-flex; align-items:center; gap:6px;
padding:8px 12px; border-radius:999px; cursor:pointer;
border:1.5px solid var(--bqf-accent, var(--bq-primary,#3A59EF));
background:none; color:var(--bqf-accent, var(--bq-primary,#3A59EF));
font-size:12.5px; font-weight:700; white-space:nowrap;
transition:background .14s ease, transform .12s ease;
}
.bqf-preview-trigger svg{ width:15px; height:15px; }
.bqf-preview-trigger:hover{ background:var(--bq-primary-light, rgba(58,89,239,.10)); }
.bqf-preview-trigger:active{ transform:scale(.96); }
@media (max-width:420px){ .bqf-preview-trigger span{ display:none; } .bqf-preview-trigger{ padding:8px; border-radius:50%; } }
.bqf-preview-badge{
flex:0 0 auto; margin-left:-4px; padding:3px 10px; border-radius:999px;
background:#F59E0B; color:#1a1200; font-size:10.5px; font-weight:800;
text-transform:uppercase; letter-spacing:.04em;
}
.bqf-modal-body{
flex:1 1 auto; overflow-y:auto; padding:18px;
-webkit-overflow-scrolling:touch;
}
.bqf-modal-foot{
flex:0 0 auto; display:flex; gap:10px; padding:14px 18px;
border-top:1px solid var(--bq-border-light, rgba(0,0,0,.07));
background:var(--bq-bg-card, #fff);
}
.bqf-label{ display:block; font-size:13px; font-weight:700; color:var(--bq-text, #0f172a); margin:0 0 6px; }
.bqf-label .bqf-req{ color:#ef4444; margin-left:2px; }
.bqf-input, .bqf-textarea, .bqf-select{
width:100%; box-sizing:border-box;
padding:11px 13px; font-size:14px; font-family:inherit;
color:var(--bq-text, #0f172a);
background:var(--bq-bg-input, var(--bq-bg-secondary, #f8fafc));
border:1.5px solid var(--bq-border, #e5e7eb);
border-radius:11px; outline:none;
transition:border-color .15s ease, box-shadow .15s ease;
}
.bqf-textarea{ min-height:88px; resize:vertical; line-height:1.45; }
.bqf-input:focus, .bqf-textarea:focus, .bqf-select:focus{
border-color:var(--bqf-accent, var(--bq-primary, #3A59EF));
}
.bqf-input::placeholder, .bqf-textarea::placeholder{ color:var(--bq-text-muted, #9aa4b2); }
.bqf-section{ margin-bottom:20px; }
.bqf-section-title{
font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.07em;
color:var(--bq-text-muted, #94a3b8); margin:0 0 10px;
}
.bqf-field{
border:1px solid var(--bq-border, #e5e7eb); border-radius:13px;
padding:13px; margin-bottom:10px; background:var(--bq-bg-surface, var(--bq-bg-card,#fff));
}
.bqf-field-head{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.bqf-field-type{
font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.03em;
color:var(--bqf-accent, var(--bq-primary, #3A59EF));
background:var(--bq-primary-light, rgba(58,89,239,.10));
padding:3px 9px; border-radius:999px;
}
.bqf-field-info-badge{
font-size:10px; font-weight:700; letter-spacing:.01em;
color:#92720c; background:rgba(245,158,11,.14);
padding:3px 8px; border-radius:999px; white-space:nowrap;
}
.bqf-field-move{ margin-left:auto; display:flex; gap:4px; }
.bqf-mini{
width:28px; height:28px; border-radius:8px; cursor:pointer;
border:1px solid var(--bq-border, #e5e7eb); background:transparent;
color:var(--bq-text-secondary, #64748b);
display:flex; align-items:center; justify-content:center;
transition:all .12s cubic-bezier(.34,1.56,.64,1);
}
.bqf-mini svg{ width:15px; height:15px; }
.bqf-mini:hover{ color:var(--bq-primary,#3A59EF); border-color:var(--bq-primary-soft, rgba(58,89,239,.4)); transform:scale(1.08); }
.bqf-mini:active{ transform:scale(.92); }
.bqf-mini--del:hover{ color:#fff; background:#ef4444; border-color:#ef4444; }
.bqf-mini[disabled]{ opacity:.35; cursor:default; }
.bqf-mini[disabled]:hover{ transform:none; }
.bqf-field-row{ display:flex; gap:8px; align-items:center; margin-top:8px; }
.bqf-opt-row{ display:flex; gap:8px; align-items:center; margin-top:7px; }
.bqf-opt-row .bqf-input{ padding:8px 11px; font-size:13px; }
.bqf-opt-add{
margin-top:8px; font-size:12.5px; font-weight:700; cursor:pointer;
background:none; border:none; color:var(--bqf-accent, var(--bq-primary,#3A59EF));
display:inline-flex; align-items:center; gap:5px; padding:2px;
transition:transform .12s ease;
}
.bqf-opt-add svg{ width:14px; height:14px; }
.bqf-opt-add:hover{ transform:translateX(2px); }
.bqf-switch{ display:inline-flex; align-items:center; gap:8px; cursor:pointer; font-size:13px; color:var(--bq-text,#0f172a); }
.bqf-switch input{ appearance:none; -webkit-appearance:none; width:38px; height:22px; border-radius:999px; background:var(--bq-border,#cbd5e1); position:relative; cursor:pointer; transition:background .18s ease; flex:0 0 auto; }
.bqf-switch input:checked{ background:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-switch input::after{ content:''; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform .18s ease; }
.bqf-switch input:checked::after{ transform:translateX(16px); }
.bqf-add-field{
width:auto; padding:8px 14px; border-radius:9px; cursor:pointer;
border:1px dashed var(--bq-primary-soft, rgba(58,89,239,.5));
background:transparent;
color:var(--bqf-accent, var(--bq-primary,#3A59EF));
font-size:12.5px; font-weight:700;
display:inline-flex; align-items:center; justify-content:center; gap:6px;
transition:background .15s ease, border-color .15s ease;
margin-top:2px;
}
.bqf-add-field svg{ width:14px; height:14px; }
.bqf-add-field:hover{ background:var(--bq-primary-light, rgba(58,89,239,.10)); border-color:var(--bq-primary,#3A59EF); }
.bqf-picker{ margin-top:10px; animation:bqfIn .2s ease; }
.bqf-picker-search{
display:flex; align-items:center; gap:8px;
padding:9px 13px; margin-bottom:10px;
border:1.5px solid var(--bq-border, #e5e7eb); border-radius:11px;
background:var(--bq-bg-input, var(--bq-bg-secondary, #f8fafc));
transition:border-color .15s ease, box-shadow .15s ease;
}
.bqf-picker-search:focus-within{
border-color:var(--bqf-accent, var(--bq-primary,#3A59EF));
}
.bqf-picker-search svg{ width:16px; height:16px; color:var(--bq-text-muted, #94a3b8); flex:0 0 auto; }
.bqf-picker-search-input{
flex:1; min-width:0; border:none; background:none; outline:none;
font-size:13.5px; font-family:inherit; color:var(--bq-text, #0f172a);
}
.bqf-picker-search-input::placeholder{ color:var(--bq-text-muted, #9aa4b2); }
.bqf-picker-cats{ display:flex; flex-direction:column; gap:4px; }
.bqf-picker-cat{ border-radius:11px; overflow:hidden; }
.bqf-picker-cat--hidden{ display:none; }
.bqf-picker-cat-head{
width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px;
padding:10px 4px; border:none; background:none; cursor:pointer; text-align:left;
font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.05em;
color:var(--bq-text-secondary, #64748b);
}
.bqf-picker-cat-head svg{ width:14px; height:14px; transition:transform .2s ease; flex:0 0 auto; }
.bqf-picker-cat.is-open .bqf-picker-cat-head svg{ transform:rotate(180deg); }
.bqf-picker-cat-head:hover{ color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-picker-grid{
display:none;
grid-template-columns:repeat(2,1fr); gap:8px;
padding:2px 2px 10px;
}
.bqf-picker-cat.is-open .bqf-picker-grid{ display:grid; animation:bqfIn .18s ease; }
.bqf-picker-card{ position:relative; }
.bqf-picker-card--hidden{ display:none; }
.bqf-picker-card-btn{
width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:8px;
cursor:pointer; text-align:left; padding:12px 12px 11px; border-radius:13px;
border:1px solid var(--bq-border, #e5e7eb); background:var(--bq-bg-surface, var(--bq-bg-card,#fff));
color:var(--bq-text, #0f172a); font-size:12.5px; font-weight:700;
transition:transform .15s cubic-bezier(.34,1.56,.64,1), border-color .15s ease, box-shadow .15s ease;
}
.bqf-picker-card-ic{
width:30px; height:30px; border-radius:9px; flex:0 0 auto;
display:flex; align-items:center; justify-content:center;
background:var(--bq-primary-light, rgba(58,89,239,.10));
color:var(--bqf-accent, var(--bq-primary,#3A59EF));
transition:transform .15s cubic-bezier(.34,1.56,.64,1);
}
.bqf-picker-card-ic svg{ width:16px; height:16px; }
.bqf-picker-card-name{ line-height:1.25; }
.bqf-picker-card-btn:hover{
border-color:var(--bqf-accent, var(--bq-primary,#3A59EF));
transform:translateY(-2px);
}
.bqf-picker-card-btn:hover .bqf-picker-card-ic{ transform:scale(1.08) rotate(-4deg); }
.bqf-picker-card-btn:active{ transform:translateY(0) scale(.97); }
.bqf-picker-card-btn:focus-visible{
outline:none; border-color:var(--bqf-accent, var(--bq-primary,#3A59EF));
}
.bqf-picker-card-info{
position:absolute; top:6px; right:6px; width:20px; height:20px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
border:1px solid var(--bq-border, #e5e7eb); background:var(--bq-bg-card, #fff);
color:var(--bq-text-muted, #94a3b8); font-size:11px; font-style:italic; font-family:Georgia,serif;
cursor:pointer; line-height:1; transition:all .15s ease;
}
.bqf-picker-card-info:hover, .bqf-picker-card-info[aria-expanded="true"]{
color:#fff; background:var(--bqf-accent, var(--bq-primary,#3A59EF)); border-color:transparent;
}
.bqf-picker-preview{
margin-top:6px; padding:11px 12px; border-radius:11px;
border:1px dashed var(--bq-primary-soft, rgba(58,89,239,.4));
background:var(--bq-primary-light, rgba(58,89,239,.05));
animation:bqfPreviewIn .16s ease;
}
@keyframes bqfPreviewIn{ from{ opacity:0; transform:translateY(-3px);} to{ opacity:1; transform:none;} }
@media (hover:hover){
.bqf-picker-card-btn:hover ~ .bqf-picker-card-info{ color:#fff; background:var(--bqf-accent, var(--bq-primary,#3A59EF)); border-color:transparent; }
}
.bqf-picker-preview-mock{ pointer-events:none; }
.bqf-mock-label{ display:block; font-size:11.5px; font-weight:700; color:var(--bq-text, #0f172a); margin-bottom:5px; }
.bqf-mock-input{
height:30px; border-radius:8px; background:var(--bq-bg-input, #fff);
border:1.5px solid var(--bq-border, #e5e7eb);
}
.bqf-mock-textarea{ height:46px; }
.bqf-mock-select{
height:30px; border-radius:8px; background:var(--bq-bg-input, #fff);
border:1.5px solid var(--bq-border, #e5e7eb);
display:flex; align-items:center; justify-content:space-between;
padding:0 9px; font-size:11.5px; color:var(--bq-text-muted, #9aa4b2);
}
.bqf-mock-select svg{ width:11px; height:11px; }
.bqf-mock-choice{ display:flex; align-items:center; gap:7px; font-size:11.5px; color:var(--bq-text,#0f172a); padding:3px 0; }
.bqf-mock-choice svg{ width:14px; height:14px; color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-mock-radio, .bqf-mock-checkbox{
width:13px; height:13px; flex:0 0 auto; border:1.5px solid var(--bq-border-strong, #cbd5e1);
}
.bqf-mock-radio{ border-radius:50%; }
.bqf-mock-checkbox{ border-radius:4px; }
.bqf-mock-toggles{ display:flex; gap:5px; }
.bqf-mock-toggle{
padding:4px 9px; border-radius:999px; font-size:11px; font-weight:700;
border:1.5px solid var(--bq-border, #e5e7eb); color:var(--bq-text-secondary,#64748b);
}
.bqf-mock-toggle:first-child{ border-color:var(--bqf-accent, var(--bq-primary,#3A59EF)); color:var(--bqf-accent, var(--bq-primary,#3A59EF)); background:var(--bq-primary-light, rgba(58,89,239,.08)); }
.bqf-mock-scale{ display:flex; align-items:center; gap:4px; }
.bqf-mock-scale-n{
width:22px; height:22px; border-radius:7px; display:flex; align-items:center; justify-content:center;
font-size:10.5px; font-weight:700; border:1.5px solid var(--bq-border, #e5e7eb); color:var(--bq-text-secondary,#64748b);
}
.bqf-mock-scale-more{ font-size:12px; color:var(--bq-text-muted, #9aa4b2); }
.bqf-mock-rating{ display:flex; gap:3px; }
.bqf-mock-rating svg{ width:15px; height:15px; color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-mock-video{
aspect-ratio:16/9; border-radius:10px; display:flex; align-items:center; justify-content:center;
background:linear-gradient(135deg, var(--bq-primary-light, rgba(58,89,239,.14)), transparent);
border:1.5px dashed var(--bq-primary-soft, rgba(58,89,239,.4));
}
.bqf-mock-video-play{
width:32px; height:32px; border-radius:50%; flex:0 0 auto;
display:flex; align-items:center; justify-content:center;
background:var(--bqf-accent, var(--bq-primary,#3A59EF)); color:#fff;
}
.bqf-mock-video-play svg{ width:15px; height:15px; }
.bqf-deliv{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.bqf-deliv-opt{
cursor:pointer; padding:13px; border-radius:13px; text-align:center;
border:1.5px solid var(--bq-border, #e5e7eb); background:var(--bq-bg-surface, var(--bq-bg-card,#fff));
transition:all .15s ease; position:relative;
}
.bqf-deliv-opt svg{ width:22px; height:22px; margin-bottom:5px; }
.bqf-deliv-opt span{ display:block; font-size:13px; font-weight:700; color:var(--bq-text,#0f172a); }
.bqf-deliv-opt small{ display:block; font-size:11px; color:var(--bq-text-secondary,#64748b); margin-top:1px; }
.bqf-deliv-opt.is-on{ border-color:var(--bqf-accent, var(--bq-primary,#3A59EF)); background:var(--bq-primary-light, rgba(58,89,239,.08)); }
.bqf-deliv-opt.is-on::after{
content:''; position:absolute; top:8px; right:8px; width:9px; height:9px; border-radius:50%;
background:var(--bqf-accent, var(--bq-primary,#3A59EF));
}
.bqf-btn{
flex:1; padding:13px 16px; border-radius:12px; cursor:pointer;
font-size:14px; font-weight:700; border:1px solid var(--bq-border, #e5e7eb);
transition:filter .15s ease, transform .1s ease, background .15s ease;
}
.bqf-btn:active{ transform:scale(.985); }
.bqf-btn--ghost{ background:var(--bq-bg-secondary, #f1f5f9); color:var(--bq-text, #0f172a); }
.bqf-btn--ghost:hover{ background:var(--bq-border-light, rgba(0,0,0,.07)); }
.bqf-btn--primary{
background:var(--bqf-accent, var(--bq-primary, #3A59EF)); color:#fff;
border-color:transparent; flex:1.4;
}
.bqf-btn--primary:hover{ filter:brightness(1.06); }
.bqf-btn--primary[disabled]{ opacity:.6; cursor:default; }
.bqf-view-head{ margin-bottom:16px; }
.bqf-view-desc{ font-size:13.5px; color:var(--bq-text-secondary, #64748b); line-height:1.45; margin:4px 0 0; }
.bqf-vf{ margin-bottom:15px; }
.bqf-choice{ display:flex; align-items:center; gap:9px; padding:8px 0; cursor:pointer; font-size:14px; color:var(--bq-text,#0f172a); }
.bqf-choice input{ width:18px; height:18px; accent-color:var(--bqf-accent, var(--bq-primary,#3A59EF)); flex:0 0 auto; }
.bqf-success{ text-align:center; padding:26px 12px; }
.bqf-success-ic{
width:64px; height:64px; border-radius:50%; margin:0 auto 14px;
display:flex; align-items:center; justify-content:center;
background:rgba(34,197,94,.14); color:#16a34a;
animation:bqfPop .35s cubic-bezier(.22,1.4,.4,1);
}
.bqf-success-ic svg{ width:30px; height:30px; }
.bqf-success h4{ margin:0 0 6px; font-size:18px; font-weight:800; color:var(--bq-text,#0f172a); }
.bqf-success p{ margin:0; font-size:13.5px; color:var(--bq-text-secondary,#64748b); }
.bqf-toggle-group{ display:flex; flex-wrap:wrap; gap:8px; }
.bqf-toggle-btn{
padding:9px 15px; border-radius:999px; cursor:pointer; font-size:13px; font-weight:700;
border:1.5px solid var(--bq-border, #e5e7eb); background:var(--bq-bg-surface, var(--bq-bg-card,#fff));
color:var(--bq-text, #0f172a); transition:all .14s ease;
}
.bqf-toggle-btn:hover{ border-color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-toggle-btn.is-on{
border-color:var(--bqf-accent, var(--bq-primary,#3A59EF));
background:var(--bqf-accent, var(--bq-primary,#3A59EF)); color:#fff;
}
.bqf-scale{ display:flex; flex-wrap:wrap; gap:6px; }
.bqf-scale-btn{
width:34px; height:34px; border-radius:9px; cursor:pointer; font-size:13px; font-weight:700;
border:1.5px solid var(--bq-border, #e5e7eb); background:var(--bq-bg-surface, var(--bq-bg-card,#fff));
color:var(--bq-text, #0f172a); transition:all .14s ease;
}
.bqf-scale-btn:hover{ border-color:var(--bqf-accent, var(--bq-primary,#3A59EF)); transform:translateY(-1px); }
.bqf-scale-btn.is-on{
border-color:var(--bqf-accent, var(--bq-primary,#3A59EF));
background:var(--bqf-accent, var(--bq-primary,#3A59EF)); color:#fff;
}
.bqf-rating{ display:flex; gap:5px; }
.bqf-rating-star{
background:none; border:none; cursor:pointer; padding:2px; color:var(--bq-border-strong, #cbd5e1);
transition:transform .12s cubic-bezier(.34,1.56,.64,1), color .12s ease;
}
.bqf-rating-star svg{ width:28px; height:28px; display:block; }
.bqf-rating-star:hover{ transform:scale(1.12); }
.bqf-rating-star.is-on{ color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-combo{ position:relative; }
.bqf-combo-list{
position:absolute; z-index:5; top:calc(100% + 4px); left:0; right:0; max-height:200px; overflow-y:auto;
background:var(--bq-bg-card, #fff); border:1.5px solid var(--bq-border, #e5e7eb); border-radius:11px;
padding:4px;
}
.bqf-combo-opt{ padding:9px 11px; border-radius:8px; cursor:pointer; font-size:13.5px; color:var(--bq-text,#0f172a); }
.bqf-combo-opt[hidden]{ display:none; }
.bqf-combo-opt:hover, .bqf-combo-opt.is-active{ background:var(--bq-primary-light, rgba(58,89,239,.10)); color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-view-heading{ font-size:20px; font-weight:800; letter-spacing:-.01em; color:var(--bq-text,#0f172a); margin:4px 0 2px; }
.bqf-view-subheading{ font-size:15px; font-weight:700; color:var(--bq-text-secondary,#64748b); margin:0 0 2px; }
.bqf-view-info{ display:flex; gap:9px; padding:11px 13px; border-radius:11px; background:var(--bq-bg-secondary, #f1f5f9); }
.bqf-view-info svg{ width:17px; height:17px; flex:0 0 auto; margin-top:1px; color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-view-info p{ margin:0; font-size:13.5px; line-height:1.5; color:var(--bq-text-secondary,#64748b); }
.bqf-view-alert{ display:flex; gap:9px; padding:12px 14px; border-radius:12px; border:1.5px solid transparent; }
.bqf-view-alert svg{ width:18px; height:18px; flex:0 0 auto; margin-top:1px; }
.bqf-view-alert p{ margin:0; font-size:13.5px; line-height:1.5; font-weight:600; }
.bqf-view-alert--info{ background:rgba(58,89,239,.08); border-color:rgba(58,89,239,.25); color:#2b3fb8; }
.bqf-view-alert--success{ background:rgba(22,163,74,.08); border-color:rgba(22,163,74,.25); color:#15803d; }
.bqf-view-alert--warning{ background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.3); color:#b45309; }
.bqf-view-divider{ height:1px; margin:6px 0; background:var(--bq-border, #e5e7eb); }
.bqf-view-tag{
display:inline-flex; padding:4px 12px; border-radius:999px; font-size:12px; font-weight:700;
background:var(--bq-primary-light, rgba(58,89,239,.12)); color:var(--bqf-accent, var(--bq-primary,#3A59EF));
}
.bqf-view-iconblock{ display:flex; justify-content:center; padding:6px 0; color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-view-iconblock svg{ width:34px; height:34px; }
.bqf-view-card{
display:flex; gap:11px; align-items:flex-start; padding:14px; border-radius:14px;
border:1px solid var(--bq-border, #e5e7eb); background:var(--bq-bg-surface, var(--bq-bg-card,#fff));
}
.bqf-view-card-ic{
width:36px; height:36px; border-radius:10px; flex:0 0 auto;
display:flex; align-items:center; justify-content:center;
background:var(--bq-primary-light, rgba(58,89,239,.12)); color:var(--bqf-accent, var(--bq-primary,#3A59EF));
}
.bqf-view-card-ic svg{ width:19px; height:19px; }
.bqf-view-card-txt b{ display:block; font-size:14.5px; font-weight:800; color:var(--bq-text,#0f172a); }
.bqf-view-card-txt p{ margin:3px 0 0; font-size:13px; line-height:1.45; color:var(--bq-text-secondary,#64748b); }
.bqf-view-progress{ height:9px; border-radius:999px; background:var(--bq-bg-secondary, #f1f5f9); overflow:hidden; }
.bqf-view-progress-fill{
height:100%; width:0%; border-radius:999px;
background:linear-gradient(90deg, var(--bqf-accent, var(--bq-primary,#3A59EF)), var(--bqf-accent, var(--bq-primary,#3A59EF)));
transition:width .3s cubic-bezier(.22,1,.36,1);
}
.bqf-view-video{ margin:4px 0; }
.bqf-view-video-frame{
position:relative; width:100%; aspect-ratio:16/9; border-radius:12px;
overflow:hidden; background:#000;
}
.bqf-view-video-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.bqf-view-video-caption{ margin:8px 4px 0; font-size:12.5px; color:var(--bq-text-secondary,#64748b); text-align:center; line-height:1.4; }
.bqf-video-preview-box .bqf-view-video-frame{ max-width:320px; margin:0 auto; }
.bqf-video-compact .bqf-view-video-frame{ max-width:100%; }
.bqf-video-change-link{
display:block; width:100%; margin-top:8px; padding:9px; border-radius:9px;
border:1px dashed var(--bq-border, #e5e7eb); background:none; cursor:pointer;
color:var(--bqf-accent, var(--bq-primary,#3A59EF)); font-size:12.5px; font-weight:700;
transition:background .14s ease;
}
.bqf-video-change-link:hover{ background:var(--bq-primary-light, rgba(58,89,239,.08)); }
.bqf-video-fields{ margin-top:2px; }
.bqf-view-image{ margin:4px 0; }
.bqf-view-image-frame{ border-radius:12px; overflow:hidden; }
.bqf-view-image-frame img{ display:block; width:100%; height:auto; }
.bqf-view-image-caption{ margin:8px 4px 0; font-size:12.5px; color:var(--bq-text-secondary,#64748b); text-align:center; line-height:1.4; }
.bqf-image-preview-box .bqf-view-image-frame{ max-width:320px; margin:0 auto; }
.bqf-image-upload-btn{
display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer;
padding:26px 14px; border-radius:12px; border:1.5px dashed var(--bq-primary-soft, rgba(58,89,239,.4));
background:var(--bq-primary-light, rgba(58,89,239,.04));
color:var(--bqf-accent, var(--bq-primary,#3A59EF)); font-size:13px; font-weight:700;
transition:background .14s ease;
}
.bqf-image-upload-btn:hover{ background:var(--bq-primary-light, rgba(58,89,239,.10)); }
.bqf-image-upload-btn svg{ width:22px; height:22px; }
.bqf-image-preview-box .bqf-deco-hint{ text-align:center; margin-top:6px; }
.bqf-file-btn{
position:relative; display:inline-flex; align-items:center; gap:8px; cursor:pointer;
padding:10px 16px; border-radius:10px; border:1.5px dashed var(--bq-primary-soft, rgba(58,89,239,.4));
background:var(--bq-primary-light, rgba(58,89,239,.04));
color:var(--bqf-accent, var(--bq-primary,#3A59EF)); font-size:13.5px; font-weight:700;
transition:background .14s ease;
}
.bqf-file-btn:hover{ background:var(--bq-primary-light, rgba(58,89,239,.10)); }
.bqf-file-btn svg{ width:18px; height:18px; flex:0 0 auto; }
.bqf-file-btn input[type="file"]{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.bqf-file-name{ margin:8px 0 0; font-size:13px; font-weight:600; color:var(--bq-text,#0f172a); word-break:break-all; }
.bqf-field--deco{
border-style:dashed;
background:var(--bq-primary-light, rgba(58,89,239,.04));
}
.bqf-deco-hint{ margin:2px 0 0; font-size:12px; font-style:italic; color:var(--bq-text-muted, #94a3b8); }
.bqf-field--new{ animation:bqfFieldIn .42s cubic-bezier(.22,1.4,.4,1); }
@keyframes bqfFieldIn{
0%{ transform:scale(.94) translateY(6px); opacity:0; }
55%{ transform:scale(1.015) translateY(0); opacity:1; }
100%{ transform:none; }
}
.bqf-field{ transition:border-color .15s ease, box-shadow .15s ease; }
.bqf-field:hover{ border-color:var(--bq-primary-soft, rgba(58,89,239,.35)); }
.bqf-field--deco:hover{ border-color:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-steps-hint{ margin:-4px 0 12px; font-size:12px; color:var(--bq-text-secondary, #64748b); line-height:1.45; }
.bqf-steps-count-row{
display:flex; align-items:center; justify-content:space-between; gap:10px;
font-size:13px; font-weight:700; color:var(--bq-text, #0f172a);
}
.bqf-stepper{
display:inline-flex; align-items:center; gap:0;
border:1.5px solid var(--bq-border, #e5e7eb); border-radius:999px; overflow:hidden;
}
.bqf-stepper-btn{
width:32px; height:32px; border:none; background:var(--bq-bg-surface, var(--bq-bg-card,#fff));
color:var(--bqf-accent, var(--bq-primary,#3A59EF)); cursor:pointer;
display:flex; align-items:center; justify-content:center; transition:background .12s ease;
}
.bqf-stepper-btn svg{ width:13px; height:13px; }
.bqf-stepper-btn:hover{ background:var(--bq-primary-light, rgba(58,89,239,.10)); }
.bqf-stepper-btn:active{ transform:scale(.92); }
.bqf-stepper-btn[disabled]{ opacity:.35; cursor:default; }
.bqf-stepper-btn[disabled]:hover{ background:var(--bq-bg-surface, var(--bq-bg-card,#fff)); }
.bqf-stepper-val{
min-width:26px; text-align:center; font-size:14px; font-weight:800; color:var(--bq-text, #0f172a);
border-left:1.5px solid var(--bq-border, #e5e7eb); border-right:1.5px solid var(--bq-border, #e5e7eb);
padding:0 4px; line-height:32px;
}
#bqf-steps-titles{ display:flex; flex-direction:column; gap:8px; margin-top:12px; animation:bqfIn .18s ease; }
.bqf-step-title-row{ display:flex; align-items:center; gap:9px; }
.bqf-step-title-badge{
width:26px; height:26px; border-radius:50%; flex:0 0 auto;
display:flex; align-items:center; justify-content:center;
background:var(--bq-primary-light, rgba(58,89,239,.12)); color:var(--bqf-accent, var(--bq-primary,#3A59EF));
font-size:11.5px; font-weight:800;
}
.bqf-step-title-row .bqf-input{ padding:9px 12px; font-size:13.5px; }
.bqf-field-step-row{
display:flex; align-items:center; gap:8px; margin:2px 0 10px;
padding:6px 8px; border-radius:9px; background:var(--bq-primary-light, rgba(58,89,239,.06));
}
.bqf-field-step-label{ font-size:11.5px; font-weight:700; color:var(--bqf-accent, var(--bq-primary,#3A59EF)); flex:0 0 auto; }
.bqf-field-step-row .bqf-select{ padding:5px 9px; font-size:12.5px; }
.bqf-step-indicator{ margin-bottom:16px; }
.bqf-step-dots{ display:flex; align-items:center; gap:6px; margin-bottom:8px; }
.bqf-step-dot{
height:6px; flex:1; border-radius:999px; border:none; padding:0; cursor:default;
background:var(--bq-border, #e5e7eb); transition:background .25s ease, transform .2s ease;
}
.bqf-step-dot[disabled]{ opacity:1; }
.bqf-step-dot.is-done{ background:var(--bqf-accent, var(--bq-primary,#3A59EF)); opacity:.55; }
.bqf-step-dot.is-active{ background:var(--bqf-accent, var(--bq-primary,#3A59EF)); }
.bqf-step-current-title{ font-size:13px; font-weight:700; color:var(--bq-text-secondary, #64748b); }
.bqf-step{ display:none; }
.bqf-step.is-active{ display:block; animation:bqfStepIn .28s cubic-bezier(.22,1,.36,1); }
@keyframes bqfStepIn{ from{ opacity:0; transform:translateX(10px);} to{ opacity:1; transform:none;} }
@keyframes bqfIn{ from{ opacity:0; transform:translateY(-4px);} to{ opacity:1; transform:none;} }
@keyframes bqfPop{ from{ transform:scale(.4); opacity:0;} to{ transform:scale(1); opacity:1;} }
.bqf-toast{
position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(20px);
z-index:100001; background:#0f172a; color:#fff; font-size:13.5px; font-weight:600;
padding:11px 18px; border-radius:999px;
opacity:0; transition:opacity .2s ease, transform .2s ease; pointer-events:none;
display:flex; align-items:center; gap:8px; max-width:88vw;
}
.bqf-toast.is-on{ opacity:1; transform:translateX(-50%) translateY(0); }
.bqf-toast--ok{ background:#16a34a; }
.bqf-toast--err{ background:#dc2626; }
@media (max-width:560px){
.bqf-mgr-head{ flex-wrap:wrap; }
.bqf-create-btn{ width:100%; justify-content:center; order:3; }
.bqf-overlay{ align-items:flex-end; }
.bqf-modal{ max-width:none; max-height:94vh; border-radius:22px 22px 0 0; }
.bqf-deliv{ grid-template-columns:1fr; }
}
.buyaca-app {
--bq810-radius-card: 14px;
--bq810-radius-pill: 999px;
--bq810-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.04);
--bq810-shadow-hover: 0 8px 24px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
--bq810-shadow-pop: 0 12px 32px rgba(15, 23, 42, 0.10), 0 4px 8px rgba(15, 23, 42, 0.04);
--bq810-shadow-feat: 0 6px 18px rgba(255, 184, 0, 0.16), 0 2px 4px rgba(58, 89, 239, 0.06);
--bq810-dur: 220ms;
--bq810-dur-slow: 320ms;
--bq810-ease: cubic-bezier(.2, .8, .2, 1);
--bq810-gold: #FFB800;
--bq810-gold-soft: #FFD54A;
--bq810-gold-deep: #B8860B;
--bq810-primary: var(--bq-primary, #3A59EF);
}
.buyaca-app:not(.bq-light-mode) {
--bq810-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.20), 0 1px 3px rgba(0, 0, 0, 0.20);
--bq810-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.30), 0 2px 6px rgba(0, 0, 0, 0.18);
--bq810-shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.36), 0 4px 8px rgba(0, 0, 0, 0.20);
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid2,
.buyaca-app .bq-cv2-product-grid.bq-view-grid3,
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto,
.buyaca-app .bq-cv2-product-grid.bq-view-list {
column-count: initial !important;
column-gap: initial !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid2.bq-view-masonry,
.buyaca-app .bq-cv2-product-grid.bq-view-grid2 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-count: initial !important;
gap: 3px !important;
}
@media (min-width: 640px) {
.buyaca-app .bq-cv2-product-grid.bq-view-grid2 {
gap: 14px !important;
padding: 12px !important;
}
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid3.bq-view-masonry,
.buyaca-app .bq-cv2-product-grid.bq-view-grid3 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
column-count: initial !important;
gap: 2px !important;
padding: 0 !important;
}
@media (min-width: 640px) {
.buyaca-app .bq-cv2-product-grid.bq-view-grid3 {
gap: 12px !important;
padding: 12px !important;
}
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid3 .bq-cv2-product-img,
.buyaca-app .bq-cv2-product-grid.bq-view-grid2 .bq-cv2-product-img {
aspect-ratio: 1 !important;
height: auto !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid3 .bq-cv2-product-img img,
.buyaca-app .bq-cv2-product-grid.bq-view-grid2 .bq-cv2-product-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-grid3>*,
.buyaca-app .bq-cv2-product-grid.bq-view-grid2>* {
display: block !important;
width: auto !important;
margin: 0 !important;
break-inside: initial !important;
page-break-inside: initial !important;
-webkit-column-break-inside: initial !important;
vertical-align: initial !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto.bq-view-masonry,
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
column-count: initial !important;
gap: 12px !important;
padding: 12px !important;
}
@media (min-width: 1024px) {
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
}
}
@media (min-width: 1440px) {
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 16px !important;
}
}
.buyaca-app .bq-cv2-product-grid.bq-view-gridauto>* {
display: block !important;
width: auto !important;
margin: 0 !important;
break-inside: initial !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list.bq-view-masonry,
.buyaca-app .bq-cv2-product-grid.bq-view-list {
display: flex !important;
flex-direction: column !important;
column-count: initial !important;
column-gap: initial !important;
gap: 8px !important;
padding: 8px !important;
grid-template-columns: none !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-card {
display: grid !important;
grid-template-columns: 110px 1fr !important;
width: auto !important;
margin: 0 !important;
break-inside: initial !important;
page-break-inside: initial !important;
-webkit-column-break-inside: initial !important;
}
@media (min-width: 640px) {
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-card {
grid-template-columns: 160px 1fr !important;
}
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-img {
aspect-ratio: 1 !important;
height: auto !important;
}
.buyaca-app .bq-cv2-product-grid.bq-view-list .bq-cv2-product-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.buyaca-app .bq-feat-tag svg,
.buyaca-app .bq-feat-mini-badge svg,
.buyaca-app .bq-featured-v2-star-badge svg,
.buyaca-app .bq-featured-v2-stars svg,
.buyaca-app .bq-feat-tag svg polygon,
.buyaca-app .bq-feat-mini-badge svg polygon,
.buyaca-app .bq-featured-v2-star-badge svg polygon,
.buyaca-app .bq-featured-v2-stars svg polygon,
.buyaca-app .bq-feat-tag svg path,
.buyaca-app .bq-featured-v2-star-badge svg path {
fill: var(--bq810-gold) !important;
stroke: none !important;
stroke-width: 0 !important;
filter: none !important;
}
.buyaca-app span.bq-feat-tag {
background: transparent !important;
border: none !important;
padding: 2px 4px !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
font-weight: 700 !important;
color: var(--bq810-gold-deep) !important;
text-transform: uppercase !important;
letter-spacing: 0.4px !important;
font-size: 10.5px !important;
}
.buyaca-app .bq-feat-tag svg,
.buyaca-app .bq-featured-v2-star-badge svg,
.buyaca-app .bq-feat-mini-badge svg {
display: inline-block !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
}
.buyaca-app .bq-featured-v2-star-badge {
background: rgba(255, 184, 0, 0.95) !important;
border: none !important;
border-radius: 999px !important;
width: 26px !important;
height: 26px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
backdrop-filter: blur(6px);
}
.buyaca-app .bq-featured-v2-star-badge svg {
width: 13px !important;
height: 13px !important;
}
.buyaca-app .bq-featured-v2-star-badge svg polygon,
.buyaca-app .bq-featured-v2-star-badge svg path {
fill: #FFFFFF !important;
}
.buyaca-app a.bq-feat-tag,
.buyaca-app .bq-feat-tag[href] {
background: linear-gradient(135deg, rgba(255, 215, 0, 0.16), rgba(255, 165, 0, 0.06)) !important;
border: 1px solid rgba(255, 195, 0, 0.32) !important;
border-radius: var(--bq810-radius-pill) !important;
padding: 6px 12px !important;
color: var(--bq810-gold-deep) !important;
font-size: 11.5px !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
cursor: pointer !important;
position: relative !important;
overflow: hidden !important;
backdrop-filter: blur(4px);
transition: transform var(--bq810-dur) var(--bq810-ease),
border-color var(--bq810-dur) var(--bq810-ease),
box-shadow var(--bq810-dur) var(--bq810-ease),
color var(--bq810-dur) var(--bq810-ease) !important;
will-change: transform;
}
.buyaca-app a.bq-feat-tag::before,
.buyaca-app .bq-feat-tag[href]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 0%,
rgba(255, 215, 0, 0.45) 0%,
rgba(255, 215, 0, 0) 70%);
opacity: 0;
transition: opacity var(--bq810-dur-slow) var(--bq810-ease);
pointer-events: none;
}
.buyaca-app a.bq-feat-tag:hover,
.buyaca-app .bq-feat-tag[href]:hover {
transform: translateY(-1px);
border-color: rgba(255, 195, 0, 0.65) !important;
color: #8B6508 !important;
}
.buyaca-app a.bq-feat-tag:hover::before,
.buyaca-app .bq-feat-tag[href]:hover::before {
opacity: 1;
}
.buyaca-app a.bq-feat-tag:active,
.buyaca-app .bq-feat-tag[href]:active {
transform: translateY(0);
}
.buyaca-app:not(.bq-light-mode) a.bq-feat-tag,
.buyaca-app:not(.bq-light-mode) .bq-feat-tag[href] {
background: linear-gradient(135deg, rgba(255, 215, 0, 0.12), rgba(255, 165, 0, 0.04)) !important;
border-color: rgba(255, 195, 0, 0.28) !important;
color: var(--bq810-gold-soft) !important;
}
.buyaca-app:not(.bq-light-mode) a.bq-feat-tag:hover,
.buyaca-app:not(.bq-light-mode) .bq-feat-tag[href]:hover {
color: #FFD700 !important;
border-color: rgba(255, 215, 0, 0.55) !important;
}
.buyaca-app .bq-destacados-section {
contain: layout style;
transition: opacity var(--bq810-dur) var(--bq810-ease),
min-height var(--bq810-dur) var(--bq810-ease);
}
.buyaca-app .bq-featured-empty-v889,
.buyaca-app .bq-featured-empty-v8810 {
display: none;
align-items: center;
justify-content: center;
gap: 14px;
margin: 8px 16px 16px;
padding: 22px 24px;
border-radius: var(--bq810-radius-card);
background: linear-gradient(135deg, rgba(58, 89, 239, 0.04), rgba(255, 184, 0, 0.02));
border: 1px dashed rgba(58, 89, 239, 0.20);
color: var(--bq-text-secondary, #6B7280);
font-size: 13px;
line-height: 1.5;
text-align: center;
flex-wrap: wrap;
animation: bq810FadeInUp .35s var(--bq810-ease) both;
}
.buyaca-app .bq-featured-empty-v889.is-visible,
.buyaca-app .bq-featured-empty-v8810.is-visible {
display: flex;
}
.buyaca-app .bq-featured-empty-v889 svg,
.buyaca-app .bq-featured-empty-v8810 svg {
flex-shrink: 0;
color: var(--bq810-primary);
opacity: 0.7;
}
.buyaca-app .bq-featured-empty-v889 strong,
.buyaca-app .bq-featured-empty-v8810 strong {
color: var(--bq-text-primary, #0f172a);
font-weight: 800;
display: block;
margin-bottom: 3px;
font-size: 14px;
letter-spacing: -0.01em;
}
.buyaca-app .bq-featured-empty-v889 .bq89-empty-text,
.buyaca-app .bq-featured-empty-v8810 .bq810-empty-text {
text-align: left;
flex: 1 1 220px;
min-width: 0;
}
.buyaca-app:not(.bq-light-mode) .bq-featured-empty-v889,
.buyaca-app:not(.bq-light-mode) .bq-featured-empty-v8810 {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
border-color: rgba(255, 255, 255, 0.10);
}
@keyframes bq810FadeInUp {
from {
opacity: 0;
transform: translateY(-6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.buyaca-app .bq-featured-scroll[data-bq89-stable="1"],
.buyaca-app .bq-featured-scroll[data-bq810-stable="1"] {
min-height: 280px;
}
.buyaca-app .bq-cv2-product-card,
.buyaca-app .bq-pc-card,
.buyaca-app .bq-product-card,
.buyaca-app .bq-profile-card {
border-radius: 3px !important;
transition: transform var(--bq810-dur) var(--bq810-ease),
box-shadow var(--bq810-dur) var(--bq810-ease),
border-color var(--bq810-dur) var(--bq810-ease) !important;
will-change: transform;
}
.buyaca-app .bq-cv2-product-card:hover,
.buyaca-app .bq-pc-card:hover,
.buyaca-app .bq-product-card:hover,
.buyaca-app .bq-profile-card:hover {
transform: translateY(-3px) !important;
border-color: var(--bq810-primary) !important;
}
.buyaca-app .bq-featured-card-v2 {
border-radius: var(--bq810-radius-card) !important;
transition: transform var(--bq810-dur-slow) var(--bq810-ease),
box-shadow var(--bq810-dur-slow) var(--bq810-ease) !important;
}
.buyaca-app .bq-featured-card-v2:hover {
transform: translateY(-2px) scale(1.005) !important;
}
.buyaca-app .bq-cv2-product-img {
aspect-ratio: 1;
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
overflow: hidden;
}
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-img {
background: linear-gradient(135deg, #1e1e26, #14141a);
}
.buyaca-app .bq-cv2-product-img img {
transition: transform var(--bq810-dur-slow) var(--bq810-ease);
will-change: transform;
}
.buyaca-app .bq-cv2-product-card:hover .bq-cv2-product-img img {
transform: scale(1.04);
}
.buyaca-app .bq-img-shimmer {
position: relative;
overflow: hidden;
}
.buyaca-app .bq-img-shimmer::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(110deg,
transparent 0%,
rgba(255, 255, 255, 0.45) 50%,
transparent 100%);
transform: translateX(-100%);
animation: bq810Shimmer 1.4s cubic-bezier(.2, .8, .2, 1) infinite;
pointer-events: none;
}
.buyaca-app:not(.bq-light-mode) .bq-img-shimmer::after {
background: linear-gradient(110deg,
transparent 0%,
rgba(255, 255, 255, 0.06) 50%,
transparent 100%);
}
@keyframes bq810Shimmer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.bq-fp-delete-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
background: transparent !important;
border: 1px solid rgba(239, 68, 68, 0.35) !important;
color: #EF4444 !important;
border-radius: var(--bq810-radius-pill, 999px) !important;
padding: 6px 12px !important;
font-size: 11.5px !important;
font-weight: 700 !important;
letter-spacing: 0.2px !important;
cursor: pointer !important;
transition: transform 180ms cubic-bezier(.2, .8, .2, 1),
background-color 180ms cubic-bezier(.2, .8, .2, 1),
border-color 180ms cubic-bezier(.2, .8, .2, 1),
box-shadow 180ms cubic-bezier(.2, .8, .2, 1) !important;
will-change: transform;
}
.bq-fp-delete-btn:hover {
background: rgba(239, 68, 68, 0.08) !important;
border-color: rgba(239, 68, 68, 0.65) !important;
transform: translateY(-1px);
}
.bq-fp-delete-btn:active {
transform: translateY(0);
}
.bq-fp-delete-btn:disabled,
.bq-fp-delete-btn[aria-busy="true"] {
opacity: 0.55;
pointer-events: none;
}
.bq-fp-delete-btn .bq810-spinner,
.bq-fp-delete-btn .bq89-spinner {
width: 11px;
height: 11px;
border: 1.5px solid rgba(239, 68, 68, 0.30);
border-top-color: #EF4444;
border-radius: 50%;
display: inline-block;
animation: bq810Spin 0.7s linear infinite;
}
@keyframes bq810Spin {
to {
transform: rotate(360deg);
}
}
.buyaca-app:not(.bq-light-mode) .bq-fp-delete-btn {
color: #F87171 !important;
border-color: rgba(248, 113, 113, 0.32) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-fp-delete-btn:hover {
background: rgba(248, 113, 113, 0.10) !important;
border-color: rgba(248, 113, 113, 0.55) !important;
}
.bq-fp-slot-card.is-removing-v889,
.bq-fp-slot-card.is-removing-v8810 {
transition: opacity 350ms cubic-bezier(.2, .8, .2, 1),
transform 350ms cubic-bezier(.2, .8, .2, 1),
max-height 400ms cubic-bezier(.2, .8, .2, 1),
margin 400ms cubic-bezier(.2, .8, .2, 1),
padding 400ms cubic-bezier(.2, .8, .2, 1) !important;
opacity: 0 !important;
transform: translateX(-24px) scale(0.96) !important;
overflow: hidden !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
pointer-events: none !important;
}
.buyaca-app .bq-home-section-title,
.buyaca-app .bq-featured-section-title,
.buyaca-app .bq-products-header-title {
font-weight: 900 !important;
letter-spacing: -0.015em !important;
line-height: 1.25 !important;
}
.buyaca-app .bq-cv2-product-name,
.buyaca-app .bq-cv2-product-name--minimal,
.buyaca-app .bq-pc-name {
line-height: 1.35 !important;
letter-spacing: -0.005em !important;
font-weight: 600 !important;
}
.buyaca-app .bq-cv2-product-price,
.buyaca-app .bq-pc-price {
letter-spacing: -0.015em !important;
font-weight: 800 !important;
}
.buyaca-app .bq-featured-scroll {
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scroll-padding: 16px;
}
.buyaca-app .bq-featured-scroll::-webkit-scrollbar {
display: none;
}
.buyaca-app .bq-featured-scroll>* {
scroll-snap-align: start;
}
.buyaca-app .bq-cv2-product-img,
.buyaca-app .bq-product-card img.bq-card-image {
aspect-ratio: 1;
}
@media (prefers-reduced-motion: reduce) {
.buyaca-app *,
.buyaca-app *::before,
.buyaca-app *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
.buyaca-app .bq-cv2-product-card:hover,
.buyaca-app .bq-pc-card:hover,
.buyaca-app .bq-product-card:hover,
.buyaca-app .bq-featured-card-v2:hover,
.buyaca-app a.bq-feat-tag:hover,
.buyaca-app .bq-fp-delete-btn:hover {
transform: none !important;
}
}
.buyaca-app .bq810-fade-in-up {
animation: bq810FadeInUp 0.45s var(--bq810-ease) both;
}
.bq810-toast-error {
background: rgba(239, 68, 68, 0.95) !important;
color: #FFFFFF !important;
}
.buyaca-app {
--bq811-banner-bg-light: linear-gradient(180deg, #FFE7F1 0%, #FFF1F6 55%, #FFF7FB 100%);
--bq811-banner-bg-dark: linear-gradient(180deg, #1a1015 0%, #0f0a0d 100%);
--bq811-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.05);
--bq811-card-shadow-hover: 0 6px 18px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
--bq811-ease: cubic-bezier(0.22, 1, 0.36, 1);
--bq811-dur: 220ms;
--bq811-radius-soft: 12px;
--bq811-content-max-w: 1200px;
}
@media (min-width: 1024px) {
body .buyaca-app {
max-width: none;
margin-left: 0;
margin-right: 0;
}
body .buyaca-bottom-nav {
max-width: none;
left: 0 !important;
transform: none;
}
body .buyaca-app>.bq-banner-section,
body .buyaca-app>.bq-red-zone,
body .buyaca-app>.bq-pf-zone,
body .buyaca-app>.bq-feed-zone,
body .buyaca-app>.bq-recomendados-zone,
body .buyaca-app>.buyaca-container,
body .buyaca-app>.bq-cv2-tab-content {
margin-left: auto;
margin-right: auto;
}
}
.buyaca-app .bq-footer {
border-top: none;
}
html.bq-page-light body .buyaca-app .bq-banner-section,
html.bq-page-light body .buyaca-app .bq-app-header+.bq-banner-section,
html.bq-page-light body .buyaca-app .bq-app-header.bq-products-header+.bq-banner-section,
html.bq-page-light body .buyaca-app .bq-app-header.bq-products-header~.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-products-topbar+.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-products-topbar~.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-brand-topbar+.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-brand-topbar~.bq-banner-section,
body .buyaca-app.bq-light-mode .bq-banner-section {
background: var(--bq811-banner-bg-light) !important;
border-top: none !important;
padding: 16px 0 14px !important;
position: relative;
z-index: 1;
}
html.bq-page-dark body .buyaca-app .bq-banner-section,
html.bq-page-dark body .buyaca-app #bq-products-topbar+.bq-banner-section,
html.bq-page-dark body .buyaca-app #bq-products-topbar~.bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-banner-section {
background: var(--bq811-banner-bg-dark) !important;
border-top: none !important;
}
.buyaca-app .bq-banner-section .bq-hero-banner {
margin: 0 16px 14px;
border-radius: 18px;
transition: transform var(--bq811-dur) var(--bq811-ease),
box-shadow var(--bq811-dur) var(--bq811-ease);
}
.buyaca-app .bq-banner-section .bq-hero-banner:hover {
transform: translateY(-2px);
}
@media (min-width: 768px) {
.buyaca-app .bq-banner-section .bq-hero-banner {
margin: 0 auto 16px;
max-width: 1200px;
border-radius: 22px;
}
}
@media (max-width: 480px) {
.buyaca-app .bq-banner-section .bq-hero-banner {
margin: 0 12px 12px;
border-radius: 16px;
}
}
.bq-asig-head{margin-bottom:12px}
.bq-asig-title{font-size:17px;font-weight:800;color:var(--bq-text-primary,#111827);margin:0}
.bq-asig-sub{font-size:12.5px;color:var(--bq-text-secondary,#6b7280);margin:4px 0 0;line-height:1.5}
.bq-asig-card{background:var(--bq-bg-card,#fff);border:1px solid var(--bq-border,#e9ecf2);border-radius:16px;padding:16px;margin-bottom:12px;gap:12px;align-items:center}
.bq-asig-img{width:54px;height:54px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:var(--bq-bg-elevated,#f3f4f6)}
.bq-asig-img-ph{display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid var(--bq-border,#e5e7eb)}
.bq-asig-cinfo{min-width:0;flex:1}
.bq-asig-bname{font-size:14.5px;font-weight:800;color:var(--bq-text-primary,#111827);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bq-asig-client{font-size:12.5px;color:var(--bq-text-secondary,#6b7280);margin-top:2px}
.bq-asig-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:100px;white-space:nowrap}
.bq-asig-badge.pend{background:#FEF3C7;color:#92400E}
.bq-asig-badge.act{background:#ECFDF5;color:#047857}
.bq-asig-badge.prog{background:#E6EBFF;color:#9A3412}
.bq-asig-badge.done{background:#ECFDF5;color:#047857}
.bq-asig-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bq-border,rgba(128,128,128,.12));font-size:12.5px;color:var(--bq-text-secondary,#6b7280)}
.bq-asig-meta strong{color:var(--bq-text-primary,#111827)}
.bq-asig-rate{color:#f59e0b !important;font-weight:700}
.bq-asig-actions{display:flex;gap:10px;margin-top:14px}
.bq-asig-btn{flex:1;border:none;border-radius:11px;padding:12px;font-size:13.5px;font-weight:800;cursor:pointer;transition:transform .12s,opacity .2s}
.bq-asig-btn:hover{transform:translateY(-1px)}
.bq-asig-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.bq-asig-btn.accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff}
.bq-asig-btn.cancel{background:var(--bq-bg-elevated,#f3f4f6);color:#b91c1c;border:1px solid var(--bq-border,#e5e7eb)}
.bq-asig-btn.contact{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff}
.bq-asig-btn.manage{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}
.bq-asig-btn.gobiz{background:var(--bq-bg-elevated,#f3f4f6);color:var(--bq-text-primary,#111827);border:1px solid var(--bq-border,#e5e7eb);text-decoration:none;display:flex;align-items:center;justify-content:center}
.bq-asig-modal-ov{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:18px;animation:bqAsigFade .18s ease}
@keyframes bqAsigFade{from{opacity:0}to{opacity:1}}
.bq-asig-modal{position:relative;background:var(--bq-bg-card,#fff);border-radius:20px;max-width:440px;width:100%;max-height:88vh;overflow-y:auto;padding:22px;top:12px;right:14px;background:none;border:none;font-size:26px;line-height:1;color:var(--bq-text-secondary,#9ca3af);cursor:pointer}
.bq-asig-modal-head{display:flex;gap:12px;align-items:center;margin-bottom:14px;padding-right:28px}
.bq-asig-modal-head img{width:54px;height:54px;border-radius:12px;object-fit:cover}
.bq-asig-modal-head h3{margin:0;font-size:16px;font-weight:800;color:var(--bq-text-primary,#111827)}
.bq-asig-modal-head p{margin:3px 0 0;font-size:12px;color:var(--bq-text-secondary,#6b7280)}
.bq-asig-modal-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--bq-text-secondary,#6b7280);padding:12px 0;border-top:1px solid var(--bq-border,rgba(128,128,128,.12));border-bottom:1px solid var(--bq-border,rgba(128,128,128,.12))}
.bq-asig-modal-meta strong{color:var(--bq-text-primary,#111827)}
.bq-asig-modal-sub{font-size:13px;font-weight:800;color:var(--bq-text-primary,#111827);margin:14px 0 10px}
.bq-asig-timeline{display:flex;flex-direction:column;gap:0;margin-bottom:16px}
.bq-asig-tl-step{display:flex;align-items:flex-start;gap:10px;position:relative;padding-bottom:14px}
.bq-asig-tl-step:not(:last-child)::before{content:'';position:absolute;left:7px;top:16px;bottom:0;width:2px;background:var(--bq-border,#e5e7eb)}
.bq-asig-tl-step.done:not(:last-child)::before{background:#10b981}
.bq-asig-tl-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--bq-border,#d1d5db);background:var(--bq-bg-card,#fff);flex:0 0 auto;margin-top:1px;z-index:1}
.bq-asig-tl-step.done .bq-asig-tl-dot{background:#f59e0b;border-color:#f59e0b}
.bq-asig-tl-step.done.green .bq-asig-tl-dot{background:#10b981;border-color:#10b981}
.bq-asig-tl-info{font-size:13px;color:var(--bq-text-primary,#111827)}
.bq-asig-modal-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.bq-asig-done-msg{background:#ecfdf5;color:#047857;border-radius:10px;padding:11px;font-size:13px;font-weight:700;text-align:center}
.bq-asig-modal-foot{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--bq-border,rgba(128,128,128,.12))}
.bq-colab-btn-ghost2:hover{background:#E6EBFF}
.bq-colab-btn-plain{background:#F3F4F6;color:#6B7280}
.bq-colab-btn-plain:hover{background:#E5E7EB}
.bq-colab-lockchip{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;color:#9A3412;background:#E6EBFF;border:1px solid #FED7AA;border-radius:8px;padding:4px 8px;vertical-align:middle}
.buyaca-app {
--bq812-ink-900: #0F0A12;
--bq812-ink-500: #6B5C68;
--bq812-radius-card: 16px;
--bq812-radius-pill: 999px;
--bq812-ease: cubic-bezier(0.22, 1, 0.36, 1);
--bq812-dur: 220ms;
--bq812-dur-fast: 150ms;
}
html.bq-page-light body .buyaca-app .bq-banner-section,
html.bq-page-light body .buyaca-app #bq-products-topbar ~ .bq-banner-section,
html.bq-page-light body .buyaca-app #bq-brand-topbar ~ .bq-banner-section,
body .buyaca-app.bq-light-mode .bq-banner-section {
padding: 90px 0 0px !important;
}
.buyaca-app .bq-home-filter-pill,
.buyaca-app .bq-filter-select-wrap {
border-radius: var(--bq812-radius-pill);
transition: transform var(--bq812-dur-fast) var(--bq812-ease),
box-shadow var(--bq812-dur-fast) var(--bq812-ease),
background var(--bq812-dur-fast) ease;
}
.buyaca-app .bq-home-filter-pill:hover,
.buyaca-app .bq-filter-select-wrap:hover {
transform: translateY(-1px);
}
.buyaca-app .bq-home-filter-pill:active {
transform: translateY(0);
}
.buyaca-app .bq-app-header-search {
transition: transform var(--bq812-dur) var(--bq812-ease),
box-shadow var(--bq812-dur) var(--bq812-ease);
}
.buyaca-app .bq-app-header-search:focus-within {
transform: translateY(-1px);
}
@media (min-width: 1024px) {
.buyaca-app .bq-app-header-inner {
padding: 0px 0px 12px;
gap: 0px;
}
}
.buyaca-app .bq-footer {
background: linear-gradient(180deg, #15101A 0%, #0F0A12 100%);
color: #CFC3CC;
padding: 32px 16px 18px;
border-radius: 0;
border-top: none;
margin-top: 32px;
position: relative;
}
.buyaca-app .bq-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg,
transparent 0%,
rgba(255, 92, 141, 0.4) 30%,
rgba(255, 92, 141, 0.8) 50%,
rgba(255, 92, 141, 0.4) 70%,
transparent 100%);
pointer-events: none;
}
.buyaca-app .bq-footer-inner {
max-width: 720px;
margin: 0 auto;
text-align: center;
}
.buyaca-app .bq-footer-brand {
margin-bottom: 14px;
}
.buyaca-app .bq-footer .bq-wordmark--footer {
font-size: 22px;
font-weight: 900;
letter-spacing: -0.5px;
}
.buyaca-app .bq-footer-links {
margin: 14px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0;
}
.buyaca-app .bq-footer-links a {
color: #CFC3CC;
font-weight: 500;
font-size: 13px;
padding: 4px 0;
transition: color var(--bq812-dur-fast) ease;
}
.buyaca-app .bq-footer-links a:hover {
color: var(--bq-primary);
}
.buyaca-app .bq-footer-sep {
color: #4A3F47;
margin: 0 10px;
}
.buyaca-app .bq-footer-copy {
color: #6B5C68;
font-size: 11.5px;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
@media (min-width: 1024px) {
.buyaca-app .bq-footer {
padding: 40px 24px 22px;
}
.buyaca-app .bq-footer-inner {
max-width: 880px;
}
}
@media (min-width: 1024px) {
.buyaca-app .bq-app-header-inner {
width: 80%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
html.bq-page-light body .buyaca-app .bq-app-header,
body .buyaca-app.bq-light-mode .bq-app-header {
border-bottom: none;
}
@media (min-width: 1024px) {
.buyaca-app .bq-temu-carousel-track {
gap: 14px;
padding: 8px 24px 16px;
}
}
@media (max-width: 480px) {
.buyaca-app .bq-temu-carousel-track {
padding: 0px;
}
}
.buyaca-app {
--bq814-content-max-w: 1200px;
--bq814-content-pad-x: 16px;
}
body .buyaca-app > .buyaca-container {
width: auto;
max-width: var(--bq814-content-max-w);
margin-left: auto;
margin-right: auto;
}
.buyaca-app .bq-banner-section > .bq-hero-banner,
.buyaca-app .bq-banner-section > .bq-temu-carousel-wrap {
max-width: var(--bq814-content-max-w);
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
@media (max-width: 767px) {
.buyaca-app .bq-banner-section > .bq-hero-banner {
margin-left: var(--bq814-content-pad-x) !important;
margin-right: var(--bq814-content-pad-x) !important;
margin-bottom: 14px !important;
}
}
@media (min-width: 768px) {
.buyaca-app .bq-banner-section > .bq-hero-banner {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
}
.buyaca-app .bq-banner-section > .bq-temu-carousel-wrap {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 1024px) {
.buyaca-app .bq-red-zone > .bq-red-zone-content {
max-width: var(--bq814-content-max-w);
margin-left: auto;
margin-right: auto;
padding-left: var(--bq814-content-pad-x);
padding-right: var(--bq814-content-pad-x);
box-sizing: border-box;
}
.buyaca-app .bq-feed-zone > .bq-feed-inner {
max-width: var(--bq814-content-max-w);
margin-left: auto;
margin-right: auto;
}
.buyaca-app .bq-pf-zone > .bq-pf-inner,
.buyaca-app .bq-pf-zone > .bq-pf-content {
max-width: var(--bq814-content-max-w);
margin-left: auto;
margin-right: auto;
padding-left: var(--bq814-content-pad-x);
padding-right: var(--bq814-content-pad-x);
box-sizing: border-box;
}
.buyaca-app .bq-recomendados-zone > .bq-recomendados-inner,
.buyaca-app .bq-recomendados-zone > .bq-recomendados-content {
max-width: var(--bq814-content-max-w);
margin-left: auto;
margin-right: auto;
padding-left: var(--bq814-content-pad-x);
padding-right: var(--bq814-content-pad-x);
box-sizing: border-box;
}
}
@media (min-width: 1024px) {
body .buyaca-app .bq-app-header-inner {
width: 100% !important;
max-width: var(--bq814-content-max-w) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--bq814-content-pad-x);
padding-right: var(--bq814-content-pad-x);
box-sizing: border-box;
}
}
body .buyaca-app > .bq-banner-section {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
box-sizing: border-box;
}
.bq-bizstep-bar {
display: flex; align-items: center; gap: 0;
margin: 4px 0 22px; padding: 0;
}
.bq-bizstep-bar__item {
flex: 1; display: flex; flex-direction: column;
align-items: center; gap: 6px; position: relative;
}
.bq-bizstep-bar__dot {
width: 30px; height: 30px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 13px; font-weight: 800;
background: var(--bq-bg-secondary, #f1f5f9);
color: var(--bq-text-secondary, #64748b);
border: 2px solid var(--bq-border, #e5e7eb);
transition: background .2s ease, color .2s ease, border-color .2s ease;
z-index: 1;
}
.bq-bizstep-bar__item.is-active .bq-bizstep-bar__dot {
background: var(--bq-primary, #3A59EF); color: #fff;
border-color: var(--bq-primary, #3A59EF);
}
.bq-bizstep-bar__item.is-done .bq-bizstep-bar__dot {
background: var(--bq-primary, #3A59EF); color: #fff;
border-color: var(--bq-primary, #3A59EF);
}
.bq-bizstep-bar__label {
font-size: 10.5px; font-weight: 600; text-align: center;
color: var(--bq-text-secondary, #64748b); line-height: 1.25;
max-width: 86px;
}
.bq-bizstep-bar__item.is-active .bq-bizstep-bar__label {
color: var(--bq-text, #0f172a);
}
.bq-bizstep-bar__line {
position: absolute; top: 15px; height: 2px;
background: var(--bq-border, #e5e7eb); z-index: 0;
}
.bq-bizstep-bar__item.is-done .bq-bizstep-bar__line {
background: var(--bq-primary, #3A59EF);
}
form[data-action="save_business"].bq-bizstep-on .buyaca-form-section {
display: none;
}
form[data-action="save_business"].bq-bizstep-on .buyaca-form-section.bq-bizstep-current {
display: block;
animation: bqBizStepIn .25s ease;
}
@keyframes bqBizStepIn {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.bq-bizstep-nav {
display: flex; gap: 10px; margin-top: 18px;
}
.bq-bizstep-nav__btn {
flex: 1; padding: 13px 16px; border-radius: 12px;
font-size: 14px; font-weight: 700; cursor: pointer;
border: 1px solid var(--bq-border, #e5e7eb);
transition: filter .15s ease, transform .1s ease;
}
.bq-bizstep-nav__btn:active { transform: scale(.985); }
.bq-bizstep-nav__btn--prev {
background: var(--bq-bg-secondary, #f1f5f9);
color: var(--bq-text, #0f172a);
}
.bq-bizstep-nav__btn--next {
background: var(--bq-primary, #3A59EF); color: #fff;
border-color: var(--bq-primary, #3A59EF);
}
.bq-bizstep-nav__btn--next:hover { filter: brightness(1.05); }
.bq-bizstep-nav__btn[hidden] { display: none; }
form[data-action="save_business"].bq-bizstep-on button[type="submit"].bq-bizstep-hide-submit {
display: none !important;
}
.buyaca-app:not(.bq-light-mode) .bq-bizstep-bar__dot {
background: rgba(255,255,255,0.07);
border-color: rgba(255,255,255,0.14);
color: rgba(255,255,255,0.55);
}
.buyaca-app:not(.bq-light-mode) .bq-bizstep-nav__btn--prev {
background: rgba(255,255,255,0.07);
color: #f1f5f9; border-color: rgba(255,255,255,0.14);
}
.bq-home-filter-dropdown.bq-hf-cat-empty { display: none !important; }
.buyaca-app .bq-profile-card-desc {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;
font-size: 11.5px !important;
font-weight: 400 !important;
letter-spacing: 0.1px !important;
color: var(--bq-text-secondary) !important;
opacity: 0.92;
line-height: 1.45 !important;
min-height: 2.9em;
}
.buyaca-app .bq-profile-card-rating[style*="display: none"],
.buyaca-app .bq-profile-card-rating[hidden],
.buyaca-app .bq-cv2-rating.bq-rating-empty {
display: none !important;
}
.buyaca-app .bq-profile-card { position: relative; }
.buyaca-app .bq-profile-card .bq-profile-card-rating.bq-rating-corner {
position: fixed; top: 8px; right: 8px; z-index: 4;
background: rgba(15,23,42,0.78);
backdrop-filter: blur(3px);
padding: 3px 8px; border-radius: 999px;
display: flex; align-items: center; gap: 3px;
}
.buyaca-app .bq-profile-card .bq-profile-card-rating.bq-rating-corner span {
color: #fff !important; font-size: 11px !important; font-weight: 700;
}
.buyaca-app .bq-profile-card .bq-profile-card-rating.bq-rating-corner svg {
width: 11px !important; height: 11px !important;
}
.buyaca-app .bq-profile-card .bq-profile-card-heart.bq-heart-left {
right: auto !important; left: 8px !important;
}
.buyaca-app .buyaca-bottom-nav.bq-nav-autohide {
transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
will-change: transform;
}
.buyaca-app .buyaca-bottom-nav.bq-nav-autohide.bq-nav-hidden {
transform: translateY(115%);
opacity: 0;
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.buyaca-app .buyaca-bottom-nav.bq-nav-autohide { transition: none; }
}
@media (min-width: 768px) {
.buyaca-app .buyaca-bottom-nav.bq-nav-autohide.bq-nav-hidden {
transform: translateX(-50%) translateY(160%);
}
}
.bq-publish-section-hint {
font-size: 12.5px;
line-height: 1.35;
color: var(--bq-text-secondary, #64748b);
padding: 0 8px 10px;
margin-top: -2px;
}
.bq-publish-sheet .bq-publish-option-title {
display: flex;
align-items: center;
gap: 8px;
white-space: normal;
overflow: visible;
}
.bq-publish-sheet .bq-publish-option-name {
min-width: 0;
flex: 0 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bq-publish-sheet a.bq-feat-tag,
.bq-publish-sheet a.bq-feat-tag[href*="tab=plans"],
.bq-publish-sheet a.bq-feat-tag[href*="tab%3Dplans"],
.bq-publish-sheet .bq-feat-mini-badge {
flex: 0 0 auto;
margin-left: 0 !important;
background: rgba(255, 193, 7, 0.12) !important;
border: 1px solid rgba(255, 193, 7, 0.40) !important;
color: #B8860B !important;
border-radius: 999px !important;
padding: 3px 9px !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 0.4px !important;
text-transform: uppercase !important;
line-height: 1 !important;
transition: background .16s ease, border-color .16s ease !important;
}
.bq-publish-sheet a.bq-feat-tag::before,
.bq-publish-sheet a.bq-feat-tag[href*="tab=plans"]::before,
.bq-publish-sheet a.bq-feat-tag[href*="tab%3Dplans"]::before {
display: none !important;
}
.bq-publish-sheet a.bq-feat-tag:hover,
.bq-publish-sheet a.bq-feat-tag[href*="tab=plans"]:hover,
.bq-publish-sheet a.bq-feat-tag[href*="tab%3Dplans"]:hover {
background: rgba(255, 193, 7, 0.20) !important;
border-color: rgba(255, 193, 7, 0.70) !important;
transform: none !important;
}
.bq-publish-sheet a.bq-feat-tag svg polygon,
.bq-publish-sheet .bq-feat-mini-badge svg polygon {
fill: #FFC107 !important;
stroke: none !important;
}
.bq-publish-sheet a.bq-feat-tag svg,
.bq-publish-sheet .bq-feat-mini-badge svg {
filter: none !important;
flex-shrink: 0;
}
.bq-publish-sheet .bq-feat-mini-badge {
background: rgba(255, 193, 7, 0.16) !important;
color: #8A6D1A !important;
}
.bq-bizstep-bar__item {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.bq-bizstep-bar__dot {
cursor: pointer;
}
.bq-bizstep-bar__item:hover .bq-bizstep-bar__dot {
border-color: var(--bq-primary, #3A59EF);
color: var(--bq-primary, #3A59EF);
}
.bq-bizstep-bar__item.is-active:hover .bq-bizstep-bar__dot,
.bq-bizstep-bar__item.is-done:hover .bq-bizstep-bar__dot {
color: #fff;
}
.bq-bizstep-bar__item:focus-visible .bq-bizstep-bar__dot {
}
.bq-bizstep-bar__label {
max-width: 72px;
min-height: 2.5em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bq-bizstep-hint {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
text-align: center;
color: var(--bq-text-secondary, #64748b);
background: var(--bq-primary-light, rgba(58,89,239,0.08));
border: 1px solid var(--bq-primary-soft, rgba(58,89,239,0.18));
border-radius: 10px;
padding: 8px 12px;
margin: 0 0 14px;
}
.bq-bizstep-hint svg { flex: 0 0 auto; color: var(--bq-primary, #3A59EF); }
.buyaca-app:not(.bq-light-mode) .bq-bizstep-hint {
color: rgba(255,255,255,0.72);
}
.bq-unicat{position:relative}
.bq-unicat-trigger{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:#fff;border:1px solid #E5E7EB;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;color:#374151;white-space:nowrap}
.bq-unicat.has-sel .bq-unicat-trigger{border-color:#3A59EF;color:#344FD9;background:#E6EBFF}
.bq-unicat-chev{opacity:.55}
.bq-unicat-panel{position:absolute;z-index:9999;top:calc(100% + 6px);left:0;width:min(320px,86vw);background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:10px}
.bq-unicat-search{display:flex;gap:6px;margin-bottom:8px}
.bq-unicat-q{flex:1;min-width:0;padding:8px 10px;border:1px solid #E5E7EB;border-radius:9px;font-size:13px}
.bq-unicat-sort{border:1px solid #E5E7EB;background:#F9FAFB;border-radius:9px;padding:0 10px;font-size:11px;font-weight:700;cursor:pointer;color:#6B7280}
.bq-unicat-tabs{display:flex;gap:6px;margin-bottom:8px}
.bq-unicat-tab{flex:1;border:1px solid #E5E7EB;background:#fff;border-radius:8px;padding:6px 4px;font-size:12px;font-weight:700;color:#6B7280;cursor:pointer}
.bq-unicat-tab.active{background:linear-gradient(135deg,#3A59EF,#344FD9);color:#fff;border-color:transparent}
.bq-unicat-list{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.bq-unicat-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;width:100%;border:none;background:transparent;border-radius:8px;padding:9px 10px;font-size:13px;color:#374151;cursor:pointer}
.bq-unicat-item:hover{background:#E6EBFF;color:#344FD9}
.bq-unicat-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#F3F4F6;color:#6B7280}
.bq-unicat-badge.servicio{background:#EEF2FF;color:#4F46E5}
.bq-unicat-badge.local{background:#ECFDF5;color:#047857}
.bq-unicat-empty{padding:14px;text-align:center;color:#9CA3AF;font-size:12px}
.buyaca-app .bq-red-zone,
.bq-red-zone::before,
.bq-red-zone-sparkles,
.bq-red-zone-glow,
.buyaca-app .bq-pf-zone,
.bq-pf-zone {
display: none !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
visibility: hidden !important;
}
.buyaca-app .bq-profile-card-feat-star,
.buyaca-app .bq-profile-card-feat-star-mini,
.buyaca-app .bq-profile-card-feat-star-mini.is-featured,
.bq-profile-card-feat-star,
.bq-profile-card-feat-star-mini,
.bq-profile-card-feat-star-mini.is-featured {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.buyaca-app .bq-pc-pin,
.bq-pc-pin {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: none !important;
position: absolute !important;
top: 8px !important;
right: 8px !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
background: none !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
padding: 0 !important;
margin: 0 !important;
}
.buyaca-app .bq-pc-pin svg,
.bq-pc-pin svg {
width: 18px !important;
height: 18px !important;
fill: #ffffff !important;
stroke: none !important;
}
.buyaca-app .bq-home-filter-select,
.bq-home-filter-select {
padding-right: 16px !important;
padding-left: 0 !important;
background-position: right 0px center !important;
background-size: 12px !important;
text-align: left;
}
.buyaca-app .bq-filter-select-wrap,
.bq-filter-select-wrap {
padding-right: 6px !important;
padding-left: 8px !important;
gap: 4px;
}
.buyaca-app .bq-filter-select-icon,
.bq-filter-select-icon {
margin-right: 4px !important;
}
.bq-app-header-inner {
max-width: 1200px;
margin: 0 auto;
padding: 12px 16px;
box-sizing: border-box;
}
.bq-header-chips-wrap {
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
padding: 4px 0;
}
.bq-header-chips-wrap::-webkit-scrollbar { display: none; }
.bq-header-chips-wrap .bq-home-filters {
display: flex;
gap: 6px;
flex-wrap: nowrap;
align-items: center;
width: max-content;
padding-right: 12px;
}
.bq-app-header-search {
width: 100%;
max-width: 100%;
min-width: 0;
}
.bq-header-search-wrap {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
min-width: 0;
}
@media (max-width: 480px) {
.bq-app-header-inner { padding: 5px 5px 0px 5px !important; }
.bq-wordmark { font-size: 20px !important; }
.bq-app-header-search { height: 42px !important; padding: 0 6px 0 14px !important; }
.bq-app-header-search-input { font-size: 13.5px !important; }
.bq-app-header-search-btn { width: 32px !important; height: 32px !important; }
.bq-home-filter-pill {
padding: 7px 12px !important;
font-size: 12px !important;
white-space: nowrap !important;
}
.bq-filter-select-wrap { height: 32px !important; padding: 0 6px !important; }
.bq-home-filter-select { font-size: 12px !important; padding-right: 14px !important; }
.bq-banner-section { max-height: 460px !important; }
.bq-header-chips-wrap .bq-home-filters { gap: 4px; }
}
@media (min-width: 481px) and (max-width: 639px) {
.bq-home-filter-pill { font-size: 12.5px; padding: 8px 13px; }
.bq-home-filter-select { font-size: 13px; }
}
@media (min-width: 640px) and (max-width: 1023px) {
.bq-app-header-inner { padding: 14px 20px; }
.bq-wordmark { font-size: 24px; }
.bq-app-header-search { height: 46px; }
.bq-home-filter-pill { font-size: 13px; padding: 8px 14px; }
.bq-header-chips-wrap .bq-home-filters { flex-wrap: wrap; width: 100%; }
}
@media (min-width: 1024px) {
.bq-app-header-inner { padding: 16px 24px; }
.bq-wordmark { font-size: 28px; }
.bq-header-chips-wrap .bq-home-filters {
flex-wrap: wrap;
width: 100%;
gap: 8px;
}
.bq-home-filter-pill { font-size: 14px; padding: 9px 16px; }
.bq-filter-select-wrap { height: 38px; }
.bq-home-filter-select { font-size: 14px; }
}
@media (min-width: 1440px) {
.bq-app-header-inner { padding: 18px 32px; }
.bq-wordmark { font-size: 32px; }
}
.buyaca-app:not(.bq-light-mode) {
background: #0d0d12 !important;
color: #f0f0f5 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-header-backdrop {
background: rgb(220 82 25) !important;
border-bottom: 0px solid rgba(255,255,255,0.04) !important;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search {
background: #1a1a22 !important;
border: 1px solid #2a2a35 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-input {
color: #f0f0f5 !important;
background: transparent !important;
}
.buyaca-app:not(.bq-light-mode) .bq-app-header-search-input::placeholder {
color: #6a6a78 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-home-filter-pill {
background: #1a1a22 !important;
color: #fff !important;
border: 1px solid #2a2a35 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-home-filter-pill.active {
background: transparent !important;
color: var(--bq-primary, #3A59EF) !important;
border-color: #2a2a35 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-filter-select-wrap {
background: #e3e3ff00 !important;
border: 0px solid #2a2a35 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-filter-select-wrap:hover {
background: #344FD9 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-home-filter-select {
color: #f0f0f5 !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233A59EF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 0px center !important;
}
.buyaca-app:not(.bq-light-mode) .bq-home-filter-select option {
background: #1f1f28 !important;
color: #f0f0f5 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card,
.buyaca-app:not(.bq-light-mode) .bq-home-card {
background: #16161c !important;
border-color: #2a2a35 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-cv2-product-card {
background: #16161c !important;
}
.buyaca-app:not(.bq-light-mode) .bq-home-section-title {
color: #f0f0f5 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-cta-register-card {
background: linear-gradient(135deg, #16161c 0%, #1a1a22 100%) !important;
border: 1px solid #2a2a35 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-cta-register-title,
.buyaca-app:not(.bq-light-mode) .bq-cta-register-text {
color: #f0f0f5 !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-bottom-nav {
background: rgba(13,13,18,0.97) !important;
border-top-color: rgba(255,255,255,0.06) !important;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
.buyaca-app:not(.bq-light-mode) .buyaca-bottom-nav-item {
color: #6a6a78 !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-bottom-nav-item.active {
color: #3A59EF !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-form-input,
.buyaca-app:not(.bq-light-mode) .buyaca-form-textarea,
.buyaca-app:not(.bq-light-mode) .buyaca-form-select {
background: #1a1a22 !important;
border: 1px solid #2a2a35 !important;
color: #f0f0f5 !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-form-label {
color: #c0c0cc !important;
}
.buyaca-app:not(.bq-light-mode) .buyaca-catalog-item,
.buyaca-app:not(.bq-light-mode) .bq-dashboard-card {
background: #16161c !important;
border: 1px solid #2a2a35 !important;
}
.bq-status-pills-wrap {
gap: 6px !important;
}
.bq-status-pill {
display: inline-flex !important;
align-items: center;
gap: 6px;
cursor: pointer;
padding: 6px 12px;
border-radius: 999px;
border: 1.5px solid var(--bq-border, #2a2a35);
background: var(--bq-bg-elevated, #1a1a22);
transition: all 0.18s ease;
font-size: 12.5px;
font-weight: 600;
color: var(--bq-text-secondary, #c0c0cc);
user-select: none;
line-height: 1;
}
.bq-status-pill:hover {
transform: translateY(-1px);
}
.bq-status-pill.is-active {
background: #3A59EF;
border-color: #3A59EF;
color: #fff;
}
.bq-status-pill.is-active .bq-status-pill-dot {
}
.bq-status-pill-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
flex-shrink: 0;
}
.buyaca-app.bq-light-mode .bq-status-pill {
background: #fff;
border-color: #e5e7eb;
color: #4a5568;
}
.bq-status-custom-input {
margin-top: 6px;
}
.bq-product-status-badges {
display: flex;
flex-wrap: wrap;
gap: 4px;
position: absolute;
top: 8px;
left: 8px;
z-index: 3;
max-width: calc(100% - 44px);
}
.bq-product-status-badge,
.bq-product-status-badge--custom {
display: inline-flex;
align-items: center;
padding: 3px 9px;
border-radius: 6px;
font-size: 10.5px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.4;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.bq-product-status-badge--custom {
background: linear-gradient(135deg, #4F46E5, #7C3AED);
}
.bq-banner-section {
min-height: 0;
}
.bq-banner-section[x-show]:not([style*="display: none"]):not([style*="display:none"]) {
}
.bq-destacados-section {
display: none !important;
}
.buyaca-app .bq-pc-desc,
.bq-pc-desc {
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
margin: 2px 0 1px !important;
}
.buyaca-app .bq-cv2-product-desc,
.bq-cv2-product-desc {
font-family: var(--bq-font-family, inherit);
font-size: 11.5px;
font-weight: 400;
line-height: 1.4;
color: var(--bq-text-secondary);
opacity: .82;
margin: 3px 0 0;
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: -.005em;
}
.buyaca-app .bq-cv2-product-pinned-badge,
.bq-cv2-product-pinned-badge {
background: transparent !important;
background-image: none !important;
background-color: transparent !important;
border: none !important;
padding: 0 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
color: #fff !important;
top: 8px !important;
right: 5px !important;
width: auto !important;
height: auto !important;
}
.buyaca-app .bq-cv2-product-pinned-badge svg,
.bq-cv2-product-pinned-badge svg {
fill: #fff !important;
stroke: none !important;
}
.buyaca-app .bq-cv2-product-body {
padding: 11px 12px 12px !important;
}
.buyaca-app .bq-cv2-product-cat-label {
margin-top: 2px !important;
}
.buyaca-app .bq-cv2-product-attr {
margin-top: 2px !important;
}
.buyaca-app .bq-cv2-product-date {
margin-top: 3px !important;
}
.buyaca-app .bq-cv2-product-date:empty {
display: none !important;
margin: 0 !important;
}
.buyaca-app button,
.buyaca-app .buyaca-btn,
.buyaca-app .bq-btn,
.buyaca-app .bq-cta-register-btn,
.buyaca-app .bq-qv-cta-btn,
.buyaca-app .bq-load-more-btn,
.buyaca-app button:hover,
.buyaca-app button:active,
.buyaca-app button:focus,
.buyaca-app .buyaca-btn:hover,
.buyaca-app .buyaca-btn:active,
.buyaca-app .buyaca-btn:focus,
#bq-catalog-modal .buyaca-btn:hover,
#bq-catalog-modal .buyaca-btn:active {
}
#bq-catalog-modal .bq-slider-footer {
}
.bq-camp-root {
--bqc-accent: var(--bqc-primary) !important;
}
.bq-camp-root .bq-camp-hero {
background: var(--bqc-bg-soft) !important;
border-color: var(--bqc-border) !important;
}
.bq-camp-root .bq-camp-type {
background: var(--bqc-bg-soft) !important;
border-color: var(--bqc-border) !important;
color: var(--bqc-text) !important;
}
.bq-camp-root .bq-camp-type.is-selected {
background: var(--bqc-primary) !important;
border-color: var(--bqc-primary) !important;
color: #fff !important;
}
.bq-camp-root .bq-camp-type.is-selected * {
color: #fff !important;
}
.bq-camp-root .bq-camp-type.is-selected .bq-camp-type__icon {
background: rgba(255, 255, 255, .18) !important;
}
.bq-camp-root .bq-camp-btn--cta {
background: var(--bqc-primary) !important;
color: #fff !important;
}
.bq-camp-root .bq-camp-sum-row__total {
background: rgba(58, 89, 239, .08) !important;
border-color: var(--bqc-primary) !important;
}
.buyaca-app .bq-feat-banner-icon svg {
fill: var(--bq-primary) !important;
stroke: var(--bq-primary) !important;
}
.buyaca-app .bq-feed-zone {
position: relative;
z-index: 7;
padding-top: 10px !important;
margin-top: -14px !important;
border-radius: 10px;
}
.buyaca-app .bq-cv2-product-desc{ margin:0 0 3px !important; order:-2; }
.buyaca-app .bq-cv2-product-cat-label{
color:var(--bq-primary) !important;
opacity:1 !important;
font-weight:600 !important;
letter-spacing:.4px !important;
}
.buyaca-app .bq-cv2-product-body{
display:flex !important;
flex-direction:column !important;
gap:1px !important;
padding:9px 11px 10px !important;
min-height:0 !important;
}
.buyaca-app .bq-cv2-product-body > *{ margin-top:0 !important; margin-bottom:0 !important; }
.buyaca-app .bq-cv2-product-price{ margin-top:1px !important; }
.buyaca-app .bq-cv2-product-name{ margin-top:1px !important; }
.buyaca-app .bq-cv2-product-rating{
display:flex; align-items:center; gap:5px;
margin-top:4px !important;
font-family:var(--bq-font-family, inherit);
}
.buyaca-app .bq-cv2-prodstars{ display:inline-flex; gap:1px; line-height:0; }
.buyaca-app .bq-prodstar{ fill:var(--bq-border, #d9dee5); }
.buyaca-app .bq-prodstar--on{ fill:var(--bq-primary) !important; }
.buyaca-app .bq-cv2-prodstars-num{
font-size:11px; font-weight:700; color:var(--bq-text-primary); letter-spacing:-.01em;
}
.buyaca-app .bq-cv2-prodstars-cnt{ font-weight:500; color:var(--bq-text-secondary);font-size: 10px; }
#bq-catalog-modal .bq-slider-slide-date{
display:flex; align-items:center; gap:6px;
font-size:12px; color:var(--bq-text-secondary);
margin:10px 0 2px; opacity:.85;
}
#bq-catalog-modal .bq-slider-slide-date svg{ flex-shrink:0; opacity:.8; }
.buyaca-app .bq-cv2-product-body > *:last-child{ margin-bottom:0 !important; }
.buyaca-app .bq-temu-prod-tag,
.bq-temu-prod-tag{
top:0 !important;
right:0 !important;
left:auto !important;
border-radius:0 0 0 4px !important;
padding:4px 4px !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
.buyaca-app .bq-product-status-badges{
top:0 !important;
left:0 !important;
gap:0 !important;
}
.buyaca-app .bq-product-status-badge{
border-radius:0px 0px 4px 0px !important;
padding:3px 5px !important;
}
.buyaca-app .bq-product-status-badges .bq-product-status-badge:first-child{
border-radius:0 0 9px 0 !important;
}
.buyaca-app .bq-profile-card .bq-profile-card-rating{
background:#20292f !important;
border:1px solid var(--bq-border-light, rgba(0,0,0,.10)) !important;
color:var(--bq-text-primary) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
border-radius:100px !important;
padding:3px 9px 3px 8px !important;
}
.buyaca-app .bq-profile-card .bq-profile-card-rating span{
color:var(--bq-text-primary) !important;
}
.buyaca-app .bq-profile-card .bq-profile-card-rating svg:first-of-type{
fill:#f59e0b !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card .bq-profile-card-rating{
background:rgba(255,255,255,.10) !important;
border-color:rgba(255,255,255,.16) !important;
color:var(--bq-text-primary) !important;
}
.buyaca-app .bq-profile-card .bq-profile-card-body{ padding-bottom:12px !important; }
.buyaca-app .bq-profile-card .bq-profile-card-desc{ margin-bottom:6px !important; }
.buyaca-app .bq-review-target{ position:relative; }
.buyaca-app .bq-review-target-btn{
width:100%; display:flex; align-items:center; gap:9px;
padding:9px 12px; border:1px solid var(--bq-border, #d9dee5);
border-radius:12px; background:var(--bq-bg-card, #fff);
color:var(--bq-text-primary); font-size:13.5px; font-weight:600;
font-family:inherit; cursor:pointer; line-height:1.3; text-align:left;
transition:border-color .15s ease;
}
.buyaca-app .bq-review-target-btn:focus{ outline:none; border-color:var(--bq-primary); }
.buyaca-app .bq-review-target-thumb,
.buyaca-app .bq-review-target-optimg{
width:26px; height:26px; border-radius:7px; object-fit:cover; flex-shrink:0;
background:var(--bq-bg-elevated, #f1f3f5); border:1px solid var(--bq-border-light, rgba(0,0,0,.08));
}
.buyaca-app .bq-review-target-thumb--ph{
display:flex; align-items:center; justify-content:center; color:var(--bq-text-secondary);
}
.buyaca-app .bq-review-target-label{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.buyaca-app .bq-review-target-caret{ color:var(--bq-primary); flex-shrink:0; transition:transform .18s ease; }
.buyaca-app .bq-review-target-btn[aria-expanded="true"] .bq-review-target-caret{ transform:rotate(180deg); }
.buyaca-app .bq-review-target-menu{
display:none; position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:60;
background:var(--bq-bg-card, #fff); border:1px solid var(--bq-border, #d9dee5);
border-radius:12px; padding:6px; max-height:280px; overflow-y:auto;
}
.buyaca-app .bq-review-target-menu.is-open{ display:block; }
.buyaca-app .bq-review-target-sep{
font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.5px;
color:var(--bq-text-secondary); opacity:.7; padding:8px 8px 4px;
}
.buyaca-app .bq-review-target-opt{
width:100%; display:flex; align-items:center; gap:9px; padding:7px 8px;
background:transparent; border:none; border-radius:9px; cursor:pointer;
color:var(--bq-text-primary); font-size:13px; font-weight:500; font-family:inherit; text-align:left;
}
.buyaca-app .bq-review-target-opt:hover{ background:var(--bq-bg-elevated, rgba(0,0,0,.04)); }
.buyaca-app .bq-review-target-opt.is-selected{ background:rgba(58,89,239,.10); color:var(--bq-primary); font-weight:700; }
.buyaca-app .bq-review-target-optlabel{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.buyaca-app .bq-modal-rating-only,
#bq-catalog-modal .bq-modal-rating-only,
.buyaca-app .bq-qv-rating-only{
display:flex; align-items:center; gap:7px; margin:10px 0 2px;
}
#bq-catalog-modal .bq-modal-rating-top{ margin:2px 0 12px; }
.buyaca-app .bq-modal-rating-stars,
#bq-catalog-modal .bq-modal-rating-stars{ display:inline-flex; gap:2px; line-height:0; }
.buyaca-app .bq-modal-rating-star{ fill:var(--bq-border, #d9dee5); }
.buyaca-app .bq-modal-rating-star.on{ fill:#f59e0b !important; }
.buyaca-app .bq-modal-rating-star.half{ fill:#f59e0b !important; opacity:.5; }
.buyaca-app .bq-modal-rating-star.off{ fill:var(--bq-border, #d9dee5) !important; }
.buyaca-app .bq-modal-rating-num,
#bq-catalog-modal .bq-modal-rating-num{ font-size:14px; font-weight:800; color:var(--bq-text-primary); }
.buyaca-app .bq-modal-rating-cnt,
#bq-catalog-modal .bq-modal-rating-cnt{ font-size:12px; font-weight:500; color:var(--bq-text-secondary); }
#bq-catalog-modal .bq-modal-rating-star{ fill:#d9dee5 !important; }
#bq-catalog-modal .bq-modal-rating-star.on{ fill:#f59e0b !important; }
#bq-catalog-modal .bq-modal-rating-star.half{ fill:#f59e0b !important; opacity:.5; }
#bq-catalog-modal .bq-modal-rating-star.off{ fill:#d9dee5 !important; }
#bq-catalog-modal .bq-modal-rating-num{ color:#1f2937 !important; }
#bq-catalog-modal .bq-modal-rating-cnt{ color:#6b7280 !important; }
.bq-dark #bq-catalog-modal .bq-modal-rating-num,
html:has(.buyaca-app:not(.bq-light-mode)) #bq-catalog-modal .bq-modal-rating-num{ color:#f3f4f6 !important; }
.bq-dark #bq-catalog-modal .bq-modal-rating-cnt,
html:has(.buyaca-app:not(.bq-light-mode)) #bq-catalog-modal .bq-modal-rating-cnt{ color:#9ca3af !important; }
.buyaca-app .bq-cv2-product-grid{ align-items:start !important; }
.buyaca-app .bq-cv2-product-card{ align-self:start !important; }
.buyaca-app .bq-cv2-product-body{ padding-bottom:9px !important; }
.buyaca-app .bq-cv2-product-body > *:empty{ display:none !important; }
.buyaca-app .bq-cv2-price-row:empty{ display:none !important; }
.buyaca-app .bq-cv2-price-row,
.buyaca-app .bq-pc-price-row{
display:flex; align-items:baseline; flex-wrap:wrap; gap:6px;
}
.buyaca-app .bq-cv2-product-regular,
.buyaca-app .bq-pc-regular,
#bq-catalog-modal .bq-slider-slide-regular{
font-size:9px; font-weight:500; color:var(--bq-text-secondary);
text-decoration:line-through; opacity:.75;
}
.buyaca-app .bq-cv2-product-disc,
.buyaca-app .bq-pc-disc,
#bq-catalog-modal .bq-slider-slide-disc{
font-size:10.5px; font-weight:800; color:#16a34a;
background:rgba(22,163,74,.12); padding:1px 6px; border-radius:6px; letter-spacing:.2px;
}
#bq-catalog-modal .bq-slider-slide-regular{ font-size:14px; margin-left:8px; }
#bq-catalog-modal .bq-slider-slide-disc{ font-size:12px; }
.buyaca-app .bq-reviews-filter{
display:flex; gap:8px; flex-wrap:wrap; padding:6px 0 12px; margin-top:4px;
border-bottom:1px solid var(--bq-border-light, rgba(0,0,0,.07));
margin-bottom:8px;
}
.buyaca-app .bq-reviews-filter-chip{
font-size:12.5px; font-weight:600; font-family:inherit;
padding:6px 14px; border-radius:100px; cursor:pointer;
background:var(--bq-bg-elevated, rgba(0,0,0,.05));
color:var(--bq-text-secondary);
border:1px solid transparent;
transition:all .15s ease;
}
.buyaca-app .bq-reviews-filter-chip:hover{ color:var(--bq-text-primary); }
.buyaca-app .bq-reviews-filter-chip.is-active{
background:var(--bq-primary); color:#fff;
}
.buyaca-app .bq-reviews-filter-empty{
display:none; padding:24px 8px; text-align:center;
font-size:13px; color:var(--bq-text-secondary); opacity:.8;
}
.buyaca-app .bq-cv2-review-target{
display:inline-flex; align-items:center; gap:7px;
padding:3px 9px 3px 3px; margin-bottom:6px;
background:var(--bq-bg-elevated, rgba(0,0,0,.04));
border:1px solid var(--bq-border-light, rgba(0,0,0,.08));
border-radius:100px; max-width:100%;
}
.buyaca-app .bq-cv2-review-target-img{
width:22px; height:22px; border-radius:50%; object-fit:cover; flex-shrink:0;
background:var(--bq-bg-card, #fff);
}
.buyaca-app .bq-cv2-review-target-img--ph{
display:flex; align-items:center; justify-content:center;
color:var(--bq-text-secondary); border:1px solid var(--bq-border-light, rgba(0,0,0,.08));
}
.buyaca-app .bq-cv2-review-target-name{
font-size:11.5px; font-weight:700; color:var(--bq-text-primary);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
letter-spacing:-.01em;
}
.buyaca-app:not(.bq-light-mode) .bq-cv2-review-target,
.buyaca-app:not(.bq-light-mode) .bq-reviews-filter-chip{
background:rgba(255,255,255,.08);
}
#bq-catalog-modal,
#bq-catalog-modal *,
#bq-catalog-modal .bq-slider-slide-name,
#bq-catalog-modal .bq-slider-slide-desc,
#bq-catalog-modal .bq-slider-slide-price,
#bq-catalog-modal .bq-slider-slide-cats,
#bq-catalog-modal .bq-slider-slide-body{
font-family:'Poppins','Outfit','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
#bq-catalog-modal .bq-slider-footer{
gap:12px !important;
}
#bq-catalog-modal .bq-cat-prodnav{
margin-top:10px !important;
margin-bottom:0 !important;
display:flex !important;
align-items:center;
justify-content:space-between;
gap:10px;
}
#bq-catalog-modal .bq-cat-prodnav button{
display:inline-flex; align-items:center; gap:6px;
padding:9px 16px !important;
border-radius:12px !important;
font-size:13px; font-weight:700;
border:1px solid var(--bq-m-border, rgba(0,0,0,0.10)) !important;
background:var(--bq-bg-elevated, rgba(0,0,0,0.04)) !important;
color:var(--bq-m-text) !important;
cursor:pointer; transition:all .18s ease;
}
#bq-catalog-modal .bq-cat-prodnav button:hover{
background:var(--bq-primary) !important;
border-color:var(--bq-primary) !important;
color:#fff !important;
}
#bq-catalog-modal .bq-cat-prodnav button:hover svg{ stroke:#fff !important; }
#bq-catalog-modal .bq-cat-prodnav-count{
font-size:12px; font-weight:600;
color:var(--bq-m-text-soft, var(--bq-text-secondary)) !important;
white-space:nowrap;
}
#bq-catalog-modal .bq-prod-attrs,
.bq-qv-prod-attrs{display:block !important;}
#bq-catalog-modal .bq-prod-attrs, .bq-qv-prod-attrs{
margin:6px 0 14px;
border:1px solid rgba(128,128,128,0.22);
border-radius:14px;
overflow:hidden;
background:rgba(128,128,128,0.06);
color:inherit;
}
#bq-catalog-modal .bq-prod-attrs-title, .bq-qv-prod-attrs .bq-prod-attrs-title{
display:flex; align-items:center; gap:7px;
padding:10px 14px;
font-size:12.5px; font-weight:800; letter-spacing:.01em;
color:inherit !important;
border-bottom:1px solid rgba(128,128,128,0.20);
background:rgba(128,128,128,0.07);
}
#bq-catalog-modal .bq-prod-attrs-title svg, .bq-qv-prod-attrs .bq-prod-attrs-title svg{ stroke:var(--bq-primary); flex-shrink:0; }
#bq-catalog-modal .bq-prod-attrs-row, .bq-qv-prod-attrs .bq-prod-attrs-row{
display:flex; align-items:flex-start;
padding:9px 14px;
font-size:13px; line-height:1.4;
border-bottom:1px solid rgba(128,128,128,0.14);
}
#bq-catalog-modal .bq-prod-attrs-row:last-child, .bq-qv-prod-attrs .bq-prod-attrs-row:last-child{ border-bottom:none; }
#bq-catalog-modal .bq-prod-attrs-key, .bq-qv-prod-attrs .bq-prod-attrs-key{
flex:0 0 38%;
font-weight:700;
color:inherit !important; opacity:.65;
text-transform:capitalize;
}
#bq-catalog-modal .bq-prod-attrs-val, .bq-qv-prod-attrs .bq-prod-attrs-val{
flex:1 1 auto; min-width:0;
font-weight:600;
color:inherit !important;
word-break:break-word;
}
#bq-catalog-modal .bq-prod-attrs-val .bq-attr-color-dot, .bq-qv-prod-attrs .bq-prod-attrs-val .bq-attr-color-dot{
display:inline-block; width:13px; height:13px; border-radius:50%;
margin-right:7px; vertical-align:-2px;
border:1px solid rgba(128,128,128,0.5);
}
.buyaca-app .bq-qv-price-row{
display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:2px 0 4px;
}
.buyaca-app .bq-qv-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.buyaca-app .bq-qv-tag{
display:inline-flex; align-items:center;
font-size:11px; font-weight:800; letter-spacing:.02em;
color:#fff; padding:4px 10px; border-radius:100px; line-height:1.2;
}
.buyaca-app .bq-qv-cta-sticky{ box-sizing:border-box; max-width:100%; }
.buyaca-app .bq-qv-cta-sticky > *{ box-sizing:border-box; max-width:100%; }
.buyaca-app .bq-qv-cta-btn{ box-sizing:border-box; max-width:100%; width:100%; }
.buyaca-app .bq-qv-price-extra{ display:inline-flex; align-items:baseline; gap:8px; }
.buyaca-app .bq-qv-price-regular{
color:inherit; opacity:.55; font-size:15px; font-weight:600; text-decoration:line-through;
}
.buyaca-app .bq-qv-price-disc{
font-size:12px; font-weight:800; color:#16a34a;
background:rgba(22,163,74,.14); padding:2px 8px; border-radius:7px; letter-spacing:.2px;
}
.buyaca-app .bq-qv-attrs{
margin:10px 0 6px;
border:1px solid rgba(128,128,128,0.22);
border-radius:14px; overflow:hidden;
background:rgba(128,128,128,0.06);
color:inherit;
}
.buyaca-app .bq-qv-attrs-title{
display:flex; align-items:center; gap:7px;
padding:9px 14px;
font-size:12.5px; font-weight:800; letter-spacing:.01em;
color:inherit;
border-bottom:1px solid rgba(128,128,128,0.20);
background:rgba(128,128,128,0.07);
}
.buyaca-app .bq-qv-attrs-title svg{ stroke:var(--bq-primary, #3A59EF); flex-shrink:0; }
.buyaca-app .bq-qv-attrs-row{
display:flex; align-items:flex-start;
padding:9px 14px; font-size:13px; line-height:1.4;
border-bottom:1px solid rgba(128,128,128,0.14);
}
.buyaca-app .bq-qv-attrs-row:last-child{ border-bottom:none; }
.buyaca-app .bq-qv-attrs-key{
flex:0 0 38%; font-weight:700; color:inherit; opacity:.62; text-transform:capitalize;
}
.buyaca-app .bq-qv-attrs-val{
flex:1 1 auto; min-width:0; font-weight:600; color:inherit; word-break:break-word;
}
.buyaca-app .bq-qv-attr-color-dot{
display:inline-block; width:13px; height:13px; border-radius:50%;
margin-right:7px; vertical-align:-2px; border:1px solid rgba(128,128,128,0.5);
}
.bq-status-dd{ position:relative; }
.bq-status-dd-trigger{
width:100%;
display:flex; align-items:center; justify-content:space-between; gap:10px;
padding:11px 14px;
border:1.5px solid var(--bq-border, #e5e7eb);
border-radius:12px;
background:var(--bq-bg-elevated, #fff);
color:var(--bq-text-primary, inherit);
font-family:inherit; font-size:14px; font-weight:600;
cursor:pointer; transition:border-color .18s ease, box-shadow .18s ease;
box-sizing:border-box;
}
.bq-status-dd-trigger:hover{ border-color:var(--bq-primary, #3A59EF); }
.bq-status-dd.open .bq-status-dd-trigger{
border-color:var(--bq-primary, #3A59EF);
}
.bq-status-dd-current{ display:inline-flex; align-items:center; gap:9px; min-width:0; }
.bq-status-dd-current .bq-status-pill-dot{
width:12px; height:12px; border-radius:50%; flex-shrink:0;
}
.bq-status-dd-current-text{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bq-status-dd-chev{ flex-shrink:0; transition:transform .2s ease; opacity:.7; }
.bq-status-dd.open .bq-status-dd-chev{ transform:rotate(180deg); }
.bq-status-dd-panel{
display:none;
margin-top:6px;
flex-direction:column; gap:4px;
padding:6px;
background:var(--bq-bg-card, var(--bq-bg-elevated, #fff));
border:1.5px solid var(--bq-border, #e5e7eb);
border-radius:14px;
}
.bq-status-dd.open .bq-status-dd-panel{ display:flex; }
.bq-status-dd-panel .bq-status-pill{
width:100%;
display:flex; align-items:center; gap:10px;
padding:10px 12px;
border-radius:10px;
cursor:pointer; font-size:13.5px; font-weight:600;
border:1px solid transparent;
transition:background .15s ease;
}
.bq-status-dd-panel .bq-status-pill:hover{ background:var(--bq-bg-elevated, rgba(0,0,0,0.04)); }
.bq-status-dd-panel .bq-status-pill.is-active{
background:rgba(58,89,239,0.10);
border-color:rgba(58,89,239,0.30);
}
.bq-status-dd-panel .bq-status-pill .bq-status-pill-dot{
width:12px; height:12px; border-radius:50%; flex-shrink:0;
}
.buyaca-app .bq-qv-breadcrumb{
display:flex; align-items:center; flex-wrap:wrap; gap:4px;
margin-bottom:8px;
font-size:12px; line-height:1.2;
}
.buyaca-app .bq-qv-bc-item{
display:inline-flex; align-items:center;
font-family:inherit; font-weight:700; letter-spacing:.01em;
max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.buyaca-app button.bq-qv-bc-biz{
color:var(--bq-text-secondary);
text-transform:uppercase; font-size:11px; letter-spacing:.04em;
background:transparent; border:1px solid var(--bq-border, rgba(128,128,128,0.28));
padding:3px 10px; border-radius:100px; cursor:pointer;
transition:all .18s ease;
}
.buyaca-app button.bq-qv-bc-biz:hover{
border-color:var(--bq-text-secondary); color:var(--bq-text-primary);
background:rgba(128,128,128,0.10);
}
.buyaca-app button.bq-qv-bc-biz:disabled{ cursor:default; opacity:.85; }
.buyaca-app .bq-qv-bc-sep{ color:var(--bq-text-secondary); opacity:.6; flex-shrink:0; }
.buyaca-app button.bq-qv-bc-cat{
border:1px solid var(--bq-primary, #3A59EF);
background:rgba(58,89,239,0.08);
color:var(--bq-primary, #3A59EF);
padding:3px 11px; border-radius:100px;
cursor:pointer; font-size:12px;
transition:all .18s ease;
}
.buyaca-app button.bq-qv-bc-cat:hover{
background:var(--bq-primary, #3A59EF); color:#fff;
}
.buyaca-app button.bq-qv-bc-cat:disabled{
cursor:default; opacity:.85;
border-color:var(--bq-border, rgba(0,0,0,.12));
background:var(--bq-bg-elevated, rgba(0,0,0,.04));
color:var(--bq-text-secondary);
}
#bq-catalog-modal.bq-modal-overlay{
background: var(--bq-m-overlay, rgba(0,0,0,0.6)) !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
}
#bq-catalog-modal .bq-catalog-modal-content{
border-radius: 0 !important;
background: var(--bq-m-bg) !important;
color: var(--bq-m-text) !important;
}
#bq-catalog-modal .bq-slider-slide-image{
border-radius: 0 !important;
background: var(--bq-m-bg-alt) !important;
}
#bq-catalog-modal .bq-slider-slide-body{
padding: 18px 22px 18px !important;
background: var(--bq-m-bg) !important;
color: var(--bq-m-text) !important;
display: block !important;
overflow: visible !important;
min-height: 0 !important;
}
#bq-catalog-modal .bq-catalog-modal-content{
display: block !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none;
}
#bq-catalog-modal .bq-catalog-modal-content::-webkit-scrollbar{ display:none; }
#bq-catalog-modal .bq-catalog-modal-scroll{
display:block !important;
overflow:visible !important;
max-height:none !important;
height:auto !important;
}
@media (max-width: 640px){
#bq-catalog-modal .bq-catalog-modal-content{
height: 100dvh !important;
max-height: 100dvh !important;
}
#bq-catalog-modal .bq-slider-slide-image{ aspect-ratio:1/1 !important; }
}
@media (min-width: 641px){
#bq-catalog-modal.bq-modal-overlay{ align-items:center !important; padding:16px !important; }
#bq-catalog-modal .bq-catalog-modal-content{
width:100% !important;
max-width:560px !important;
height:min(88vh, 780px) !important;
max-height:88vh !important;
}
#bq-catalog-modal .bq-slider-slide-image{
aspect-ratio:auto !important;
height:min(50vh, 440px) !important;
}
}
#bq-catalog-modal .bq-slider-footer{
position: sticky !important;
bottom: 0 !important;
margin: 0 !important;
padding: 10px 20px max(10px, env(safe-area-inset-bottom, 0px)) !important;
background: var(--bq-m-bg) !important;
border-top: 1px solid var(--bq-m-border) !important;
border-radius: 0 !important;
z-index: 12 !important;
}
body.bq-modal-open .buyaca-bottom-nav,
body.bq-modal-open .bq-cart-fab,
body.bq-modal-open .bq-publish-fab,
body.bq-modal-open .bq-fab-publish,
body.bq-modal-open .bq-fab{
display: none !important;
}
#bq-catalog-modal .bq-cat-cta-row{
display:flex !important;
gap:10px !important;
width:100%;
align-items:stretch !important;
}
#bq-catalog-modal .bq-cat-cta-row > .buyaca-btn{
flex:1 1 0 !important;
min-width:0 !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px;
padding:11px 14px !important;
border-radius:12px !important;
font-weight:700 !important;
font-size:14px !important;
letter-spacing:.1px;
white-space:nowrap;
transition:transform .15s ease, box-shadow .2s ease, background .2s;
}
#bq-catalog-modal .bq-cat-cta-row > .buyaca-btn:hover{ transform:translateY(-1px); }
#bq-catalog-modal .bq-cat-cta-row .buyaca-btn-primary,
#bq-catalog-modal .bq-cat-cta-row .bq-custom-url-btn{
background: linear-gradient(135deg, var(--bq-primary), color-mix(in srgb, var(--bq-primary) 82%, #000)) !important;
color: var(--bq-text-on-primary, #fff) !important;
border:none !important;
}
#bq-catalog-modal .bq-cat-cta-row .buyaca-btn-outline{
background: var(--bq-m-bg-alt) !important;
color: var(--bq-m-text) !important;
border:1.5px solid var(--bq-m-border) !important;
}
#bq-catalog-modal .bq-cat-cta-row .buyaca-btn-outline:hover{
border-color:var(--bq-primary) !important;
color:var(--bq-primary) !important;
background:var(--bq-primary-light) !important;
}
#bq-catalog-modal .bq-qv-card,
#bq-catalog-modal .bq-qv-desc-card,
#bq-catalog-modal .bq-prod-attrs{
background: var(--bq-m-bg-alt) !important;
border:1px solid var(--bq-m-border) !important;
border-radius:16px !important;
color: var(--bq-m-text) !important;
}
#bq-catalog-modal .bq-qv-card-title,
#bq-catalog-modal .bq-prod-attrs-title{
color: var(--bq-m-text) !important;
background: transparent !important;
border-bottom-color: var(--bq-m-border) !important;
}
#bq-catalog-modal .bq-qv-card-title svg,
#bq-catalog-modal .bq-prod-attrs-title svg{ stroke: var(--bq-primary) !important; }
#bq-catalog-modal .bq-qv-desc{ color: var(--bq-m-text-soft) !important; }
#bq-catalog-modal .bq-prod-attrs-row{ border-bottom-color: var(--bq-m-border) !important; }
#bq-catalog-modal .bq-prod-attrs-key{ color: var(--bq-m-text-soft) !important; opacity:1 !important; }
#bq-catalog-modal .bq-prod-attrs-val{ color: var(--bq-m-text) !important; }
#bq-catalog-modal .bq-slider-slide-name{
font-size:21px !important;
font-weight:800 !important;
color: var(--bq-m-text) !important;
line-height:1.3 !important;
letter-spacing:-.3px !important;
margin:0 0 8px !important;
}
#bq-catalog-modal .bq-slider-slide-price{
font-size:24px !important;
font-weight:800 !important;
color: var(--bq-primary) !important;
letter-spacing:-.5px;
margin:0 0 14px !important;
}
#bq-catalog-modal .bq-slider-slide-cats,
#bq-catalog-modal .bq-slider-slide-date{ color: var(--bq-m-text-soft) !important; }
#bq-catalog-modal .bq-qv-cta-note{ color: var(--bq-m-text-dim) !important; }
#bq-catalog-modal .bq-cat-prodnav{
border-top:1px solid var(--bq-m-border) !important;
margin-top:12px !important;
padding-top:12px !important;
}
.buyaca-app .bq-cv2-logo-verified{
position:static;
display:inline-flex !important;
align-items:center;
justify-content:center;
width:20px; height:20px;
flex:0 0 auto;
background:none !important;
border:none !important;
border-radius:0 !important;
animation:bqVerifPop .4s cubic-bezier(.22,1,.36,1);
}
.buyaca-app .bq-cv2-logo-verified svg{ display:block; width:100%; height:100%; }
@keyframes bqVerifPop{ from{ transform:scale(0); opacity:0; } to{ transform:scale(1); opacity:1; } }
html .buyaca-app .bq-cv2-product-card{
border-radius:5px !important;
transition:transform .2s cubic-bezier(.22,1,.36,1), box-shadow .2s ease !important;
}
html .buyaca-app .bq-cv2-product-card:hover{
transform:translateY(-3px) !important;
}
html .buyaca-app .bq-cv2-tab-content,
html .buyaca-app [x-show][x-transition].bq-cv2-pane{
animation:bqPaneIn .28s cubic-bezier(.22,1,.36,1);
}
html .buyaca-app .bq-cv2-product-grid > *{
animation:bqCardIn .35s cubic-bezier(.22,1,.36,1) both;
}
@keyframes bqPaneIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } }
@keyframes bqCardIn{ from{ opacity:0; transform:translateY(10px) scale(.99); } to{ opacity:1; transform:translateY(0) scale(1); } }
html .buyaca-app .bq-cv2-product-grid > *:nth-child(1){ animation-delay:.00s; }
html .buyaca-app .bq-cv2-product-grid > *:nth-child(2){ animation-delay:.04s; }
html .buyaca-app .bq-cv2-product-grid > *:nth-child(3){ animation-delay:.08s; }
html .buyaca-app .bq-cv2-product-grid > *:nth-child(4){ animation-delay:.12s; }
html .buyaca-app .bq-cv2-product-grid > *:nth-child(5){ animation-delay:.16s; }
html .buyaca-app .bq-cv2-product-grid > *:nth-child(6){ animation-delay:.20s; }
.bq-qv-prod-attrs[style*="display: none"],
.bq-qv-prod-attrs[style*="display:none"],
.bq-prod-attrs[style*="display: none"],
.bq-prod-attrs[style*="display:none"]{ display:none !important; }
html .buyaca-app .bq-cv2-name-row{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
text-align:left !important;
gap:8px !important;
padding-left:0 !important;
padding-right:0 !important;
flex-wrap:wrap !important;
}
html .buyaca-app .bq-cv2-name-group{
justify-self:auto !important;
justify-content:flex-start !important;
flex:1 1 auto !important;
min-width:0 !important;
}
html .buyaca-app .bq-cv2-name{ text-align:left !important; }
html .buyaca-app.bq-vc-layout-left .bq-cv2-name-group{
grid-column:1 / 2 !important;
justify-self:start !important;
justify-content:flex-start !important;
}
html .buyaca-app.bq-vc-layout-left .bq-cv2-name,
html .buyaca-app.bq-vc-layout-left .bq-cv2-name-row{ text-align:left !important; }
html .buyaca-app.bq-vc-name-right .bq-cv2-name-group{
grid-column:2 / 4 !important;
justify-self:end !important;
justify-content:flex-end !important;
}
html.bq-page-light .bq-prod-form-modal,
html.bq-page-light .bq-prod-form-overlay {
--bq-text: #1a1a1a;
--bq-text-primary: #1a1a1a;
--bq-text-secondary: #4b5563;
--bq-bg-card: #ffffff;
--bq-bg-elevated: #ffffff;
--bq-bg-surface: #f9fafb;
--bq-border: #e5e7eb;
--bq-border-light: #f3f4f6;
--bq-ink: #14151A;
--bq-bg: #ffffff;
--bq-success: #1D9A6C;
--bq-danger: #D8434B;
}
html.bq-page-dark .bq-prod-form-modal,
html.bq-page-dark .bq-prod-form-overlay {
--bq-brand-text: #97A8FF;
--bq-brand-dark: #6C7CFF;
--bq-text: #F1F0ED;
--bq-ink-soft: #A9ADB6;
--bq-ink-faint: #6E7178;
--bq-line: #2A2B30;
--bq-line-strong: #35363D;
--bq-surface: #1C1C20;
--bq-ink: #F1F0ED;
--bq-bg: #0F0F12;
--bq-success: #34D399;
--bq-danger: #F87171;
}
.bq-prod-form-modal,
.bq-prod-form-overlay {
--bq-radius-sm: 10px;
--bq-radius-md: 16px;
--bq-radius-lg: 24px;
}
.bq-prod-form-overlay{
position:fixed !important; inset:0 !important;
z-index:100000 !important;
background:rgba(15,17,23,.55) !important;
-webkit-backdrop-filter:blur(6px) !important;
backdrop-filter:blur(6px) !important;
}
.bq-prod-form-modal{
font-family: var(--bq-font-family, 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
position:fixed !important;
top:50% !important; left:50% !important;
transform:translate(-50%,-50%) !important;
width:min(580px, 94vw) !important;
max-width:580px !important;
max-height:90vh !important;
overflow-y:auto !important;
-webkit-overflow-scrolling:touch;
z-index:100001 !important;
margin:0 !important;
background:var(--bq-bg-card) !important;
border:1px solid var(--bq-border, rgba(128,128,128,.18)) !important;
border-radius:20px !important;
padding:0 !important;
scrollbar-width:thin;
animation:bqFormPop .26s cubic-bezier(.22,1,.36,1);
}
@keyframes bqFormPop{
from{ opacity:0; transform:translate(-50%,-46%) scale(.97); }
to{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}
.bq-prod-form-modal > div:first-child{
position:sticky !important; top:0 !important; z-index:3;
background:var(--bq-bg-card) !important;
margin:0 !important;
padding:18px 20px 14px !important;
border-bottom:1px solid var(--bq-border, rgba(128,128,128,.16)) !important;
}
.bq-prod-form-modal > div:first-child h3{
font-size:18px !important; font-weight:800 !important; letter-spacing:-.3px;
}
.bq-prod-form-modal #bq-product-form{ padding:18px 20px 20px !important; }
.bq-prod-form-modal .buyaca-form-group{ margin-bottom:16px !important; }
.bq-prod-form-modal .buyaca-form-label{
font-weight:700 !important; font-size:13px !important;
margin-bottom:6px !important; display:block;
}
.bq-prod-form-modal .buyaca-form-input,
.bq-prod-form-modal textarea.buyaca-form-input,
.bq-prod-form-modal select.buyaca-form-input{
border-radius:12px !important;
border:1.5px solid var(--bq-border, rgba(128,128,128,.2)) !important;
padding:12px 14px !important;
transition:border-color .18s ease, box-shadow .18s ease !important;
}
.bq-prod-form-modal .buyaca-form-input:focus,
.bq-prod-form-modal textarea.buyaca-form-input:focus,
.bq-prod-form-modal select.buyaca-form-input:focus{
border-color:var(--bq-primary) !important;
outline:none !important;
}
.bq-prod-form-modal #bq-product-form > div:last-child{
position:sticky !important; bottom:0 !important;
background:linear-gradient(to top, var(--bq-bg-card) 78%, transparent) !important;
padding:14px 0 6px !important; margin-top:10px !important;
gap:10px !important;
}
.bq-prod-form-modal #bq-product-form > div:last-child .buyaca-btn{
flex:1 1 0 !important; padding:13px !important;
border-radius:12px !important; font-weight:800 !important;
}
@media (max-width:640px){
.bq-prod-form-modal{
top:auto !important; bottom:0 !important; left:0 !important;
transform:none !important;
width:100% !important; max-width:100% !important;
max-height:94vh !important;
border-radius:20px 20px 0 0 !important;
animation:bqFormSheet .3s cubic-bezier(.16,1,.3,1);
}
@keyframes bqFormSheet{ from{ transform:translateY(100%); } to{ transform:translateY(0); } }
}
.buyaca-app .bq-asist-promo{
display:flex; align-items:center; gap:14px;
background:linear-gradient(135deg,
color-mix(in srgb, var(--bq-primary) 13%, transparent),
color-mix(in srgb, var(--bq-primary) 5%, transparent));
border:1px solid color-mix(in srgb, var(--bq-primary) 24%, transparent);
border-radius:16px;
padding:14px 40px 14px 16px;
margin:0 0 16px;
position:relative;
}
.buyaca-app .bq-asist-promo-ic{ font-size:22px; line-height:1; flex-shrink:0; }
.buyaca-app .bq-asist-promo-txt{ flex:1; min-width:0; font-size:13px; line-height:1.45; color:var(--bq-text-secondary); }
.buyaca-app .bq-asist-promo-txt strong{ display:block; font-size:14.5px; font-weight:800; color:var(--bq-text-primary); margin-bottom:3px; letter-spacing:-.2px; }
.buyaca-app .bq-asist-promo-txt b{ color:var(--bq-primary); font-weight:700; }
.buyaca-app .bq-asist-promo-cta{
flex-shrink:0;
background:var(--bq-primary); color:var(--bq-text-on-primary, #fff);
border-radius:11px; padding:10px 18px; font-weight:800; font-size:13px;
text-decoration:none; white-space:nowrap;
transition:filter .15s ease, transform .15s ease;
}
.buyaca-app .bq-asist-promo-cta:hover{ filter:brightness(1.07); transform:translateY(-1px); }
.buyaca-app .bq-asist-promo-x{
position:absolute; top:8px; right:10px;
background:none; border:none; cursor:pointer;
font-size:19px; line-height:1; color:var(--bq-text-secondary); opacity:.55;
width:24px; height:24px; border-radius:50%;
transition:opacity .15s ease, background .15s ease;
}
.buyaca-app .bq-asist-promo-x:hover{ opacity:1; background:color-mix(in srgb, var(--bq-primary) 12%, transparent); }
@media (max-width:560px){
.buyaca-app .bq-asist-promo{ flex-wrap:wrap; padding:14px 16px; }
.buyaca-app .bq-asist-promo-cta{ width:100%; text-align:center; }
}
.buyaca-app .bq-promo-stack{ position:relative; margin:0 0 16px; }
.buyaca-app .bq-promo-stack .bq-asist-promo{ margin:0; position:relative; z-index:1; }
.buyaca-app .bq-promo-stack-peek{
position:absolute;
left:10px; right:10px; bottom:-6px;
height:100%;
background:var(--bq-bg-elevated, color-mix(in srgb, var(--bq-primary) 8%, var(--bq-bg-card)));
border:1px solid color-mix(in srgb, var(--bq-primary) 16%, transparent);
border-radius:16px;
opacity:.6;
z-index:0;
}
.buyaca-app .bq-camp-promo .bq-asist-promo-ic{ font-size:20px; }
body.admin-bar .bq-float-btn {
top: calc(16px + 32px) !important;
}
body.admin-bar #bq-cv2-stickyhead {
top: 32px !important;
}
@media (max-width: 782px) {
body.admin-bar .bq-float-btn {
top: calc(16px + 46px) !important;
}
body.admin-bar #bq-cv2-stickyhead {
top: 46px !important;
}
}
.bq-profile-float-cluster {
position: absolute;
top: max(44px, calc(env(safe-area-inset-top, 0px) + 28px));
right: max(24px, calc(env(safe-area-inset-right, 0px) + 20px));
z-index: 25;
display: flex;
align-items: center;
gap: 8px;
}
.bq-profile-float-cluster .bq-profile-share-btn {
position: static;
top: auto;
left: auto;
transform: none;
width: 40px;
height: 40px;
background: transparent;
border: none;
color: #fff;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
}
.bq-profile-float-cluster .bq-profile-share-btn:hover {
color: #fff;
border-color: transparent;
transform: scale(1.08);
}
.bq-profile-float-cluster .bq-profile-share-btn:active {
transform: scale(.92);
}
.bq-cv2-banner-back-btn {
position: absolute;
left: max(14px, env(safe-area-inset-left, 0px));
top: max(44px, calc(env(safe-area-inset-top, 0px) + 28px));
z-index: 25;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
color: #fff;
cursor: pointer;
padding: 0;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
transition: transform var(--bq-motion-fast);
}
.bq-cv2-banner-back-btn:hover {
transform: scale(1.08);
}
.bq-cv2-banner-back-btn:active {
transform: scale(.92);
}
.bq-profile-float-cluster .bq-profile-flag-wrap {
position: relative;
top: auto;
right: auto;
transform: none;
}
.bq-profile-float-cluster .bq-profile-flag-btn {
width: 40px;
height: 40px;
background: transparent;
border: none;
color: #fff;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
}
.bq-profile-float-cluster .bq-profile-flag-btn:hover {
color: #fff;
border-color: transparent;
transform: scale(1.08);
}
.bq-profile-float-cluster .bq-profile-flag-btn.is-active {
background: rgba(255, 255, 255, .22);
border-color: transparent;
color: #fff;
}
.buyaca-business-profile .bq-cv2-banner {
border-radius: 0 0 24px 24px;
}
.buyaca-business-profile .bq-cv2-info {
padding-top: 16px !important;
}
.buyaca-business-profile .bq-cv2-fb-header {
position: relative;
margin-bottom: 12px;
z-index: 6;
}
.buyaca-business-profile .bq-cv2-logo {
position: absolute !important;
left: 0 !important;
right: auto !important;
top: -38px !important;
bottom: auto !important;
transform: none !important;
margin: 0 !important;
}
.buyaca-business-profile .bq-cv2-fb-header-text {
min-width: 0;
padding-left: 110px;
padding-top: 6px;
}
.buyaca-business-profile .bq-cv2-name-row {
justify-content: flex-start !important;
text-align: left !important;
flex-wrap: wrap;
}
.buyaca-business-profile .bq-cv2-name-group {
flex: 1 1 auto !important;
justify-content: flex-start !important;
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
}
.buyaca-business-profile .bq-cv2-meta-row {
justify-content: flex-start !important;
}
.buyaca-business-profile .bq-cv2-fb-actions {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
margin: 2px 0 6px;
}
.buyaca-business-profile .bq-cv2-fb-actions .bq-cv2-video-btn {
font-size: 13px;
font-weight: 700;
padding: 10px 14px;
border-radius: 12px;
background: transparent;
color: var(--bq-primary);
border: 1.5px solid var(--bq-primary);
flex: 1 1 auto;
min-width: 0;
max-width: 60%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
justify-content: center;
}
.buyaca-business-profile .bq-cv2-fb-actions .bq-cv2-video-btn:hover,
.buyaca-business-profile .bq-cv2-fb-actions .bq-cv2-video-btn:focus-visible {
background: color-mix(in srgb, var(--bq-primary) 10%, transparent);
color: var(--bq-primary);
}
.buyaca-business-profile .bq-cv2-fb-actions .bq-cv2-cta-wrap {
padding: 0;
margin: 0;
flex: 1 1 auto;
min-width: 0;
max-width: none;
}
.buyaca-business-profile .bq-cv2-fb-actions .bq-cv2-cta {
width: 100%;
padding: 10px 14px;
border-radius: 12px !important;
font-size: 13px;
justify-content: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.bq-profile-fav-pill {
display: flex;
align-items: center;
height: 40px;
background: transparent;
border: none;
transition: transform var(--bq-motion-fast);
}
.buyaca-business-profile.bq-light-mode .bq-profile-fav-pill,
.buyaca-business-profile.bq-light-mode .bq-profile-fav-pill-btn,
.buyaca-business-profile.bq-light-mode .bq-profile-fav-pill-count {
background: transparent;
color: #fff;
}
.bq-profile-fav-pill:hover {
transform: scale(1.04);
}
.bq-profile-fav-pill-btn {
width: 40px;
height: 40px;
min-width: 40px;
border: none;
background: transparent;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
padding: 0;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
transition: transform var(--bq-motion-fast);
}
.bq-profile-fav-pill-btn:hover {
transform: scale(1.08);
}
.bq-profile-fav-pill-btn:active {
transform: scale(.9);
}
.bq-profile-fav-pill-btn:focus-visible {
outline: 2.5px solid #fff;
outline-offset: -2px;
border-radius: 50%;
}
.bq-profile-fav-pill-btn svg {
pointer-events: none;
fill: none;
stroke: #fff;
}
.bq-profile-fav-pill.is-active .bq-profile-fav-pill-btn svg,
.bq-profile-fav-pill:has(.bq-profile-fav-pill-btn.active) .bq-profile-fav-pill-btn svg,
.bq-profile-fav-pill-btn.active svg {
fill: var(--bq-primary);
stroke: #fff;
}
.bq-profile-fav-pill-count {
font-family: var(--bq-font-body);
font-size: 12.5px;
font-weight: 800;
color: #fff;
line-height: 1;
padding-right: 4px;
white-space: nowrap;
font-variant-numeric: tabular-nums;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
}
.bq-profile-mode-switch {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-42%);
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
z-index: 2;
}
.bq-mode-toggle {
position: relative;
width: 40px;
height: 22px;
border-radius: 999px;
border: none;
padding: 0;
background: var(--bq-line-strong);
cursor: pointer;
flex-shrink: 0;
transition: background var(--bq-motion-fast);
}
.bq-mode-toggle-knob {
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
transition: transform var(--bq-motion-fast);
}
.bq-mode-toggle.is-on {
background: var(--bq-primary);
}
.bq-mode-toggle.is-on .bq-mode-toggle-knob {
transform: translateX(18px);
}
.bq-mode-toggle:focus-visible {
outline: 2.5px solid var(--bq-primary-dark);
outline-offset: 2px;
}
.bq-mode-toggle-label {
font-family: var(--bq-font-body);
font-size: 10px;
font-weight: 700;
letter-spacing: .01em;
color: var(--bq-ink-soft);
white-space: nowrap;
transition: color var(--bq-motion-fast);
}
.bq-mode-toggle.is-on~.bq-mode-toggle-label {
color: var(--bq-primary);
}
.bq-profile-float-cluster .bq-profile-mode-switch {
position: static;
top: auto;
right: auto;
transform: none;
}
.bq-profile-float-cluster .bq-mode-toggle-label {
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
.bq-profile-float-cluster .bq-mode-toggle.is-on~.bq-mode-toggle-label {
color: #fff;
}
.bq-profile-float-cluster .bq-mode-toggle {
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
}
.bq-profile-flag-wrap {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.bq-profile-flag-btn {
width: 34px;
height: 34px;
border-radius: 50%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--bq-surface);
border: 1px solid var(--bq-line-strong);
color: var(--bq-ink-soft);
cursor: pointer;
padding: 0;
transition: color var(--bq-motion-fast), border-color var(--bq-motion-fast), background var(--bq-motion-fast), transform var(--bq-motion-fast);
}
.bq-profile-flag-btn:hover {
color: var(--bq-primary);
border-color: var(--bq-primary);
transform: scale(1.06);
}
.bq-profile-flag-btn:active {
transform: scale(.94);
}
.bq-profile-flag-btn:focus-visible {
outline: 2.5px solid var(--bq-primary-dark);
outline-offset: 2px;
}
.bq-profile-flag-btn.is-active {
background: var(--bq-ink);
border-color: var(--bq-ink);
color: #fff;
}
.bq-profile-flag-btn svg {
pointer-events: none;
}
.bq-profile-kebab-panel {
position: absolute;
top: calc(100% + 8px);
right: 0;
width: 216px;
max-width: calc(100vw - 28px);
z-index: 60;
background: var(--bq-surface);
border: 1px solid var(--bq-line-strong);
border-radius: var(--bq-radius-md);
overflow: hidden;
}
.bq-profile-kebab-role {
display: flex;
align-items: center;
gap: 7px;
padding: 11px 14px;
font-family: var(--bq-font-body);
font-size: 11px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
color: var(--bq-ink-soft);
border-bottom: 1px solid var(--bq-line);
}
.bq-profile-kebab-role svg {
color: var(--bq-primary);
flex-shrink: 0;
}
.bq-profile-kebab-item {
width: 100%;
display: flex;
align-items: center;
gap: 11px;
padding: 13px 14px;
border: none;
background: none;
font-family: var(--bq-font-body);
font-size: 14px;
font-weight: 600;
color: var(--bq-ink);
text-align: left;
cursor: pointer;
transition: background var(--bq-motion-fast);
}
.bq-profile-kebab-item:hover {
background: var(--bq-bg);
}
.bq-profile-kebab-item:focus-visible {
outline: 2.5px solid var(--bq-primary-dark);
outline-offset: -2px;
}
.bq-profile-kebab-item svg {
color: var(--bq-primary);
flex-shrink: 0;
}
.bq-cv2-name-row {
position: relative;
}
.bq-profile-share-btn {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 34px;
height: 34px;
border-radius: 50%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--bq-surface);
border: 1px solid var(--bq-line-strong);
color: var(--bq-ink-soft);
cursor: pointer;
z-index: 2;
padding: 0;
transition: color var(--bq-motion-fast), border-color var(--bq-motion-fast), transform var(--bq-motion-fast);
}
.bq-profile-share-btn:hover {
color: var(--bq-primary);
border-color: var(--bq-primary);
transform: translateY(-50%) scale(1.06);
}
.bq-profile-share-btn:active {
transform: translateY(-50%) scale(.94);
}
.bq-profile-share-btn:focus-visible {
outline: 2.5px solid var(--bq-primary-dark);
outline-offset: 2px;
}
.bq-cv2-cta--whatsapp {
gap: 8px;
}
.bq-cv2-cta--whatsapp svg {
flex-shrink: 0;
}
.buyaca-business-profile .bq-cv2-tabs {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 30px !important;
padding: 6px 30px !important;
margin: 10px auto !important;
width: fit-content !important;
max-width: min(560px, calc(100% - 48px)) !important;
background: var(--bq-surface) !important;
border-bottom: none !important;
border-radius: 14px !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
position: relative !important;
top: auto !important;
z-index: auto !important;
overflow-x: auto !important;
scrollbar-width: none !important;
}
.buyaca-business-profile .bq-cv2-tabs::-webkit-scrollbar {
display: none !important;
}
@media (max-width: 767px) {
.buyaca-business-profile .bq-cv2-tabs {
max-width: calc(100% - 24px) !important;
}
}
.buyaca-business-profile.bq-admin-mode-on .bq-cv2-tabs {
justify-content: flex-start !important;
}
.buyaca-business-profile.buyaca-app:not(.bq-light-mode) .bq-cv2-tabs {}
@media (min-width: 1024px) {
.buyaca-business-profile .bq-cv2-tabs {
max-width: 1080px !important;
width: 100% !important;
justify-content: flex-start !important;
}
}
.buyaca-business-profile .bq-cv2-tab {
flex: 0 0 auto !important;
min-width: max-content !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 10px 14px !important;
background: transparent !important;
border: none !important;
border-radius: var(--bq-radius-sm) !important;
color: var(--bq-ink-faint) !important;
font-weight: 600 !important;
font-size: 13px !important;
white-space: nowrap !important;
transition: background .18s ease, color .18s ease !important;
}
.buyaca-business-profile .bq-cv2-tab svg {
width: 15px !important;
height: 15px !important;
stroke: currentColor !important;
color: currentColor !important;
}
.buyaca-business-profile .bq-cv2-tab:hover:not(.active) {
color: var(--bq-ink) !important;
}
.buyaca-business-profile .bq-cv2-tab.active {
background: var(--bq-primary-light, #E6EBFF) !important;
color: var(--bq-primary) !important;
}
.buyaca-business-profile .bq-cv2-tab,
.buyaca-business-profile .bq-cv2-cat-pill,
.buyaca-business-profile .bq-view-btn {
-webkit-tap-highlight-color: transparent;
}
.buyaca-business-profile .bq-cv2-tab:active,
.buyaca-business-profile .bq-cv2-tab:focus,
.buyaca-business-profile .bq-cv2-tab:focus-visible,
.buyaca-business-profile .bq-cv2-cat-pill:active,
.buyaca-business-profile .bq-cv2-cat-pill:focus,
.buyaca-business-profile .bq-cv2-cat-pill:focus-visible,
.buyaca-business-profile .bq-view-btn:active,
.buyaca-business-profile .bq-view-btn:focus,
.buyaca-business-profile .bq-view-btn:focus-visible {
outline: none !important;
box-shadow: none !important;
text-decoration: none !important;
border-bottom: none !important;
}
.buyaca-business-profile .bq-cv2-tab.active svg {
color: var(--bq-primary) !important;
stroke: var(--bq-primary) !important;
}
.buyaca-business-profile .bq-cv2-tab .bq-cv2-tab-count {
background: var(--bq-line) !important;
color: var(--bq-ink-soft) !important;
font-size: 10px !important;
font-weight: 700 !important;
padding: 1px 6px !important;
border-radius: 100px !important;
margin-left: 2px !important;
border: none !important;
}
.buyaca-business-profile .bq-cv2-tab.active .bq-cv2-tab-count {
background: var(--bq-primary-light) !important;
color: var(--bq-primary) !important;
}
.buyaca-business-profile.buyaca-app.bq-light-mode .bq-cv2-info,
.buyaca-business-profile.buyaca-app:not(.bq-light-mode) .bq-cv2-info,
.buyaca-business-profile.buyaca-app.bq-light-mode .bq-cv2-tab-content,
.buyaca-business-profile.buyaca-app:not(.bq-light-mode) .bq-cv2-tab-content {
background: transparent !important;
}
.buyaca-business-profile .bq-cv2-product-card {
border: 1px solid var(--bq-line) !important;
background: var(--bq-surface) !important;
overflow: hidden;
transition: box-shadow var(--bq-motion-fast) !important;
}
.buyaca-business-profile .bq-cv2-product-card:hover {
transform: none !important;
}
.buyaca-business-profile .bq-cv2-product-img,
.buyaca-business-profile .bq-cv2-product-img-placeholder {
border-radius: 0 !important;
}
.buyaca-business-profile .bq-cv2-product-body {
padding: 10px 11px 12px !important;
}
.buyaca-business-profile .bq-cv2-product-name,
.buyaca-business-profile .bq-cv2-product-name--minimal {
font-family: var(--bq-font-display);
font-size: 13px !important;
font-weight: 700 !important;
color: var(--bq-ink) !important;
line-height: 1.3 !important;
}
.buyaca-business-profile .bq-cv2-product-desc,
.buyaca-business-profile .bq-cv2-product-cat-label,
.buyaca-business-profile .bq-cv2-product-attr {
font-size: 11.5px !important;
color: var(--bq-ink-soft) !important;
}
.buyaca-business-profile .bq-cv2-product-price {
font-family: var(--bq-font-display);
font-size: 14px !important;
font-weight: 700 !important;
color: var(--bq-primary) !important;
}
.buyaca-business-profile .bq-cv2-product-regular {
color: var(--bq-ink-faint) !important;
}
.buyaca-business-profile .bq-cv2-product-disc {
background: #14151A !important;
color: #fff !important;
}
.buyaca-business-profile .bq-cv2-prodstars-num {
color: var(--bq-ink) !important;
font-weight: 700 !important;
}
.buyaca-business-profile .bq-cv2-prodstars-cnt {
color: var(--bq-ink-soft) !important;
font-weight: 400 !important;
}
.buyaca-business-profile .bq-cv2-cat-pill,
.buyaca-business-profile .bq-cv2-filter-select {
border-radius: 999px !important;
border: 1px solid var(--bq-line-strong) !important;
background-color: var(--bq-surface) !important;
color: var(--bq-ink-soft) !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.buyaca-business-profile .bq-cv2-cat-pill.active {
background: var(--bq-primary) !important;
border-color: var(--bq-primary) !important;
color: #fff !important;
}
.buyaca-business-profile .bq-view-btn {
border-radius: 8px !important;
color: var(--bq-ink-faint) !important;
}
.buyaca-business-profile .bq-view-btn.active {
background: var(--bq-primary-light, #E6EBFF) !important;
color: var(--bq-primary) !important;
}
.buyaca-business-profile .bq-ds-sheet {
background: var(--bq-surface) !important;
border-radius: 20px 20px 0 0 !important;
}
.buyaca-business-profile .bq-ds-handle {
background: var(--bq-line-strong) !important;
}
.buyaca-business-profile .bq-ds-title,
.buyaca-business-profile .bq-ds-title-main {
font-family: var(--bq-font-display);
color: var(--bq-ink) !important;
}
.buyaca-business-profile .bq-ds-save-btn {
background: var(--bq-primary) !important;
color: #fff !important;
border-radius: 10px !important;
font-weight: 700 !important;
height: 42px !important;
font-size: 13.5px !important;
}
.buyaca-business-profile .bq-vc-card {
background: var(--bq-surface) !important;
border: 1px solid var(--bq-line) !important;
border-radius: var(--bq-radius-md) !important;
padding: 14px !important;
margin-bottom: 10px !important;
}
.buyaca-business-profile .bq-vc-card-title {
font-family: var(--bq-font-body);
font-size: 12.5px !important;
font-weight: 700 !important;
color: var(--bq-ink) !important;
margin-bottom: 10px !important;
}
.buyaca-business-profile .bq-vc-sw {
border-radius: 50% !important;
border: 2px solid var(--bq-surface) !important;
width: 26px !important;
height: 26px !important;
}
.buyaca-business-profile .bq-vc-sw.active {}
.buyaca-business-profile .bq-vc-hex-input {
border: 1px solid var(--bq-line-strong) !important;
border-radius: 8px !important;
background: var(--bq-bg) !important;
color: var(--bq-ink) !important;
font-size: 12.5px !important;
height: 34px !important;
}
.buyaca-business-profile .bq-vc-range {
accent-color: var(--bq-primary) !important;
}
.buyaca-business-profile .bq-vc-range-val {
color: var(--bq-ink-soft) !important;
font-size: 11.5px !important;
font-weight: 600 !important;
}
.buyaca-business-profile .bq-vc-mode-btn,
.buyaca-business-profile .bq-vc-opt {
border: 1px solid var(--bq-line-strong) !important;
background: var(--bq-surface) !important;
color: var(--bq-ink-soft) !important;
border-radius: 9px !important;
font-size: 12px !important;
font-weight: 600 !important;
padding: 8px 12px !important;
}
.buyaca-business-profile .bq-vc-mode-btn.active,
.buyaca-business-profile .bq-vc-opt.active {
background: var(--bq-primary-light, #E6EBFF) !important;
border-color: var(--bq-primary) !important;
color: var(--bq-primary) !important;
}
.buyaca-business-profile .bq-vc-visual-opt {
border: 1px solid var(--bq-line-strong) !important;
border-radius: 10px !important;
background: var(--bq-surface) !important;
}
.buyaca-business-profile .bq-vc-visual-opt.active {
border-color: var(--bq-primary) !important;
background: var(--bq-primary-light, #E6EBFF) !important;
}
.buyaca-business-profile .bq-vc-preview-shape {
background: var(--bq-ink-soft) !important;
}
.buyaca-business-profile .bq-admin-stats-grid {
gap: 10px !important;
}
.buyaca-business-profile .bq-admin-stat-card {
background: var(--bq-surface) !important;
border: 1px solid var(--bq-line) !important;
border-radius: var(--bq-radius-sm) !important;
padding: 14px !important;
}
.buyaca-business-profile .bq-admin-stat-icon {
background: var(--bq-primary-light, #E6EBFF) !important;
color: var(--bq-primary) !important;
border-radius: 10px !important;
}
.buyaca-business-profile .bq-admin-stat-value {
font-family: var(--bq-font-display);
color: var(--bq-ink) !important;
font-weight: 700 !important;
}
.buyaca-business-profile .bq-admin-stat-label {
color: var(--bq-ink-soft) !important;
font-size: 11.5px !important;
}
.buyaca-business-profile .bq-stats-quick-range button {
border: 1px solid var(--bq-line-strong) !important;
background: var(--bq-surface) !important;
color: var(--bq-ink-soft) !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.buyaca-business-profile .bq-stats-quick-range button.active {
background: var(--bq-primary) !important;
border-color: var(--bq-primary) !important;
color: #fff !important;
}
.buyaca-business-profile .buyaca-form-section-title {
font-family: var(--bq-font-display);
color: var(--bq-ink) !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.buyaca-business-profile .buyaca-form-label {
color: var(--bq-ink-soft) !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.buyaca-business-profile .buyaca-form-input,
.buyaca-business-profile .buyaca-form-select,
.buyaca-business-profile .buyaca-form-textarea {
border: 1px solid var(--bq-line-strong) !important;
border-radius: 10px !important;
background: var(--bq-surface) !important;
color: var(--bq-ink) !important;
}
.buyaca-business-profile .buyaca-form-input:focus,
.buyaca-business-profile .buyaca-form-select:focus,
.buyaca-business-profile .buyaca-form-textarea:focus {
border-color: var(--bq-primary) !important;
}
.buyaca-business-profile .buyaca-form-counter {
color: var(--bq-ink-faint) !important;
font-size: 11px !important;
}
.buyaca-business-profile .bq-upload-area {
border: 1.5px dashed var(--bq-line-strong) !important;
border-radius: var(--bq-radius-md) !important;
background: var(--bq-bg) !important;
}
.buyaca-business-profile .bq-upload-btn {
background: var(--bq-ink) !important;
color: #fff !important;
border-radius: 9px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
}
.bq-prod-form-modal {
border-radius: var(--bq-radius-lg) !important;
background: var(--bq-surface) !important;
}
.bq-prod-form-modal>div:first-child {
background: var(--bq-surface) !important;
border-bottom-color: var(--bq-line) !important;
}
.bq-prod-form-modal>div:first-child h3 {
font-family: var(--bq-font-display);
color: var(--bq-ink) !important;
}
.bq-prod-form-modal>div:first-child button {
width: 32px;
height: 32px;
display: flex !important;
align-items: center;
justify-content: center;
border-radius: 50% !important;
background: rgba(128, 128, 128, .14) !important;
border: 1px solid rgba(128, 128, 128, .22) !important;
color: var(--bq-ink-soft) !important;
font-size: 15px !important;
transition: background .15s ease, transform .15s ease;
}
.bq-prod-form-modal>div:first-child button:hover {
background: rgba(128, 128, 128, .24) !important;
transform: scale(1.06);
}
.bq-prod-form-modal>div:first-child button:active {
transform: scale(.94);
}
.bq-price-wrap.bq-price-flex {
display: flex;
align-items: center;
border: 1.5px solid var(--bq-border, rgba(128, 128, 128, .25));
border-radius: 10px;
background: var(--bq-bg-card, #fff);
transition: border-color .15s ease, box-shadow .15s ease;
}
.bq-price-wrap.bq-price-flex:focus-within {
border-color: var(--bq-primary, #3A59EF);
box-shadow: 0 0 0 3px var(--bq-primary-light, rgba(58, 89, 239, .12));
}
.bq-price-wrap.bq-price-flex .bq-price-prefix {
flex: 0 0 auto;
padding: 0 2px 0 14px;
font-weight: 700;
font-size: 15px;
font-family: var(--bq-font-family, 'DM Sans', sans-serif);
color: var(--bq-text-secondary, #94a3b8);
pointer-events: none;
user-select: none;
}
.bq-price-wrap.bq-price-flex .bq-price-input {
flex: 1 1 auto;
width: auto !important;
min-width: 0;
border: none !important;
background: transparent !important;
padding: 11px 14px 11px 4px !important;
box-shadow: none !important;
}
.bq-price-wrap.bq-price-flex .bq-price-input:focus {
border: none !important;
box-shadow: none !important;
}
.bq-prod-form-modal #bq-product-form>div:last-child {
background: linear-gradient(to top, var(--bq-surface) 78%, transparent) !important;
}
.bq-prod-form-modal #bq-product-form>div:last-child .buyaca-btn {
height: 44px !important;
padding: 0 !important;
font-size: 13.5px !important;
font-weight: 700 !important;
border-radius: var(--bq-radius-sm) !important;
}
.bq-prod-form-modal .buyaca-btn-primary {
background: var(--bq-primary) !important;
}
.bq-prod-form-modal #product-img-preview,
.bq-prod-form-modal .bq-status-custom-color-wrap {
border-radius: var(--bq-radius-sm) !important;
}
.bq-prod-form-modal>div:first-child h3 {
display: flex;
align-items: center;
gap: 8px;
}
.bq-prod-form-modal>div:first-child h3::before {
content: '';
width: 26px;
height: 26px;
flex: 0 0 26px;
border-radius: 8px;
background: linear-gradient(135deg, var(--bq-primary), #6C7CFF);
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41 11 3.83A2 2 0 0 0 9.59 3.24H4a1 1 0 0 0-1 1v5.59a2 2 0 0 0 .59 1.41l9.58 9.59a2 2 0 0 0 2.83 0l4.59-4.59a2 2 0 0 0 0-2.83z'/><circle cx='7.5' cy='7.5' r='1.2' fill='white' stroke='none'/></svg>") center/60% no-repeat;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41 11 3.83A2 2 0 0 0 9.59 3.24H4a1 1 0 0 0-1 1v5.59a2 2 0 0 0 .59 1.41l9.58 9.59a2 2 0 0 0 2.83 0l4.59-4.59a2 2 0 0 0 0-2.83z'/><circle cx='7.5' cy='7.5' r='1.2' fill='white' stroke='none'/></svg>") center/60% no-repeat;
}
.bq-prod-form-modal .buyaca-form-label {
text-transform: uppercase !important;
font-size: 11px !important;
letter-spacing: .04em !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
}
.bq-prod-form-modal #product-img-preview {
border: 2px dashed var(--bq-border, rgba(128, 128, 128, .25)) !important;
background: var(--bq-bg-secondary, rgba(128, 128, 128, .06)) !important;
transition: border-color .15s ease, background .15s ease;
}
.bq-prod-form-modal .bq-upload-btn {
border-radius: var(--bq-radius-sm) !important;
font-weight: 700 !important;
border-width: 1.5px !important;
}
.bq-prod-form-modal .bq-upload-btn:hover,
.bq-prod-form-modal:has(.bq-upload-btn:hover) #product-img-preview {
border-color: var(--bq-primary) !important;
}
@media (max-width: 480px) {
.buyaca-business-profile .bq-cv2-logo {
bottom: 30px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.bq-profile-fav-pill,
.bq-profile-fav-pill-btn,
.bq-mode-toggle,
.bq-mode-toggle-knob,
.bq-profile-flag-btn,
.bq-profile-kebab-item,
.buyaca-business-profile .bq-cv2-product-card {
transition-duration: 0ms;
}
}
.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; }
}
.buyaca-app .buyaca-bottom-nav {
background: color-mix(in srgb, var(--bq-page-bg, #FDFCFB) 96%, transparent) !important;
border-top: 1px solid var(--bq-line, #E7E8EC) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding-top: 5px !important;
padding-bottom: max(5px, env(safe-area-inset-bottom, 16px)) !important;
}
.buyaca-app .buyaca-bottom-nav-item,
.buyaca-app .buyaca-bottom-nav-item:not(.active):not([aria-current="page"]) .buyaca-bottom-nav-icon,
.buyaca-app .buyaca-bottom-nav-item:not(.active):not([aria-current="page"]) .buyaca-bottom-nav-label {
color: var(--bq-ink-faint, #9A9DA6) !important;
}
.buyaca-app .buyaca-bottom-nav-item.active,
.buyaca-app .buyaca-bottom-nav-item[aria-current="page"],
.buyaca-app .buyaca-bottom-nav-item.active .buyaca-bottom-nav-icon,
.buyaca-app .buyaca-bottom-nav-item[aria-current="page"] .buyaca-bottom-nav-icon,
.buyaca-app .buyaca-bottom-nav-item.active .buyaca-bottom-nav-label,
.buyaca-app .buyaca-bottom-nav-item[aria-current="page"] .buyaca-bottom-nav-label {
color: var(--bq-brand-text, #2E45C4) !important;
}
.buyaca-app .buyaca-bottom-nav-item.active,
.buyaca-app .buyaca-bottom-nav-item[aria-current="page"] {
background: var(--bq-surface, #fff) !important;
border-radius: var(--bq-radius-sm, 10px) !important;
}
.buyaca-app .buyaca-bottom-nav-item::before,
.buyaca-app .buyaca-bottom-nav-item.active::before,
.buyaca-app .buyaca-bottom-nav-item.active::after { display: none !important; }
.buyaca-app .buyaca-bottom-nav-item.active .buyaca-bottom-nav-icon,
.buyaca-app .buyaca-bottom-nav-item:active { transform: none !important; }
.buyaca-app .buyaca-bottom-nav-label {
font-family: var(--bq-font-body, inherit) !important;
font-size: 10.5px !important;
font-weight: 600 !important;
margin-top: 2px !important;
}
.buyaca-app .buyaca-bottom-nav-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.buyaca-app .buyaca-bottom-nav-icon svg { width: 22px !important; height: 22px !important; }
.buyaca-app .bq-nav-publish-fab {
background: var(--bq-brand, #3A59EF) !important;
border-radius: 14px !important;
border: 3px solid var(--bq-page-bg, #FDFCFB) !important;
}
.buyaca-app .bq-nav-publish-fab::before { display: none !important; }
.buyaca-app .bq-nav-publish:hover .bq-nav-publish-fab { transform: none !important; background: var(--bq-brand-dark, #344FD9) !important; }
.buyaca-app .bq-nav-publish-fab svg { stroke: #fff !important; }
.buyaca-app .bq-nav-publish .buyaca-bottom-nav-label { color: var(--bq-ink-soft, #5B5F6B) !important; }
.buyaca-app .bq-nav-badge {
background: var(--bq-brand, #3A59EF) !important;
color: #fff !important;
}
.buyaca-app .bq-publish-sheet-panel,
.bq-publish-sheet-panel {
background: var(--bq-surface, #fff) !important;
border-radius: 20px 20px 0 0 !important;
}
.bq-publish-sheet-handle { background: var(--bq-line-strong, #DEDFE4) !important; }
.bq-publish-sheet-header h3 { font-family: var(--bq-font-display, inherit) !important; color: var(--bq-text, #14151A) !important; }
.bq-publish-sheet-close { background: var(--bq-page-bg, #FDFCFB) !important; color: var(--bq-ink-soft, #5B5F6B) !important; }
.bq-publish-option,
.buyaca-app .bq-publish-sheet .bq-publish-option {
border: 1px solid var(--bq-line-strong, #DEDFE4) !important;
background: var(--bq-surface, #fff) !important;
border-radius: 14px !important;
transition: border-color 110ms ease-out, background 110ms ease-out !important;
}
.bq-publish-option:hover { border-color: var(--bq-brand, #3A59EF) !important; background: var(--bq-brand-tint, #E6EBFF) !important; }
.bq-publish-option--primary,
.bq-publish-option--cta {
border-color: var(--bq-brand, #3A59EF) !important;
background: var(--bq-brand-tint, #E6EBFF) !important;
}
.bq-publish-option-icon {
background: var(--bq-text, #14151A) !important;
color: #fff !important;
border-radius: 11px !important;
}
.bq-publish-option-title,
.buyaca-app .bq-publish-sheet .bq-publish-option-title,
.bq-publish-option-name,
.buyaca-app .bq-publish-sheet .bq-publish-option-name {
color: var(--bq-text, #14151A) !important;
font-family: var(--bq-font-body, inherit) !important;
}
.bq-publish-option-desc { color: var(--bq-ink-soft, #5B5F6B) !important; }
.bq-publish-option-chev { color: var(--bq-ink-faint, #9A9DA6) !important; }
.bq-publish-section-label { color: var(--bq-text, #14151A) !important; font-family: var(--bq-font-display, inherit) !important; }
.bq-publish-section-hint { color: var(--bq-ink-soft, #5B5F6B) !important; }
.bq-publish-divider { background: var(--bq-line, #E7E8EC) !important; }
.bq-modal-overlay,
.buyaca-app .bq-modal-overlay {
background: rgba(12,12,14,.5) !important;
}
.bq-cart-modal-content,
.bq-catalog-modal-content {
background: var(--bq-surface, #fff) !important;
border-radius: 20px !important;
}
.bq-cart-modal-title { font-family: var(--bq-font-display, inherit) !important; color: var(--bq-text, #14151A) !important; }
.bq-modal-close-btn { background: var(--bq-page-bg, #FDFCFB) !important; color: var(--bq-ink-soft, #5B5F6B) !important; }
@media (prefers-reduced-motion: reduce) {
.buyaca-app .bq-publish-option,
.buyaca-app .buyaca-bottom-nav-item { transition-duration: 0ms !important; }
}
.buyaca-app .bq-app-header {
background: var(--bq-page-bg, #FDFCFB) !important;
border-bottom: 1px solid var(--bq-line, #E7E8EC) !important;
}
.buyaca-app .bq-app-header.bq-header-hidden .bq-header-search-panel {
display: none !important;
}
.buyaca-app .bq-wordmark {
font-family: var(--bq-font-display, inherit) !important;
color: var(--bq-text, #14151A) !important;
}
.buyaca-app .bq-app-header-search-input,
.buyaca-app .bq-autocomplete-input {
background: var(--bq-surface, #fff) !important;
border: 1px solid var(--bq-line-strong, #DEDFE4) !important;
border-radius: 12px !important;
color: var(--bq-text, #14151A) !important;
}
.buyaca-app .bq-app-header-inner {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
grid-template-areas:
"bqhdr-search bqhdr-logo bqhdr-interest"
"bqhdr-panel bqhdr-panel bqhdr-panel"
"bqhdr-chips bqhdr-chips bqhdr-chips" !important;
align-items: center !important;
column-gap: 10px !important;
}
.buyaca-app .bq-header-search-toggle {
grid-area: bqhdr-search !important;
justify-self: start !important;
}
.buyaca-app .bq-header-logo-wrap {
grid-area: bqhdr-logo !important;
justify-self: center !important;
text-align: center !important;
}
.buyaca-app .bq-header-search-panel {
grid-area: bqhdr-panel !important;
width: 100% !important;
position: relative !important;
z-index: 50 !important;
}
.buyaca-app .bq-header-chips-wrap {
grid-area: bqhdr-chips !important;
}
.buyaca-app .bq-header-search-toggle {
width: 42px !important;
height: 42px !important;
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid var(--bq-line-strong, #DEDFE4) !important;
border-radius: 50% !important;
background: var(--bq-surface, #fff) !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
cursor: pointer !important;
padding: 0 !important;
}
.buyaca-app .bq-header-search-toggle:hover {
color: var(--bq-primary, #3A59EF) !important;
border-color: var(--bq-primary, #3A59EF) !important;
}
.buyaca-app .bq-header-search-panel .bq-app-header-search {
width: 100% !important;
background: var(--bq-surface, #fff) !important;
border: 1px solid var(--bq-line-strong, #DEDFE4) !important;
border-radius: var(--bq-radius-pill, 999px) !important;
}
.buyaca-app .bq-header-search-panel .bq-app-header-search-icon {
color: var(--bq-ink-soft, #5B5F6B) !important;
}
.buyaca-app .bq-home-filter-pill,
.buyaca-app .bq-home-filter-select {
background: var(--bq-surface, #fff) !important;
border: 1px solid var(--bq-line-strong, #DEDFE4) !important;
border-radius: 999px !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
font-family: var(--bq-font-body, inherit) !important;
font-weight: 600 !important;
}
.buyaca-app .bq-home-filter-pill.active,
.buyaca-app .bq-home-filter-pill[aria-selected="true"] {
background: transparent !important;
border-color: var(--bq-line-strong, #DEDFE4) !important;
color: var(--bq-brand, #3A59EF) !important;
}
.buyaca-app .bq-near-me-pill,
.buyaca-app .bq-near-me-pill.active {
background: var(--bq-brand, #3A59EF) !important;
border: 1px solid var(--bq-brand, #3A59EF) !important;
color: #fff !important;
font-family: var(--bq-font-body, inherit) !important;
font-weight: 700 !important;
}
.buyaca-app .bq-near-me-pill svg {
color: #fff !important;
}
.buyaca-app .bq-recomendados-zone .bq-home-section-title,
.buyaca-app .bq-home-section-title {
font-family: 'Roboto', var(--bq-font-display, inherit) !important;
color: var(--bq-text, #14151A) !important;
font-weight: 600 !important;
margin: 10px 0px 10px 0px;
}
.buyaca-app .bq-temu-carousel-wrap {
margin: 14px 16px 16px !important;
position: relative;
}
@media (min-width: 768px) {
.buyaca-app .bq-temu-carousel-wrap {
margin: 14px auto 16px !important;
max-width: 1200px !important;
}
}
.buyaca-app .bq-temu-carousel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #14151A;
padding: 0;
-webkit-tap-highlight-color: transparent;
}
.buyaca-app .bq-temu-carousel-arrow:hover {
background: #fff;
}
.buyaca-app .bq-temu-carousel-arrow-prev {
left: 6px;
}
.buyaca-app .bq-temu-carousel-arrow-next {
right: 6px;
}
@media (max-width: 767px) {
.buyaca-app .bq-temu-carousel-arrow {
display: none;
}
}
html body .buyaca-app .bq-banner-section .bq-temu-carousel-wrap {
width: auto !important;
margin: 14px 5px 16px !important;
max-width: none !important;
}
@media (min-width: 768px) {
html body .buyaca-app .bq-banner-section .bq-temu-carousel-wrap {
margin: 14px auto 16px !important;
max-width: 1200px !important;
}
}
.buyaca-app .bq-temu-slider-dots {
position: absolute !important;
left: 50% !important;
bottom: 8px !important;
transform: translateX(-50%) !important;
z-index: 6 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
height: auto !important;
background: rgba(12, 12, 14, .38) !important;
-webkit-backdrop-filter: blur(6px) !important;
backdrop-filter: blur(6px) !important;
border-top: none !important;
border-radius: 999px !important;
padding: 6px 10px !important;
}
.buyaca-app .bq-temu-slider-dots .bq-slider-dot {
width: 22px !important;
height: 4px !important;
border-radius: 3px !important;
background: var(--bq-line-strong, #DEDFE4) !important;
transition: background-color .25s ease, width .3s cubic-bezier(.22, 1, .36, 1), opacity .25s ease !important;
opacity: .8 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-temu-slider-dots .bq-slider-dot {
background: rgba(255, 255, 255, .18) !important;
}
.buyaca-app .bq-temu-slider-dots .bq-slider-dot.active {
width: 34px !important;
background: var(--bq-brand, #3A59EF) !important;
opacity: 1 !important;
}
.buyaca-app .bq-profile-card {
background: var(--bq-surface, #fff) !important;
border-radius: var(--bq-radius-card, 5px) !important;
border: none !important;
}
.buyaca-app .bq-profile-card:hover {
transform: none !important;
}
.buyaca-app .bq-profile-card .bq-cv2-name,
.buyaca-app .bq-profile-card-name {
font-family: var(--bq-font-display, inherit) !important;
color: var(--bq-text, #14151A) !important;
}
.buyaca-app .bq-profile-card-desc {
color: var(--bq-ink-soft, #5B5F6B) !important;
}
.buyaca-app .bq-profile-card-rating {
color: var(--bq-text, #14151A) !important;
font-weight: 700 !important;
}
.buyaca-app .bq-cta-register-card {
background: var(--bq-brand-tint, #E6EBFF) !important;
border-radius: 16px !important;
border: 1px solid #FFDCC6 !important;
}
.buyaca-app .bq-cta-register-btn {
background: var(--bq-brand, #3A59EF) !important;
color: #fff !important;
border-radius: 12px !important;
font-weight: 700 !important;
}
.buyaca-app .bq-catcarrusel-title {
font-family: var(--bq-font-display, inherit) !important;
font-size: 12.5px !important;
font-weight: 700 !important;
color: var(--bq-text, #14151A) !important;
text-transform: uppercase;
letter-spacing: .04em;
}
.buyaca-app .bq-catcar-track {
background: transparent !important;
border-radius: 0 !important;
padding: 2px 2px 4px !important;
gap: 8px !important;
}
.buyaca-app .bq-catpill {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
padding: 8px 16px !important;
border-radius: 999px !important;
border: 1.5px solid var(--bq-line-strong, #DEDFE4) !important;
background: var(--bq-surface, #fff) !important;
cursor: pointer !important;
transition: background-color .15s ease, border-color .15s ease, color .15s ease !important;
}
.buyaca-app .bq-catpill:hover {
border-color: var(--bq-brand, #3A59EF) !important;
}
.buyaca-app .bq-catpill-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 16px !important;
height: 16px !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
flex-shrink: 0 !important;
}
.buyaca-app .bq-catpill-icon svg,
.buyaca-app .bq-catpill-icon i {
width: 16px !important;
height: 16px !important;
font-size: 15px !important;
}
.buyaca-app .bq-catpill-icon img {
width: 16px !important;
height: 16px !important;
border-radius: 4px !important;
object-fit: cover !important;
}
.buyaca-app .bq-catpill-ph {
font-size: 11px !important;
font-weight: 800 !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
}
.buyaca-app .bq-catpill-name {
font-family: var(--bq-font-body, inherit) !important;
font-size: 13px !important;
font-weight: 600 !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
}
.buyaca-app .bq-catpill.is-active {
background: var(--bq-brand-tint, #E6EBFF) !important;
border-color: var(--bq-brand, #3A59EF) !important;
}
.buyaca-app .bq-catpill.is-active .bq-catpill-icon,
.buyaca-app .bq-catpill.is-active .bq-catpill-ph,
.buyaca-app .bq-catpill.is-active .bq-catpill-name {
color: var(--bq-brand-text, #2E45C4) !important;
}
.buyaca-app .bq-catmodal-tab,
.buyaca-app .bq-catchip {
text-align: center !important;
}
.bq-loc-modal__card {
background: var(--bq-surface, #fff) !important;
border-radius: 18px !important;
}
.bq-loc-modal__title {
font-family: var(--bq-font-display, inherit) !important;
color: var(--bq-text, #14151A) !important;
}
.bq-loc-modal__item:hover {
background: var(--bq-brand-tint, #E6EBFF) !important;
color: var(--bq-brand-text, #2E45C4) !important;
}
@media (prefers-reduced-motion: reduce) {
.buyaca-app .bq-profile-card {
transition-duration: 0ms !important;
}
}
#bq-catalog-modal .bq-catalog-modal-content {
background: var(--bq-surface, #fff) !important;
}
@media (min-width: 641px) {
#bq-catalog-modal .bq-catalog-modal-content {
border-radius: 18px !important;
}
}
#bq-catalog-modal .bq-slider-slide-image { background: var(--bq-page-bg, #FDFCFB) !important; }
#bq-catalog-modal .bq-slider-arrow {
background: var(--bq-scrim, rgba(12,12,14,.38)) !important;
color: #fff !important;
width: 34px !important; height: 34px !important;
border-radius: 50% !important;
}
#bq-catalog-modal .bq-slider-dot { background: rgba(255,255,255,.5) !important; }
#bq-catalog-modal .bq-slider-dot.active,
#bq-catalog-modal .bq-slider-dot[aria-current="true"] { background: #fff !important; }
#bq-catalog-modal .bq-cat-img-counter,
#bq-catalog-modal .bq-zoom-btn {
background: var(--bq-scrim, rgba(12,12,14,.38)) !important;
border-radius: 999px !important;
color: #fff !important;
}
#bq-catalog-modal .bq-slider-slide-body { padding: 16px 18px 4px !important; }
#bq-catalog-modal .bq-qv-topinfo {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 10px !important;
margin-bottom: 8px !important;
}
#bq-catalog-modal .bq-qv-biz-mini {
display: flex !important;
align-items: center !important;
gap: 7px !important;
min-width: 0;
}
#bq-catalog-modal .bq-qv-biz-mini-logo {
width: 26px !important;
height: 26px !important;
border-radius: 50% !important;
object-fit: cover !important;
flex: 0 0 auto !important;
border: 1px solid var(--bq-line, #E7E8EC) !important;
background: var(--bq-bg-elevated, #F3F4F6) !important;
}
#bq-catalog-modal .bq-qv-biz-mini-logo--empty {
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
}
#bq-catalog-modal .bq-qv-biz-mini-text { min-width: 0; }
#bq-catalog-modal .bq-qv-biz-mini-name {
font-size: 11.5px !important;
font-weight: 700 !important;
color: var(--bq-text, #14151A) !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 46vw;
}
#bq-catalog-modal .bq-qv-biz-mini-city {
font-size: 10.5px !important;
font-weight: 500 !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
}
#bq-catalog-modal .bq-qv-biz-mini-dot { opacity: .7; }
#bq-catalog-modal .bq-qv-topinfo-actions {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
gap: 8px !important;
margin: 1px 0 0 !important;
}
#bq-catalog-modal .bq-qv-share-inline {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 26px !important;
height: 26px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
border-radius: 50% !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
cursor: pointer;
transition: color .15s ease, background .15s ease;
}
#bq-catalog-modal .bq-qv-share-inline:hover {
color: var(--bq-primary, #3A59EF) !important;
background: rgba(58,89,239,.08) !important;
}
#bq-catalog-modal .bq-qv-share-inline.is-shared { color: var(--bq-primary, #3A59EF) !important; }
#bq-catalog-modal .bq-qv-topinfo-divider {
width: 1px !important;
height: 14px !important;
flex: 0 0 auto !important;
background: var(--bq-line, #E7E8EC) !important;
}
.buyaca-app:not(.bq-light-mode) #bq-catalog-modal .bq-qv-topinfo-divider { background: rgba(255,255,255,.14) !important; }
#bq-catalog-modal .bq-qv-fav-count {
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
flex: 0 0 auto !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
font-size: 11px !important;
font-weight: 600 !important;
white-space: nowrap;
}
#bq-catalog-modal .bq-qv-fav-count svg { flex: 0 0 auto !important; opacity: .75; }
#bq-catalog-modal .bq-slider-slide-date {
display: flex !important;
align-items: center !important;
flex-wrap: wrap;
gap: 4px !important;
font-size: 10px !important;
font-weight: 400 !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
letter-spacing: .01em;
margin-bottom: 3px !important;
}
#bq-catalog-modal .bq-slider-slide-date .bq-qv-date-icon { flex-shrink: 0; opacity: .75; }
#bq-catalog-modal .bq-slider-slide-date .bq-qv-date-sep {
width: 1px; height: 11px;
background: var(--bq-line, #E7E8EC);
flex-shrink: 0;
margin: 0 1px;
}
#bq-catalog-modal .bq-slider-slide-date .bq-qv-crumb {
color: var(--bq-primary, #3A59EF) !important;
font-size: 10px !important;
font-weight: 600 !important;
text-decoration: underline;
}
#bq-catalog-modal .bq-slider-slide-date .bq-qv-crumb-link {
cursor: pointer;
background: none;
border: none;
padding: 0;
font: inherit;
-webkit-tap-highlight-color: transparent;
}
#bq-catalog-modal .bq-slider-slide-date .bq-qv-crumb-link:hover,
#bq-catalog-modal .bq-slider-slide-date .bq-qv-crumb-link:active {
opacity: .75;
}
#bq-catalog-modal .bq-slider-slide-date .bq-qv-crumb-dot { opacity: .7; }
#bq-catalog-modal .bq-modal-rating-only,
#bq-catalog-modal .bq-modal-rating-num { color: var(--bq-text, #14151A) !important; font-weight: 700 !important; }
#bq-catalog-modal .bq-modal-rating-cnt { color: var(--bq-ink-soft, #5B5F6B) !important; font-weight: 400 !important; }
#bq-catalog-modal .bq-slider-slide-name {
font-family: var(--bq-font-display, inherit) !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--bq-text, #14151A) !important;
margin: 6px 0 4px !important;
}
#bq-catalog-modal .bq-qv-name-tag {
display: inline-block;
vertical-align: middle;
color: #fff !important;
font-size: 10px !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: .03em;
padding: 2px 8px !important;
border-radius: 999px !important;
margin-left: 4px;
}
#bq-catalog-modal .bq-slider-slide-price {
font-family: var(--bq-font-display, inherit) !important;
font-size: 20px !important;
font-weight: 700 !important;
color: var(--bq-primary, #3A59EF) !important;
}
#bq-catalog-modal .bq-slider-slide-regular { color: var(--bq-ink-faint, #9A9DA6) !important; font-size: 14px !important; }
#bq-catalog-modal .bq-slider-slide-disc {
background: #14151A !important;
color: #fff !important;
font-size: 11px !important;
border-radius: 999px !important;
padding: 2px 8px !important;
}
#bq-catalog-modal .bq-qv-card {
background: #F3F4F6 !important;
border: 1px solid var(--bq-line, #E7E8EC) !important;
border-radius: 12px !important;
padding: 12px 14px !important;
margin: 10px 0 !important;
}
.buyaca-app:not(.bq-light-mode) #bq-catalog-modal .bq-qv-card {
background: rgba(255,255,255,.05) !important;
border-color: var(--bq-line, #2A2B30) !important;
}
#bq-catalog-modal .bq-qv-card-title {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .03em;
color: var(--bq-primary, #3A59EF) !important;
margin-bottom: 4px !important;
}
#bq-catalog-modal .bq-qv-card-title svg { color: var(--bq-primary, #3A59EF) !important; stroke: var(--bq-primary, #3A59EF) !important; }
#bq-catalog-modal .bq-qv-desc {
font-size: 13.5px !important;
line-height: 1.5 !important;
color: var(--bq-text, #14151A) !important;
}
#bq-catalog-modal .bq-prod-attrs-title {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .03em;
color: var(--bq-primary, #3A59EF) !important;
margin-bottom: 4px !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
#bq-catalog-modal .bq-prod-attrs-title svg { color: var(--bq-primary, #3A59EF) !important; stroke: var(--bq-primary, #3A59EF) !important; }
#bq-catalog-modal .bq-prod-attrs-row { border-color: var(--bq-line, #E7E8EC) !important; padding: 7px 0 !important; }
#bq-catalog-modal .bq-prod-attrs-key { color: var(--bq-ink-soft, #5B5F6B) !important; font-size: 12.5px !important; }
#bq-catalog-modal .bq-prod-attrs-val { color: var(--bq-text, #14151A) !important; font-size: 12.5px !important; font-weight: 600 !important; }
#bq-catalog-modal .bq-cat-cta-row { gap: 8px !important; padding: 10px 18px 14px !important; }
#bq-catalog-modal .buyaca-btn-primary,
#bq-catalog-modal .bq-custom-url-btn {
padding: 0 16px !important;
height: 38px !important;
font-size: 13.5px !important;
font-weight: 700 !important;
border-radius: 10px !important;
background: var(--bq-primary, #3A59EF) !important;
gap: 7px !important;
flex: 1 1 auto !important;
}
#bq-catalog-modal .bq-qv-cta-note {
font-size: 11px !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
padding: 0 18px 12px !important;
}
#bq-catalog-modal .bq-cat-prodnav {
border-top: 1px solid var(--bq-line, #E7E8EC) !important;
padding: 8px 18px !important;
min-height: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
#bq-catalog-modal #bq-prev-product,
#bq-catalog-modal #bq-next-product {
font-size: 11.5px !important;
font-weight: 600 !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
background: none !important;
border: none !important;
padding: 4px 2px !important;
height: auto !important;
}
#bq-catalog-modal #bq-prev-product:hover,
#bq-catalog-modal #bq-next-product:hover { color: var(--bq-primary, #3A59EF) !important; }
#bq-catalog-modal .bq-modal-close-btn {
position: fixed !important;
top: max(14px, env(safe-area-inset-top, 14px)) !important;
right: 14px !important;
left: auto !important;
bottom: auto !important;
float: none !important;
margin: 0 !important;
z-index: 999999 !important;
}
#bq-catalog-modal .bq-modal-fav-btn {
position: static !important;
top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
width: 44px !important;
min-width: 44px !important;
height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
border: 1.5px solid var(--bq-border, rgba(128,128,128,.22)) !important;
background: transparent !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
cursor: pointer;
transition: all .15s ease !important;
}
#bq-catalog-modal .bq-modal-fav-btn svg { stroke-width: 1.8 !important; }
#bq-catalog-modal .bq-modal-fav-btn:hover {
border-color: var(--bq-primary, #3A59EF) !important;
color: var(--bq-primary, #3A59EF) !important;
}
#bq-catalog-modal .bq-modal-fav-btn.active {
border-color: var(--bq-primary, #3A59EF) !important;
background: var(--bq-primary-light, rgba(58,89,239,.08)) !important;
color: var(--bq-primary, #3A59EF) !important;
}
#bq-catalog-modal .bq-cat-prodnav-count {
color: var(--bq-ink-faint, #9A9DA6) !important;
font-size: 11px !important;
font-weight: 600 !important;
}
@media (prefers-reduced-motion: reduce) {
#bq-catalog-modal * { transition-duration: 0ms !important; }
}
#bq-catalog-modal .bq-qv-reviews-section {
margin-top: 14px !important;
padding-top: 12px !important;
border-top: 1px solid var(--bq-line, #E7E8EC) !important;
}
#bq-catalog-modal .bq-qv-reviews-title { margin-bottom: 8px !important; }
#bq-catalog-modal .bq-qv-reviews-loading,
#bq-catalog-modal .bq-qv-reviews-empty {
font-size: 12.5px !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
padding: 6px 0 !important;
}
#bq-catalog-modal .bq-qv-reviews-list {
display: flex;
flex-direction: column;
gap: 12px;
}
#bq-catalog-modal .bq-qv-review-item {
display: flex;
gap: 9px;
align-items: flex-start;
}
#bq-catalog-modal .bq-qv-review-avatar {
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
object-fit: cover !important;
flex: 0 0 auto !important;
background: var(--bq-bg-elevated, #F3F4F6) !important;
}
#bq-catalog-modal .bq-qv-review-body { min-width: 0; flex: 1 1 auto; }
#bq-catalog-modal .bq-qv-review-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 8px;
margin-bottom: 2px;
}
#bq-catalog-modal .bq-qv-review-author {
font-size: 12.5px !important;
font-weight: 700 !important;
color: var(--bq-text, #14151A) !important;
}
#bq-catalog-modal .bq-qv-review-time {
font-size: 10.5px !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
flex: 0 0 auto;
}
#bq-catalog-modal .bq-qv-review-comment {
font-size: 12.5px !important;
line-height: 1.5 !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
margin: 4px 0 0 !important;
}
#bq-catalog-modal .bq-qv-reviews-loadmore {
display: block;
width: 100%;
margin: 12px 0 4px !important;
padding: 10px 16px !important;
border: none !important;
border-radius: 10px !important;
font-size: 12.5px !important;
font-weight: 700 !important;
cursor: pointer;
background: linear-gradient(135deg, rgba(58,89,239,.10), rgba(58,89,239,.04)) !important;
color: var(--bq-primary, #3A59EF) !important;
transition: background .15s ease, transform .15s ease;
}
#bq-catalog-modal .bq-qv-reviews-loadmore:hover {
background: linear-gradient(135deg, rgba(58,89,239,.16), rgba(58,89,239,.07)) !important;
transform: translateY(-1px);
}
.buyaca-app:not(.bq-light-mode) #bq-catalog-modal .bq-qv-reviews-loadmore {
background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)) !important;
color: var(--bq-primary, #6C7CFF) !important;
}
.buyaca-app:not(.bq-light-mode) #bq-catalog-modal .bq-qv-reviews-loadmore:hover {
background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.05)) !important;
}
.bq-qv-modal {
background: var(--bq-surface, #fff) !important;
border-radius: 18px !important;
}
.bq-qv-float-btn {
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
background: rgba(0,0,0,.32) !important;
border: none !important;
-webkit-backdrop-filter: blur(6px) !important;
backdrop-filter: blur(6px) !important;
color: #fff !important;
filter: none;
}
.bq-qv-float-btn svg { stroke: #fff !important; fill: none !important; color: #fff !important; }
.bq-qv-float-btn:hover { transform: scale(1.08); }
.bq-qv-slide-img { background: var(--bq-page-bg, #FDFCFB) !important; }
.bq-qv-dot { background: var(--bq-line-strong, #DEDFE4) !important; }
.bq-qv-dot.active { background: var(--bq-brand, #3A59EF) !important; }
.bq-qv-topinfo-actions {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
gap: 8px !important;
margin: 1px 0 0 !important;
}
.bq-qv-share-inline {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 26px !important;
height: 26px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
border-radius: 50% !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
cursor: pointer;
transition: color .15s ease, background .15s ease, transform .15s ease;
}
.bq-qv-share-inline:hover {
color: var(--bq-brand, #3A59EF) !important;
background: rgba(58,89,239,.08) !important;
}
.bq-qv-share-inline.is-shared { color: var(--bq-brand, #3A59EF) !important; }
.bq-qv-topinfo-divider {
width: 1px !important;
height: 14px !important;
flex: 0 0 auto !important;
background: var(--bq-line, #E7E8EC) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-qv-topinfo-divider { background: rgba(255,255,255,.14) !important; }
.bq-qv-fav-count {
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
flex: 0 0 auto !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
font-size: 11px !important;
font-weight: 600 !important;
white-space: nowrap;
}
.bq-qv-fav-count svg { flex: 0 0 auto !important; opacity: .75; }
.bq-qv-date {
color: var(--bq-ink-faint, #9A9DA6) !important;
font-size: 11px !important;
}
.bq-qv-date-top {
display: block !important;
font-weight: 400 !important;
letter-spacing: .01em;
margin: 0 0 4px !important;
}
.bq-modal-rating-num { color: var(--bq-text, #14151A) !important; font-weight: 700 !important; }
.bq-modal-rating-cnt { color: var(--bq-ink-soft, #5B5F6B) !important; font-weight: 400 !important; }
.bq-qv-name {
font-family: var(--bq-font-display, inherit) !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--bq-text, #14151A) !important;
margin: 6px 0 4px !important;
}
.bq-qv-price {
font-family: var(--bq-font-display, inherit) !important;
font-size: 20px !important;
font-weight: 700 !important;
color: var(--bq-brand, #3A59EF) !important;
}
.bq-qv-price-regular { color: var(--bq-ink-faint, #9A9DA6) !important; font-size: 14px !important; }
.bq-qv-price-disc {
background: #14151A !important;
color: #fff !important;
font-size: 11px !important;
border-radius: 999px !important;
padding: 2px 8px !important;
}
.bq-qv-card {
background: #F3F4F6 !important;
border: 1px solid var(--bq-line, #E7E8EC) !important;
border-radius: 12px !important;
padding: 12px 14px !important;
}
.buyaca-app:not(.bq-light-mode) .bq-qv-card {
background: rgba(255,255,255,.05) !important;
border-color: var(--bq-line, #2A2B30) !important;
}
.bq-qv-card-title {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .03em;
color: var(--bq-brand, #3A59EF) !important;
}
.bq-qv-card-title svg { color: var(--bq-brand, #3A59EF) !important; stroke: var(--bq-brand, #3A59EF) !important; }
.bq-qv-desc { font-size: 13.5px !important; line-height: 1.5 !important; color: var(--bq-text, #14151A) !important; }
.bq-prod-attrs-title {
color: var(--bq-brand, #3A59EF) !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .03em;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.bq-prod-attrs-title svg { color: var(--bq-brand, #3A59EF) !important; stroke: var(--bq-brand, #3A59EF) !important; }
.bq-prod-attrs-row { border-color: var(--bq-line, #E7E8EC) !important; }
.bq-prod-attrs-key { color: var(--bq-ink-soft, #5B5F6B) !important; font-size: 12.5px !important; }
.bq-prod-attrs-val { color: var(--bq-text, #14151A) !important; font-size: 12.5px !important; font-weight: 600 !important; }
.bq-qv-cta-sticky { padding: 10px 18px 14px !important; }
.bq-qv-cta-btn {
height: 38px !important;
padding: 0 16px !important;
font-size: 13.5px !important;
font-weight: 700 !important;
border-radius: 10px !important;
gap: 7px !important;
}
.bq-qv-cta-btn.is-wa { background: var(--bq-brand, #3A59EF) !important; color: #fff !important; }
.bq-qv-cta-btn.is-url { background: var(--bq-text, #14151A) !important; color: #fff !important; }
.bq-qv-cta-note { font-size: 11px !important; color: var(--bq-ink-faint, #9A9DA6) !important; }
.bq-imgzoom-close,
.bq-imgzoom-nav {
background: var(--bq-scrim, rgba(12,12,14,.38)) !important;
color: #fff !important;
border-radius: 50% !important;
}
.bq-imgzoom-hint,
.bq-imgzoom-counter {
background: var(--bq-scrim, rgba(12,12,14,.38)) !important;
color: #fff !important;
border-radius: 999px !important;
}
.bq-qv-topinfo {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 12px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid var(--bq-line, #E7E8EC) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-qv-topinfo {
border-bottom-color: rgba(255,255,255,.10) !important;
}
.bq-qv-biz-mini {
display: flex !important;
align-items: center !important;
gap: 7px !important;
min-width: 0;
}
.bq-qv-biz-mini-logo-link { display: block; flex: 0 0 auto; line-height: 0; }
.bq-qv-biz-mini-logo {
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
object-fit: cover !important;
flex: 0 0 auto !important;
border: 1px solid var(--bq-line, #E7E8EC) !important;
background: var(--bq-page-bg, #F3F4F6) !important;
}
.bq-qv-biz-mini-city.is-open { text-decoration: none; }
.bq-qv-loc-inline-list {
list-style: none;
margin: 6px 0 0;
padding: 8px 10px;
background: var(--bq-page-bg, #F3F4F6);
border-radius: 10px;
font-size: 11.5px;
color: var(--bq-text, #14151A);
display: flex;
flex-direction: column;
gap: 4px;
max-width: 220px;
}
.bq-qv-biz-mini-logo--empty {
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 12px !important;
font-weight: 800 !important;
color: var(--bq-brand, #3A59EF) !important;
background: rgba(58,89,239,.1) !important;
}
.bq-qv-biz-mini-text { min-width: 0; }
.bq-qv-biz-mini-name {
font-size: 12px !important;
font-weight: 700 !important;
color: var(--bq-text, #14151A) !important;
text-decoration: none !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 46vw;
display: block;
}
.bq-qv-biz-mini-name:hover { text-decoration: underline !important; }
.bq-qv-biz-mini-sub {
display: flex !important;
align-items: center !important;
flex-wrap: wrap;
gap: 4px !important;
font-size: 10.5px !important;
font-weight: 500 !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
margin-top: 1px !important;
}
.bq-qv-biz-mini-city,
.bq-qv-biz-mini-dist {
background: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
color: inherit !important;
font: inherit !important;
font-size: 10.5px !important;
cursor: default;
}
button.bq-qv-biz-mini-city { cursor: pointer; text-decoration: underline; }
.bq-qv-biz-mini-dot { opacity: .7; }
.bq-qv-biz-mini-count { white-space: nowrap; }
.bq-qv-date-top {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
gap: 4px !important;
margin: 3px 0 0 !important;
white-space: nowrap;
flex-wrap: wrap;
}
.bq-qv-date-icon { flex-shrink: 0; opacity: .75; }
.bq-qv-date-sep {
width: 1px;
height: 11px;
background: var(--bq-line, #E7E8EC);
flex-shrink: 0;
margin: 0 1px;
}
.bq-qv-crumb {
color: var(--bq-primary, #3A59EF) !important;
font-size: 11px !important;
font-weight: 600 !important;
text-decoration: underline;
}
.bq-qv-crumb-link {
cursor: pointer;
background: none;
border: none;
padding: 0;
font: inherit;
-webkit-tap-highlight-color: transparent;
}
.bq-qv-crumb-link:hover,
.bq-qv-crumb-link:active {
opacity: .75;
}
.bq-qv-crumb-dot { color: var(--bq-ink-faint, #9A9DA6); font-size: 11px; opacity: .7; }
.bq-qv-name-tag {
display: inline-block;
vertical-align: middle;
color: #fff !important;
font-size: 10px !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: .03em;
padding: 2px 8px !important;
border-radius: 999px !important;
margin-left: 6px;
}
.bq-qv-cta-row { display: flex !important; align-items: stretch !important; gap: 8px !important; }
.bq-qv-cta-row .bq-qv-cta-btn { flex: 1 1 auto !important; }
.bq-qv-cta-btn.is-default {
background: var(--bq-brand, #3A59EF) !important;
color: #fff !important;
}
.bq-qv-fav-badge-cta {
margin-left: 0 !important;
flex: 0 0 52px !important;
width: 52px !important;
justify-content: center !important;
border-radius: 14px !important;
font-size: 11px !important;
gap: 3px !important;
}
.bq-qv-reviews-section {
margin-top: 14px !important;
padding-top: 12px !important;
border-top: 1px solid var(--bq-line, #E7E8EC) !important;
}
.bq-qv-reviews-title {
font-size: 13px !important;
font-weight: 800 !important;
color: var(--bq-text, #14151A) !important;
margin-bottom: 8px !important;
}
.bq-qv-reviews-title span { color: var(--bq-ink-faint, #9A9DA6) !important; font-weight: 500 !important; }
.bq-qv-reviews-loading,
.bq-qv-reviews-empty {
font-size: 12.5px !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
padding: 6px 0 !important;
}
.bq-qv-reviews-list { display: flex; flex-direction: column; gap: 12px; }
.bq-qv-review-item { display: flex; gap: 9px; align-items: flex-start; }
.bq-qv-review-avatar {
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
object-fit: cover !important;
flex: 0 0 auto !important;
background: var(--bq-page-bg, #F3F4F6) !important;
}
.bq-qv-review-body { min-width: 0; flex: 1 1 auto; }
.bq-qv-review-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 2px; }
.bq-qv-review-author { font-size: 12.5px !important; font-weight: 700 !important; color: var(--bq-text, #14151A) !important; }
.bq-qv-review-time { font-size: 10.5px !important; color: var(--bq-ink-faint, #9A9DA6) !important; flex: 0 0 auto; }
.bq-qv-review-comment { font-size: 12.5px !important; line-height: 1.5 !important; color: var(--bq-ink-soft, #5B5F6B) !important; margin: 4px 0 0 !important; }
.bq-qv-reviews-fade {
height: 22px !important;
margin: -6px 0 0 !important;
background: linear-gradient(to bottom, rgba(58,89,239,0), rgba(58,89,239,.08)) !important;
border-radius: 8px !important;
pointer-events: none !important;
}
.buyaca-app:not(.bq-light-mode) .bq-qv-reviews-fade {
background: linear-gradient(to bottom, rgba(108,124,255,0), rgba(108,124,255,.14)) !important;
}
.bq-qv-reviews-loadmore {
display: block;
width: 100%;
margin: 8px 0 4px !important;
padding: 10px 16px !important;
border: none !important;
border-radius: 10px !important;
font-size: 12.5px !important;
font-weight: 700 !important;
cursor: pointer;
background: linear-gradient(135deg, rgba(58,89,239,.10), rgba(58,89,239,.04)) !important;
color: var(--bq-brand, #3A59EF) !important;
transition: background .15s ease, transform .15s ease;
}
.bq-qv-reviews-loadmore:hover {
background: linear-gradient(135deg, rgba(58,89,239,.16), rgba(58,89,239,.07)) !important;
transform: translateY(-1px);
}
.buyaca-app:not(.bq-light-mode) .bq-qv-reviews-loadmore {
background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)) !important;
color: var(--bq-brand, #6C7CFF) !important;
}
.buyaca-app:not(.bq-light-mode) .bq-qv-reviews-loadmore:hover {
background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.05)) !important;
}
@media (prefers-reduced-motion: reduce) {
.bq-qv-modal * { transition-duration: 0ms !important; }
}
.buyaca-business-profile .bq-cv2-info-block,
.buyaca-business-profile .bq-cv2-info-block-content,
.buyaca-business-profile .bq-cv2-info-block-label,
.buyaca-business-profile .bq-cv2-info-block-value,
.buyaca-business-profile .bq-cv2-product-body,
.buyaca-business-profile .bq-cv2-product-name,
.buyaca-business-profile .bq-cv2-product-name--minimal,
.buyaca-business-profile .bq-cv2-product-price,
.buyaca-business-profile .bq-cv2-product-cat-label,
.buyaca-business-profile .bq-cv2-product-attr,
.buyaca-business-profile .bq-cv2-product-date {
text-align: left !important;
}
html[dir="rtl"] .buyaca-business-profile .bq-cv2-info-block,
html[dir="rtl"] .buyaca-business-profile .bq-cv2-info-block-value,
html[dir="rtl"] .buyaca-business-profile .bq-cv2-product-body {
text-align: right !important;
}
.buyaca-business-profile .bq-cv2-cta-spacer {
display: none !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.buyaca-business-profile .bq-cv2-cta-wrap.bq-cta-sticky {
margin: 0 !important;
}
.buyaca-business-profile:has(.bq-cv2-cta-wrap.bq-cta-sticky) .bq-cv2-tab-content {
padding-bottom: 84px !important;
}
@media (max-width: 720px){
.buyaca-business-profile:has(.bq-cv2-cta-wrap.bq-cta-sticky) .bq-cv2-tab-content {
padding-bottom: 92px !important;
}
}
.buyaca-business-profile.bq-admin-mode-on .bq-cv2-tab-content {
padding-bottom: 0 !important;
}
.buyaca-business-profile .bq-cv2-cta,
.buyaca-business-profile .bq-cv2-cta-wrap.bq-cta-sticky .bq-cv2-cta,
.buyaca-business-profile .bq-cv2-cta-wrap.bq-cta-sticky .bq-cv2-cta:hover,
.buyaca-business-profile .bq-cv2-cta-wrap.bq-cta-sticky .bq-cv2-cta:active {
}
.buyaca-business-profile .bq-cv2-cta {
border: 1px solid color-mix(in srgb, var(--bq-primary) 50%, transparent) !important;
transition: transform 0.22s cubic-bezier(0.4,0,0.2,1),
background-color 0.22s ease,
border-color 0.22s ease !important;
}
.buyaca-business-profile .bq-cv2-cta:hover {
transform: translateY(-2px);
border-color: var(--bq-primary, #3A59EF) !important;
}
.buyaca-business-profile .bq-cv2-cta:active {
transform: translateY(0) scale(0.99);
}
.bq-cv2-product-btn,
.bq-cv2-product-btn:hover,
.bq-cv2-product-btn--primary {
}
.bq-cv2-product-btn {
transition: transform 0.2s cubic-bezier(0.4,0,0.2,1),
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease !important;
}
.bq-cv2-product-btn:hover {
transform: translateY(-1px);
}
.bq-cv2-product-card:hover {
transform: translateY(-3px);
}
.bq-camp-piece__body select option:disabled {
color: #9ca3af !important;
font-style: italic;
}
.buyaca-app .bq-filter-select-wrap,
.buyaca-app .bq-app-header .bq-filter-select-wrap,
.buyaca-app .bq-products-header .bq-filter-select-wrap,
.buyaca-app .bq-header-chips-wrap .bq-filter-select-wrap {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
gap: 6px !important;
height: 36px !important;
padding: 0 12px !important;
line-height: 1 !important;
overflow: visible !important;
}
.buyaca-app .bq-filter-select-icon,
.buyaca-app .bq-app-header .bq-filter-select-icon,
.buyaca-app .bq-products-header .bq-filter-select-icon,
.buyaca-app .bq-header-chips-wrap .bq-filter-select-icon {
position: static !important;
left: auto !important; right: auto !important;
top: auto !important; bottom: auto !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
height: 14px !important;
line-height: 1 !important;
vertical-align: middle !important;
pointer-events: none !important;
}
.buyaca-app .bq-filter-select-icon svg,
.buyaca-app .bq-filter-select-icon > * {
width: 14px !important;
height: 14px !important;
display: block !important;
margin: 0 !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
}
.buyaca-app .bq-home-filter-select,
.buyaca-app .bq-home-filter-select:focus,
.buyaca-app .bq-home-filter-select:focus-visible,
.buyaca-app .bq-home-filter-select:active,
.buyaca-app .bq-home-filter-select:hover {
outline: none !important;
border: none !important;
border-color: transparent !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.buyaca-app .bq-filter-select-wrap:focus-within,
.buyaca-app .bq-home-filter-pill:focus,
.buyaca-app .bq-home-filter-pill:focus-visible {
outline: none !important;
}
.buyaca-app .bq-home-filter-pill {
border: none !important;
outline: none !important;
}
.buyaca-app option.bq-opt-pautada { font-weight: normal !important; }
.bq-geo-picker, .bq-geo-picker *,
.bq-geo-picker *::before, .bq-geo-picker *::after { box-sizing: border-box; }
.bq-geo-picker {
--bqg-bg: #ffffff;
--bqg-bg-soft: #f8fafc;
--bqg-bg-hover: #f1f5f9;
--bqg-border: #e5e7eb;
--bqg-border-focus: #3A59EF;
--bqg-text: #0f172a;
--bqg-muted: #64748b;
--bqg-primary: #3A59EF;
--bqg-primary-soft: rgba(58,89,239,0.10);
--bqg-radius: 10px;
--bqg-radius-sm: 8px;
background: var(--bqg-bg);
border: 1px solid var(--bqg-border);
border-radius: var(--bqg-radius);
padding: 12px;
font-family: inherit;
color: var(--bqg-text);
}
.buyaca-app:not(.bq-light-mode) .bq-geo-picker {
--bqg-bg: #1e293b;
--bqg-bg-soft: #0f172a;
--bqg-bg-hover: #334155;
--bqg-border: #334155;
--bqg-text: #f1f5f9;
--bqg-muted: #94a3b8;
}
.bq-geo-picker--dropdown {
padding: 0;
position: relative;
overflow: visible;
background: transparent;
border: none;
}
.bq-geo-trigger {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 12px 14px;
background: var(--bqg-bg);
border: 1px solid var(--bqg-border);
border-radius: var(--bqg-radius);
color: var(--bqg-text);
font: inherit;
font-size: 14px;
font-weight: 500;
cursor: pointer;
text-align: left;
transition: border-color .15s, box-shadow .15s;
}
.bq-geo-trigger:hover {
border-color: var(--bqg-primary);
}
.bq-geo-picker--dropdown.is-open .bq-geo-trigger {
border-color: var(--bqg-primary);
}
.bq-geo-trigger-icon {
flex: 0 0 18px;
width: 18px; height: 18px;
color: var(--bqg-primary);
display: inline-flex;
align-items: center;
justify-content: center;
}
.bq-geo-trigger-icon svg {
width: 16px; height: 16px;
}
.bq-geo-trigger-label {
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bq-geo-trigger-count {
flex: 0 0 auto;
background: var(--bqg-primary);
color: #fff;
font-size: 11.5px;
font-weight: 700;
padding: 2px 8px;
border-radius: 100px;
min-width: 22px;
text-align: center;
}
.bq-geo-trigger-count:empty {
display: none;
}
.bq-geo-trigger-chevron {
flex: 0 0 16px;
color: var(--bqg-muted);
display: inline-flex;
align-items: center;
transition: transform .2s;
}
.bq-geo-trigger-chevron svg {
width: 14px; height: 14px;
}
.bq-geo-picker--dropdown.is-open .bq-geo-trigger-chevron {
transform: rotate(180deg);
color: var(--bqg-primary);
}
.bq-geo-picker--static .bq-geo-trigger {
cursor: default;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-color: transparent;
}
.bq-geo-picker--static .bq-geo-trigger:hover {
border-color: var(--bqg-border);
}
.bq-geo-picker--static.is-open .bq-geo-trigger {
}
.bq-geo-picker--static .bq-geo-trigger-chevron {
display: none;
}
.bq-geo-picker--static .bq-geo-panel {
display: block;
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
animation: none;
}
.bq-geo-picker--static .bq-geo-action-btn--primary {
display: none;
}
.bq-geo-panel {
display: none;
margin-top: 6px;
background: var(--bqg-bg);
border: 1px solid var(--bqg-border);
border-radius: var(--bqg-radius);
padding: 12px;
}
.bq-geo-picker--dropdown.is-open .bq-geo-panel {
display: block;
animation: bqGeoDropdownIn .15s ease-out both;
}
@keyframes bqGeoDropdownIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
.bq-geo-picker--dropdown .bq-geo-summary {
margin-top: 8px;
}
.bq-geo-action-btn--primary {
background: var(--bqg-primary);
color: #fff;
border-color: var(--bqg-primary);
}
.bq-geo-action-btn--primary:hover {
background: #ea5a26;
border-color: #ea5a26;
}
.bq-geo-toolbar {
display: flex; align-items: center; gap: 8px;
margin-bottom: 10px;
}
.bq-geo-search {
flex: 1;
padding: 9px 12px;
border: 1px solid var(--bqg-border);
border-radius: var(--bqg-radius-sm);
font-size: 13px;
background: var(--bqg-bg-soft);
color: var(--bqg-text);
outline: none;
transition: border-color .15s;
}
.bq-geo-search:focus { border-color: var(--bqg-border-focus); }
.bq-geo-actions {
display: flex; gap: 6px;
}
.bq-geo-action-btn {
border: 1px solid var(--bqg-border);
background: var(--bqg-bg);
color: var(--bqg-text);
padding: 8px 12px;
border-radius: var(--bqg-radius-sm);
font-size: 12px; font-weight: 600;
cursor: pointer;
transition: all .15s;
white-space: nowrap;
}
.bq-geo-action-btn:hover { background: var(--bqg-bg-hover); }
.bq-geo-action-btn.is-active {
background: var(--bqg-primary-soft);
border-color: var(--bqg-primary);
color: var(--bqg-primary);
}
.bq-geo-tree {
max-height: 360px;
overflow-y: auto;
border: 1px solid var(--bqg-border);
border-radius: var(--bqg-radius-sm);
background: var(--bqg-bg-soft);
}
.bq-geo-tree::-webkit-scrollbar { width: 8px; }
.bq-geo-tree::-webkit-scrollbar-thumb {
background: var(--bqg-border); border-radius: 4px;
}
.bq-geo-dep {
border-bottom: 1px solid var(--bqg-border);
}
.bq-geo-dep:last-child { border-bottom: none; }
.bq-geo-dep-row {
display: flex; align-items: center; gap: 10px;
padding: 10px 12px;
cursor: pointer;
user-select: none;
transition: background .12s;
}
.bq-geo-dep-row:hover { background: var(--bqg-bg-hover); }
.bq-geo-chevron {
width: 14px; height: 14px;
transition: transform .2s;
color: var(--bqg-muted);
flex-shrink: 0;
}
.bq-geo-dep.is-open > .bq-geo-dep-row .bq-geo-chevron {
transform: rotate(90deg);
}
.bq-geo-dep-name {
flex: 1;
font-weight: 600;
font-size: 13.5px;
}
.bq-geo-dep-count {
font-size: 11px;
color: var(--bqg-muted);
background: var(--bqg-bg);
border: 1px solid var(--bqg-border);
padding: 2px 8px;
border-radius: 100px;
font-weight: 600;
}
.bq-geo-dep-count.has-selection {
color: #fff;
background: var(--bqg-primary);
border-color: var(--bqg-primary);
}
.bq-geo-check {
width: 16px; height: 16px;
border: 1.5px solid var(--bqg-border);
border-radius: 4px;
background: var(--bqg-bg);
flex-shrink: 0;
position: relative;
transition: all .15s;
}
.bq-geo-check.is-checked {
background: var(--bqg-primary);
border-color: var(--bqg-primary);
}
.bq-geo-check.is-checked::after {
content: '';
position: absolute;
left: 4px; top: 1px;
width: 5px; height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.bq-geo-check.is-indeterminate {
background: var(--bqg-primary);
border-color: var(--bqg-primary);
}
.bq-geo-check.is-indeterminate::after {
content: '';
position: absolute;
left: 3px; top: 6.5px;
width: 8px; height: 2px;
background: #fff;
border-radius: 1px;
}
.bq-geo-expand-toggle {
display: none;
align-items: center; gap: 6px;
font-size: 11px;
color: var(--bqg-muted);
cursor: pointer;
user-select: none;
margin-left: 6px;
}
.bq-geo-dep.is-checked > .bq-geo-dep-row .bq-geo-expand-toggle { display: inline-flex; }
.bq-geo-expand-toggle input { margin: 0; cursor: pointer; }
.bq-geo-expand-toggle.is-on { color: var(--bqg-primary); font-weight: 600; }
.bq-geo-cities {
display: none;
padding: 4px 12px 8px 38px;
background: var(--bqg-bg);
border-top: 1px dashed var(--bqg-border);
}
.bq-geo-dep.is-open > .bq-geo-cities { display: block; }
.bq-geo-city-row {
display: flex; align-items: center; gap: 10px;
padding: 6px 8px;
border-radius: var(--bqg-radius-sm);
cursor: pointer;
font-size: 12px;
transition: background .12s;
}
.bq-geo-city-row:hover { background: var(--bqg-bg-hover); }
.bq-geo-city-name { flex: 1; }
.bq-geo-cities-pager {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 8px 2px;
}
.bq-geo-pager-btn {
border: 1px solid var(--bqg-border);
background: var(--bqg-bg);
color: var(--bqg-primary);
font-size: 11.5px;
font-weight: 700;
padding: 5px 10px;
border-radius: 999px;
cursor: pointer;
transition: all .15s;
}
.bq-geo-pager-btn:hover { background: var(--bqg-primary); color: #fff; border-color: var(--bqg-primary); }
.bq-geo-pager-btn--less { color: var(--bqg-muted); }
.bq-geo-summary {
margin-top: 10px;
padding: 10px;
background: var(--bqg-bg-soft);
border: 1px solid var(--bqg-border);
border-radius: var(--bqg-radius-sm);
min-height: 38px;
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}
.bq-geo-summary:empty::before {
content: 'Sin ubicaciones seleccionadas — pauta visible en todo el país';
font-size: 12px;
color: var(--bqg-muted);
font-style: italic;
}
.bq-geo-chip {
display: inline-flex; align-items: center; gap: 6px;
background: var(--bqg-primary-soft);
color: var(--bqg-primary);
padding: 4px 10px;
border-radius: 100px;
font-size: 12px;
font-weight: 600;
}
.bq-geo-chip--dep { background: var(--bqg-primary); color: #fff; }
.bq-geo-chip__close {
background: none; border: none;
color: inherit; cursor: pointer;
font-size: 16px; line-height: 1;
padding: 0; margin-left: 2px;
}
.bq-geo-empty {
padding: 18px; text-align: center;
color: var(--bqg-muted); font-size: 12px;
font-style: italic;
}
@media (max-width: 540px) {
.bq-geo-toolbar { flex-wrap: wrap; }
.bq-geo-search { width: 100%; }
.bq-geo-tree { max-height: 280px; }
}
.buyaca-app .bq-filter-select-wrap,
.buyaca-app .bq-app-header .bq-filter-select-wrap,
.buyaca-app .bq-products-header .bq-filter-select-wrap,
.buyaca-app .bq-header-chips-wrap .bq-filter-select-wrap {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
gap: 7px !important;
height: 36px !important;
padding: 0 12px !important;
line-height: 1 !important;
vertical-align: middle !important;
overflow: visible !important;
width: auto !important;
max-width: max-content !important;
}
.buyaca-app .bq-filter-select-icon,
.buyaca-app .bq-app-header .bq-filter-select-icon,
.buyaca-app .bq-products-header .bq-filter-select-icon,
.buyaca-app .bq-header-chips-wrap .bq-filter-select-icon {
position: static !important;
left: auto !important; right: auto !important;
top: auto !important; bottom: auto !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
height: 14px !important;
line-height: 1 !important;
vertical-align: middle !important;
opacity: 1 !important;
pointer-events: none !important;
}
.buyaca-app .bq-filter-select-icon svg,
.buyaca-app .bq-filter-select-icon > * {
width: 14px !important;
height: 14px !important;
display: block !important;
margin: 0 !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
}
.buyaca-app .bq-home-filter-select,
.buyaca-app .bq-app-header .bq-home-filter-select,
.buyaca-app .bq-products-header .bq-home-filter-select {
height: 36px !important;
line-height: 36px !important;
padding: 0 18px 0 0 !important;
margin: 0 !important;
background-position: right 2px center !important;
background-size: 10px 10px !important;
background-repeat: no-repeat !important;
vertical-align: middle !important;
width: auto !important;
min-width: 0 !important;
max-width: 85px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.buyaca-app .bq-home-filter-select,
.buyaca-app .bq-home-filter-select:focus,
.buyaca-app .bq-home-filter-select:focus-visible,
.buyaca-app .bq-home-filter-select:active,
.buyaca-app .bq-home-filter-select:hover {
outline: none !important;
border: none !important;
border-color: transparent !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.buyaca-app .bq-filter-select-wrap:focus-within,
.buyaca-app .bq-home-filter-pill:focus,
.buyaca-app .bq-home-filter-pill:focus-visible {
outline: none !important;
}
.buyaca-app .bq-app-header .bq-home-filter-pill,
.buyaca-app .bq-products-header .bq-home-filter-pill {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 9px 14px !important;
line-height: 1 !important;
height: 36px !important;
vertical-align: middle !important;
border: none !important;
outline: none !important;
}
.buyaca-app .bq-app-header .bq-home-filter-pill svg,
.buyaca-app .bq-products-header .bq-home-filter-pill svg {
flex: 0 0 auto !important;
width: 13px !important;
height: 13px !important;
vertical-align: middle !important;
display: inline-block !important;
}
.buyaca-app .bq-app-header .bq-home-filters {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
width: max-content;
}
.buyaca-app .bq-app-header .bq-header-chips-wrap,
.buyaca-app #bq-brand-topbar .bq-header-chips-wrap,
.buyaca-app #bq-products-topbar .bq-header-chips-wrap {
overflow-x: auto !important;
overflow-y: visible !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
flex-wrap: nowrap !important;
scroll-snap-type: x proximity;
overscroll-behavior-x: contain;
touch-action: pan-x pan-y !important;
max-height: none !important;
}
.buyaca-app .bq-app-header .bq-header-chips-wrap::-webkit-scrollbar,
.buyaca-app #bq-brand-topbar .bq-header-chips-wrap::-webkit-scrollbar,
.buyaca-app #bq-products-topbar .bq-header-chips-wrap::-webkit-scrollbar {
display: none !important;
height: 0 !important;
}
.bq-home-filter-select.bq-hf-empty option:first-child {
color: #9ca3af !important;
font-style: italic !important;
}
@media (max-width: 480px) {
.buyaca-app .bq-app-header .bq-filter-select-wrap {
padding: 0 10px !important;
gap: 5px !important;
height: 34px !important;
}
.buyaca-app .bq-app-header .bq-home-filter-select {
height: 34px !important;
line-height: 34px !important;
padding-right: 14px !important;
background-size: 9px 9px !important;
font-size: 12.5px !important;
}
.buyaca-app .bq-app-header .bq-home-filter-pill {
gap: 4px !important;
padding: 8px 8px !important;
font-size: 12px !important;
height: 24px !important;
}
.buyaca-app .bq-app-header .bq-home-filters { gap: 0px !important; }
}
.bq-profile-card .bq-profile-card-body { position: relative !important; }
.bq-profile-card .bq-profile-card-rating {
top: 10px !important;
right: 12px !important;
z-index: 4;
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
padding: 3px 8px 3px 7px !important;
background: linear-gradient(135deg, rgba(251,191,36,0.18), rgba(245,158,11,0.16)) !important;
border: 1px solid rgba(245,158,11,0.32) !important;
border-radius: 100px !important;
font-family: 'Inter','Poppins',sans-serif !important;
font-size: 10.5px !important;
font-weight: 700 !important;
color: #b45309 !important;
line-height: 1.2 !important;
letter-spacing: 0.1px;
white-space: nowrap;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.bq-profile-card .bq-profile-card-rating svg:nth-of-type(n+2) { display: none !important; }
.bq-profile-card .bq-profile-card-rating svg:first-of-type {
width: 11px !important; height: 11px !important;
fill: #f59e0b !important; stroke: none !important;
flex-shrink: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
}
.bq-profile-card .bq-profile-card-rating span {
font-size: 10.5px !important;
font-weight: 700 !important;
color: inherit !important;
line-height: 1 !important;
}
.buyaca-app:not(.bq-light-mode) .bq-profile-card .bq-profile-card-rating {
background: linear-gradient(135deg, rgba(245,158,11,0.22), rgba(217,119,6,0.18)) !important;
border-color: rgba(252,211,77,0.35) !important;
color: #fcd34d !important;
}
.bq-profile-card .bq-profile-card-body > div:first-child { padding-right: 64px !important; }
.bq-profile-card .bq-profile-card-footer { justify-content: space-between !important; }
.bq-loc-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.55);
padding: 16px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.bq-loc-modal[x-cloak] { display: none !important; }
.bq-loc-modal__card {
background: #fff;
color: #0f172a;
border-radius: 14px;
width: 100%;
max-width: 380px;
max-height: 70vh;
display: flex;
flex-direction: column;
overflow: hidden;
font-family: 'Inter','Poppins',sans-serif;
}
.buyaca-app:not(.bq-light-mode) .bq-loc-modal__card {
background: #1e293b;
color: #f1f5f9;
}
.bq-loc-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px;
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.buyaca-app:not(.bq-light-mode) .bq-loc-modal__header {
border-bottom-color: rgba(255,255,255,0.08);
}
.bq-loc-modal__title {
margin: 0;
font-size: 15px;
font-weight: 700;
color: inherit;
line-height: 1.2;
}
.bq-loc-modal__close {
background: transparent;
border: none;
cursor: pointer;
padding: 6px;
color: inherit;
opacity: 0.7;
transition: opacity .15s ease;
border-radius: 6px;
}
.bq-loc-modal__close:hover { opacity: 1; background: rgba(0,0,0,0.05); }
.buyaca-app:not(.bq-light-mode) .bq-loc-modal__close:hover { background: rgba(255,255,255,0.06); }
.bq-loc-modal__list {
list-style: none;
margin: 0;
padding: 6px 0;
overflow-y: auto;
flex: 1 1 auto;
}
.bq-loc-modal__item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 18px;
font-size: 13.5px;
font-weight: 500;
color: inherit;
line-height: 1.3;
border-bottom: 1px solid rgba(0,0,0,0.04);
}
.bq-loc-modal__item:last-child { border-bottom: none; }
.buyaca-app:not(.bq-light-mode) .bq-loc-modal__item { border-bottom-color: rgba(255,255,255,0.05); }
.bq-loc-modal__empty {
padding: 24px;
text-align: center;
font-size: 13px;
color: #6b7280;
font-style: italic;
}
html.bq-page-light body .buyaca-app .bq-app-header,
html.bq-page-light body .buyaca-app #bq-brand-topbar,
html.bq-page-light body .buyaca-app #bq-products-topbar,
body .buyaca-app.bq-light-mode .bq-app-header {
--bq-tab-ink: #d4d4d4;
--bq-tab-hover: rgba(17,24,39,.06);
border-radius: 0px 0px 5px 5px;
}
html.bq-page-dark body .buyaca-app .bq-app-header,
html.bq-page-dark body .buyaca-app #bq-brand-topbar,
html.bq-page-dark body .buyaca-app #bq-products-topbar,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header {
--bq-tab-ink: #eef0f4;
--bq-tab-hover: rgba(255,255,255,.10);
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill,
html body .buyaca-app .bq-products-header .bq-home-filter-pill,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap {
background: transparent !important;
background-color: transparent !important;
border: none !important;
border-radius: 5px !important;
color: var(--bq-tab-ink, #1b2030) !important;
transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill,
html body .buyaca-app .bq-products-header .bq-home-filter-pill,
html body .buyaca-app .bq-app-header .bq-home-filter-select,
html body .buyaca-app .bq-products-header .bq-home-filter-select {
color: var(--bq-tab-ink, #1b2030) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill svg,
html body .buyaca-app .bq-products-header .bq-home-filter-pill svg,
html body .buyaca-app .bq-app-header .bq-home-filter-pill svg *,
html body .buyaca-app .bq-products-header .bq-home-filter-pill svg *,
html body .buyaca-app .bq-app-header .bq-filter-select-icon,
html body .buyaca-app .bq-products-header .bq-filter-select-icon,
html body .buyaca-app .bq-app-header .bq-filter-select-icon svg,
html body .buyaca-app .bq-products-header .bq-filter-select-icon svg,
html body .buyaca-app .bq-app-header .bq-filter-select-icon svg *,
html body .buyaca-app .bq-products-header .bq-filter-select-icon svg * {
color: var(--bq-tab-ink, #1b2030) !important;
stroke: var(--bq-tab-ink, #1b2030) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill svg:not([fill="none"]) *,
html body .buyaca-app .bq-products-header .bq-home-filter-pill svg:not([fill="none"]) *,
html body .buyaca-app .bq-app-header .bq-filter-select-icon svg:not([fill="none"]) *,
html body .buyaca-app .bq-products-header .bq-filter-select-icon svg:not([fill="none"]) * {
fill: var(--bq-tab-ink, #1b2030) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-select,
html body .buyaca-app .bq-products-header .bq-home-filter-select,
html body .buyaca-app .bq-header-chips-wrap .bq-home-filter-select,
html.bq-page-light body .buyaca-app .bq-header-chips-wrap .bq-home-filter-select,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-header-chips-wrap .bq-home-filter-select,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-header-chips-wrap .bq-home-filter-select,
body .buyaca-app.bq-light-mode .bq-header-chips-wrap .bq-home-filter-select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: none !important;
background-color: transparent !important;
border: none !important;
color: var(--bq-tab-ink, #1b2030) !important;
padding-right: 18px !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-dropdown .bq-filter-select-wrap,
html body .buyaca-app .bq-products-header .bq-home-filter-dropdown .bq-filter-select-wrap {
position: relative !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-dropdown .bq-filter-select-wrap::after,
html body .buyaca-app .bq-products-header .bq-home-filter-dropdown .bq-filter-select-wrap::after {
content: "" !important;
position: absolute !important;
right: 9px !important;
top: 50% !important;
width: 0 !important; height: 0 !important;
border-left: 4px solid transparent !important;
border-right: 4px solid transparent !important;
border-top: 5px solid var(--bq-tab-ink, #1b2030) !important;
transform: translateY(-40%) !important;
pointer-events: none !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-select option,
html body .buyaca-app .bq-products-header .bq-home-filter-select option {
color: #1f2430 !important;
background: #ffffff !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill:hover:not(.active),
html body .buyaca-app .bq-products-header .bq-home-filter-pill:hover:not(.active),
html body .buyaca-app .bq-app-header .bq-filter-select-wrap:hover:not(.bq-filter-active),
html body .buyaca-app .bq-products-header .bq-filter-select-wrap:hover:not(.bq-filter-active) {
color: var(--bq-tab-ink, #1b2030) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill,
html body .buyaca-app .bq-products-header .bq-home-filter-pill,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap {
position: relative !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill::before,
html body .buyaca-app .bq-products-header .bq-home-filter-pill::before,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap::before,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap::before {
content: "" !important;
position: absolute !important;
left: 12px !important;
right: 12px !important;
bottom: 1px !important;
height: 2.5px !important;
border-radius: 2px !important;
background: var(--bq-primary, #3A59EF) !important;
transform: scaleX(0) !important;
transition: transform .28s cubic-bezier(.34,1.4,.64,1) !important;
pointer-events: none !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap.bq-filter-active,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap.bq-filter-active {
background: transparent !important;
background-color: transparent !important;
color: var(--bq-primary, #3A59EF) !important;
border: none !important;
font-weight: 700 !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active::before,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active::before,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap.bq-filter-active::before,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap.bq-filter-active::before {
transform: scaleX(1) !important;
}
html body .buyaca-app .bq-app-header .bq-filter-select-wrap.bq-filter-active .bq-home-filter-select,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap.bq-filter-active .bq-home-filter-select {
color: var(--bq-primary, #3A59EF) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active svg,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active svg,
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active svg *,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active svg *,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon svg,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon svg,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon svg *,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon svg * {
color: var(--bq-primary, #3A59EF) !important;
stroke: var(--bq-primary, #3A59EF) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active svg:not([fill="none"]) *,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active svg:not([fill="none"]) *,
html body .buyaca-app .bq-app-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon svg:not([fill="none"]) *,
html body .buyaca-app .bq-products-header .bq-filter-select-wrap.bq-filter-active .bq-filter-select-icon svg:not([fill="none"]) * {
fill: var(--bq-primary, #3A59EF) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-dropdown .bq-filter-select-wrap.bq-filter-active::after,
html body .buyaca-app .bq-products-header .bq-home-filter-dropdown .bq-filter-select-wrap.bq-filter-active::after {
border-top-color: var(--bq-primary, #3A59EF) !important;
}
html body .buyaca-app .bq-app-header .bq-near-me-pill::before,
html body .buyaca-app .bq-products-header .bq-near-me-pill::before {
display: none !important;
content: none !important;
opacity: 0 !important;
}
html body .buyaca-app .bq-app-header .bq-app-header-search:focus-within,
html body .buyaca-app .bq-app-header .bq-app-header-search:hover,
html body .buyaca-app .bq-header-chips-wrap .bq-app-header-search:focus-within,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header-search:focus-within,
html.bq-page-light body .buyaca-app .bq-app-header-search:focus-within,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header-search:focus-within,
body .buyaca-app.bq-light-mode .bq-app-header-search:focus-within {
border-color: transparent !important;
outline: none !important;
}
html body .buyaca-app .bq-app-header-search-input:focus,
html body .buyaca-app .bq-app-header .bq-app-header-search-input:focus,
html body .buyaca-app .bq-app-header-search-input:focus-visible {
outline: none !important;
border: none !important;
}
html body .buyaca-app .bq-banner-section,
html body .buyaca-app .bq-app-header + .bq-banner-section,
html body .buyaca-app #bq-brand-topbar + .bq-banner-section,
html body .buyaca-app #bq-brand-topbar ~ .bq-banner-section,
html body .buyaca-app #bq-products-topbar + .bq-banner-section,
html body .buyaca-app #bq-products-topbar ~ .bq-banner-section,
html.bq-page-light body .buyaca-app .bq-banner-section,
html.bq-page-light body .buyaca-app #bq-brand-topbar ~ .bq-banner-section,
html.bq-page-light body .buyaca-app #bq-products-topbar ~ .bq-banner-section,
body .buyaca-app.bq-light-mode .bq-banner-section,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-banner-section,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-brand-topbar ~ .bq-banner-section,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-products-topbar + .bq-banner-section,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-products-topbar ~ .bq-banner-section,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header.bq-products-header + .bq-banner-section,
html.bq-page-dark body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header.bq-products-header ~ .bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-brand-topbar ~ .bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-products-topbar + .bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) #bq-products-topbar ~ .bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header.bq-products-header + .bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header.bq-products-header ~ .bq-banner-section {
background: transparent !important;
background-image: none !important;
border-top: none !important;
}
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;
}
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; }
}
.buyaca-app .bq-header-logo-wrap {
gap: 7px !important;
}
html body .buyaca-app .bq-wordmark,
html body .buyaca-app .bq-wordmark-1,
html .buyaca-app .bq-app-header#bq-brand-topbar .bq-wordmark,
html .buyaca-app .bq-app-header#bq-brand-topbar .bq-wordmark-1,
html .buyaca-app .bq-app-header.bq-products-header .bq-wordmark,
html .buyaca-app .bq-app-header.bq-products-header .bq-wordmark-1 {
color: var(--bq-text, #14151A) !important;
-webkit-text-fill-color: var(--bq-text, #14151A) !important;
}
.bq-brand-mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 7px;
background: linear-gradient(155deg, #4A67F5, var(--bq-brand-dark, #344FD9));
flex-shrink: 0;
}
.bq-brand-mark svg {
display: block;
}
.buyaca-app .bq-header-notif-btn {
grid-area: bqhdr-interest !important;
justify-self: end !important;
width: 42px !important;
height: 42px !important;
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid var(--bq-line-strong, #DEDFE4) !important;
border-radius: 50% !important;
background: var(--bq-surface, #fff) !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
cursor: pointer !important;
padding: 0 !important;
position: relative !important;
}
.buyaca-app .bq-header-notif-btn:hover {
color: var(--bq-brand, #3A59EF) !important;
border-color: var(--bq-brand, #3A59EF) !important;
}
.buyaca-app .bq-notif-nav-badge {
position: absolute;
top: -3px;
right: -3px;
background: var(--bq-brand, #3A59EF);
color: #fff;
font-size: 9px;
font-weight: 700;
min-width: 16px;
height: 16px;
padding: 0 3px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--bq-surface, #fff);
}
.bq-notif-panel[hidden] {
display: none !important;
}
.bq-notif-panel {
position: fixed;
z-index: 100000;
width: min(360px, calc(100vw - 24px));
max-height: min(70vh, 480px);
display: flex;
flex-direction: column;
background: var(--bq-surface, #fff);
color: var(--bq-text, #14151A);
border: 1px solid var(--bq-line, #E7E8EC);
border-radius: 16px;
overflow: hidden;
}
.bq-notif-panel-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 14px;
border-bottom: 1px solid var(--bq-line, #E7E8EC);
font-family: var(--bq-font-display, inherit);
gap: 8px;
}
.bq-notif-panel-head b {
font-size: 14px;
flex-shrink: 0;
}
.bq-notif-panel-actions {
display: flex;
align-items: center;
gap: 10px;
}
.bq-notif-markall,
.bq-notif-clearall {
background: none;
border: none;
color: var(--bq-brand-text, #2E45C4);
font-size: 11px;
font-weight: 700;
cursor: pointer;
padding: 4px;
white-space: nowrap;
}
.bq-notif-clearall {
color: var(--bq-ink-soft, #5B5F6B);
}
.bq-notif-list {
overflow-y: auto;
padding: 4px;
}
.bq-notif-item {
display: flex;
align-items: center;
gap: 6px;
border-radius: 10px;
}
.bq-notif-item:hover {
background: var(--bq-brand-tint, #E6EBFF);
}
.bq-notif-item-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
padding: 10px 4px 10px 10px;
cursor: pointer;
}
.bq-notif-item-title {
font-size: 13px;
font-weight: 700;
color: var(--bq-text, #14151A);
}
.bq-notif-item-msg {
font-size: 12px;
color: var(--bq-ink-soft, #5B5F6B);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bq-notif-item-close {
flex-shrink: 0;
width: 26px;
height: 26px;
margin-right: 6px;
border: none;
background: none;
color: var(--bq-ink-faint, #9A9DA6);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.bq-notif-item-close:hover {
background: var(--bq-line, #E7E8EC);
color: var(--bq-text, #14151A);
}
.bq-notif-empty {
padding: 24px 12px;
text-align: center;
font-size: 12.5px;
color: var(--bq-ink-soft, #5B5F6B);
}
.bq-notif-modal-backdrop {
position: fixed;
inset: 0;
z-index: 100010;
background: rgba(15, 16, 20, .5);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.bq-notif-modal-backdrop[hidden] {
display: none !important;
}
.bq-notif-modal {
position: relative;
width: min(420px, 100%);
max-height: 85vh;
overflow-y: auto;
background: var(--bq-surface, #fff);
color: var(--bq-text, #14151A);
border-radius: 18px;
padding: 26px 24px 22px;
}
.bq-notif-modal-close {
position: absolute;
top: 14px;
right: 14px;
width: 30px;
height: 30px;
border: none;
background: var(--bq-bg, #F5F6F8);
color: var(--bq-ink-soft, #5B5F6B);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.bq-notif-modal-close:hover {
color: var(--bq-text, #14151A);
}
.bq-notif-modal-img {
display: block;
width: 100%;
max-height: 200px;
object-fit: cover;
border-radius: 12px;
margin-bottom: 16px;
}
.bq-notif-modal-title {
font-size: 17px;
font-weight: 800;
margin: 0 32px 8px 0;
}
.bq-notif-modal-msg {
font-size: 14px;
line-height: 1.55;
color: var(--bq-ink-soft, #5B5F6B);
margin: 0 0 20px;
white-space: pre-wrap;
}
.bq-notif-modal-actions {
display: flex;
flex-direction: column;
gap: 10px;
}
.bq-notif-modal-link {
display: block;
text-align: center;
background: var(--bq-brand, #3A59EF);
color: #fff;
font-weight: 700;
font-size: 14px;
padding: 12px;
border-radius: 10px;
text-decoration: none;
}
.bq-notif-modal-read {
background: none;
border: 1px solid var(--bq-line-strong, #DEDFE4);
color: var(--bq-ink-soft, #5B5F6B);
font-weight: 600;
font-size: 13px;
padding: 11px;
border-radius: 10px;
cursor: pointer;
}
.bq-notif-modal-read:hover {
border-color: var(--bq-brand, #3A59EF);
color: var(--bq-brand, #3A59EF);
}
.buyaca-app .bq-app-header,
html.bq-page-light body .buyaca-app .bq-app-header,
html.bq-page-dark body .buyaca-app .bq-app-header,
html .buyaca-app .bq-app-header#bq-brand-topbar,
html .buyaca-app .bq-app-header.bq-products-header,
html .bq-app-header#bq-brand-topbar,
html .bq-app-header.bq-products-header,
html .buyaca-app:not(.bq-light-mode) .bq-app-header#bq-brand-topbar,
html.bq-page-dark .bq-app-header#bq-brand-topbar {
background: transparent !important;
border-bottom: none !important;
}
html.bq-page-light body .buyaca-app .bq-app-header,
html.bq-page-light body .buyaca-app .bq-products-header,
body .buyaca-app.bq-light-mode .bq-app-header {
background: #ffffff !important;
}
.buyaca-app .bq-home-filter-pill,
.buyaca-app .bq-filter-select-wrap,
.buyaca-app .bq-header-search-toggle,
.buyaca-app .bq-header-notif-btn {
-webkit-tap-highlight-color: transparent;
}
.buyaca-app .bq-home-filter-pill:active,
.buyaca-app .bq-home-filter-pill:focus-visible,
.buyaca-app .bq-filter-select-wrap:active,
.buyaca-app .bq-filter-select-wrap:focus-within,
.buyaca-app .bq-header-search-toggle:active,
.buyaca-app .bq-header-search-toggle:focus-visible,
.buyaca-app .bq-header-notif-btn:active,
.buyaca-app .bq-header-notif-btn:focus-visible {
outline: none !important;
box-shadow: none !important;
background: var(--bq-primary-light, rgba(58, 89, 239, 0.12)) !important;
}
html.bq-page-light body .buyaca-app .bq-app-header,
html.bq-page-light body .buyaca-app #bq-brand-topbar,
html.bq-page-light body .buyaca-app #bq-products-topbar,
body .buyaca-app.bq-light-mode .bq-app-header,
html.bq-page-dark body .buyaca-app .bq-app-header,
html.bq-page-dark body .buyaca-app #bq-brand-topbar,
html.bq-page-dark body .buyaca-app #bq-products-topbar,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-app-header {
border-radius: 0 0 18px 18px !important;
}
html.bq-page-light body .buyaca-app .bq-app-header,
html.bq-page-light body .buyaca-app #bq-brand-topbar,
html.bq-page-light body .buyaca-app #bq-products-topbar,
body .buyaca-app.bq-light-mode .bq-app-header {
--bq-tab-ink: var(--bq-ink-soft, #5B5F6B) !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active {
background: var(--bq-brand, #3A59EF) !important;
color: #fff !important;
border-radius: 10px !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active::before,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active::before {
display: none !important;
}
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active svg:not([fill="none"]) *,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active svg:not([fill="none"]) * {
fill: #fff !important;
}
.buyaca-app .bq-header-chips-wrap {
background: var(--bq-surface, #fff) !important;
border: 1px solid var(--bq-line, #E7E8EC);
border-radius: 16px;
margin: 5px 0 0;
}
.buyaca-app .bq-product-status-badge {
background: var(--bq-brand, #3A59EF) !important;
}
html.bq-page-light body .buyaca-app .bq-banner-section,
html.bq-page-light body .buyaca-app .bq-app-header+.bq-banner-section,
html.bq-page-light body .buyaca-app .bq-app-header.bq-products-header+.bq-banner-section,
html.bq-page-light body .buyaca-app .bq-app-header.bq-products-header~.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-products-topbar+.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-products-topbar~.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-brand-topbar+.bq-banner-section,
html.bq-page-light body .buyaca-app #bq-brand-topbar~.bq-banner-section,
body .buyaca-app.bq-light-mode .bq-banner-section {
background: #ffffff !important;
}
html.bq-page-dark body .buyaca-app .bq-banner-section,
html.bq-page-dark body .buyaca-app #bq-products-topbar+.bq-banner-section,
html.bq-page-dark body .buyaca-app #bq-products-topbar~.bq-banner-section,
body .buyaca-app:not(.bq-light-mode):not([class*="bq-light"]) .bq-banner-section {
background: var(--bq-bg, #0d0d0f) !important;
}
.bq-catcarrusel {
position: relative;
}
.bq-catcarrusel-viewall {
position: absolute;
top: 2px;
right: 2px;
display: inline-flex;
align-items: center;
gap: 4px;
background: none;
border: none;
padding: 4px 2px;
font-family: var(--bq-font-body, inherit);
font-size: 12.5px;
font-weight: 700;
color: var(--bq-brand-text, #2E45C4);
cursor: pointer;
}
.buyaca-app .bq-catpill {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
flex: 0 0 auto !important;
white-space: normal !important;
width: 62px !important;
padding: 2px 2px 0 !important;
border-radius: 12px !important;
border: none !important;
background: transparent !important;
}
.buyaca-app .bq-catpill:hover {
background: transparent !important;
}
.buyaca-app .bq-catpill-icon {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
border: 1px solid var(--bq-line, #E7E8EC) !important;
background: var(--bq-surface, #fff) !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
flex-shrink: 0 !important;
}
.buyaca-app .bq-catpill-icon svg,
.buyaca-app .bq-catpill-icon i {
width: 14px !important;
height: 14px !important;
font-size: 13px !important;
opacity: .78;
}
.buyaca-app .bq-catpill-name {
font-size: 10.5px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-align: center !important;
white-space: normal !important;
display: -webkit-box !important;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.buyaca-app .bq-catpill.is-active {
background: transparent !important;
}
.buyaca-app .bq-catpill.is-active .bq-catpill-icon {
background: var(--bq-brand-tint, #E6EBFF) !important;
border-color: var(--bq-brand, #3A59EF) !important;
}
.buyaca-app .bq-pc-iw {
aspect-ratio: 2 / 1;
height: auto;
}
.buyaca-app .bq-pc-name {
font-weight: 400 !important;
}
.buyaca-app .bq-pc-desc {
display: none !important;
}
.buyaca-app .bq-pc-meta-row {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 6px;
margin-top: 2px;
min-width: 0;
}
.buyaca-app .bq-pc-meta-row .bq-pc-loc {
flex-shrink: 1;
min-width: 0;
text-align: right;
}
.buyaca-app .bq-pc-meta-row .bq-pc-rating {
flex-shrink: 0;
}
.buyaca-app .bq-pc-fav,
.buyaca-app .bq-profile-card-heart,
.buyaca-app .bq-temu-fav-heart,
.buyaca-app .buyaca-card-favorite-btn {
background: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
color: #fff !important;
}
.buyaca-app .bq-pc-fav:hover,
.buyaca-app .bq-profile-card-heart:hover,
.buyaca-app .bq-temu-fav-heart:hover,
.buyaca-app .buyaca-card-favorite-btn:hover {
background: none !important;
transform: scale(1.08);
}
.buyaca-app .bq-pc-fav.is-fav,
.buyaca-app .bq-profile-card-heart.active,
.buyaca-app .bq-temu-fav-heart.is-fav,
.buyaca-app .buyaca-card-favorite-btn.active {
background: none !important;
color: var(--bq-brand, #3A59EF) !important;
}
.buyaca-app .bq-profile-card-heart.active svg,
.buyaca-app .buyaca-card-favorite-btn.active svg {
fill: var(--bq-brand, #3A59EF) !important;
}
.buyaca-app .bq-pc-fav {
position: absolute;
top: 0px;
right: 4px;
width: 30px;
height: 30px;
border-radius: 50%;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 2;
}
.buyaca-app .bq-pc-fav svg {
width: 17px;
height: 17px;
}
.buyaca-app .bq-pc-fav-count {
position: absolute;
bottom: -3px;
right: -3px;
min-width: 16px;
height: 16px;
padding: 0 4px;
box-sizing: border-box;
border-radius: 999px;
background: #fff;
color: var(--bq-brand, #3A59EF);
font-size: 9.5px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border: 1.5px solid rgba(0, 0, 0, .06);
}
.buyaca-app .bq-pc-fav.is-fav .bq-pc-fav-count {
background: var(--bq-brand, #3A59EF);
color: #fff;
border-color: var(--bq-brand, #3A59EF);
}
.buyaca-app .bq-profile-card-desc {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: block !important;
max-width: 100%;
}
.buyaca-app .bq-profile-card-banner {
aspect-ratio: 16 / 10 !important;
}
.buyaca-app .bq-profile-card-meta {
position: static !important;
top: auto !important;
left: auto !important;
margin: 4px 0 0 !important;
gap: 5px !important;
}
.buyaca-app .bq-profile-card-body {
padding: 10px 12px 12px !important;
gap: 5px !important;
}
.buyaca-app .bq-profile-card-name {
margin: 0 !important;
}
.buyaca-app .bq-profile-card-desc {
margin: 0 !important;
}
.buyaca-app .bq-profile-card-footer {
margin-top: 4px !important;
padding-top: 0 !important;
border-top: none !important;
}
.bq-fav-tabs {
display: flex;
gap: 8px;
margin-bottom: 20px;
border-bottom: 1px solid var(--bq-line, #E7E8EC);
}
.bq-fav-tab {
display: flex;
align-items: center;
gap: 6px;
background: none;
border: none;
padding: 10px 4px 12px;
margin-right: 14px;
font-family: var(--bq-font-display, inherit);
font-size: 14px;
font-weight: 700;
color: var(--bq-ink-soft, #5B5F6B);
cursor: pointer;
border-bottom: 2.5px solid transparent;
margin-bottom: -1px;
}
.bq-fav-tab.is-active {
color: var(--bq-brand-text, #2E45C4);
border-bottom-color: var(--bq-brand, #3A59EF);
}
.bq-fav-tab-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
line-height: 1;
font-size: 11px;
font-weight: 700;
color: var(--bq-ink-soft, #5B5F6B);
background: var(--bq-line, #E7E8EC);
border-radius: 999px;
padding: 0 6px;
box-sizing: border-box;
}
.bq-fav-tab.is-active .bq-fav-tab-count {
color: #fff;
background: var(--bq-brand, #3A59EF);
}
.bq-fav-section {
margin-bottom: 28px;
}
.bq-fav-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.bq-fav-list .buyaca-business-card-link {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.bq-fav-list .buyaca-business-card-image {
flex: 0 0 52px !important;
width: 52px !important;
height: 52px !important;
border-radius: 9px !important;
}
.bq-fav-list .buyaca-card-favorite-btn {
width: 20px !important;
height: 20px !important;
top: 5px !important;
right: 5px !important;
}
.bq-fav-list .buyaca-card-favorite-btn svg {
width: 11px !important;
height: 11px !important;
}
.bq-fav-list .buyaca-verified-badge {
display: none !important;
}
.bq-fav-list .buyaca-business-card-body {
flex: 1 1 auto !important;
min-width: 0 !important;
padding: 0 !important;
}
.bq-fav-list .buyaca-business-card-category {
font-size: 9.5px !important;
margin-bottom: 1px !important;
}
.bq-fav-list .buyaca-business-card-title {
font-size: 12.5px !important;
margin: 0 0 1px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.bq-fav-list .buyaca-business-card-description,
.bq-fav-list .buyaca-card-barrio {
display: none !important;
}
.bq-fav-list .buyaca-card-address {
font-size: 10px !important;
margin: 0 0 1px !important;
}
.bq-fav-list .buyaca-business-card-footer {
margin-top: 1px !important;
}
.bq-fav-list .buyaca-business-card-rating {
font-size: 10.5px !important;
}
.bq-fav-list .buyaca-business-card-rating svg {
width: 10px !important;
height: 10px !important;
}
.bq-fav-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 12px;
}
.bq-fav-page-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid var(--bq-line, #E7E8EC);
background: var(--bq-surface, #fff);
color: var(--bq-text, #14151A);
cursor: pointer;
transition: border-color .15s ease, color .15s ease;
}
.bq-fav-page-btn:hover:not(:disabled) {
border-color: var(--bq-brand, #3A59EF);
color: var(--bq-brand, #3A59EF);
}
.bq-fav-page-btn:disabled {
opacity: .35;
cursor: default;
}
.bq-fav-page-label {
font-size: 11.5px;
font-weight: 600;
color: var(--bq-ink-soft, #5B5F6B);
}
.buyaca-empty-sm {
padding: 20px 14px;
text-align: center;
background: var(--bq-surface, #fff);
border: 1px solid var(--bq-line, #E7E8EC);
border-radius: 14px;
}
.buyaca-empty-sm .buyaca-empty-text {
font-size: 12.5px;
color: var(--bq-ink-soft, #5B5F6B);
margin: 0;
}
.buyaca-empty-sm .buyaca-empty-icon {
margin-bottom: 8px;
}
.buyaca-app .bq-load-more-btn {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
height: auto !important;
min-width: 0 !important;
padding: 4px 2px !important;
border: none !important;
border-radius: 0 !important;
background: none !important;
color: var(--bq-brand-text, #2E45C4) !important;
font-size: 13px !important;
font-weight: 700 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.buyaca-app .bq-load-more-btn:hover {
color: var(--bq-brand, #3A59EF) !important;
border-color: transparent !important;
}
#bq-fav-popup[hidden] {
display: none !important;
}
#bq-fav-popup.bq-fav-popup-overlay {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(10, 10, 15, .55);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
display: flex;
align-items: flex-end;
justify-content: center;
padding: 0;
font-family: var(--bq-font-family, 'DM Sans', sans-serif);
}
.bq-fav-popup {
width: 100%;
max-width: 640px;
max-height: 82vh;
background: var(--bq-surface, #fff);
color: var(--bq-text, #14151A);
border-radius: 20px 20px 0 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
@media (min-width: 640px) {
#bq-fav-popup.bq-fav-popup-overlay {
align-items: center;
padding: 16px;
}
.bq-fav-popup {
border-radius: 20px;
max-height: 80vh;
}
}
.bq-fav-popup-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 18px;
border-bottom: 1px solid var(--bq-line, #E7E8EC);
flex-shrink: 0;
}
.bq-fav-popup-head b {
font-family: var(--bq-font-display, inherit);
font-size: 16px;
}
.bq-fav-popup-close {
background: none;
border: none;
color: var(--bq-ink-soft, #5B5F6B);
cursor: pointer;
padding: 4px;
display: flex;
}
.bq-fav-popup-close:hover {
color: var(--bq-text, #14151A);
}
.bq-fav-popup-body {
overflow-y: auto;
padding: 14px 18px 20px;
}
.bq-fav-popup-body .bq-fav-tabs {
margin-top: 0;
}
body:has(.buyaca-app.bq-light-mode) #bq-fav-popup {
--bq-text: #1a1a1a;
--bq-text-primary: #1a1a1a;
--bq-text-secondary: #4b5563;
--bq-bg: #f8f9fa;
--bq-bg-secondary: #f3f4f6;
--bq-bg-card: #ffffff;
--bq-bg-elevated: #ffffff;
--bq-bg-surface: #f9fafb;
--bq-border: #e5e7eb;
--bq-border-light: #f3f4f6;
--bq-primary-light: #fff5f2;
}
#bq-fav-popup .buyaca-card-barrio,
#bq-fav-popup .buyaca-business-card-description {
display: none !important;
}
#bq-fav-popup .buyaca-business-card {
border-radius: var(--bq-radius, 14px) !important;
border-color: var(--bq-border) !important;
}
#bq-fav-popup .buyaca-business-card-body {
padding: 12px !important;
}
#bq-fav-popup .buyaca-business-card-title {
font-size: 14px !important;
margin-bottom: 3px !important;
}
.buyaca-app .bq-pc {
height: auto !important;
aspect-ratio: auto !important;
}
.buyaca-app .bq-pc-body {
gap: 4px !important;
}
.buyaca-app .bq-pc-price,
.buyaca-app .bq-pc-name,
.buyaca-app .bq-pc-loc {
margin: 0 !important;
}
.buyaca-app .bq-pc-price-row {
align-items: center !important;
}
.buyaca-app .bq-pc-iw .bq-product-status-badges {
max-width: calc(100% - 44px) !important;
}
.buyaca-app .bq-pc-iw .bq-product-status-badge {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.buyaca-business-profile #sortable-catalog.buyaca-catalog-grid {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding: 2px 0 16px !important;
}
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
border-radius: 16px !important;
padding: 8px 10px !important;
border: 1.5px solid var(--bq-border, rgba(128,128,128,.14)) !important;
background: var(--bq-bg-card) !important;
transition: border-color .16s ease !important;
}
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item:hover {
border-color: var(--bq-primary, #3A59EF) !important;
transform: none !important;
}
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item.sortable-ghost {
opacity: .5 !important;
}
.buyaca-business-profile #sortable-catalog .bq-catalog-drag-handle {
position: static !important;
order: -1 !important;
flex: 0 0 20px !important;
width: 20px !important; height: 36px !important;
background: transparent !important;
border: none !important;
color: var(--bq-ink-faint, #9A9DA6) !important;
}
.buyaca-business-profile #sortable-catalog .bq-catalog-drag-handle:hover {
background: transparent !important;
color: var(--bq-primary, #3A59EF) !important;
transform: none !important;
}
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item-image {
flex: 0 0 56px !important;
width: 56px !important; height: 56px !important;
padding-top: 0 !important;
border-radius: 12px !important;
}
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item-body {
flex: 1 1 auto !important;
min-width: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
}
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item-name {
font-size: 14px !important;
font-weight: 700 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: block !important;
max-width: 100% !important;
}
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item-body > div[style*="font-size:13px"] {
margin-bottom: 0 !important;
font-size: 12.5px !important;
}
.buyaca-business-profile #sortable-catalog .bq-dash-card-actions {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
}
.buyaca-business-profile #sortable-catalog .bq-dash-action-btn {
width: 34px !important; height: 34px !important;
padding: 0 !important;
border-radius: 10px !important;
flex: 0 0 34px !important;
}
.buyaca-business-profile #sortable-catalog .bq-dash-pin-btn {
background: var(--bq-bg-secondary, rgba(128,128,128,.08)) !important;
border: 1.5px solid var(--bq-border, rgba(128,128,128,.16)) !important;
}
.buyaca-business-profile #sortable-catalog .bq-dash-edit-btn {
background: rgba(58,89,239,.1) !important;
color: var(--bq-primary, #3A59EF) !important;
}
.buyaca-business-profile #sortable-catalog .bq-dash-edit-btn:hover {
background: var(--bq-primary, #3A59EF) !important;
color: #fff !important;
transform: none !important;
}
html body .buyaca-app .bq-home-filter-pill.active,
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active,
html body .buyaca-app .bq-header-chips-wrap .bq-home-filter-pill.active {
background: transparent !important;
color: var(--bq-primary, #3A59EF) !important;
border: 1.5px solid var(--bq-primary, #3A59EF) !important;
box-shadow: none !important;
filter: none !important;
-webkit-filter: none !important;
}
html body .buyaca-app .bq-home-filter-pill.active *,
html body .buyaca-app .bq-app-header .bq-home-filter-pill.active *,
html body .buyaca-app .bq-products-header .bq-home-filter-pill.active *,
html body .buyaca-app .bq-header-chips-wrap .bq-home-filter-pill.active * {
box-shadow: none !important;
filter: none !important;
}
.buyaca-business-profile #sortable-catalog .bq-dash-delete-btn {
flex: 0 0 34px !important;
}
@media (max-width: 480px) {
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item { padding: 6px 8px !important; gap: 8px !important; }
.buyaca-business-profile #sortable-catalog .buyaca-catalog-item-image { flex-basis: 48px !important; width: 48px !important; height: 48px !important; }
.buyaca-business-profile #sortable-catalog .bq-dash-action-btn { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
}
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas],
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas]:hover,
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas]:active,
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas]:focus,
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas]:focus-visible {
outline: none !important;
box-shadow: none !important;
border: none !important;
text-decoration: none !important;
text-shadow: none !important;
background-image: none !important;
filter: none !important;
-webkit-filter: none !important;
-webkit-tap-highlight-color: transparent !important;
}
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas]:not(.active) {
color: var(--bq-ink-faint) !important;
}
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas]:not(.active):hover {
color: var(--bq-ink) !important;
}
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas].active {
background: var(--bq-primary-light, #E6EBFF) !important;
color: var(--bq-primary, #3A59EF) !important;
}
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas] svg,
html body .buyaca-business-profile .bq-cv2-tab[data-tab-campanas].active svg {
fill: none !important;
stroke: currentColor !important;
color: currentColor !important;
filter: none !important;
-webkit-filter: none !important;
}
html body .buyaca-app .bq-profile-card {
border-radius: 14px !important;
border: 1px solid var(--bq-line, #E7E8EC) !important;
background: var(--bq-surface, #fff) !important;
overflow: hidden !important;
}
html body .buyaca-app:not(.bq-light-mode) .bq-profile-card {
border-color: rgba(255,255,255,.08) !important;
}
html body .buyaca-app .bq-profile-card-link {
display: flex !important;
flex-direction: column !important;
text-decoration: none !important;
color: inherit !important;
}
html body .buyaca-app .bq-profile-card-banner {
position: relative !important;
width: 100% !important;
aspect-ratio: 16 / 10 !important;
height: auto !important;
overflow: hidden !important;
background: var(--bq-page-bg, #F3F4F6) !important;
}
html body .buyaca-app .bq-profile-card-banner-img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
html body .buyaca-app .bq-profile-card-action.bq-profile-card-heart {
position: absolute !important;
top: 8px !important;
left: 8px !important;
right: auto !important;
bottom: auto !important;
width: 30px !important;
height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
background: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
color: #fff !important;
z-index: 2 !important;
}
html body .buyaca-app .bq-profile-card-heart svg { stroke: #fff !important; fill: none !important; filter: drop-shadow(0 1px 3px rgba(0,0,0,.55)); }
html body .buyaca-app .bq-profile-card-heart.active svg { fill: var(--bq-brand, #3A59EF) !important; stroke: var(--bq-brand, #3A59EF) !important; }
html body .buyaca-app .bq-profile-card-logo-top {
position: absolute !important;
top: 8px !important;
right: 8px !important;
left: auto !important;
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
object-fit: cover !important;
border: 1.5px solid rgba(255,255,255,.85) !important;
background: #fff !important;
box-shadow: 0 1px 4px rgba(0,0,0,.25) !important;
z-index: 2 !important;
}
html body .buyaca-app .bq-profile-card-body {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
padding: 11px 13px 13px !important;
}
html body .buyaca-app .bq-profile-card-cat-row {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 0 1px !important;
}
html body .buyaca-app .bq-profile-card-cat {
color: var(--bq-ink-soft, #5B5F6B) !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: .03em !important;
}
html body .buyaca-app .bq-profile-card-status {
font-size: 11px !important;
font-weight: 700 !important;
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
html body .buyaca-app .bq-profile-card-cat-row:has(.bq-profile-card-cat):has(.bq-profile-card-status) .bq-profile-card-status {
padding-left: 8px !important;
border-left: 1px solid var(--bq-line, #E7E8EC) !important;
}
html body .buyaca-app:not(.bq-light-mode) .bq-profile-card-cat-row .bq-profile-card-status {
border-left-color: rgba(255,255,255,.14) !important;
}
html body .buyaca-app .bq-profile-card-status.open { color: var(--bq-success, #16A34A) !important; }
html body .buyaca-app .bq-profile-card-status.closed { color: var(--bq-ink-faint, #9A9DA6) !important; }
html body .buyaca-app .bq-profile-card-name {
margin: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--bq-text, #14151A) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
text-align: left !important;
}
html body .buyaca-app .bq-profile-card-loc {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
font-size: 11.5px !important;
font-weight: 500 !important;
}
html body .buyaca-app .bq-profile-card-loc svg { flex: 0 0 auto !important; opacity: .8; }
html body .buyaca-app .bq-profile-card-loc-btn {
background: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
color: inherit !important;
font: inherit !important;
font-size: 11.5px !important;
cursor: pointer !important;
text-decoration: underline !important;
}
html body .buyaca-app .bq-profile-card-loc-list {
list-style: none !important;
margin: 6px 0 0 !important;
padding: 8px 10px !important;
background: var(--bq-bg-elevated, #f3f4f6) !important;
border-radius: 10px !important;
font-size: 11px !important;
color: var(--bq-text-primary) !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
text-align: left !important;
}
html body .buyaca-app .bq-profile-card-rating {
display: flex !important;
align-items: center !important;
gap: 2px !important;
margin-top: 3px !important;
font-size: 11px !important;
font-weight: 600 !important;
color: var(--bq-ink-soft, #5B5F6B) !important;
background: none !important;
padding: 0 !important;
}
html body .buyaca-app .bq-profile-card-rating svg { flex: 0 0 auto !important; }
html body .buyaca-app .bq-ad-hero-card {
position: relative !important;
display: block !important;
flex: 0 0 calc((100% - (var(--bq-ad-visible, 1) - 1) * 10px) / var(--bq-ad-visible, 1)) !important;
width: calc((100% - (var(--bq-ad-visible, 1) - 1) * 10px) / var(--bq-ad-visible, 1)) !important;
height: 25vh !important;
min-height: 150px !important;
max-height: 230px !important;
border-radius: 16px !important;
overflow: hidden !important;
cursor: pointer !important;
background: linear-gradient(135deg, #1e1b4b, #312e81) !important;
scroll-snap-align: start;
}
@media (min-width: 1024px) {
html body .buyaca-app .bq-ad-hero-card {
flex: 0 0 calc((100% - (var(--bq-ad-visible, 1) - 1) * 14px) / var(--bq-ad-visible, 1)) !important;
width: calc((100% - (var(--bq-ad-visible, 1) - 1) * 14px) / var(--bq-ad-visible, 1)) !important;
}
}
html body .buyaca-app .bq-ad-hero-media {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
html body .buyaca-app .bq-ad-hero-scrim {
position: absolute !important;
inset: 0 !important;
background: linear-gradient(0deg, rgba(8,8,20,.80) 0%, rgba(8,8,20,.40) 55%, rgba(8,8,20,.08) 80%) !important;
pointer-events: none !important;
}
html body .buyaca-app .bq-ad-hero-content {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 8px !important;
padding: 16px 20px !important;
max-width: 100% !important;
}
@media (min-width: 640px) {
html body .buyaca-app .bq-ad-hero-content { padding: 14px 16px !important; gap: 6px !important; }
}
html body .buyaca-app .bq-ad-hero-badge {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
padding: 5px 11px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.14) !important;
border: 1px solid rgba(255,255,255,.28) !important;
-webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .03em !important;
}
html body .buyaca-app .bq-ad-hero-badge svg { width: 10px !important; height: 10px !important; flex-shrink: 0 !important; }
@media (min-width: 1024px) {
html body .buyaca-app .bq-ad-hero-badge { font-size: 9px !important; padding: 4px 9px !important; }
}
html body .buyaca-app .bq-ad-hero-title {
margin: 0 !important;
color: #fff !important;
font-family: var(--bq-font-display, 'Outfit', 'DM Sans', sans-serif) !important;
font-size: 21px !important;
font-weight: 800 !important;
line-height: 1.18 !important;
letter-spacing: -.01em !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
@media (min-width: 640px) {
html body .buyaca-app .bq-ad-hero-title { font-size: 17px !important; }
}
@media (min-width: 1024px) {
html body .buyaca-app .bq-ad-hero-title { font-size: 15px !important; }
}
html body .buyaca-app .bq-ad-hero-highlight {
color: color-mix(in srgb, var(--bq-primary, #3A59EF) 60%, #fff) !important;
}
html body .buyaca-app .bq-ad-hero-desc {
margin: 0 !important;
color: rgba(255,255,255,.88) !important;
font-size: 12.5px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
@media (min-width: 640px) {
html body .buyaca-app .bq-ad-hero-desc { font-size: 11.5px !important; -webkit-line-clamp: 1 !important; }
}
@media (min-width: 1024px) {
html body .buyaca-app .bq-ad-hero-desc { font-size: 10.5px !important; }
}
html body .buyaca-app .bq-ad-hero-cta {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin-top: 2px !important;
padding: 9px 18px !important;
border-radius: 999px !important;
background: #fff !important;
color: #0f172a !important;
font-size: 12.5px !important;
font-weight: 800 !important;
text-decoration: none !important;
transition: transform .18s ease, box-shadow .18s ease !important;
}
@media (min-width: 1024px) {
html body .buyaca-app .bq-ad-hero-cta { padding: 7px 14px !important; font-size: 11.5px !important; }
}
html body .buyaca-app .bq-ad-hero-cta:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
}
html body .buyaca-app .bq-ad-hero-cta svg { flex-shrink: 0 !important; }
html body .buyaca-app .bq-temu-slider-dots .bq-slider-dot.active {
background: #fff !important;
}
html body .buyaca-app .bq-temu-carousel-arrow {
background: rgba(255,255,255,.16) !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.3) !important;
-webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
box-shadow: none !important;
}
html body .buyaca-app .bq-temu-carousel-arrow:hover {
background: rgba(255,255,255,.28) !important;
}