/* ===============================================================
   TEMA "MOTOR" — lubricentros, repuestos, ferreterías, talleres
   Copiá este archivo como tema.css (en la carpeta principal)
   =============================================================== */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500;600&display=swap");

:root {
  --bg: #111417;
  --bg-header: rgba(17, 20, 23, .94);
  --surface: #1A1F24;
  --nude: #232A31;
  --rosa: #2E363F;
  --acento: #FFC20E;
  --acento-osc: #FFD54D;
  --sobre-acento: #111417;
  --texto: #F1F2F0;
  --suave: #9AA3AC;
  --borde: #2B333B;
  --borde-card: #2B333B;
  --error: #FF6B5E;
  --sobre-wa: #FFFFFF;
  --radio: 8px;
  --radio-btn: 6px;
  --radio-campo: 6px;
  --sombra: 0 8px 24px rgba(0, 0, 0, .35);
  --f-titulo: "Barlow Condensed", "Arial Narrow", sans-serif;
  --f-texto: "Barlow", system-ui, sans-serif;
  --peso-titulo: 700;
  --titulo-mayus: uppercase;
  --titulo-espaciado: .02em;
  --titulo-escala: 1.1;
  --boton-mayus: uppercase;
  --boton-espaciado: .04em;
  --aviso-bg: #FFC20E;
  --aviso-texto: #111417;
}

/* Detalles propios del tema */
.hero { padding: 56px 0 28px; }
.hero::before { content: ""; display: block; width: 120px; height: 10px; margin: 0 auto 18px; background: repeating-linear-gradient(-45deg, var(--acento) 0 10px, transparent 10px 20px); }
.hero h1 { color: var(--texto); }
.precio { color: var(--acento); }
.card .info { border-top: 3px solid var(--acento); }
.chip { background: transparent; }
input::placeholder, textarea::placeholder { color: #6E7882; }
.btn-carrito svg { color: var(--texto); }
a { color: var(--acento); }