/* ===== @font-face: Familia Gotham completa ===== */

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-XLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-XLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-BookItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-Ultra.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-UltraItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham/Gotham-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}


/* ===== Variables de marca ===== */
:root {
  --color-primary: #EB0028;
  --color-secondary: #A6A6A6;
  --color-dark: #2E2925;
  --color-light: #FFFFFF;

  --font-principal: 'Gotham', 'Montserrat', -apple-system, sans-serif;
}

/* ===== Aplicación forzada ===== */
* {
  font-family: var(--font-principal) !important;
}

body {
  background-color: var(--color-light);
  color: var(--color-dark);
  margin: 0;
  padding: 0;
  font-weight: 400; /* Book */
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-dark);
  font-weight: 700; /* Bold */
}

a {
  color: var(--color-primary);
  text-decoration: none;
}
a:hover { opacity: 0.8; }

.btn, button {
  background-color: var(--color-primary);
  color: var(--color-light);
  border: none;
  padding: 12px 24px;
  font-weight: 500; /* Medium */
  cursor: pointer;
}
.btn:hover, button:hover {
  background-color: var(--color-dark);
}

.text-muted, .subtitle {
  color: var(--color-secondary);
}

.bg-primary { background-color: var(--color-primary); color: var(--color-light); }
.bg-secondary { background-color: var(--color-secondary); color: var(--color-dark); }
.bg-dark { background-color: var(--color-dark); color: var(--color-light); }
.bg-light { background-color: var(--color-light); color: var(--color-dark); }