[data-glass] { --t-xs: 11.5px; --t-sm: 13px; --t-base: 14.5px; --t-md: 16px; --t-lg: clamp(18px, 1.4vw + 14px, 20px); --t-xl: clamp(22px, 2vw + 16px, 26px); --t-2xl: clamp(27px, 3vw + 18px, 34px); --t-3xl: clamp(33px, 4.4vw + 20px, 46px); --w-normal: 400; --w-medio: 600; --w-fuerte: 800; --lh-titulo: 1.15; --lh-medio: 1.35; --lh-cuerpo: 1.55; --ls-titulo: -0.02em; --ls-grande: -0.01em; --ls-normal: 0; --ls-micro: 0.04em; --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 20px; --e-6: 24px; --e-8: 32px; --e-10: 40px; --e-12: 48px; --e-16: 64px; --e-20: 80px; --e-seccion: clamp(40px, 6vw, 80px); --h-chico: 34px; --h-medio: 40px; --h-grande: 48px; --elev-0: none; --elev-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.08); --elev-2: 0 4px 8px -2px rgba(0,0,0,.10), 0 2px 4px -2px rgba(0,0,0,.08); --elev-3: 0 12px 24px -8px rgba(0,0,0,.16), 0 4px 8px -4px rgba(0,0,0,.10); --elev-4: 0 24px 48px -12px rgba(0,0,0,.24), 0 8px 16px -8px rgba(0,0,0,.14); } [data-glass][data-glass-lum="dark"] { --elev-1: 0 1px 3px rgba(0,0,0,.40); --elev-2: 0 6px 14px -4px rgba(0,0,0,.52); --elev-3: 0 16px 32px -10px rgba(0,0,0,.62); --elev-4: 0 30px 60px -16px rgba(0,0,0,.72); } [data-glass] { --glass-radius: 22px; --glass-radius-sm: 14px; --glass-radius-lg: 28px; --glass-alpha: 0.62; --glass-alpha-clear: 0.28; --glass-blur: 20px; --glass-blur-clear: 10px; --glass-saturation: 180%; --glass-tint: var(--surface, #ffffff); --glass-border: rgba(255, 255, 255, 0.50); --glass-border-low: rgba(0, 0, 0, 0.07); --glass-highlight: rgba(255, 255, 255, 0.62); --glass-specular: 0; --glass-shadow: 0 14px 34px -12px rgba(0, 0, 0, 0.22), 0 3px 10px -4px rgba(0, 0, 0, 0.12); --glass-shadow-lift: 0 22px 48px -14px rgba(0, 0, 0, 0.28), 0 5px 14px -6px rgba(0, 0, 0, 0.16); --glass-spring: cubic-bezier(0.34, 1.28, 0.42, 1); --glass-ease: cubic-bezier(0.32, 0.72, 0, 1); } [data-glass][data-glass-lum="dark"] { --glass-alpha: 0.58; --glass-alpha-clear: 0.30; --glass-border: rgba(255, 255, 255, 0.13); --glass-border-low: rgba(255, 255, 255, 0.05); --glass-highlight: rgba(255, 255, 255, 0.16); --glass-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.60), 0 3px 12px -4px rgba(0, 0, 0, 0.42); --glass-shadow-lift: 0 26px 56px -14px rgba(0, 0, 0, 0.70), 0 6px 18px -6px rgba(0, 0, 0, 0.50); } [data-glass] .lg, [data-glass] .lg-regular { position: relative; background-color: color-mix(in srgb, var(--glass-tint) calc(var(--glass-alpha) * 100%), transparent); background-image: radial-gradient(220px 150px at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, var(--glass-specular)), transparent 68%), radial-gradient(140% 90% at 50% -28%, rgba(255, 255, 255, 0.13), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0) 46%); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), inset 0 -24px 44px -34px rgba(0, 0, 0, 0.40), var(--glass-shadow); transition: box-shadow 0.42s var(--glass-ease), background-color 0.42s var(--glass-ease), transform 0.42s var(--glass-spring); } [data-glass] .lg-clear { position: relative; background-color: color-mix(in srgb, var(--glass-tint) calc(var(--glass-alpha-clear) * 100%), transparent); background-image: radial-gradient(200px 130px at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, var(--glass-specular)), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 52%); -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(140%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(140%); border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); transition: box-shadow 0.42s var(--glass-ease), background-color 0.42s var(--glass-ease), transform 0.42s var(--glass-spring); } [data-glass] .lg-solid { position: relative; background-color: var(--surface, #fff); background-image: radial-gradient(220px 150px at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, var(--glass-specular)), transparent 68%), linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 40%); border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); transition: box-shadow 0.42s var(--glass-ease), transform 0.42s var(--glass-spring); } [data-glass] .lg-floating { background-color: color-mix(in srgb, var(--glass-tint) 66%, transparent); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(190%); backdrop-filter: blur(var(--glass-blur)) saturate(190%); border-radius: var(--glass-radius-lg); box-shadow: inset 0 0 0 1px var(--glass-border), inset 0 1px 0 0 var(--glass-highlight), var(--elev-4); transition: transform .42s var(--glass-spring), box-shadow .42s var(--glass-ease); } [data-glass] .lg-holographic { position: relative; isolation: isolate; } [data-glass] .lg-holographic::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; background: linear-gradient(115deg, color-mix(in srgb, var(--accent) 70%, #7dd3fc) 0%, color-mix(in srgb, var(--accent) 55%, #f0abfc) 26%, color-mix(in srgb, var(--accent) 80%, #fff) 50%, color-mix(in srgb, var(--accent) 55%, #a7f3d0) 74%, color-mix(in srgb, var(--accent) 70%, #fcd34d) 100%); background-size: 260% 260%; -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: .55; pointer-events: none; transition: opacity .38s var(--glass-ease), background-position .6s var(--glass-ease); } @media (hover: hover) { [data-glass] .lg-holographic:hover::after { opacity: .95; background-position: 100% 50%; } } [data-glass] .lg-cinematic { position: relative; isolation: isolate; background-image: radial-gradient(140% 110% at 50% 0%, transparent 42%, rgba(0,0,0,.16) 100%), linear-gradient(180deg, rgba(255,255,255,.06) 0%, transparent 40%); box-shadow: inset 0 1px 0 0 var(--glass-highlight), var(--elev-3); } [data-glass] .lg-cinematic::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(70% 44% at 50% -12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%); pointer-events: none; z-index: -1; } [data-theme="light"][data-glass] .lg-cinematic { background-image: linear-gradient(180deg, rgba(255,255,255,.06) 0%, transparent 40%); } [data-theme="light"][data-glass] .lg-cinematic::before { background: radial-gradient(70% 44% at 50% -12%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%); } [data-glass] .lg-interactive { cursor: pointer; -webkit-tap-highlight-color: transparent; } @media (hover: hover) { [data-glass] .lg-interactive:hover { transform: translateY(-2px) scale(1.012); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border), inset 0 -24px 44px -34px rgba(0, 0, 0, 0.40), var(--glass-shadow-lift); } } [data-glass] .lg-interactive:active { transform: translateY(0) scale(0.988); transition-duration: 0.12s; box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border), inset 0 2px 10px -4px rgba(0, 0, 0, 0.28), 0 4px 12px -6px rgba(0, 0, 0, 0.20); } [data-glass] .lg-interactive:focus-visible { outline: none; box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border), var(--glass-shadow), 0 0 0 2px var(--bg, #fff), 0 0 0 4px color-mix(in srgb, var(--accent, #0b5cff) 72%, transparent); } [data-glass] .lg-vibrant { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } [data-glass][data-glass-lum="dark"] .lg-vibrant { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); } [data-glass][data-glass-refract] .lg-refract { -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)) url(#vs-glass-refract); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)) url(#vs-glass-refract); } [data-glass] .lg-track { background-color: color-mix(in srgb, var(--glass-tint) 42%, transparent); -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(150%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(150%); border-radius: var(--glass-radius-lg); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low); padding: var(--e-1); } [data-glass] .lg-track > * { transition: background-color 0.34s var(--glass-ease), color 0.34s var(--glass-ease), transform 0.34s var(--glass-spring); } [data-glass] { --scroll-glass: 0; --nav-blur: 8px; --nav-alpha: 0.38; --nav-sombra: 0; --nav-rim: 0; } [data-glass] .navbar, [data-glass] .lg-nav { background-color: color-mix(in srgb, var(--glass-tint) calc(var(--nav-alpha) * 100%), transparent) !important; background-image: none !important; -webkit-backdrop-filter: blur(var(--nav-blur)) saturate(200%); backdrop-filter: blur(var(--nav-blur)) saturate(200%); box-shadow: inset 0 -1px 0 0 rgba(128, 128, 128, calc(0.34 * var(--scroll-glass))); border-bottom: 0 !important; transition: background-color 0.18s linear, box-shadow 0.18s linear; } [data-glass][data-glass-refract] .navbar, [data-glass][data-glass-refract] .lg-nav { -webkit-backdrop-filter: blur(var(--nav-blur)) saturate(200%) url(#vs-glass-refract); backdrop-filter: blur(var(--nav-blur)) saturate(200%) url(#vs-glass-refract); } [data-glass][data-vertical="gastro"] { --glass-radius: 24px; --glass-radius-lg: 30px; --mov-normal: 0.24s; --mov-lento: 0.36s; --elev-2: 0 6px 16px -4px rgba(120, 60, 0, .16); --elev-3: 0 14px 28px -8px rgba(120, 60, 0, .20); } [data-glass][data-vertical="conces"] { --glass-radius: 14px; --glass-radius-lg: 18px; --glass-radius-sm: 10px; --mov-normal: 0.34s; --mov-lento: 0.52s; --glass-saturation: 165%; --elev-3: 0 18px 36px -10px rgba(0, 0, 0, .34); --elev-4: 0 34px 64px -14px rgba(0, 0, 0, .44); } [data-glass][data-vertical="inmo"] { --glass-radius: 20px; --glass-radius-lg: 26px; --e-seccion: clamp(56px, 8vw, 104px); --mov-normal: 0.32s; --elev-2: 0 8px 24px -6px rgba(0, 0, 0, .10); --elev-3: 0 20px 44px -12px rgba(0, 0, 0, .14); } [data-glass][data-vertical="seguros"] { --glass-alpha: 0.74; --glass-radius: 14px; --glass-radius-lg: 18px; --glass-saturation: 150%; --mov-normal: 0.26s; } [data-glass][data-vertical="tienda"], [data-glass][data-vertical="kiosco"], [data-glass][data-vertical="importados"] { --glass-radius: 18px; --glass-radius-lg: 22px; --e-seccion: clamp(32px, 4.5vw, 60px); --mov-normal: 0.22s; --mov-rapido: 0.14s; } [data-glass][data-vertical="kiosco"] { --glass-radius: 20px; --mov-normal: 0.20s; } [data-glass] .cat-chip.active, [data-glass] .cat-chip[aria-selected="true"] { background: var(--text, #f0f0f0) !important; color: var(--bg, #111) !important; border-color: transparent !important; font-weight: var(--w-fuerte, 700); } [data-glass] .filter-pill.active, [data-glass] .filter-pill[aria-pressed="true"] { background: color-mix(in srgb, var(--accent, #888) 16%, transparent) !important; color: var(--accent, #888) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, #888) 42%, transparent) !important; font-weight: var(--w-fuerte, 700); } [data-glass][data-theme="light"] .filter-pill.active, [data-glass][data-theme="light"] .filter-pill[aria-pressed="true"], [data-glass][data-glass-lum="light"] .filter-pill.active, [data-glass][data-glass-lum="light"] .filter-pill[aria-pressed="true"] { color: color-mix(in srgb, var(--accent, #888) 45%, #000) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, #888) 60%, transparent) !important; } [data-glass][data-vertical="tienda"] .catalog-page-header, [data-glass][data-vertical="kiosco"] .catalog-page-header, [data-glass][data-vertical="importados"] .catalog-page-header { padding: var(--e-5) 0 var(--e-4) !important; } [data-glass][data-vertical="tienda"] .catalog-page-title, [data-glass][data-vertical="kiosco"] .catalog-page-title, [data-glass][data-vertical="importados"] .catalog-page-title { font-size: clamp(24px, 2.4vw, 30px) !important; line-height: 1.14 !important; margin-bottom: var(--e-1) !important; } [data-glass][data-vertical="tienda"] .trust-section, [data-glass][data-vertical="kiosco"] .trust-section, [data-glass][data-vertical="importados"] .trust-section { padding: 0 0 var(--e-4) !important; } [data-glass] .trust-card, [data-glass] .trust-grid > * { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; min-height: 0 !important; font-size: var(--t-sm, 13px); opacity: .82; } [data-glass] .trust-grid { gap: var(--e-2) 28px !important; } [data-glass] .section-title { padding-left: 0 !important; border-left: 0 !important; } [data-glass] .detail-img-wrap, [data-glass] .pm-img-wrap { padding: var(--e-3) !important; } [data-glass] .detail-img-wrap img, [data-glass] .detail-img, [data-glass] img.pm-img { width: 100% !important; height: auto !important; max-height: min(64vh, 560px) !important; object-fit: contain; } [data-glass] .cart-btn, [data-glass] .cart-btn * { color: var(--text, #141414) !important; } [data-glass] .cart-btn { background: var(--surface, #fff) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text, #888) 14%, transparent); } @media (min-width: 901px) { [data-glass] .filter-sidebar { background: none !important; background-image: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-radius: 0 !important; box-shadow: none !important; position: static !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 var(--e-6) 0 0 !important; } [data-glass] .filter-group + .filter-group { border-top: 1px solid color-mix(in srgb, var(--text, #888) 11%, transparent); } [data-glass] .filter-group-header { padding: var(--e-3) 0 !important; min-height: 0 !important; } [data-glass] .filter-group { padding: 0 !important; } } [data-glass][data-vertical="gastro"] .p-img { height: 212px !important; padding: 0 !important; overflow: hidden; transform: scale(1.14); transform-origin: center 58%; } [data-glass][data-vertical="gastro"] .p-desc:empty { display: none; } [data-glass][data-vertical="gastro"] .p-footer { margin-top: auto; } [data-glass][data-vertical="gastro"] .product-card { overflow: hidden; } [data-glass][data-vertical="gastro"]:not([data-theme="light"]) body { background-color: #101011; } [data-glass][data-vertical="gastro"]:not([data-theme="light"]) .product-card, [data-glass][data-vertical="gastro"]:not([data-theme="light"]) .card { background-color: #1c1c1e; } [data-glass][data-vertical="gastro"]:not([data-theme="light"]) .p-img { background: radial-gradient(120% 92% at 50% 16%, rgba(255, 255, 255, .062), transparent 66%), #1c1c1e !important; } [data-glass][data-vertical="gastro"][data-theme="light"] .p-img { background: radial-gradient(120% 92% at 50% 16%, rgba(0, 0, 0, .035), transparent 66%), var(--surface, #fff) !important; } @media (max-width: 700px) { [data-glass] .product-grid, [data-glass][data-vertical="inmo"] .grid, [data-glass][data-vertical="seguros"] .grid, [data-glass][data-vertical="conces"] .grid, [data-glass][data-vertical="concesionaria"] .grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--e-3) !important; } [data-glass] .p-name, [data-glass] .card-tt { font-size: 14px !important; line-height: 1.25 !important; } [data-glass] .p-desc, [data-glass] .card-sub, [data-glass] .card-meta { font-size: 12px !important; } [data-glass] .p-price, [data-glass] .card-price { font-size: 18px !important; } [data-glass] .p-footer, [data-glass] .card-foot { flex-wrap: nowrap; gap: var(--e-2); } [data-glass][data-vertical="gastro"] .p-img { height: 150px !important; transform: none; } } [data-glass][data-vertical="gastro"] .p-name { font-size: var(--t-md) !important; line-height: var(--lh-medio); letter-spacing: var(--ls-normal); } [data-glass][data-vertical="gastro"] .p-price { font-size: 22px !important; font-weight: var(--w-fuerte) !important; letter-spacing: var(--ls-grande); } [data-glass][data-vertical="gastro"] .p-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--t-sm); line-height: var(--lh-medio); min-height: calc(var(--t-sm) * 2 * 1.35); } [data-glass] body { background-image: radial-gradient(1500px 820px at 50% -16%, rgba(255, 255, 255, .055), transparent 62%), radial-gradient(1000px 820px at 3% 34%, rgba(255, 255, 255, .026), transparent 58%), radial-gradient(1150px 880px at 99% 72%, rgba(255, 255, 255, .022), transparent 58%), radial-gradient(860px 360px at 50% -8%, color-mix(in srgb, var(--accent, #888) 7%, transparent), transparent 68%); background-attachment: fixed; background-repeat: no-repeat; } [data-glass][data-glass-lum="light"] body { background-image: radial-gradient(1100px 900px at 0% 38%, rgba(16, 18, 24, .034), transparent 60%), radial-gradient(1150px 900px at 100% 62%, rgba(16, 18, 24, .030), transparent 60%), radial-gradient(1500px 700px at 50% 108%, rgba(16, 18, 24, .026), transparent 62%), radial-gradient(820px 330px at 50% -8%, color-mix(in srgb, var(--accent, #888) 6%, transparent), transparent 68%); } [data-glass="lite"] body { background-attachment: scroll; } [data-glass] .vs-trust, [data-glass] .vs-resenas, [data-glass] .vs-faq, [data-glass] .trust-card, [data-glass] .rating-box, [data-glass] .vs-pl, [data-glass] .promos-grid > .promo-card, [data-glass] .hero-stats, [data-glass] .sim-box, [data-glass] .vs-ct-mapa { background-color: color-mix(in srgb, var(--glass-tint) 58%, transparent); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%); backdrop-filter: blur(var(--glass-blur)) saturate(180%); border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); } [data-glass] [data-vs-plegada] { background-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; } [data-glass] .product-grid, [data-glass] .grid, [data-glass] .promos-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); justify-content: center; align-items: stretch; } [data-glass] .product-card, [data-glass] .card { display: flex; flex-direction: column; } [data-glass] .product-card > .p-body, [data-glass] .card > .card-body { flex: 1 1 auto; display: flex; flex-direction: column; } [data-glass] .p-footer, [data-glass] .card-foot { margin-top: auto; } [data-glass] .cat-chips, [data-glass] .filter-pills, [data-glass] .hero-chips { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } @media (max-width: 900px) { [data-glass] .cat-chips, [data-glass] .filter-pills { background: var(--bg) !important; } } [data-glass] .p-badge-wrap .badge:nth-child(n+2), [data-glass] .p-badges .p-badge:nth-child(n+2) { display: none !important; } [data-glass] .p-badge-wrap .badge, [data-glass] .p-badges .p-badge { font-size: 11px !important; font-weight: 800 !important; letter-spacing: .4px; text-transform: uppercase; padding: 3px var(--e-2) !important; border-radius: 6px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [data-glass] .filter-list-btn { border-radius: 10px; padding: var(--e-2) var(--e-4); margin: 1px 0; transition: background-color .2s var(--glass-ease, ease), color .2s var(--glass-ease, ease); } [data-glass] .filter-list-btn:hover { background: color-mix(in srgb, var(--text, #888) 6%, transparent); } [data-glass] .filter-group, [data-glass] .filter-list { padding-inline: 4px; } [data-glass] .filter-list-btn.active { background: color-mix(in srgb, var(--text) 8%, transparent); color: var(--text); font-weight: 700; box-shadow: none; } [data-glass] .filter-list-btn.active::after { display: none !important; } [data-glass] .filter-list-btn .flb-n { font-variant-numeric: tabular-nums; opacity: .55; } [data-glass] .filter-list-btn.active .flb-n { opacity: .8; } [data-glass] .cat-chip:not(.active), [data-glass] .filter-pill:not(.active) { color: var(--text) !important; } [data-glass] .cart-btn { background-color: var(--surface) !important; color: var(--text) !important; } [data-glass][data-glass-lum="light"] .fav-btn, [data-glass][data-glass-lum="light"] .p-fav-btn { background: rgba(255, 255, 255, 0.72) !important; -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(160%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(160%); color: #1a1a1a !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .14), inset 0 0 0 1px rgba(0, 0, 0, .05) !important; } [data-glass][data-glass-lum="dark"] .fav-btn, [data-glass][data-glass-lum="dark"] .p-fav-btn { background: rgba(0, 0, 0, 0.38) !important; -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(160%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(160%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important; } [data-glass] .p-badge.bdg-oferta, [data-glass] .badge.badge-saving, [data-glass] .p-badge[class*="oferta"] { background: #00713a !important; background-image: none !important; color: #fff !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: -.2px; padding: var(--e-1) var(--e-3) !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0, 113, 58, .38) !important; } [data-glass] .p-badge.bdg-hot, [data-glass] .badge.badge-hot { background: rgba(0, 0, 0, .58) !important; background-image: none !important; -webkit-backdrop-filter: blur(var(--nav-blur)); backdrop-filter: blur(var(--nav-blur)); color: #fff !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .3px; padding: 3px var(--e-2) !important; box-shadow: none !important; } [data-glass][data-glass-lum="light"] .product-card.fire-card, [data-glass][data-glass-lum="light"] .card.fire-card { background-image: none !important; } [data-glass] .vs-riel-uno { display: flex; align-items: center; gap: var(--e-2); overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-padding-inline: 12px; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 26px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 26px), transparent 100%); padding-inline: 12px; margin-inline: -12px; } [data-glass] .vs-riel-uno::-webkit-scrollbar { display: none; } [data-glass] .vs-riel-uno > .chips, [data-glass] .vs-riel-uno > .cat-chips, [data-glass] .vs-riel-uno > .hero-chips, [data-glass] .vs-riel-uno > .filter-pills { overflow: visible !important; flex: 0 0 auto; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; position: static !important; } [data-glass] .vs-riel-sep { flex: 0 0 auto; width: 1px; height: 18px; border-radius: 1px; background: currentColor; opacity: .22; align-self: center; margin: 0 3px; } [data-glass] .filters, [data-glass] .land-sticky, [data-glass] .cmpbar, [data-glass] .compare-bar, [data-glass] .floating-cart-btn, [data-glass] .back-to-top, [data-glass] .toast, [data-glass] .vs-toast { background-color: color-mix(in srgb, var(--glass-tint) calc(var(--glass-alpha) * 100%), transparent); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); } [data-glass] .floating-cart-btn, [data-glass] .back-to-top { border-radius: var(--glass-radius-lg); transition: transform 0.42s var(--glass-spring), box-shadow 0.42s var(--glass-ease); } @media (hover: hover) { [data-glass] .floating-cart-btn:hover, [data-glass] .back-to-top:hover { transform: translateY(-2px) scale(1.02); } } [data-glass] .floating-cart-btn:active, [data-glass] .back-to-top:active { transform: scale(0.97); transition-duration: 0.12s; } @media (pointer: coarse) { [data-glass] .cat-chip, [data-glass] .filter-pill, [data-glass] .tab-btn { position: relative; } [data-glass] .cat-chip::after, [data-glass] .filter-pill::after, [data-glass] .tab-btn::after { content: ""; position: absolute; inset: -5px 0; } [data-glass] .sidebar-close-btn, [data-glass] .compare-btn { position: relative; } [data-glass] .p-fav-btn::after, [data-glass] .fav-btn::after { content: ""; position: absolute; inset: -8px; } [data-glass] .sidebar-close-btn::after { content: ""; position: absolute; inset: -7px; } [data-glass] .compare-btn::after { content: ""; position: absolute; inset: -6px; } } [data-glass] .sheet, [data-glass] .detail-modal, [data-glass] .compare-modal, [data-glass] .pm-card, [data-glass] .pm-box, [data-glass] .asist-panel, [data-glass] .hero-search-panel { background-color: color-mix(in srgb, var(--glass-tint) 84%, transparent); background-image: radial-gradient(150% 80% at 50% -20%, rgba(255, 255, 255, 0.12), transparent 60%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 38%); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); border-radius: var(--glass-radius-lg); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow-lift); } [data-glass] .modal, [data-glass] .detail-overlay, [data-glass] .compare-overlay, [data-glass] .pm-backdrop, [data-glass] .pm-overlay, [data-glass] .sidebar-overlay { -webkit-backdrop-filter: blur(var(--nav-blur)) saturate(120%); backdrop-filter: blur(var(--nav-blur)) saturate(120%); } [data-glass] .product-card, [data-glass] .card, [data-glass] .vs-feat-card, [data-glass] .trust-card, [data-glass] .resena-card, [data-glass] .vs-res { background-image: radial-gradient(240px 160px at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, var(--glass-specular)), transparent 68%), linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 38%); border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); transition: transform 0.42s var(--glass-spring), box-shadow 0.42s var(--glass-ease); } @media (hover: hover) { [data-glass] .product-card:hover, [data-glass] .card:hover, [data-glass] .vs-feat-card:hover { transform: translateY(-3px); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border), var(--glass-shadow-lift); } } [data-glass] .btn, [data-glass] .add-btn, [data-glass] .cart-btn, [data-glass] .checkout-btn, [data-glass] .hsp-btn, [data-glass] .rf-submit, [data-glass] .vs-cta-btn, [data-glass] .mini { border-radius: var(--glass-radius-sm); transition: transform 0.28s var(--glass-spring), box-shadow 0.28s var(--glass-ease), filter 0.28s var(--glass-ease); } [data-glass] .btn-accent, [data-glass] .add-btn, [data-glass] .checkout-btn, [data-glass] .hsp-btn { box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.24), 0 6px 16px -8px rgba(0, 0, 0, 0.34); } @media (hover: hover) { [data-glass] .btn:hover, [data-glass] .add-btn:hover, [data-glass] .checkout-btn:hover, [data-glass] .hsp-btn:hover { transform: translateY(-1px) scale(1.015); filter: brightness(1.04); } } [data-glass] .btn:active, [data-glass] .add-btn:active, [data-glass] .checkout-btn:active, [data-glass] .hsp-btn:active { transform: scale(0.982); transition-duration: 0.1s; } [data-glass] .btn-ghost, [data-glass] .btn-soft, [data-glass] .btn-white, [data-glass] .hicon, [data-glass] .fmore-btn, [data-glass] .reset-filters-btn { background-color: color-mix(in srgb, var(--glass-tint) 46%, transparent); -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(150%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(150%); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low); } [data-glass] .hsp-tabs, [data-glass] .nav-tabs { background-color: color-mix(in srgb, var(--glass-tint) 40%, transparent); -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(150%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(150%); border-radius: var(--glass-radius-lg); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low); } [data-glass] .chip, [data-glass] .cat-chip, [data-glass] .hero-chip, [data-glass] .hsp-tab, [data-glass] .tab-btn { border-radius: var(--glass-radius-lg); transition: background-color 0.34s var(--glass-ease), color 0.34s var(--glass-ease), box-shadow 0.34s var(--glass-ease), transform 0.34s var(--glass-spring); } [data-glass] .site-footer, [data-glass] .lg-foot { -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(140%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(140%); box-shadow: inset 0 1px 0 0 var(--glass-border-low); } [data-glass] .vs-ct-mapa, [data-glass] .vs-pl, [data-glass] .vs-bn { border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); } [data-glass] .promo-card { border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); } [data-glass="lite"] * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } [data-glass="lite"] .lg, [data-glass="lite"] .lg-regular, [data-glass="lite"] .lg-clear, [data-glass="lite"] .navbar, [data-glass="lite"] .lg-nav, [data-glass="lite"] .filters, [data-glass="lite"] .cat-chips, [data-glass="lite"] .chips, [data-glass="lite"] .hsp-tabs, [data-glass="lite"] .sheet, [data-glass="lite"] .detail-modal, [data-glass="lite"] .compare-modal, [data-glass="lite"] .pm-card, [data-glass="lite"] .pm-box, [data-glass="lite"] .asist-panel, [data-glass="lite"] .hero-search-panel, [data-glass="lite"] .land-sticky, [data-glass="lite"] .cmpbar, [data-glass="lite"] .compare-bar, [data-glass="lite"] .floating-cart-btn, [data-glass="lite"] .back-to-top, [data-glass="lite"] .toast, [data-glass="lite"] .vs-toast, [data-glass="lite"] .btn-ghost, [data-glass="lite"] .btn-soft, [data-glass="lite"] .btn-white, [data-glass="lite"] .hicon, [data-glass="lite"] .fmore-btn, [data-glass="lite"] .reset-filters-btn { background-color: color-mix(in srgb, var(--glass-tint) 95%, transparent) !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { [data-glass] .lg, [data-glass] .lg-regular, [data-glass] .lg-clear, [data-glass] .navbar, [data-glass] .lg-nav, [data-glass] .filters, [data-glass] .cat-chips, [data-glass] .chips, [data-glass] .sheet, [data-glass] .detail-modal, [data-glass] .compare-modal, [data-glass] .pm-card, [data-glass] .pm-box, [data-glass] .asist-panel, [data-glass] .hero-search-panel, [data-glass] .floating-cart-btn, [data-glass] .back-to-top, [data-glass] .toast, [data-glass] .vs-toast, [data-glass] .btn-ghost, [data-glass] .hicon { background-color: color-mix(in srgb, var(--glass-tint) 96%, transparent); } } @supports not (background-color: color-mix(in srgb, red 50%, transparent)) { [data-glass] .lg, [data-glass] .lg-regular, [data-glass] .lg-clear, [data-glass] .navbar, [data-glass] .lg-nav { background-color: var(--surface, #fff); } } @media (prefers-reduced-motion: reduce) { [data-glass] .lg, [data-glass] .lg-regular, [data-glass] .lg-clear, [data-glass] .lg-solid, [data-glass] .lg-interactive, [data-glass] .product-card, [data-glass] .card, [data-glass] .vs-feat-card, [data-glass] .btn, [data-glass] .add-btn, [data-glass] .checkout-btn, [data-glass] .hsp-btn, [data-glass] .chip, [data-glass] .cat-chip, [data-glass] .floating-cart-btn, [data-glass] .back-to-top { transition-duration: 0.01ms !important; } [data-glass] .lg-interactive:hover, [data-glass] .product-card:hover, [data-glass] .card:hover, [data-glass] .vs-feat-card:hover, [data-glass] .btn:hover, [data-glass] .add-btn:hover, [data-glass] .floating-cart-btn:hover, [data-glass] .back-to-top:hover { transform: none !important; } } @media (prefers-reduced-transparency: reduce) { [data-glass] * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } [data-glass] .lg, [data-glass] .lg-regular, [data-glass] .lg-clear, [data-glass] .navbar, [data-glass] .lg-nav, [data-glass] .filters, [data-glass] .chips, [data-glass] .cat-chips, [data-glass] .hsp-tabs, [data-glass] .sheet, [data-glass] .detail-modal, [data-glass] .compare-modal, [data-glass] .pm-card, [data-glass] .pm-box, [data-glass] .hero-search-panel, [data-glass] .floating-cart-btn, [data-glass] .back-to-top, [data-glass] .btn-ghost, [data-glass] .hicon { background-color: var(--surface, #fff) !important; background-image: none !important; } } @media (prefers-contrast: more) { [data-glass] { --glass-alpha: 0.94; --glass-alpha-clear: 0.88; --glass-border-low: currentColor; } } @media (max-width: 700px) { [data-glass] { --glass-blur: 16px; --glass-blur-clear: 8px; --glass-radius: 18px; --glass-radius-lg: 22px; } [data-glass] .lg-interactive:hover, [data-glass] .product-card:hover, [data-glass] .card:hover { transform: none; } } [data-glass] .detail-modal { background: var(--surface, #fff) !important; background-image: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } [data-glass] .detail-img-wrap { background: color-mix(in srgb, var(--text, #888) 3.5%, var(--surface, #fff)) !important; border-radius: inherit; } [data-glass] .detail-info { background: transparent !important; } [data-glass] .detail-info { padding: var(--e-6) 28px !important; } [data-glass] .detail-cross-row { gap: var(--e-3) !important; } [data-glass] .detail-cross-row > * { flex: 0 0 auto; } [data-glass] #contactoSec > .wrap, [data-glass] .vs-contacto > .wrap { max-width: 1400px; margin-inline: auto; padding-inline: 32px; } @media (max-width: 700px) { [data-glass] #contactoSec > .wrap, [data-glass] .vs-contacto > .wrap { padding-inline: 16px; } } [data-glass][data-vertical="conces"], [data-glass][data-vertical="concesionaria"] { --vs-ctrl-h: 44px; } [data-glass][data-vertical="conces"] .hero, [data-glass][data-vertical="concesionaria"] .hero { min-height: 0 !important; padding: 28px 0 var(--e-5) !important; } [data-glass][data-vertical="conces"] .hero .wrap, [data-glass][data-vertical="concesionaria"] .hero .wrap { display: flex; flex-direction: column; align-items: center; gap: var(--e-3); text-align: center; } [data-glass][data-vertical="conces"] .hero h1, [data-glass][data-vertical="concesionaria"] .hero h1 { font-size: clamp(26px, 3vw, 36px) !important; line-height: 1.12 !important; margin: 0 !important; } [data-glass][data-vertical="conces"] .hero > .wrap > p, [data-glass][data-vertical="concesionaria"] .hero > .wrap > p { margin: 0 !important; opacity: .78; } [data-glass][data-vertical="conces"] .hero-search-panel, [data-glass][data-vertical="concesionaria"] .hero-search-panel { padding: var(--e-3) !important; display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--e-3); max-width: 940px !important; } [data-glass][data-vertical="conces"] .hsp-field > label, [data-glass][data-vertical="concesionaria"] .hsp-field > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-glass][data-vertical="conces"] .hsp-tabs, [data-glass][data-vertical="concesionaria"] .hsp-tabs { margin: 0 !important; flex: 0 0 auto; height: var(--vs-ctrl-h); padding: var(--e-1) !important; align-items: center; } [data-glass][data-vertical="conces"] .hsp-tab, [data-glass][data-vertical="concesionaria"] .hsp-tab { height: 100%; padding: 0 var(--e-4) !important; display: inline-flex; align-items: center; } [data-glass][data-vertical="conces"] .hsp-row, [data-glass][data-vertical="concesionaria"] .hsp-row { display: flex !important; gap: var(--e-3); margin: 0 !important; flex: 0 1 520px; min-width: 0; align-items: center !important; } [data-glass][data-vertical="conces"] .hsp-field, [data-glass][data-vertical="concesionaria"] .hsp-field { flex: 1 1 0; min-width: 0; position: relative; gap: 0 !important; } [data-glass][data-vertical="conces"] .hsp-field select, [data-glass][data-vertical="concesionaria"] .hsp-field select { height: var(--vs-ctrl-h) !important; padding: 0 36px 0 var(--e-4) !important; width: 100%; } [data-glass][data-vertical="conces"] .hsp-btn, [data-glass][data-vertical="concesionaria"] .hsp-btn { height: var(--vs-ctrl-h) !important; padding: 0 var(--e-6) !important; flex: 0 0 auto; } [data-glass][data-vertical="conces"] .frow input, [data-glass][data-vertical="conces"] .frow select, [data-glass][data-vertical="conces"] .frow .fmore-btn, [data-glass][data-vertical="concesionaria"] .frow input, [data-glass][data-vertical="concesionaria"] .frow select, [data-glass][data-vertical="concesionaria"] .frow .fmore-btn { height: var(--vs-ctrl-h); padding-block: 0 !important; line-height: normal; } [data-glass][data-vertical="conces"] .hsp-chips, [data-glass][data-vertical="concesionaria"] .hsp-chips { display: none !important; } [data-glass][data-vertical="conces"] .hero-meta, [data-glass][data-vertical="concesionaria"] .hero-meta { margin-top: var(--e-1) !important; } @media (max-width: 700px) { [data-glass][data-vertical="conces"], [data-glass][data-vertical="concesionaria"] { --vs-ctrl-h: 40px; } } @media (max-width: 700px) { [data-glass][data-vertical="conces"] .hsp-row, [data-glass][data-vertical="concesionaria"] .hsp-row { flex-direction: row !important; gap: var(--e-2); flex: 1 1 100%; } [data-glass][data-vertical="conces"] .hsp-field select, [data-glass][data-vertical="concesionaria"] .hsp-field select { height: 40px !important; padding: 0 var(--e-8) 0 var(--e-3) !important; font-size: 13px; } [data-glass][data-vertical="conces"] .hsp-field > label, [data-glass][data-vertical="concesionaria"] .hsp-field > label { font-size: 11px; } [data-glass][data-vertical="conces"] .trust-grid, [data-glass][data-vertical="concesionaria"] .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--e-2) var(--e-4) !important; } [data-glass][data-vertical="conces"] .trust-card, [data-glass][data-vertical="concesionaria"] .trust-card { display: flex; align-items: center; gap: var(--e-2); font-size: 12px; line-height: 1.25; } [data-glass][data-vertical="conces"] .trust-card p, [data-glass][data-vertical="concesionaria"] .trust-card p { display: none; } } @media (max-width: 700px) { [data-glass][data-vertical="conces"] #heroTrust, [data-glass][data-vertical="concesionaria"] #heroTrust { display: flex !important; flex-wrap: wrap; justify-content: center; gap: var(--e-1) var(--e-4); font-size: 11.5px; opacity: .8; height: auto !important; } [data-glass][data-vertical="conces"] #trustGrid, [data-glass][data-vertical="concesionaria"] #trustGrid { display: none !important; } [data-glass][data-vertical="conces"] #trustGrid ~ *, [data-glass][data-vertical="concesionaria"] #trustGrid ~ * { margin-top: 0 !important; } } @media (max-width: 700px) { [data-glass][data-vertical="conces"] .hero-search-panel, [data-glass][data-vertical="concesionaria"] .hero-search-panel { display: none !important; } [data-glass][data-vertical="conces"] .hero, [data-glass][data-vertical="concesionaria"] .hero { padding: var(--e-5) 0 var(--e-4) !important; } [data-glass][data-vertical="conces"] #trustSec .vs-pl-cuerpo, [data-glass][data-vertical="concesionaria"] #trustSec .vs-pl-cuerpo { display: none !important; } [data-glass][data-vertical="conces"] #trustSec, [data-glass][data-vertical="concesionaria"] #trustSec { padding-block: 6px !important; } } .vs-barra-inferior { display: none; } @media (max-width: 700px) { .vs-barra-inferior { position: fixed; left: 0; right: 0; bottom: 0; z-index: 120; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: stretch; background: var(--surface, #fff); border-top: 1px solid var(--border, rgba(128,128,128,.22)); padding-bottom: env(safe-area-inset-bottom, 0px); } .vsbi-item { appearance: none; border: 0; background: none; cursor: pointer; font-family: inherit; font-size: 10.5px; font-weight: 600; letter-spacing: .1px; color: var(--muted, #6b7280); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: var(--e-2) var(--e-1) var(--e-2); min-height: 52px; position: relative; transition: color .14s; } .vsbi-item svg { width: 22px; height: 22px; } .vsbi-item:active { color: var(--text, #111); } .vsbi-item[aria-current="page"] { color: var(--accent, #111); } .vsbi-item > span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vsbi-item[data-n]:not([data-n=""])::after { content: attr(data-n); position: absolute; top: 4px; left: 50%; margin-left: var(--e-1); min-width: 16px; height: 16px; padding: 0 var(--e-1); border-radius: 99px; background: var(--accent, #111); color: var(--bg, #fff); font-size: 9.5px; font-weight: 800; line-height: 16px; text-align: center; } [data-vs-barra="on"] body { padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)); } [data-vs-barra="on"] .vs-chat-fab, [data-vs-barra="on"] [class*="chat-fab"], [data-vs-barra="on"] [class*="whatsapp-float"] { bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; } [data-vs-barra="on"] .navbar .nav-links { display: none !important; } } @media (max-width: 700px) { [data-glass] .detail-overlay { padding: 0 !important; align-items: stretch !important; } [data-glass] .detail-modal { max-width: none !important; width: 100% !important; max-height: 100vh !important; max-height: 100dvh !important; height: 100dvh; border-radius: 0 !important; box-shadow: none !important; } [data-glass] .detail-img-wrap { min-height: 0 !important; padding: var(--e-4) !important; border-radius: 0 !important; } [data-glass] .detail-img-wrap img { max-height: 42vh !important; } [data-glass] .detail-info > .detail-actions { position: sticky; bottom: 0; z-index: 3; margin: var(--e-3) -20px 0; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); background: var(--surface); border-top: 1px solid var(--border); box-shadow: 0 -6px 18px rgba(0, 0, 0, .08); } [data-glass] .detail-info > .detail-actions > * { flex: 1 1 auto; } [data-glass] .detail-close { position: fixed !important; top: calc(10px + env(safe-area-inset-top, 0px)) !important; right: 10px !important; z-index: 4; } } @media (min-width: 701px) { [data-glass] .detail-info > .detail-actions { position: sticky; bottom: 0; z-index: 3; margin: var(--e-3) 0 0; padding: var(--e-4) 0 var(--e-1); background: var(--surface); border-top: 1px solid var(--border); } } .vs-arriba { position: fixed; right: 16px; left: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 115; width: 44px; height: 44px; display: none; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text); cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.14); transition: opacity .18s, transform .18s; } .vs-arriba.vs-visible { display: flex; } .vs-arriba:active { transform: scale(.94); } [data-vs-barra="on"] .vs-arriba { bottom: calc(72px + env(safe-area-inset-bottom, 0px)); } body:has(.float-wa) .vs-arriba { right: 27px; bottom: calc(92px + env(safe-area-inset-bottom, 0px)); } @media (min-width: 769px) { body:has(#asistBtn) .vs-arriba { right: 22px; bottom: calc(150px + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 768px) { body:has(.float-wa) .vs-arriba { right: 16px; } } [data-glass] .detail-info > * { min-width: 0; } [data-glass] .detail-cross, [data-glass] .detail-cross-row { min-width: 0; max-width: 100%; } @media (min-width: 861px) { [data-glass] .detail-inner > .detail-img-wrap { position: sticky; top: 0; align-self: start; } } [data-glass][data-vertical="conces"] .land-sticky, [data-glass][data-vertical="concesionaria"] .land-sticky { background: var(--surface) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } [data-glass][data-vertical="conces"] .sheet, [data-glass][data-vertical="concesionaria"] .sheet { padding-bottom: var(--e-20) !important; } .vs-filtros-activos { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2); margin: 0 0 var(--e-4); } .vsfa-conteo { font-size: 13px; font-weight: 700; color: var(--text); margin-right: var(--e-1); } .vsfa-pill, .vsfa-limpiar { appearance: none; font-family: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; border-radius: 999px; padding: var(--e-2) var(--e-3); display: inline-flex; align-items: center; gap: var(--e-2); transition: border-color .14s, color .14s, background .14s; } .vsfa-pill { border: 1px solid var(--border); background: var(--surface); color: var(--text); } .vsfa-pill span { font-size: 15px; line-height: 1; color: var(--muted); } .vsfa-pill:hover { border-color: var(--accent); color: var(--accent); } .vsfa-pill:hover span { color: var(--accent); } .vsfa-limpiar { border: 0; background: none; color: var(--muted); text-decoration: underline; padding: var(--e-2) var(--e-1); } .vsfa-limpiar:hover { color: var(--text); } [data-glass] .product-card .card-title, [data-glass] .product-card h3, [data-glass] .card .card-title, [data-glass] .card h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @supports (content-visibility: auto) { [data-glass] #grid > *, [data-glass] #productGrid > *, [data-glass] .product-grid > * { content-visibility: auto; contain-intrinsic-size: auto 320px; } } [data-glass] .detail-info { display: flex; flex-direction: column; } [data-glass] .detail-info > .detail-badges { order: 1; } [data-glass] .detail-info > .detail-marca { order: 2; } [data-glass] .detail-info > .detail-name { order: 3; } [data-glass] .detail-info > .detail-specs { order: 4; } [data-glass] .detail-info > .detail-price-block { order: 5; } [data-glass] .detail-info > .detail-actions { order: 6; } [data-glass] .detail-info > .detail-desc { order: 7; } [data-glass] .detail-info > .detail-cross { order: 8; } [data-glass] .detail-info > .detail-desc { margin-top: var(--e-4); padding-top: var(--e-4); border-top: 1px solid var(--border); color: var(--muted); line-height: 1.55; } [data-glass] .detail-price-block { display: flex; flex-direction: column; gap: 2px; } [data-glass] #detailPriceOriginal { font-size: 14px !important; color: var(--muted) !important; text-decoration: line-through; font-weight: 600; order: 1; } [data-glass] #detailPrice { font-size: 34px !important; font-weight: 300 !important; letter-spacing: -1px; line-height: 1.05; order: 2; } [data-glass] #detailSaving { order: 3; font-weight: 700; } [data-glass] #detailPriceUSD { order: 4; } [data-glass] #detailCuotas { order: 5; font-weight: 600; } [data-glass] #detailGarantia { order: 6; margin-top: var(--e-2); } @media (max-width: 700px) { [data-glass] #detailPrice { font-size: 30px !important; } } @media (min-width: 901px) { [data-glass][data-vertical="conces"] .sheet, [data-glass][data-vertical="concesionaria"] .sheet { max-width: 1120px !important; display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); column-gap: 28px; align-items: start; padding: 0 0 var(--e-5) !important; border-radius: 18px !important; } [data-glass][data-vertical="conces"] .sheet > .land-gal, [data-glass][data-vertical="concesionaria"] .sheet > .land-gal { position: sticky; top: 0; align-self: start; } [data-glass][data-vertical="conces"] .sheet > .sheet-body, [data-glass][data-vertical="concesionaria"] .sheet > .sheet-body { padding: var(--e-6) var(--e-6) 0 0; min-width: 0; } [data-glass][data-vertical="conces"] .sheet > .land-gal, [data-glass][data-vertical="concesionaria"] .sheet > .land-gal { min-width: 0; } [data-glass][data-vertical="conces"] .sheet-body .spec-grid, [data-glass][data-vertical="concesionaria"] .sheet-body .spec-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; } [data-glass][data-vertical="conces"] .sheet-body > *, [data-glass][data-vertical="concesionaria"] .sheet-body > * { min-width: 0; max-width: 100%; } [data-glass][data-vertical="conces"] .land-sticky, [data-glass][data-vertical="concesionaria"] .land-sticky { display: none !important; } } [data-glass][data-vertical="conces"] .land-price, [data-glass][data-vertical="concesionaria"] .land-price { font-size: 34px !important; font-weight: 300 !important; letter-spacing: -1.2px; line-height: 1.05; margin: var(--e-3) 0 2px; } [data-glass][data-vertical="conces"] .land-price .old, [data-glass][data-vertical="concesionaria"] .land-price .old { font-size: 14px !important; font-weight: 600; } [data-glass][data-vertical="conces"] .land-ctas, [data-glass][data-vertical="concesionaria"] .land-ctas { display: grid !important; grid-template-columns: 1fr 1fr; gap: var(--e-2); margin-top: var(--e-3); } [data-glass][data-vertical="conces"] .land-ctas .btn-wa, [data-glass][data-vertical="concesionaria"] .land-ctas .btn-wa { grid-column: 1 / -1; height: 48px; font-size: 15px; font-weight: 700; order: -1; } [data-glass][data-vertical="conces"] .land-ctas .btn-accent, [data-glass][data-vertical="conces"] .land-ctas .btn-soft, [data-glass][data-vertical="concesionaria"] .land-ctas .btn-accent, [data-glass][data-vertical="concesionaria"] .land-ctas .btn-soft { height: 40px; font-size: 13px; font-weight: 600; } [data-glass][data-vertical="conces"] .thumbs-strip .th, [data-glass][data-vertical="concesionaria"] .thumbs-strip .th { border-radius: 8px; overflow: hidden; border: 2px solid transparent; transition: border-color .14s; } [data-glass][data-vertical="conces"] .thumbs-strip .th.on, [data-glass][data-vertical="concesionaria"] .thumbs-strip .th.on { border-color: var(--accent); } @media (min-width: 901px) { [data-glass][data-vertical="conces"] #grid, [data-glass][data-vertical="concesionaria"] #grid { gap: var(--e-5) !important; } } [data-glass][data-vertical="conces"]:not([data-theme="light"]) body, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) body { background-color: #101011; } [data-glass][data-vertical="conces"]:not([data-theme="light"]) .card, [data-glass][data-vertical="conces"]:not([data-theme="light"]) .sheet, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .card, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .sheet { background-color: #1c1c1e; border: 1px solid rgba(255, 255, 255, 0.07); box-shadow: none; } [data-glass][data-vertical="conces"] #modal, [data-glass][data-vertical="concesionaria"] #modal { background: rgba(10, 10, 11, 0.55); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(150%); backdrop-filter: blur(var(--glass-blur)) saturate(150%); } [data-glass][data-vertical="conces"]:not([data-theme="light"]) .land-trust, [data-glass][data-vertical="conces"]:not([data-theme="light"]) .land-sim, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .land-trust, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .land-sim { background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.07); -webkit-backdrop-filter: blur(var(--glass-blur-clear)); backdrop-filter: blur(var(--glass-blur-clear)); box-shadow: none; } [data-glass][data-vertical="conces"]:not([data-theme="light"]) .card-img, [data-glass][data-vertical="conces"]:not([data-theme="light"]) .sheet-img, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .card-img, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .sheet-img { background-color: #202024; } [data-glass][data-vertical="conces"] .card, [data-glass][data-vertical="concesionaria"] .card { transition: background-color .16s ease, border-color .16s ease, transform .16s ease; } @media (hover: hover) { [data-glass][data-vertical="conces"]:not([data-theme="light"]) .card:hover, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .card:hover { background-color: #232327; border-color: rgba(255, 255, 255, 0.14); transform: translateY(-2px); } } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { [data-glass][data-vertical="conces"] #modal, [data-glass][data-vertical="concesionaria"] #modal { background: rgba(10, 10, 11, 0.94); } [data-glass][data-vertical="conces"]:not([data-theme="light"]) .land-trust, [data-glass][data-vertical="conces"]:not([data-theme="light"]) .land-sim, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .land-trust, [data-glass][data-vertical="concesionaria"]:not([data-theme="light"]) .land-sim { background: #202024; } } [data-glass] .cat-chips { scroll-snap-type: x proximity; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; -ms-overflow-style: none; } [data-glass] .cat-chips::-webkit-scrollbar { display: none; } [data-glass] .cat-chips > .cat-chip { scroll-snap-align: center; } @media (prefers-reduced-motion: reduce) { [data-glass] .cat-chips { scroll-behavior: auto; } } [data-glass] .glass-panel { background-color: color-mix(in srgb, var(--glass-tint) 58%, transparent); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%); backdrop-filter: blur(var(--glass-blur)) saturate(180%); border-radius: var(--glass-radius); box-shadow: inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border-low), var(--glass-shadow); padding: var(--e-5); } [data-glass] .glass-panel.is-clear { -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(180%); backdrop-filter: blur(var(--glass-blur-clear)) saturate(180%); } .btn-minimal { display: inline-flex; align-items: center; justify-content: center; gap: var(--e-2); min-height: 44px; padding: var(--e-3) var(--e-5); border: 1px solid var(--glass-border-low, rgba(255,255,255,.15)); border-radius: var(--glass-radius-sm, 10px); background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; transition: background-color var(--mov-rapido, .18s) var(--glass-ease, ease), transform var(--mov-rapido, .18s) var(--glass-ease, ease); } .btn-minimal:hover { background-color: color-mix(in srgb, var(--glass-tint) 34%, transparent); transform: translateY(-2px); } .btn-minimal:active { transform: translateY(0); } .btn-minimal:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .btn-minimal { transition: none; } .btn-minimal:hover { transform: none; } } .vs-blur-prog { position: absolute; left: 0; right: 0; height: 72px; pointer-events: none; z-index: 1; } .vs-blur-prog::before, .vs-blur-prog::after, .vs-blur-prog > i:nth-child(1), .vs-blur-prog > i:nth-child(2) { content: ''; position: absolute; inset: 0; display: block; } .vs-blur-prog::before { -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 25%); mask-image: linear-gradient(to bottom, transparent 0%, #000 25%); } .vs-blur-prog > i:nth-child(1){ -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); -webkit-mask-image: linear-gradient(to bottom, transparent 25%, #000 50%); mask-image: linear-gradient(to bottom, transparent 25%, #000 50%); } .vs-blur-prog > i:nth-child(2){ -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); -webkit-mask-image: linear-gradient(to bottom, transparent 50%, #000 75%); mask-image: linear-gradient(to bottom, transparent 50%, #000 75%); } .vs-blur-prog::after { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); -webkit-mask-image: linear-gradient(to bottom, transparent 75%, #000 100%); mask-image: linear-gradient(to bottom, transparent 75%, #000 100%); } .vs-blur-prog[data-lado="arriba"]::before { -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 25%); mask-image: linear-gradient(to top, transparent 0%, #000 25%); } .vs-blur-prog[data-lado="arriba"] > i:nth-child(1){ -webkit-mask-image: linear-gradient(to top, transparent 25%, #000 50%); mask-image: linear-gradient(to top, transparent 25%, #000 50%); } .vs-blur-prog[data-lado="arriba"] > i:nth-child(2){ -webkit-mask-image: linear-gradient(to top, transparent 50%, #000 75%); mask-image: linear-gradient(to top, transparent 50%, #000 75%); } .vs-blur-prog[data-lado="arriba"]::after { -webkit-mask-image: linear-gradient(to top, transparent 75%, #000 100%); mask-image: linear-gradient(to top, transparent 75%, #000 100%); } @media (max-width: 700px), (prefers-reduced-transparency: reduce) { .vs-blur-prog { display: none; } } @supports not ((mask-image: linear-gradient(#000,#000)) or (-webkit-mask-image: linear-gradient(#000,#000))) { .vs-blur-prog { display: none; } } .vs-navp-host { position: relative; } .vs-navp { position: absolute; top: 0; left: 0; z-index: 0; border-radius: var(--glass-radius-sm, 10px); background-color: color-mix(in srgb, var(--glass-tint) 34%, transparent); box-shadow: inset 0 0 0 1px var(--glass-border-low); opacity: 0; pointer-events: none; will-change: transform; transition: transform var(--mov-normal, .24s) var(--glass-ease, cubic-bezier(.32,.72,0,1)), width var(--mov-normal, .24s) var(--glass-ease, cubic-bezier(.32,.72,0,1)), height var(--mov-normal, .24s) var(--glass-ease, cubic-bezier(.32,.72,0,1)), opacity var(--mov-rapido, .16s) linear; } .vs-navp-host > a, .vs-navp-host > button { position: relative; z-index: 1; } @media (prefers-reduced-motion: reduce) { .vs-navp { transition: none; } } .vs-tabs-exp .cat-chip-n { display: inline-block; overflow: hidden; max-width: 0; opacity: 0; margin-left: 0; font-variant-numeric: tabular-nums; font-weight: 700; font-size: .82em; vertical-align: baseline; transition: max-width var(--mov-normal, .24s) var(--glass-ease, cubic-bezier(.32,.72,0,1)), opacity var(--mov-rapido, .16s) linear, margin-left var(--mov-normal, .24s) var(--glass-ease, cubic-bezier(.32,.72,0,1)); } .vs-tabs-exp .cat-chip.active .cat-chip-n, .vs-tabs-exp .cat-chip.on .cat-chip-n { max-width: 4ch; opacity: .62; margin-left: .45em; } @media (prefers-reduced-motion: reduce) { .vs-tabs-exp .cat-chip-n { transition: none; } } @media (min-width: 701px) { [data-glass] .detail-inner { grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); } } [data-glass] .detail-actions { position: sticky; bottom: 0; z-index: 3; padding-top: var(--e-2, 8px); padding-bottom: var(--e-2, 8px); background: linear-gradient(to top, var(--surface, #fff) 72%, transparent); } [data-glass] .detail-thumbs { display: flex; gap: var(--e-2, 8px); margin-top: var(--e-3, 12px); overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; padding-bottom: var(--e-1, 4px); } [data-glass] .detail-thumbs::-webkit-scrollbar { display: none; } [data-glass] .detail-thumbs:empty { display: none; } [data-glass] .detail-thumb { flex: 0 0 auto; width: 56px; height: 56px; padding: 0; border-radius: 10px; overflow: hidden; cursor: pointer; background: var(--surface, #fff); border: 1px solid var(--border, rgba(0, 0, 0, .1)); transition: border-color .15s; } [data-glass] .detail-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; } [data-glass] .detail-thumb[aria-current="true"] { border-color: var(--accent, #F0820F); border-width: 2px; } [data-glass] .detail-migas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-1, 4px); margin-bottom: var(--e-2, 8px); font-size: 12px; color: var(--muted, #6b7280); } [data-glass] .detail-migas:empty { display: none; } [data-glass] .detail-migas button { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; } [data-glass] .detail-migas button:hover { color: var(--text, #111); } [data-glass] .detail-migas .dm-sep { opacity: .5; } [data-glass] .detail-variants { display: flex; flex-wrap: wrap; gap: var(--e-2, 8px); margin: var(--e-3, 12px) 0; } [data-glass] .detail-variants:empty { display: none; } [data-glass] .detail-var-chip { min-height: 34px; padding: 0 var(--e-3, 12px); border-radius: 999px; cursor: pointer; font-size: 13px; background: var(--surface, #fff); color: var(--text, #111); border: 1px solid var(--border, rgba(0, 0, 0, .12)); transition: border-color .15s, background .15s; } [data-glass] .detail-var-chip:hover { border-color: var(--text, #111); } [data-glass] .detail-var-chip[aria-current="true"] { background: var(--text, #111); color: var(--surface, #fff); border-color: var(--text, #111); } @media (hover: hover) and (pointer: fine) { [data-glass] .detail-carousel.dc-lupa { cursor: zoom-in; overflow: hidden; } [data-glass] .detail-carousel.dc-lupa .detail-img { transition: transform .18s ease-out; will-change: transform; } [data-glass] .detail-carousel.dc-lupa.dc-on .detail-img { transform: scale(2); } } @media (prefers-reduced-motion: reduce) { [data-glass] .detail-carousel.dc-lupa .detail-img { transition: none; } } html[data-vidrio="liquido"] { --vg-base: #FAFAFA; --vg-vidrio: rgba(255, 255, 255, .45); --vg-vidrio-denso: rgba(255, 255, 255, .74); --vg-borde: rgba(255, 255, 255, .35); --vg-filete: rgba(15, 23, 42, .06); --vg-sombra: 0 10px 30px -10px rgba(0, 0, 0, .05); --vg-sombra-alta: 0 18px 40px -14px rgba(0, 0, 0, .12); --vg-filtro: blur(16px) saturate(180%); --vg-radio: 20px; --vg-radio-grande: 24px; --vg-radio-interior: 16px; --glass-radius: 20px; --glass-radius-sm: 16px; --glass-radius-lg: 24px; --glass-alpha: .45; --glass-blur: 16px; --glass-saturation: 180%; --glass-tint: #ffffff; --glass-border: var(--vg-borde); --glass-border-low: var(--vg-filete); --glass-highlight: rgba(255, 255, 255, .55); --glass-shadow: var(--vg-sombra); --glass-shadow-lift: var(--vg-sombra-alta); background-color: var(--vg-base) !important; } html[data-vidrio="liquido"][data-glass-lum="dark"] { --vg-base: #0B0F17; --vg-vidrio: rgba(15, 23, 42, .55); --vg-vidrio-denso: rgba(15, 23, 42, .80); --vg-borde: rgba(255, 255, 255, .10); --vg-filete: rgba(255, 255, 255, .06); --vg-sombra: 0 10px 30px -10px rgba(0, 0, 0, .45); --vg-sombra-alta: 0 18px 44px -14px rgba(0, 0, 0, .60); --glass-tint: rgb(15, 23, 42); --glass-alpha: .55; --glass-highlight: rgba(255, 255, 255, .08); } html[data-vidrio="liquido"] body { background-color: transparent !important; background-image: none !important; } html[data-vidrio="liquido"] #app:empty ~ .wrap, html[data-vidrio="liquido"] #app:empty ~ .vn-legales-link { display: none !important; } html[data-vidrio="liquido"] .lg-nav { background-color: var(--vg-vidrio-denso) !important; -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete), var(--vg-sombra) !important; border-radius: var(--vg-radio-grande); margin: 10px auto 0 !important; width: calc(100% - 20px); max-width: 1400px; top: 10px !important; } html[data-vidrio="liquido"] .product-card, html[data-vidrio="liquido"] .card, html[data-vidrio="liquido"] .vs-feat-card, html[data-vidrio="liquido"] .trust-card, html[data-vidrio="liquido"] .resena-card, html[data-vidrio="liquido"] .vs-res, html[data-vidrio="liquido"] .rating-box, html[data-vidrio="liquido"] .vs-pl, html[data-vidrio="liquido"] .promos-grid > .promo-card, html[data-vidrio="liquido"] .hero-stats, html[data-vidrio="liquido"] .sim-box, html[data-vidrio="liquido"] .filters.vs-side, html[data-vidrio="liquido"] .filter-panel, html[data-vidrio="liquido"] .filters-panel { background-color: var(--vg-vidrio) !important; background-image: none !important; -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); border: 0 !important; border-radius: var(--vg-radio) !important; box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete), var(--vg-sombra) !important; } html[data-vidrio="liquido"][data-glass="lite"] .product-card, html[data-vidrio="liquido"][data-glass="lite"] .card { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: var(--vg-vidrio-denso) !important; } @media (hover: hover) { html[data-vidrio="liquido"] .product-card:hover, html[data-vidrio="liquido"] .card:hover { box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete), var(--vg-sombra-alta) !important; } } html[data-vidrio="liquido"] .product-card img:first-of-type, html[data-vidrio="liquido"] .card .card-img { border-radius: calc(var(--vg-radio) - 4px) calc(var(--vg-radio) - 4px) 0 0; } html[data-vidrio="liquido"] .product-grid, html[data-vidrio="liquido"] .grid { gap: 24px; } @media (max-width: 700px) { html[data-vidrio="liquido"] .product-grid, html[data-vidrio="liquido"] .grid { gap: 16px; } } html[data-vidrio="liquido"] .sheet, html[data-vidrio="liquido"] .detail-modal, html[data-vidrio="liquido"] .compare-modal, html[data-vidrio="liquido"] .pm-card, html[data-vidrio="liquido"] .pm-box, html[data-vidrio="liquido"] .asist-panel { background-color: var(--vg-vidrio-denso) !important; background-image: none !important; -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); border-radius: var(--vg-radio-grande) !important; box-shadow: inset 0 0 0 1px var(--vg-borde), var(--vg-sombra-alta) !important; } html[data-vidrio="liquido"] .cat-chip, html[data-vidrio="liquido"] .filter-pill, html[data-vidrio="liquido"] .chip, html[data-vidrio="liquido"] .hero-chip { background-color: var(--vg-vidrio) !important; -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); border: 0 !important; box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete) !important; border-radius: 999px !important; } html[data-vidrio="liquido"] .cat-chip.active, html[data-vidrio="liquido"] .filter-pill.active, html[data-vidrio="liquido"] .filter-pill[aria-pressed="true"], html[data-vidrio="liquido"] .chip.active, html[data-vidrio="liquido"] .chip.on { background-color: var(--accent) !important; color: var(--sobre-accent, var(--vg-sobre-accent, #fff)) !important; box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--accent) 70%, transparent) !important; } html[data-vidrio="liquido"] .card-cuota, html[data-vidrio="liquido"] .card-lugar { display: inline-flex !important; align-items: center; width: fit-content; max-width: 100%; align-self: flex-start; padding: 3px 10px !important; border-radius: 999px; background-color: var(--vg-vidrio); box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete); font-size: 12px; } html[data-vidrio="liquido"] .checkout-btn, html[data-vidrio="liquido"] .add-btn, html[data-vidrio="liquido"] .detail-add-btn, html[data-vidrio="liquido"] .pdd-btn, html[data-vidrio="liquido"] .btn-primary, html[data-vidrio="liquido"] .hsp-btn { background-image: none !important; background-color: var(--accent) !important; border: 0 !important; box-shadow: 0 8px 22px -12px color-mix(in srgb, var(--accent) 75%, transparent) !important; transition: transform .2s var(--glass-ease), filter .2s var(--glass-ease), box-shadow .2s var(--glass-ease); } @media (hover: hover) { html[data-vidrio="liquido"] .checkout-btn:hover, html[data-vidrio="liquido"] .add-btn:hover, html[data-vidrio="liquido"] .detail-add-btn:hover, html[data-vidrio="liquido"] .pdd-btn:hover, html[data-vidrio="liquido"] .btn-primary:hover, html[data-vidrio="liquido"] .hsp-btn:hover { transform: translateY(-1px); filter: brightness(1.06) saturate(1.05); box-shadow: 0 12px 28px -12px color-mix(in srgb, var(--accent) 85%, transparent) !important; } } html[data-vidrio="liquido"] .price, html[data-vidrio="liquido"] .p-price, html[data-vidrio="liquido"] .card-price, html[data-vidrio="liquido"] .precio { font-weight: 800; opacity: 1 !important; } html[data-vidrio="liquido"] .hero p, html[data-vidrio="liquido"] .hero-sub, html[data-vidrio="liquido"] .hero-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 60ch; } @media (max-width: 700px) { html[data-vidrio="liquido"] .hero p, html[data-vidrio="liquido"] .hero-sub, html[data-vidrio="liquido"] .hero-desc { display: none !important; } } @media (max-width: 900px) { html[data-vidrio="liquido"] .cat-chips, html[data-vidrio="liquido"] .filter-pills { background: var(--vg-vidrio-denso) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; backdrop-filter: blur(20px) saturate(180%) !important; } } @media (max-width: 700px) { html[data-vidrio="liquido"] .catalog-page-sub { display: none !important; } } @media (max-width: 700px) { html[data-vidrio="liquido"] .vs-barra-inferior { background: var(--vg-vidrio-denso) !important; -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); border-top: 0 !important; box-shadow: inset 0 1px 0 0 var(--vg-borde), 0 -1px 0 0 var(--vg-filete), 0 -10px 30px -12px rgba(0, 0, 0, .08); } } @media (max-width: 700px) { html[data-vidrio="liquido"]:not([data-vs-barra="off"]) .navbar .nav-links { display: none !important; } } @media (prefers-reduced-transparency: reduce) { html[data-vidrio="liquido"] .lg-nav, html[data-vidrio="liquido"] .product-card, html[data-vidrio="liquido"] .card, html[data-vidrio="liquido"] .sheet, html[data-vidrio="liquido"] .detail-modal, html[data-vidrio="liquido"] .cat-chip, html[data-vidrio="liquido"] .filter-pill, html[data-vidrio="liquido"] .chip, html[data-vidrio="liquido"] .vs-barra-inferior { background-color: var(--surface, #fff) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } @media (prefers-contrast: more) { html[data-vidrio="liquido"] { --vg-borde: rgba(0, 0, 0, .35); --vg-filete: rgba(0, 0, 0, .35); } } html[data-vidrio="liquido"] .sidebar, html[data-vidrio="liquido"] .topbar { background-color: var(--vg-vidrio-denso) !important; background-image: none !important; -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); } html[data-vidrio="liquido"] .sidebar { border-right: 0 !important; box-shadow: inset -1px 0 0 var(--vg-borde), 1px 0 0 var(--vg-filete); } html[data-vidrio="liquido"] .topbar { border-bottom: 0 !important; box-shadow: inset 0 -1px 0 var(--vg-borde), 0 1px 0 var(--vg-filete); } html[data-vidrio="liquido"] .stat-card, html[data-vidrio="liquido"] .pc-admin, html[data-vidrio="liquido"] .order-card, html[data-vidrio="liquido"] .login-card, html[data-vidrio="liquido"] .panel, html[data-vidrio="liquido"] .kpi, html[data-vidrio="liquido"] .plan-pill { background-color: var(--vg-vidrio) !important; background-image: none !important; -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); border: 0 !important; border-radius: var(--vg-radio) !important; box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete), var(--vg-sombra) !important; } html[data-vidrio="liquido"] .modal { background-color: var(--vg-vidrio-denso) !important; -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); border: 0 !important; border-radius: var(--vg-radio-grande) !important; box-shadow: inset 0 0 0 1px var(--vg-borde), var(--vg-sombra-alta) !important; } html[data-vidrio="liquido"] .login-page, html[data-vidrio="liquido"] .main, html[data-vidrio="liquido"] .content { background-color: transparent !important; } html[data-vidrio="liquido"] .modal-header { background-color: var(--vg-vidrio-denso) !important; -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); } html[data-vidrio="liquido"][data-glass="lite"] .modal-header { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: var(--vg-base) !important; } html[data-vidrio="liquido"] .modal { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, currentColor 28%, transparent) transparent; } html[data-vidrio="liquido"] .filter-btn { background-color: var(--vg-vidrio) !important; -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); border: 0 !important; box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete) !important; } html[data-vidrio="liquido"][data-glass="lite"] .pc-admin, html[data-vidrio="liquido"][data-glass="lite"] .stat-card, html[data-vidrio="liquido"][data-glass="lite"] .panel { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: var(--vg-vidrio-denso) !important; } html[data-vidrio="liquido"] .filter-btn.active, html[data-vidrio="liquido"] .filter-btn[aria-pressed="true"] { background-color: var(--accent) !important; color: var(--sobre-accent, var(--vg-sobre-accent, #fff)) !important; box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--accent) 70%, transparent) !important; } :root[data-vidrio="liquido"] { --vg-tx: #0B0F17; --vg-tx-2: rgba(11, 15, 23, .62); --vg-tx-3: rgba(11, 15, 23, .45); --vg-pozo: #F2F2F4; --vg-capsula: rgba(255, 255, 255, .88); --vg-capsula-tx: #0B0F17; --vg-vidrio-denso: rgba(255, 255, 255, .84); --vg-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } :root[data-vidrio="liquido"][data-glass-lum="dark"] { --vg-tx: #F5F5F7; --vg-tx-2: rgba(245, 245, 247, .66); --vg-tx-3: rgba(245, 245, 247, .5); --vg-pozo: rgba(255, 255, 255, .05); --vg-capsula: rgba(28, 28, 30, .82); --vg-capsula-tx: #F5F5F7; --vg-base: #050505; --vg-vidrio: rgba(28, 28, 30, .72); --vg-vidrio-denso: rgba(18, 18, 20, .88); --vg-borde: rgba(255, 255, 255, .09); --vg-filete: rgba(255, 255, 255, .06); --glass-tint: rgb(28, 28, 30); --vg-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A1A7B3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } :root[data-vidrio="liquido"][data-glass-lum="dark"]:is([data-theme="dark"], :not([data-theme])) { --bg: #050505; --surface: #141416; --surface2: #1C1C1E; --border: rgba(255, 255, 255, .09); } :root[data-vidrio="liquido"] .lg-cinematic { background-image: none !important; box-shadow: none !important; } :root[data-vidrio="liquido"] .lg-cinematic::before { content: none !important; } :root[data-vidrio="liquido"] :is(.lg, .lg-regular, .lg-clear, .lg-floating, .lg-nav, .lg-foot) { background-image: none !important; } :root[data-vidrio="liquido"] .lg-holographic::after, :root[data-vidrio="liquido"] .lg-holographic::before { content: none !important; } :root[data-vidrio="liquido"] .hero:has(.hero-search-panel) { background: transparent !important; border-bottom: 0 !important; } :root[data-vidrio="liquido"] .hero:has(.hero-search-panel)::after { content: none !important; } :root[data-vidrio="liquido"] h1:not(.bebas), :root[data-vidrio="liquido"] h2:not(.bebas) { font-weight: 700; letter-spacing: -0.022em; } :root[data-vidrio="liquido"] .hero h1:not(.bebas) { letter-spacing: -0.03em; } :root[data-vidrio="liquido"] .lg-nav { -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); } @media (max-width: 700px) { :root[data-vidrio="liquido"] .vs-barra-inferior { -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); } } :root[data-vidrio="liquido"] .product-grid { padding-bottom: 0; } :root[data-vidrio="liquido"] .navbar-inner { gap: 16px; } :root[data-vidrio="liquido"] .navbar-inner > .nav-links { flex: 0 0 auto; justify-content: flex-start; margin-left: 8px; } :root[data-vidrio="liquido"] .navbar-inner > .nav-search { margin: 0 0 0 auto; max-width: 480px; } :root[data-vidrio="liquido"] .product-card > div:has(> .p-img) { position: relative; isolation: isolate; } :root[data-vidrio="liquido"] .product-card > div:has(> .p-img)::before { content: ""; position: absolute; inset: 8px 8px auto; aspect-ratio: 1 / 1; border-radius: 16px; background: var(--vg-pozo); z-index: -1; } :root[data-vidrio="liquido"] .product-card > div > .p-img { width: calc(100% - 16px) !important; max-width: none; margin: 8px 8px 0; aspect-ratio: 1 / 1; height: auto !important; padding: 11% !important; border-radius: 16px; background: transparent !important; object-fit: contain; } :root[data-vidrio="liquido"]:not([data-glass-lum="dark"]) .product-card > div > .p-img { mix-blend-mode: multiply; } :root[data-vidrio="liquido"] .product-card > .p-img { width: calc(100% - 16px) !important; max-width: none; margin: 8px 8px 0; aspect-ratio: 1 / 1; height: auto !important; padding: 0 !important; border-radius: 16px; background: var(--vg-pozo) !important; object-fit: cover; } :root[data-vidrio="liquido"] .product-card:hover .p-img { transform: scale(1.03); } :root[data-vidrio="liquido"] .product-card > div:has(> .p-img) { flex: 1 1 auto; display: flex; flex-direction: column; } :root[data-vidrio="liquido"] .product-card > div:has(> .p-img) > .p-body { flex: 1 1 auto; } :root[data-vidrio="liquido"] .product-card .p-body { padding: 14px 16px 4px; } :root[data-vidrio="liquido"] .product-card .p-marca { font-size: 10.5px; font-weight: 600; letter-spacing: .08em; color: var(--vg-tx-3); margin-bottom: 4px; } :root[data-vidrio="liquido"] .product-card .p-name { font-size: 15px; line-height: 1.32; font-weight: 600; letter-spacing: -.01em; color: var(--vg-tx); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.64em; margin-bottom: 4px; } :root[data-vidrio="liquido"] .product-card .p-specs { font-size: 12.5px; color: var(--vg-tx-2); margin-bottom: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :root[data-vidrio="liquido"] .product-card > .p-body > .p-name { min-height: 0; margin-bottom: 6px; } :root[data-vidrio="liquido"] .product-card .p-desc { font-size: 13px; line-height: 1.45; color: var(--vg-tx-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } :root[data-vidrio="liquido"] .product-card .p-price { font-size: 19px; font-weight: 700; letter-spacing: -.015em; color: var(--vg-tx); } :root[data-vidrio="liquido"] .product-card .p-price-original, :root[data-vidrio="liquido"] .product-card .p-price-old { font-size: 12.5px; font-weight: 500; color: var(--vg-tx-3); } :root[data-vidrio="liquido"] .product-card .p-saving { font-size: 12px; font-weight: 600; margin-top: 3px; } :root[data-vidrio="liquido"] .product-card .p-cuotas { font-size: 12px; font-weight: 500; color: var(--vg-tx-2); margin-top: 3px; } :root[data-vidrio="liquido"] .product-card > .p-footer { padding: 12px 16px 16px !important; margin-top: 0; justify-content: flex-end; gap: 8px; } :root[data-vidrio="liquido"] .product-card > .p-footer .add-btn, :root[data-vidrio="liquido"] .product-card > .p-footer .avisame-btn { margin-left: auto; min-height: 40px !important; height: 40px; padding: 0 18px !important; border-radius: 999px !important; font-size: 13.5px; font-weight: 600; } :root[data-vidrio="liquido"] .product-card .compare-btn { width: 40px; height: 40px; border-radius: 999px !important; border: 0 !important; background: var(--vg-pozo) !important; color: var(--vg-tx-2) !important; box-shadow: none !important; } @media (hover: hover) { :root[data-vidrio="liquido"] .product-card .compare-btn { opacity: 0; transition: opacity .2s ease; } :root[data-vidrio="liquido"] .product-card:hover .compare-btn, :root[data-vidrio="liquido"] .product-card .compare-btn:focus-visible, :root[data-vidrio="liquido"] .product-card .compare-btn.active { opacity: 1; } } @media (hover: none) { :root[data-vidrio="liquido"] .product-card .compare-btn:not(.active) { display: none; } } :root[data-vidrio="liquido"] .p-badge-wrap { top: 16px; left: 16px; gap: 6px; } :root[data-vidrio="liquido"] .product-card .p-badges { top: 16px; gap: 6px; } :root[data-vidrio="liquido"] .p-badge-wrap > .badge:nth-child(n+2), :root[data-vidrio="liquido"] .product-card .p-badges > .p-badge:nth-child(n+2) { display: none !important; } :root[data-vidrio="liquido"] .p-badge-wrap .badge, :root[data-vidrio="liquido"] .product-card .p-badge, :root[data-vidrio="liquido"] .card-badges .badge { display: inline-flex !important; align-items: center; gap: 6px; height: 24px !important; padding: 0 10px !important; border-radius: 999px !important; border: 0 !important; background: var(--vg-capsula) !important; color: var(--vg-capsula-tx) !important; -webkit-backdrop-filter: blur(12px) saturate(140%); backdrop-filter: blur(12px) saturate(140%); box-shadow: 0 0 0 1px var(--vg-filete), 0 4px 12px -6px rgba(0, 0, 0, .28) !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; } :root[data-vidrio="liquido"] .cat-band .card-badges .badge { font-size: 10.5px !important; letter-spacing: .05em !important; } :root[data-vidrio="liquido"] .badge-hot::before, :root[data-vidrio="liquido"] .badge-new-in::before, :root[data-vidrio="liquido"] .badge-last::before, :root[data-vidrio="liquido"] .badge.green::before, :root[data-vidrio="liquido"] .badge.amber::before, :root[data-vidrio="liquido"] .badge.blue::before, :root[data-vidrio="liquido"] .badge.gray::before, :root[data-vidrio="liquido"] .badge.b-0km::before, :root[data-vidrio="liquido"] .badge.b-usado::before, :root[data-vidrio="liquido"] .badge.b-reserv::before, :root[data-vidrio="liquido"] .p-badge.bdg-hot::before, :root[data-vidrio="liquido"] .p-badge.bdg-nuevo::before, :root[data-vidrio="liquido"] .p-badge.bdg-limit::before, :root[data-vidrio="liquido"] .p-badge.bdg-estrella::before, :root[data-vidrio="liquido"] .p-badge.bdg-combo::before, :root[data-vidrio="liquido"] .p-badge.bdg-hh::before, :root[data-vidrio="liquido"] .p-badge.bdg-agotado::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: #8E8E93; } :root[data-vidrio="liquido"] .badge-hot::before { background: #FF3B30; } :root[data-vidrio="liquido"] .badge-new-in::before, :root[data-vidrio="liquido"] .badge.green::before, :root[data-vidrio="liquido"] .p-badge.bdg-nuevo::before { background: #30D158; } :root[data-vidrio="liquido"] .badge-last::before, :root[data-vidrio="liquido"] .badge.amber::before, :root[data-vidrio="liquido"] .badge.b-reserv::before, :root[data-vidrio="liquido"] .p-badge.bdg-limit::before, :root[data-vidrio="liquido"] .p-badge.bdg-hot::before, :root[data-vidrio="liquido"] .p-badge.bdg-estrella::before { background: #FF9F0A; } :root[data-vidrio="liquido"] .badge.blue::before, :root[data-vidrio="liquido"] .badge.b-0km::before, :root[data-vidrio="liquido"] .p-badge.bdg-combo::before { background: #0A84FF; } :root[data-vidrio="liquido"] .p-badge.bdg-hh::before { background: #BF5AF2; } :root[data-vidrio="liquido"] .p-badge-wrap .badge-saving, :root[data-vidrio="liquido"] .product-card .p-badge.bdg-oferta { background: var(--vg-tx) !important; color: var(--vg-base) !important; box-shadow: none !important; } :root[data-vidrio="liquido"] .p-fav-btn, :root[data-vidrio="liquido"] .product-card .fav-btn { background: var(--vg-capsula) !important; color: var(--vg-tx-2) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 0 !important; box-shadow: 0 0 0 1px var(--vg-filete) !important; } :root[data-vidrio="liquido"] .p-fav-btn { top: 16px; right: 16px; } :root[data-vidrio="liquido"] .p-fav-btn.active, :root[data-vidrio="liquido"] .product-card .fav-btn.on { color: #FF3B30 !important; } :root[data-vidrio="liquido"] .vs-faq { background: transparent !important; background-image: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 40px 0 8px !important; } :root[data-vidrio="liquido"] .vs-faq h2 { font-size: 22px; text-align: center; margin-bottom: 16px; } :root[data-vidrio="liquido"] .vs-faq .vs-pl, :root[data-vidrio="liquido"] .vs-faq-list { max-width: 820px; margin-left: auto !important; margin-right: auto !important; } :root[data-vidrio="liquido"] .vs-pl > summary { padding: 18px 22px; font-size: 16px; font-weight: 600; } :root[data-vidrio="liquido"] .vs-pl > summary:hover { background: transparent; } :root[data-vidrio="liquido"] .vs-faq .vs-pl-cuerpo { padding: 0 0 4px; } :root[data-vidrio="liquido"] .vs-faq-list { gap: 0 !important; overflow: hidden; border-radius: var(--vg-radio); background: var(--vg-vidrio); -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete), var(--vg-sombra); } :root[data-vidrio="liquido"] .vs-pl .vs-faq-list { background: transparent; box-shadow: none; border-radius: 0; -webkit-backdrop-filter: none; backdrop-filter: none; } :root[data-vidrio="liquido"] .vs-faq-it { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; border-top: 1px solid var(--vg-filete) !important; } :root[data-vidrio="liquido"] .vs-faq-list > .vs-faq-it:first-child { border-top: 0 !important; } :root[data-vidrio="liquido"] .vs-pl .vs-faq-list > .vs-faq-it:first-child { border-top: 1px solid var(--vg-filete) !important; } :root[data-vidrio="liquido"] .vs-faq-q { font-weight: 600 !important; font-size: 15px !important; padding: 16px 22px !important; } :root[data-vidrio="liquido"] .vs-faq-q .ch { color: var(--vg-tx-3) !important; } :root[data-vidrio="liquido"] .vs-faq-a p { padding: 0 22px 18px !important; color: var(--vg-tx-2) !important; } :root[data-vidrio="liquido"] .faq-it { background: var(--vg-vidrio) !important; border: 0 !important; border-radius: 16px !important; box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete) !important; } :root[data-vidrio="liquido"] .faq-q { font-weight: 600 !important; } :root[data-vidrio="liquido"] .vs-cta-band { background: var(--accent) !important; background-image: none !important; color: var(--sobre-accent, var(--vg-sobre-accent, #fff)) !important; border-radius: 28px !important; max-width: min(1100px, calc(100% - 32px)); margin: 40px auto 24px !important; box-shadow: 0 24px 60px -32px color-mix(in srgb, var(--accent) 70%, transparent) !important; } :root[data-vidrio="liquido"] .vs-cta-in { padding: 48px 24px !important; } :root[data-vidrio="liquido"] .vs-cta-in h2 { color: inherit !important; font-size: clamp(24px, 3vw, 32px); } :root[data-vidrio="liquido"] .vs-cta-in p { color: inherit !important; opacity: .82; } :root[data-vidrio="liquido"] .vs-cta-btn, :root[data-vidrio="liquido"] .vs-cta-band .btn, :root[data-vidrio="liquido"] .vs-cta-band .hero-cta { background: var(--sobre-accent, var(--vg-sobre-accent, #fff)) !important; background-image: none !important; color: var(--accent) !important; border: 0 !important; border-radius: 999px !important; min-height: 48px; padding: 0 28px !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .35) !important; margin-top: 22px; } :root[data-vidrio="liquido"] #contactoSec { padding: 32px 0 24px; } :root[data-vidrio="liquido"] #contactoSec > .wrap { max-width: min(1100px, calc(100% - 32px)); padding: 0 !important; margin: 0 auto; } :root[data-vidrio="liquido"] #contactoSec h2 { font-size: 22px; margin-bottom: 14px; } :root[data-vidrio="liquido"] #vs-contacto { margin-top: 0 !important; padding: 24px; border-radius: var(--vg-radio-grande); background: var(--vg-vidrio); -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete), var(--vg-sombra); } :root[data-vidrio="liquido"] .vs-ct-t { font-size: 11px; letter-spacing: .06em; color: var(--vg-tx-3) !important; } :root[data-vidrio="liquido"] .vs-ct-v { font-weight: 500; color: var(--vg-tx) !important; } :root[data-vidrio="liquido"] .site-footer, :root[data-vidrio="liquido"] footer { text-align: center; } :root[data-vidrio="liquido"] .vn-legales-link { display: block !important; width: fit-content; margin: 6px auto 24px !important; font-size: 12.5px; color: var(--vg-tx-3) !important; text-decoration: none !important; opacity: 1 !important; } :root[data-vidrio="liquido"] .vn-legales-link:hover { color: var(--vg-tx) !important; } :root[data-vidrio="liquido"] .vs-ct-comollegar { border-radius: 999px !important; padding-left: 18px !important; padding-right: 20px !important; font-weight: 600 !important; } :root[data-vidrio="liquido"] .hero-cta { background: var(--accent) !important; color: var(--sobre-accent, var(--vg-sobre-accent, #fff)) !important; border-radius: 999px !important; font-weight: 600 !important; box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--accent) 80%, transparent) !important; } :root[data-vidrio="liquido"] .vs-trust, :root[data-vidrio="liquido"] .vs-resenas { background: transparent !important; background-image: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } :root[data-vidrio="liquido"] .trust-ic { width: 34px; height: 34px; border-radius: 10px; } @media (max-width: 700px) { :root[data-vidrio="liquido"] .trust-row { display: flex !important; gap: 8px; overflow-x: auto; padding: 4px 0 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch; } :root[data-vidrio="liquido"] .trust-row::-webkit-scrollbar { display: none; } :root[data-vidrio="liquido"] .trust-it { flex: none; padding: 6px 12px 6px 6px; border-radius: 999px; gap: 8px; background: var(--vg-vidrio); box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete); } :root[data-vidrio="liquido"] .trust-it .trust-ic { width: 26px; height: 26px; border-radius: 999px; } :root[data-vidrio="liquido"] .trust-it div > :not(:first-child) { display: none; } :root[data-vidrio="liquido"] .trust-it b, :root[data-vidrio="liquido"] .trust-it strong { font-size: 13px; white-space: nowrap; } } :root[data-vidrio="liquido"] .vs-feat-row { scrollbar-width: none; } :root[data-vidrio="liquido"] .vs-feat-row::-webkit-scrollbar { display: none; } :root[data-vidrio="liquido"] .filters:not(.vs-side) { background: transparent !important; background-image: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 10px 0 !important; } :root[data-vidrio="liquido"] .filters:not(.vs-side) > .wrap { width: min(1180px, calc(100% - 24px)); padding: 12px 14px; border-radius: 20px; background: var(--vg-vidrio-denso); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete), var(--vg-sombra); } :root[data-vidrio="liquido"] .frow input, :root[data-vidrio="liquido"] .frow select { height: 40px; padding: 0 14px !important; background-color: var(--vg-pozo) !important; border: 0 !important; border-radius: 12px !important; box-shadow: inset 0 0 0 1px var(--vg-filete) !important; color: var(--vg-tx) !important; font-size: 14px; font-weight: 500; } :root[data-vidrio="liquido"] .frow select { -webkit-appearance: none; appearance: none; padding-right: 36px !important; background-image: var(--vg-flecha) !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 14px !important; } :root[data-vidrio="liquido"] .fcount { color: var(--vg-tx-3) !important; font-weight: 500; } :root[data-vidrio="liquido"] .grid .card .card-img, :root[data-vidrio="liquido"] .vs-feat-card .card-img, :root[data-vidrio="liquido"] .cat-band .card .card-img { margin: 8px 8px 0; border-radius: 16px !important; overflow: hidden; } :root[data-vidrio="liquido"] .grid .card .card-body { padding: 14px 16px 16px; gap: 4px; } :root[data-vidrio="liquido"] .card-tt { font-weight: 600 !important; letter-spacing: -.01em; color: var(--vg-tx); } :root[data-vidrio="liquido"] .grid .card .card-sub { color: var(--vg-tx-2) !important; font-weight: 500; font-size: 13px; } :root[data-vidrio="liquido"] .grid .card .card-meta { color: var(--vg-tx-3) !important; font-weight: 500; } :root[data-vidrio="liquido"] .card-price { font-weight: 700 !important; letter-spacing: -.015em; } :root[data-vidrio="liquido"] .card-foot > .mini[data-open]:not(:focus-visible) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0 !important; } :root[data-vidrio="liquido"] .card-foot > .mini { height: 42px; border-radius: 999px !important; border: 0 !important; font-size: 14px !important; font-weight: 600 !important; display: inline-flex; align-items: center; justify-content: center; } :root[data-vidrio="liquido"] .card-foot > .mini[data-open] { background: var(--vg-pozo) !important; color: var(--vg-tx) !important; } :root[data-vidrio="liquido"]:has(.cat-band) .hero { background: transparent !important; background-image: none !important; border-bottom: 0 !important; } :root[data-vidrio="liquido"]:has(.cat-band) .hero::after { content: none !important; } :root[data-vidrio="liquido"]:has(.cat-band) :is(h1, h2, h3, .brand, .card-tt, .card-price, .land-price, .fp-price) { font-family: inherit !important; } :root[data-vidrio="liquido"] .block > .wrap > h2::before, :root[data-vidrio="liquido"] .sec-head h2::before { content: none !important; } :root[data-vidrio="liquido"] .cat-band .card-tt { order: 1; } :root[data-vidrio="liquido"] .cat-band .card-meta { order: 2; } :root[data-vidrio="liquido"] .cat-band .card-pblock { order: 3; margin-top: 6px; } :root[data-vidrio="liquido"] .cat-band .card-foot { order: 5; } :root[data-vidrio="liquido"] .cat-band .card-vend, :root[data-vidrio="liquido"] .cat-band .card-lugar { display: none !important; } :root[data-vidrio="liquido"] .cat-band .card-tt { min-height: 0; } :root[data-vidrio="liquido"] .cat-band .card-cuota { font-size: 12px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block !important; max-width: 100%; } @media (max-width: 700px) { :root[data-vidrio="liquido"] .cat-band .card-cuota { font-size: 11px !important; padding: 3px 8px !important; } } :root[data-vidrio="liquido"] .cat-band .card-img { background-image: none !important; } :root[data-vidrio="liquido"] :is(.wa-mini, .lead .acts .wa) { background: #1f7a4d !important; color: #fff !important; } :root[data-vidrio="liquido"] .cta-wa-larga { margin-right: .28em; } :root[data-vidrio="liquido"] .catalog-toolbar { border-top: 0 !important; border-bottom: 0 !important; padding: 4px 0 16px; } :root[data-vidrio="liquido"] .filter-sidebar { border-right: 0 !important; } :root[data-vidrio="liquido"] .sort-select { color: var(--vg-tx) !important; font-weight: 600; background-image: var(--vg-flecha) !important; background-size: 12px !important; padding-right: 20px !important; } :root[data-vidrio="liquido"]:has(.header-info) .navbar.lg-nav { max-width: min(1040px, calc(100% - 20px)); } :root[data-vidrio="liquido"]:has(.header-info) .navbar-inner .nav-logo { width: 40px !important; height: 40px !important; object-fit: contain; } :root[data-vidrio="liquido"] .header-info { border-top: 0 !important; padding-top: 0 !important; margin-top: -4px; font-size: 12.5px; } :root[data-vidrio="liquido"] .menu-search { background-color: var(--vg-vidrio) !important; -webkit-backdrop-filter: var(--vg-filtro); backdrop-filter: var(--vg-filtro); border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--vg-borde), 0 0 0 1px var(--vg-filete) !important; padding-left: 20px !important; } @media (hover: none), (pointer: coarse) { :root[data-vidrio="liquido"] .product-card > .p-footer .add-btn, :root[data-vidrio="liquido"] .product-card > .p-footer .avisame-btn, :root[data-vidrio="liquido"] .product-card .compare-btn, :root[data-vidrio="liquido"] .card-foot > .mini, :root[data-vidrio="liquido"] .frow input, :root[data-vidrio="liquido"] .frow select { min-height: 44px !important; height: 44px; } :root[data-vidrio="liquido"] .product-card .compare-btn { width: 44px; } :root[data-vidrio="liquido"] .card-foot > .mini[data-open] { display: none !important; } } :root[data-vidrio="liquido"] .login-page, :root[data-vidrio="liquido"] body:has(> .login-page), :root[data-vidrio="liquido"] body:has(> .card #loginLogo) { background: var(--vg-base) !important; } :root[data-vidrio="liquido"] body:has(> .card #loginLogo) > .card::before { content: none !important; } :root[data-vidrio="liquido"] #splash-screen { background: var(--vg-base) !important; } :root[data-vidrio="liquido"] #splash-logo { width: 72px !important; height: 72px !important; max-width: none !important; border-radius: 18px !important; } :root[data-vidrio="liquido"] header.lg-nav:has(> .wrap) { max-width: min(1180px, calc(100% - 20px)) !important; } :root[data-vidrio="liquido"] header.lg-nav:has(> .wrap) > .wrap { max-width: none; padding-left: 16px; padding-right: 12px; } :root[data-vidrio="liquido"][data-glass-lum="dark"] header.lg-nav, :root[data-vidrio="liquido"][data-glass-lum="dark"] .navbar.lg-nav { background-color: rgba(28, 28, 30, .78) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09), 0 12px 32px -16px rgba(0, 0, 0, .8) !important; } @media (hover: none), (pointer: coarse) { :root[data-vidrio="liquido"] .frow input, :root[data-vidrio="liquido"] .frow select { font-size: 16px !important; } } @media (max-width: 700px) { :root[data-vidrio="liquido"]:has(.header-info) .screen { padding-left: 22px !important; padding-right: 22px !important; } } :root[data-vidrio="liquido"]:not([data-glass-lum="dark"]) img[data-logo-blanco] { filter: invert(1) !important; } :root[data-vidrio="liquido"] .stat-card { display: flex; flex-direction: column; } :root[data-vidrio="liquido"] .stat-card > .stat-value { margin-top: auto; font-weight: 700; letter-spacing: -.02em; } :root[data-vidrio="liquido"] .stat-label { text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; font-weight: 500 !important; color: var(--vg-tx-2) !important; } :root[data-vidrio="liquido"] .pc-admin .pc-footer { margin-top: auto !important; padding-top: 10px; } :root[data-vidrio="liquido"] .rep-card .rep-card-footer { margin-top: auto !important; } :root[data-vidrio="liquido"] .topbar-right > .btn, :root[data-vidrio="liquido"] .topbar-right > a.btn { height: 36px; min-height: 36px; padding: 0 16px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600 !important; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; } @media (hover: none), (pointer: coarse) { :root[data-vidrio="liquido"] .topbar-right > .btn, :root[data-vidrio="liquido"] .topbar-right > a.btn { height: 44px; min-height: 44px; } } :root[data-vidrio="liquido"] td .btn { height: 34px; min-height: 34px; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; } :root[data-vidrio="liquido"] td .btn[title="Subir"], :root[data-vidrio="liquido"] td .btn[title="Bajar"] { width: 34px; padding-left: 0 !important; padding-right: 0 !important; } @media (hover: none), (pointer: coarse) { :root[data-vidrio="liquido"] td .btn { height: 44px; min-height: 44px; } :root[data-vidrio="liquido"] td .btn[title="Subir"], :root[data-vidrio="liquido"] td .btn[title="Bajar"] { width: 44px; } } @media (hover: hover) and (pointer: fine) { :root[data-vidrio="liquido"] .navbar .nav-link, :root[data-vidrio="liquido"] .navbar .nav-cats > summary, :root[data-vidrio="liquido"] .navbar .cart-btn, :root[data-vidrio="liquido"] .navbar .tab-btn, :root[data-vidrio="liquido"] header.lg-nav .hnav a, :root[data-vidrio="liquido"] header.lg-nav .hwa { height: 40px !important; min-height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px !important; font-size: 14px !important; } :root[data-vidrio="liquido"] .navbar .theme-toggle, :root[data-vidrio="liquido"] .navbar .nav-icon, :root[data-vidrio="liquido"] header.lg-nav .hicon { width: 40px !important; height: 40px !important; min-height: 40px !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px !important; } :root[data-vidrio="liquido"] .navbar .nav-search input { height: 40px !important; } } @media (hover: none), (pointer: coarse) { :root[data-vidrio="liquido"] .navbar .nav-link, :root[data-vidrio="liquido"] .navbar .nav-cats > summary, :root[data-vidrio="liquido"] .navbar .cart-btn, :root[data-vidrio="liquido"] .navbar .tab-btn, :root[data-vidrio="liquido"] header.lg-nav .hnav a, :root[data-vidrio="liquido"] header.lg-nav .hwa { height: 44px !important; min-height: 44px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px !important; } :root[data-vidrio="liquido"] .navbar .theme-toggle, :root[data-vidrio="liquido"] .navbar .nav-icon, :root[data-vidrio="liquido"] header.lg-nav .hicon { width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px !important; } } @media (max-width: 900px) { :root[data-vidrio="liquido"] .navbar-inner > .nav-actions { margin-left: auto; } } @media (min-width: 901px) { :root[data-vidrio="liquido"] .catalog-wrapper > .cat-chips { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 8px; position: static !important; top: auto !important; z-index: auto !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 2px 0 16px !important; margin: 0; scrollbar-width: none; } :root[data-vidrio="liquido"] .catalog-wrapper > .cat-chips::-webkit-scrollbar { display: none; } :root[data-vidrio="liquido"] .catalog-wrapper > .cat-chips > .cat-chip { flex: 0 0 auto; display: inline-flex; align-items: center; height: 38px; padding: 0 18px; font: inherit; font-size: 14px; font-weight: 500; color: var(--vg-tx); white-space: nowrap; cursor: pointer; } :root[data-vidrio="liquido"] .catalog-wrapper > .cat-chips > .cat-chip.active { font-weight: 600; } :root[data-vidrio="liquido"] .filter-sidebar .filter-group:has(> #catList) { display: none; } :root[data-vidrio="liquido"] .catalog-layout { grid-template-columns: auto minmax(0, 1fr); } :root[data-vidrio="liquido"] .catalog-layout > .catalog-main { grid-column: 2; padding-left: 0 !important; } :root[data-vidrio="liquido"] .catalog-layout > .filter-sidebar { width: 220px; margin-right: 36px; } :root[data-vidrio="liquido"] .filter-sidebar:not(:has(> .filter-group:not(#fgCat):not([style*="none"]))) { display: none; } } :root[data-vidrio="liquido"] .detail-modal { background-color: var(--vg-base) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } :root[data-vidrio="liquido"]:not([data-glass-lum="dark"]) .detail-modal { background-color: #FFFFFF !important; } :root[data-vidrio="liquido"] .detail-img-wrap { background: var(--vg-pozo) !important; border-radius: 20px; margin: 12px; } :root[data-vidrio="liquido"]:not([data-glass-lum="dark"]) .detail-img-wrap img { mix-blend-mode: multiply; } :root[data-vidrio="liquido"] .detail-img-wrap img { background: transparent !important; } :root[data-vidrio="liquido"] .detail-name { font-weight: 700 !important; letter-spacing: -0.022em !important; } :root[data-vidrio="liquido"] .detail-marca { letter-spacing: .08em !important; font-weight: 600 !important; color: var(--vg-tx-3) !important; } :root[data-vidrio="liquido"] #detailPrice, :root[data-vidrio="liquido"] .detail-price { font-size: 32px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; color: var(--vg-tx) !important; } :root[data-vidrio="liquido"] .detail-info > .detail-actions { background: transparent !important; } @media (max-width: 700px) { :root[data-vidrio="liquido"] #detailPrice { font-size: 28px !important; } :root[data-vidrio="liquido"] .detail-modal .detail-info > .detail-actions { background: color-mix(in srgb, #FFFFFF 88%, transparent) !important; } :root[data-vidrio="liquido"][data-glass-lum="dark"] .detail-modal .detail-info > .detail-actions { background: color-mix(in srgb, var(--vg-base) 88%, transparent) !important; } } :root[data-vidrio="liquido"] .detail-price-block { border-color: var(--vg-filete) !important; } :root[data-vidrio="liquido"] .detail-badges .badge { display: inline-flex !important; align-items: center; gap: 6px; height: 26px; padding: 0 11px !important; border-radius: 999px !important; border: 0 !important; background: var(--vg-pozo) !important; color: var(--vg-tx) !important; font-size: 12px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: inset 0 0 0 1px var(--vg-filete) !important; } :root[data-vidrio="liquido"] .detail-badges .badge-saving { background: var(--vg-tx) !important; color: var(--vg-base) !important; box-shadow: none !important; } :root[data-vidrio="liquido"] .detail-actions { background: transparent !important; background-image: none !important; box-shadow: none !important; border-top: 0 !important; flex-wrap: wrap !important; gap: 10px !important; } @media (max-width: 700px) { :root[data-vidrio="liquido"] .detail-info > .detail-actions { background: var(--vg-vidrio-denso) !important; -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); border-top: 1px solid var(--vg-filete) !important; } } :root[data-vidrio="liquido"] .detail-add-btn { flex: 1 1 auto !important; min-height: 48px; border-radius: 999px !important; white-space: nowrap; font-size: 15px !important; font-weight: 600 !important; background-image: none !important; } :root[data-vidrio="liquido"] .detail-share-btn { flex: 0 0 auto !important; min-height: 48px; border-radius: 999px !important; white-space: nowrap; background: var(--vg-pozo) !important; border: 0 !important; color: var(--vg-tx) !important; font-weight: 600 !important; } :root[data-vidrio="liquido"] [data-cero] { display: none !important; } @media (max-width: 900px) { :root[data-vidrio="liquido"] .cfg-item.active { color: var(--sobre-accent, var(--vg-sobre-accent, #fff)) !important; } } :root[data-vidrio="liquido"] :is(.nav-label, .nav-group, .pp-label, .ob-label) { text-transform: none !important; letter-spacing: 0 !important; font-size: 12.5px !important; font-weight: 600 !important; color: var(--vg-tx-3) !important; opacity: 1 !important; } :root[data-vidrio="liquido"] .kpi .lbl { text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; font-weight: 500 !important; color: var(--vg-tx-2) !important; } @media (min-width: 1100px) { :root[data-vidrio="liquido"] .kpis:has(> :nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } :root[data-vidrio="liquido"] .kpis:has(> :nth-child(7):last-child) { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } :root[data-vidrio="liquido"] .kpis:has(> :nth-child(7):last-child) > .kpi .lbl { min-height: 2.6em; line-height: 1.3; } } :root[data-vidrio="liquido"]:not([data-vertical="gastro"]) :is(.pc-admin .pc-img, .pos-prod-img) { background: #F7F7F8 !important; border-radius: 12px !important; } :root[data-vidrio="liquido"]:not([data-vertical="gastro"]) .pc-admin .pc-img { margin: 8px 8px 0; width: calc(100% - 16px) !important; } :root[data-vidrio="liquido"] :is(.pc-admin .pc-price, .pos-prod-price) { font-weight: 700 !important; letter-spacing: -0.01em; } :root[data-vidrio="liquido"] :is(.pos-cobrar, .btn-primary):disabled { background: var(--vg-pozo) !important; background-image: none !important; color: var(--vg-tx-3) !important; opacity: 1 !important; box-shadow: none !important; } :root[data-vidrio="liquido"] .vs-fab { background: var(--vg-capsula) !important; color: var(--vg-tx) !important; -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); box-shadow: 0 0 0 1px var(--vg-filete), 0 10px 24px -12px rgba(0, 0, 0, .35) !important; } :root[data-vidrio="liquido"] [data-theme-btn] { font-size: 0 !important; width: 40px; height: 40px; min-height: 40px; padding: 0 !important; border-radius: 999px !important; display: inline-flex; align-items: center; justify-content: center; } :root[data-vidrio="liquido"] [data-theme-btn]::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 0 0 18z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 0 0 18z'/%3E%3C/svg%3E") center / contain no-repeat; } @media (hover: none), (pointer: coarse) { :root[data-vidrio="liquido"] [data-theme-btn] { width: 44px; height: 44px; min-height: 44px; } } :root[data-vidrio="liquido"] .vs-arriba, :root[data-vidrio="liquido"] .back-to-top { background: var(--vg-capsula) !important; color: var(--vg-tx) !important; -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); border: 0 !important; border-radius: 999px !important; box-shadow: 0 0 0 1px var(--vg-filete), 0 10px 24px -12px rgba(0, 0, 0, .35) !important; } @media (max-width: 700px) { :root[data-vidrio="liquido"] body:has(.float-wa) .vs-arriba { right: 21px !important; bottom: calc(146px + env(safe-area-inset-bottom, 0px)) !important; } :root[data-vidrio="liquido"] .grid .card .card-badges > .badge:nth-child(n+2) { display: none !important; } :root[data-vidrio="liquido"] .navbar .cart-btn { background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 999px !important; } }