/* ===============================================================
   TEMA "FERRETERIA" — ferretería, materiales, herramientas, pinturería
   Copiá este archivo como tema.css (en la carpeta principal)
   =============================================================== */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Archivo+Narrow:wght@500;600;700&display=swap");

:root {
  --bg: #F4F4F2;
  --bg-header: rgba(244,244,242,.95);
  --surface: #FFFFFF;
  --nude: #E4E5E3;
  --rosa: #C9CBC8;
  --acento: #D7261E;
  --acento-osc: #B01C15;
  --sobre-acento: #FFFFFF;
  --texto: #1D2023;
  --suave: #61666B;
  --borde: #DADBD8;
  --radio: 6px;
  --radio-btn: 4px;
  --radio-campo: 4px;
  --sombra: 0 4px 14px rgba(0,0,0,.06);
  --f-titulo: "Archivo Narrow", "Arial Narrow", sans-serif;
  --f-texto: "Archivo", system-ui, sans-serif;
  --peso-titulo: 700;
  --titulo-escala: 1.1;
  --titulo-mayus: uppercase;
  --boton-mayus: uppercase;
  --boton-espaciado: .04em;
}
.hero { border-bottom: 4px solid var(--texto); }
.card .info { border-top: 3px solid var(--acento); }