/* Tipografías de cada marca (las mismas del proyecto de historias). Se activan con <html data-brand="id">. */
@font-face { font-family: "BMW Motorrad"; src: url("fonts/BMWMotorrad-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "BMW Type Next"; src: url("fonts/BMWTypeNext-Light.otf") format("opentype"); font-weight: 300; font-display: swap; }
@font-face { font-family: "BMW Type Next"; src: url("fonts/BMWTypeNext-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "MINI Serif"; src: url("fonts/MINISerif-Medium.otf") format("opentype"); font-weight: 500; font-display: swap; }

/* --display: títulos grandes y contador; --d-w: su peso; --d-sm: peso en tarjetas pequeñas. */
[data-brand="motorrad"] { --display: "BMW Motorrad", "Barlow Condensed", "Inter", sans-serif; --d-w: 400; --d-sm: 400; --d-track: 0.01em; }
[data-brand="bmw"] { --display: "BMW Type Next", "Barlow Condensed", "Inter", sans-serif; --d-w: 300; --d-sm: 400; --d-track: 0; }
[data-brand="mini"] { --display: "MINI Serif", "Barlow Condensed", "Inter", sans-serif; --d-w: 500; --d-sm: 500; --d-track: 0.01em; }

[data-brand] .card-title, [data-brand] .v-railcard strong, [data-brand] .grupo-head h2 { font-family: var(--display); font-weight: var(--d-sm); letter-spacing: var(--d-track); }
[data-brand] .hero h1 { font-family: var(--display); font-weight: var(--d-w); letter-spacing: var(--d-track); }
[data-brand] .hero h1 .anio { font-weight: var(--d-w); }