/* Diseño aprobado el 18/10/2026. Se carga después de los estilos base.
   Respaldo previo: etiqueta respaldo-web-2026-10-18-antes-diseno. */
:root { --shadow-red: 0 8px 24px -12px rgba(229,9,20,.35); }
html { background:#0c0c0e; }
body { background:#0c0c0e !important; }

/* Menos movimiento y decoraciones; se conservan los estados funcionales. */
#webgl-bg, #webgl-veil, #grain, .cursor-dot, .cursor-ring { display:none !important; }
.reveal, .reveal.in, .word-3d, .word-3d.in,
.car-card, .car-card.show, .unit-card, .testimonial, .feature, .about-img {
  opacity:1 !important; transform:none !important; will-change:auto;
  transition:border-color .2s, background-color .2s, box-shadow .2s;
}
.car-card::after, .unit-card::after, .hero::before { display:none; }
.car-card img, .unit-card img, .about-img img,
.btn, .nav-cta { transform:none !important; will-change:auto; }
.hero-pretitle, .hero-pretitle .dot, .hero h1, .hero .hero-title,
.hero h1 span, .hero .hero-title span, .hero-tagline, .hero-trust,
.hero-cta, .hero-bg { animation:none !important; }
.hero-scroll { display:none; }

.section { padding:5rem max(2rem,calc((100vw - 1280px)/2)); }
.section-head { text-align:left; max-width:1280px; margin:0 auto 2.25rem; }
.section-tag { padding:0; background:none; border:0; border-radius:0; letter-spacing:.16em; font-size:.7rem; margin-bottom:.9rem; color:#fb666c; }
.section-title { font-family:'Inter',sans-serif; font-size:clamp(1.8rem,3.1vw,2.8rem); font-weight:650; line-height:1.18; letter-spacing:-.045em; }
.section-title em { font-family:inherit; font-style:normal; font-weight:inherit; color:#f04d55; }
.section-subtitle { margin-top:1rem; max-width:650px; font-family:'Inter',sans-serif; font-style:normal; font-size:.96rem; color:#b5b5bd; line-height:1.7; }
.stock, .crm, .vm { background:#0c0c0e !important; }
.consign, .about, .units, .stats, .location, .testimonials { background:#121214 !important; }
.section + .section { border-top:1px solid rgba(255,255,255,.055); }
.footer { background:#09090b !important; }
.nav, .nav.scrolled { background:rgba(12,12,14,.96); border-bottom:1px solid rgba(255,255,255,.08); box-shadow:none; }
.nav-menu a, .nav-more summary { letter-spacing:.01em; text-transform:none; }
.nav-cta { border-radius:8px; box-shadow:none; }
.btn { border-radius:9px; padding:.9rem 1.4rem; font-size:.86rem; font-weight:600; letter-spacing:0; text-transform:none; min-height:48px; justify-content:center; }
.btn-primary, .btn-primary:hover { box-shadow:none; }
.btn:hover i { transform:none; }
.btn-ghost { background:rgba(15,15,17,.5); border-color:rgba(255,255,255,.3); }
:is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #ff747a; outline-offset:3px; }

.hero { min-height:0; padding:calc(var(--topbar-h,100px) + 4.5rem) 0 5rem; background:#0c0c0e; }
.hero-content { width:100%; max-width:1280px; padding:0 2rem; text-align:left; }
.hero-bg { opacity:.6; transform:none; filter:none; }
.hero-bg::after { background:linear-gradient(90deg,rgba(12,12,14,.94),rgba(12,12,14,.5) 52%,rgba(12,12,14,.15)),linear-gradient(0deg,#0c0c0e,transparent 30%); }
.hero-video.is-loaded { opacity:.28; }
.hero h1, .hero .hero-title { font-size:clamp(3.4rem,6.5vw,5.6rem); font-weight:400; line-height:.99; letter-spacing:-.015em; margin-bottom:1.35rem; }
.hero h1 span, .hero .hero-title span { background:none; color:#f32e38; -webkit-text-fill-color:currentColor; }
.hero-pretitle { color:#ddd; background:none; border:0; padding:0; margin-bottom:1.5rem; font-size:.68rem; letter-spacing:.14em; }
.hero-tagline { font-family:'Inter',sans-serif; font-style:normal; font-size:.95rem; line-height:1.65; max-width:480px; color:#ccc; }
.hero-proof { justify-content:flex-start; gap:1rem; margin-bottom:1.65rem; }
.hero-trust { background:rgba(12,12,14,.55); border-color:rgba(255,255,255,.15); border-radius:9px; padding:.65rem .8rem; margin-bottom:0; box-shadow:none; }
.hero-trust-score { font-family:'Inter',sans-serif; font-size:1.4rem; letter-spacing:-.05em; }
.hero-cta { justify-content:flex-start; gap:.75rem; }
.site-visits { color:#b5b5bd; font-size:.74rem; }

.type-bar, .brand-bar { justify-content:flex-start; gap:.45rem; }
.type-pill, .brand-pill { border-radius:7px; letter-spacing:0; text-transform:none; min-height:40px; padding:.55rem .9rem; }
.type-bar.is-stuck { top:var(--topbar-h,100px); }
.ai-search-box { border-radius:10px; background:#19191c; border-color:#353539; box-shadow:none; }
.ai-search-box button { border-radius:7px; letter-spacing:0; text-transform:none; }
.ai-chip { border-radius:6px; }
.filter-panel { background:#151517; border-color:#2a2a2e; border-radius:12px; }
.filter-select, .filter-sort { border-color:#38383d; border-radius:7px; }
.fresh-block { margin-bottom:2.5rem; }
.fresh-head { margin-bottom:1.1rem; }
.fresh-head h3, .incoming-head h3 { font-family:'Inter',sans-serif; font-weight:600; font-size:1.2rem; letter-spacing:-.025em; line-height:1.3; }
.fresh-head .fresh-link { text-transform:none; letter-spacing:0; font-size:.8rem; }
.cars-grid, .fresh-grid { gap:1.1rem; }
.car-card { background:#18181b; border:1px solid #303034; border-radius:12px; }
.car-card:hover { border-color:#68686e; box-shadow:0 10px 30px rgba(0,0,0,.18); }
.car-img { aspect-ratio:16/10; }
.car-img img { transition:none; }
.car-info { padding:1.2rem; }
.car-brand { color:#a5a5ae; font-size:.65rem; letter-spacing:.1em; margin-bottom:.5rem; }
.car-name { font-family:'Inter',sans-serif; font-size:1.05rem; font-weight:600; line-height:1.4; letter-spacing:-.02em; margin-bottom:.8rem; }
a.car-name:hover { color:#ff858a; }
.car-meta { font-size:.76rem; color:#b1b1ba; gap:.6rem 1rem; padding-bottom:.8rem; margin-bottom:.8rem; }
.car-meta i { color:#8f8f99; }
.car-price { font-family:'Inter',sans-serif; font-size:1.4rem; line-height:1.3; font-weight:650; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.car-price small { font-size:.68rem; font-weight:400; letter-spacing:0; margin-top:.2rem; color:#acacb5; }
.car-price-old { letter-spacing:0; }
.car-cuota { display:block; background:transparent; border:0; padding:0; border-radius:0; font-size:.74rem; line-height:1.5; color:#c0c0c9; }
.car-btn { border-radius:7px; text-transform:none; letter-spacing:0; padding:.65rem .8rem; min-height:44px; }
.car-hot-tag, .car-drop-tag { box-shadow:none; letter-spacing:.02em; }
.car-tag { font-size:.65rem; letter-spacing:.04em; }
.incoming-block { padding:1.5rem; background:#161514; border-radius:12px; }
.incoming-head h3 { font-size:1.4rem; margin:.5rem 0; }
.incoming-card { background:#1b1a18; border-color:#39352e; }
.fresh-grid > .incoming-card { align-self:start; }
.incoming-card .car-name { font-size:1rem; }
.incoming-card .car-price { font-size:1.25rem; }
.incoming-label { color:#d7bd90; }
.incoming-actions .btn { min-height:44px; }
.stock-cta { margin-top:2.5rem; }

.consign-grid { gap:3rem; }
.consign-content h3 { font-family:'Inter',sans-serif; font-weight:600; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.2; letter-spacing:-.04em; }
.consign-content h3 em { font-family:inherit; font-weight:inherit; font-style:normal; color:#f04d55; }
.consign-content > p { color:#b5b5bd; font-size:.95rem; line-height:1.75; }
.consign-benefits { margin-bottom:1.8rem; }
.consign-benefits li { display:block; position:relative; font-size:.85rem; padding:.85rem 0 .85rem 2.7rem; line-height:1.55; }
.consign-benefits i { position:absolute; left:0; top:.65rem; }
.consign-form { background:#1b1b1e; border-color:#35353a; padding:2rem; border-radius:14px; box-shadow:0 12px 40px rgba(0,0,0,.15); }
.consign-form h4 { font-family:'Inter',sans-serif; font-size:1.35rem; font-weight:600; letter-spacing:-.03em; line-height:1.3; }
.form-group label { font-size:.8rem; text-transform:none; letter-spacing:0; color:#d0d0d6; }
.form-group input, .form-group select, .form-group textarea { background:#111113; border-color:#404046; min-height:48px; }
.form-submit, .form-wa { text-transform:none; letter-spacing:0; box-shadow:none; }
.service-card, .testimonial, .vm-card { border-color:#323237; border-radius:12px; background:#1a1a1d; box-shadow:none; padding:1.6rem; }
.testimonial-text { font-size:.9rem; line-height:1.7; color:#d1d1d7; }
.testimonial-quote { opacity:.35; font-size:3rem; }
.testimonials-track { gap:1rem; }
.activity-ticker { border-radius:10px; box-shadow:0 8px 25px rgba(0,0,0,.3); background:rgba(22,22,25,.98); }
.mobile-cta { background:#151517; box-shadow:0 -1px 0 #333337; }
.mobile-cta .btn { border-radius:8px; }
#carModal > .modal { border-radius:14px; }
.modal-info h3 { font-family:'Inter',sans-serif; font-weight:600; font-size:1.65rem; line-height:1.3; letter-spacing:-.035em; }
.modal-price { font-family:'Inter',sans-serif; font-size:1.8rem; font-weight:600; letter-spacing:-.035em; }

@media(min-width:1400px) { .hero-content { padding:0; } }
@media(max-width:1024px) {
  .section { padding:3.75rem 1.5rem; }
  .hero { padding-top:calc(var(--topbar-h,100px) + 3rem); padding-bottom:3.5rem; }
  .consign-grid { gap:2rem; }
}
@media(max-width:640px) {
  .section { padding:2.8rem 1rem; }
  .section-head { margin-bottom:1.6rem; }
  .section-title { font-size:1.8rem; }
  .section-subtitle { font-size:.86rem; }
  .hero { padding:calc(var(--topbar-h,100px) + 2.2rem) 0 2.8rem; }
  .hero-content { padding:0 1.25rem; }
  .hero h1, .hero .hero-title { font-size:clamp(2.85rem,13vw,3.5rem); margin-bottom:1rem; }
  .hero-pretitle { font-size:.58rem; letter-spacing:.09em; line-height:1.6; margin-bottom:1.1rem; }
  .hero-tagline { font-size:.82rem; max-width:300px; }
  .hero-proof { gap:.7rem; align-items:center; margin-bottom:1.3rem; flex-wrap:wrap; }
  .hero-trust { padding:.55rem .65rem; }
  .hero-trust-score { font-size:1.2rem; }
  .hero-trust-text, .hero-proof .site-visits { font-size:.64rem; }
  .hero-cta { flex-wrap:nowrap; gap:.6rem; }
  .hero-cta .btn { padding:.8rem .85rem; font-size:.78rem; }
  .hero-cta .btn i { display:none; }
  .type-pill, .brand-pill, .ai-chip { min-height:44px; }
  .fresh-block { margin-bottom:2rem; }
  .fresh-grid { gap:1rem; }
  .fresh-head h3 { font-size:1.05rem; }
  .car-info { padding:1rem; }
  .car-name { font-size:1rem; }
  .car-price { font-size:1.25rem; }
  .cars-grid { gap:.75rem; }
  .cars-grid .car-img { width:37%; min-width:100px; }
  .cars-grid .car-info { padding:.8rem; gap:.2rem; }
  .cars-grid .car-name { font-size:.85rem; line-height:1.35; -webkit-line-clamp:3; margin-bottom:.25rem; }
  .cars-grid .car-meta { font-size:.66rem; gap:.4rem; }
  .cars-grid .car-price { font-size:1.05rem; line-height:1.3; }
  .cars-grid .car-price small { font-size:.58rem; }
  .cars-grid .car-btn { width:36px; flex-basis:36px; min-height:44px; }
  .car-fav { min-width:44px; min-height:44px; }
  .cars-grid .car-fav { transform:none; top:.4rem; right:.4rem; }
  .incoming-block { padding:1rem; }
  .incoming-head h3 { font-size:1.2rem; }
  .incoming-head p { font-size:.8rem; }
  .incoming-card { padding:1rem; }
  .consign-content h3 { font-size:1.9rem; }
  #consignForm { padding:1.25rem; }
  .consign-steps { margin-bottom:1.3rem; }
  .form-group input, .form-group select, .form-group textarea { font-size:16px; }
  .modal-info h3 { font-size:1.3rem; }
  .modal-price { font-size:1.5rem; }
}