.auttiv-soft-prompt{
    position:fixed; bottom:24px; right:24px; z-index:9700;
    max-width:340px; max-width:min(340px, calc(100vw - 32px));
    background:#fff; color:#18181b;
    border:1px solid #e7e5e4; border-radius:18px;
    padding:18px 22px;
    box-shadow:0 24px 60px rgba(0,0,0,.20), 0 4px 14px rgba(0,0,0,.08);
    font-family:'Manrope',-apple-system,sans-serif;
    transform:translateY(20px); opacity:0;
    transition:transform .35s cubic-bezier(.2,.7,.2,1), opacity .25s;
    pointer-events:none;
  }
  .auttiv-soft-prompt.show{ transform:translateY(0); opacity:1; pointer-events:auto; }
  .auttiv-soft-prompt h4{
    font-family:'Playfair Display',serif;
    font-size:17px; font-weight:600;
    letter-spacing:-.01em;
    margin:0 0 6px;
    line-height:1.2;
  }
  .auttiv-soft-prompt p{
    font-size:13px; color:#71717a; line-height:1.5;
    margin:0 0 14px;
  }
  .auttiv-soft-prompt .auttiv-sp-actions{
    display:flex; gap:8px; align-items:center;
  }
  .auttiv-soft-prompt button{
    background:linear-gradient(135deg,#c2410c,#9b2f00);
    color:#fff; border:0; border-radius:100px;
    padding:9px 16px; font-size:13px; font-weight:600;
    cursor:pointer; font-family:inherit;
    box-shadow:0 6px 16px rgba(194,65,12,.28);
    transition:transform .15s, box-shadow .15s;
    min-height:44px; display:inline-flex; align-items:center; justify-content:center;
  }
  .auttiv-soft-prompt button:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(194,65,12,.36); }
  .auttiv-soft-prompt .auttiv-sp-dismiss{
    /* WCAG AA: was #a8a29e on white = 2.5:1 (fails). #57534e = ~6.5:1 (angel-eye) */
    background:transparent; color:#57534e;
    border:0; box-shadow:none;
    font-size:13px; padding:6px 10px;
  }
  .auttiv-soft-prompt .auttiv-sp-dismiss:hover{ color:#18181b; box-shadow:none; transform:none; }
  [data-theme="dark"] .auttiv-soft-prompt{ background:#1a1a1a; color:#fafaf9; border-color:#3f3f3f; }
  [data-theme="dark"] .auttiv-soft-prompt p{ color:#a8a29e; }
  [data-theme="dark"] .auttiv-soft-prompt .auttiv-sp-dismiss{ color:#a8a29e; }
  /* On mobile, dock to bottom-center above the bottom nav */
  @media (max-width:520px){
    .auttiv-soft-prompt{ right:12px; left:12px; bottom:88px; max-width:none; }
  }
  body.auttiv-logged-in .auttiv-soft-prompt{ display:none !important; }

/* ══════════════════════════════════════════════════════════════════
   COBRE RESERVADO — Ola 1 · rediseño premium 2026-07-01
   Dirección: el cobre solo donde convierte (H1 accent, flecha search,
   precio, CTAs). Anexado al final del último <style> para ganar cascada.
   Backup: customer-view.html.bak-premium2-20260701-1721
   ══════════════════════════════════════════════════════════════════ */

/* W1.1 [hero] .hero::after (definido en línea 1551) */
.hero::after{ display:none !important; }

/* W1.2 [search] .hero form (markup inline línea 3373) + button[type=submit] (3376) + #ai-search (3375) */
.hero form{ background:var(--bg-elevated) !important; border:1px solid var(--border-default) !important; box-shadow:0 1px 2px rgba(10,10,11,.04), 0 12px 32px rgba(10,10,11,.07) !important; }
.hero form:focus-within{ border-color:var(--border-strong) !important; box-shadow:0 1px 2px rgba(10,10,11,.05), 0 16px 40px rgba(10,10,11,.10), 0 0 0 4px rgba(194,65,12,.08) !important; }
[data-theme="dark"] .hero form:focus-within{ box-shadow:0 1px 2px rgba(0,0,0,.3), 0 16px 40px rgba(0,0,0,.35), 0 0 0 4px rgba(251,146,60,.14) !important; }
.hero form button[type="submit"]{ box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 4px 14px rgba(194,65,12,.26) !important; }
.hero form button[type="submit"]:hover{ box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 6px 18px rgba(194,65,12,.32) !important; }
#ai-search::placeholder{ font-family:'Playfair Display', Georgia, serif; font-style:italic; color:var(--text-tertiary); }

/* W1.3 [hero] [data-i18n="home.hero.eyebrow"] (línea 3353) + [data-i18n="home.featured.kicker"] (línea 3423) */
[data-i18n="home.hero.eyebrow"]{ color:var(--text-secondary) !important; }
[data-i18n="home.featured.kicker"]{ color:var(--text-secondary) !important; }

/* W1.4 [hero] .hero h1 .accent (animación accentShift en 1394-1398) + .hero::before (mesh en 1371/1541) */
.hero h1 .accent{ animation:none !important; background-size:100% 100% !important; }
.hero::before{ opacity:.65; }

/* W1.5 [hero] .hero (escalera responsive existente en 1050/1187/1199/1236) + .hero h1 (margin inline 3355) + #home-live-inventory */
@media (max-width:720px){
  .hero{ padding:16px 16px 22px; }
  .hero h1{ margin-bottom:18px !important; }
  #home-live-inventory{ margin-top:24px !important; }
}
@media (min-width:1024px){ .hero{ padding:72px 40px 52px; } }
@media (min-width:1440px){ .hero{ padding:92px 40px 60px; } }

/* W1.6 [chips] .ai-chip (base 1318, hovers duplicados naranjas en 1331 y 1347, override móvil 44px en 1061, dark en 1326) */
.ai-chip{ background:transparent; border:1px solid var(--border-default); color:var(--text-secondary); font-size:13px; padding:11px 18px; min-height:44px; font-weight:600; letter-spacing:-.005em; transition:background 150ms var(--ease-standard), border-color 150ms var(--ease-standard), color 150ms var(--ease-standard), transform 150ms var(--ease-standard); }
[data-theme="dark"] .ai-chip{ background:transparent; border-color:var(--border-default); }
.ai-chip:hover{ background:var(--bg-elevated) !important; border-color:var(--border-strong) !important; color:var(--text-primary) !important; transform:none !important; box-shadow:0 1px 2px rgba(10,10,11,.05) !important; }
.ai-chip:active{ transform:scale(.97) !important; }

/* W1.7 [cards] .car-card border-top 4px (línea 1994) + .cond-new/.cond-used/.cond-certified/.cond-cpo (2002-2004) */
.car-card, .car-card.cond-new, .car-card.cond-used, .car-card.cond-certified, .car-card.cond-cpo{ border-top:1px solid rgba(0,0,0,.05) !important; }
[data-theme="dark"] .car-card, [data-theme="dark"] .car-card.cond-new, [data-theme="dark"] .car-card.cond-used, [data-theme="dark"] .car-card.cond-certified, [data-theme="dark"] .car-card.cond-cpo{ border-top-color:var(--border-subtle) !important; }

/* W1.8 [cards] .car-badge (2224, ya es inline-flex con gap 4px) + .car-badge.new/.used/.cpo/.certified (2239-2247) */
.car-badge{ background:rgba(255,255,255,.92) !important; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#18181b !important; letter-spacing:.12em; box-shadow:0 1px 3px rgba(10,10,11,.12); border:1px solid rgba(0,0,0,.05) !important; }
.car-badge::before{ content:''; width:6px; height:6px; border-radius:50%; flex-shrink:0; background:#64748b; }
.car-badge.new::before{ background:#16a34a; }
.car-badge.certified::before, .car-badge.cpo::before{ background:var(--gold); }
[data-theme="dark"] .car-badge{ background:rgba(28,25,23,.88) !important; color:#fafafa !important; border-color:rgba(255,255,255,.12) !important; }

/* W1.9 [cards] .car-photo::after (línea 2017-2023, hoy rgba(0,0,0,.4) desde 60%) */
.car-photo::after{ background:linear-gradient(180deg, transparent 70%, rgba(0,0,0,.18) 100%) !important; }
[data-theme="dark"] .car-photo::after{ background:linear-gradient(180deg, transparent 68%, rgba(0,0,0,.34) 100%) !important; }

/* W1.10 [cards] .car-card / .car-card:hover — HOY 5 definiciones en conflicto: 1416-1424 (!important), 2005-2008, 2026-2031, 2286-2289 (borde naranja !important), 2933 (zoom 1.045) */
.car-card{ transition:transform 200ms var(--ease-standard), box-shadow 200ms var(--ease-standard), border-color 200ms var(--ease-standard) !important; }
.car-card:hover{ transform:translateY(-3px) !important; box-shadow:0 2px 4px rgba(10,10,11,.04), 0 16px 40px rgba(10,10,11,.09) !important; border-color:var(--border-default) !important; }
@media (hover:hover){ .car-card:hover .car-photo, .car-card:hover img{ transform:scale(1.03) !important; } }

/* W1.11 [cards] .car-card .car-price (2298, se queda en var(--primary-deep)) + .car-card .car-meta (2306) + .vdp-price (2511) + .vdp-month-est (2519) + .stat-num (1732) + .vdp-photo-counter (2107) + .deal-badge (2310) */
.car-card .car-price, .car-price, .vdp-price, .vdp-month-est, .stat-num, .vdp-photo-counter, .deal-badge{ font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1, "tnum" 1; }
.car-card .car-price{ letter-spacing:-.015em; }
.car-card .car-meta{ font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:600; margin-top:12px; }

/* W1.12 [nav] .vh-nav-center a:hover (1256, hoy naranja) + .brand-mark (1269) + .brand-mark::after (1301) */
.vh-nav-center a:hover{ color:var(--text-primary); }
.brand-mark::after{ display:none; }
.brand-mark{ box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 1px 3px rgba(0,0,0,.12) !important; }


/* ── COBRE RESERVADO — Ola 2 · VDP + motion + hermanas + dark (2026-07-01) ── */

/* W2.1 [vdp] .vdp-price (2511, sigue en var(--primary) = cobre) + .vdp-title-row (2493) + .vdp-name (2502) */
.vdp-price{ font-weight:700; }
.vdp-title-row{ margin-top:32px; padding-bottom:22px; border-bottom:1px solid var(--border-subtle); }
.vdp-name{ letter-spacing:-0.03em; }

/* W2.2 [vdp] #vdp-sticky-cta (markup en 4314; overrides móviles con !important en 1129 y 1160) */
#vdp-sticky-cta{ padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important; box-shadow:0 -12px 32px rgba(0,0,0,.14) !important; backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%); }

/* W2.3 [vdp] #vdp-main-photo (2088-2095: verificado position:relative + overflow:hidden + radius 14px) */
#vdp-main-photo{ border-radius:18px; }
#vdp-main-photo::after{ content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; z-index:1; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), inset 0 -48px 64px rgba(0,0,0,.18); }

/* W2.4 [motion] .ae-ai-fab .ae-ai-icon::after (pulso infinito en 191-199) + .car-status-badge.hot (animación infinite en 2084) */
.ae-ai-fab .ae-ai-icon::after{ animation:none !important; opacity:.3; }
.car-status-badge.hot{ animation:ae-pulse 2s ease-in-out 3; }

/* W2.5 [motion] .ae-ai-fab (146-171, gradiente cobre-oro + glow naranja .32/.45) */
.ae-ai-fab{ background:#1c1917 !important; box-shadow:0 2px 6px rgba(0,0,0,.14), 0 12px 32px rgba(10,10,11,.24), inset 0 1px 0 rgba(255,255,255,.08) !important; }
.ae-ai-fab:hover{ box-shadow:0 4px 10px rgba(0,0,0,.16), 0 16px 40px rgba(10,10,11,.30), inset 0 1px 0 rgba(255,255,255,.08) !important; }
[data-theme="dark"] .ae-ai-fab{ background:#fafafa !important; color:#18181b !important; }
[data-theme="dark"] .ae-ai-fab .ae-ai-icon{ background:rgba(0,0,0,.08); }

/* W2.6 [motion] .country-pill/.state-pill (1651), .city-card (1686), .dealer-card (1863), .bs-chip (2263) — todos verificados */
.country-pill, .state-pill, .city-card, .dealer-card, .bs-chip{ transition:transform 200ms var(--ease-standard), box-shadow 200ms var(--ease-standard), background 200ms var(--ease-standard), border-color 200ms var(--ease-standard), color 200ms var(--ease-standard) !important; }

/* W2.7 [search-hermanas] .search-bar (1596 — barra de /city y páginas dealer) */
.search-bar{ background:var(--bg-card); border-color:var(--border-default); box-shadow:0 1px 2px rgba(0,0,0,.04), 0 14px 36px rgba(0,0,0,.08); }

/* W2.8 [dark] .deal-badge (2310) + verificación de paridad dark de las Olas 1-2 */
.deal-badge{ border-radius:100px; padding:4px 11px; }
/* Paridad dark: ya cubierta en cada cambio de Ola 1 (form, chips, franja, badge, scrim con overrides [data-theme=dark] explícitos; el resto usa tokens --bg-*/--border-*/--text-* definidos en 507-561). Checklist final antes de deploy: toggle dark en home + VDP + /dealers/<slug> con angel-eye, verificando search neutro, badges vidrio oscuro, FAB invertido y hairlines. */