/* Mapache Rojo — tema neón newsroom (paleta de la identidad oficial) */
:root {
  --mr-red: #e8192c;
  --mr-red-bright: #ff2438;
  --mr-red-dark: #8f0f1c;
  --mr-bg: #070304;
  --mr-card: #120608;
  --mr-card-2: #1a090d;
  --mr-border: #3a0c12;
  --mr-text: #ece6e7;
  --mr-muted: #9c8b8e;
}

body {
  background:
    radial-gradient(1100px 520px at 50% -180px, rgba(232, 25, 44, 0.16), transparent 65%),
    var(--mr-bg);
  background-attachment: fixed;
  color: var(--mr-text);
  font-family: "Barlow", "Segoe UI", system-ui, sans-serif;
}

h1, h2, h3, h4, h5, .navbar-brand, .brand-title, .btn {
  font-family: "Barlow Condensed", "Segoe UI", sans-serif;
  letter-spacing: 0.04em;
}
h1, h2 { text-transform: uppercase; }

/* Navbar tipo cintillo de noticiero */
.navbar {
  background: rgba(7, 3, 4, 0.96);
  border-bottom: 2px solid var(--mr-red) !important;
  box-shadow: 0 2px 22px rgba(232, 25, 44, 0.35);
}
.navbar .nav-link {
  color: var(--mr-muted);
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.02rem;
  letter-spacing: 0.06em;
}
.navbar .nav-link:hover { color: var(--mr-red-bright); }
.mr-logo {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  filter: drop-shadow(0 0 7px rgba(232, 25, 44, 0.65));
}
.brand-title { font-size: 1.45rem; font-weight: 700; text-transform: uppercase; }
.mr-brand-red { color: var(--mr-red-bright); }
.mr-brand-white { color: #fff; }
.mr-tagline {
  color: var(--mr-muted);
  font-size: 0.68rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

/* Tarjetas con brillo rojo sutil */
.card {
  background: linear-gradient(180deg, var(--mr-card-2), var(--mr-card));
  border: 1px solid var(--mr-border);
  box-shadow: 0 0 16px rgba(232, 25, 44, 0.07);
  border-radius: 0.6rem;
}
.card-header {
  background: rgba(232, 25, 44, 0.08);
  border-bottom: 1px solid var(--mr-border);
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.06em;
}

/* Botones */
.btn-danger {
  background: linear-gradient(180deg, var(--mr-red-bright), #b31221);
  border-color: var(--mr-red-dark);
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: 0 0 12px rgba(232, 25, 44, 0.35);
}
.btn-danger:hover {
  background: linear-gradient(180deg, #ff3d4f, var(--mr-red));
  box-shadow: 0 0 18px rgba(232, 25, 44, 0.55);
}
.btn-outline-danger { border-color: var(--mr-red-dark); color: var(--mr-red-bright); }
.btn-outline-danger:hover { background: var(--mr-red); border-color: var(--mr-red); }

/* Badges */
.badge.bg-danger {
  background: var(--mr-red) !important;
  box-shadow: 0 0 10px rgba(232, 25, 44, 0.6);
}
.badge.bg-dark.border { border-color: var(--mr-border) !important; }

/* Tablas y listas */
.table { --bs-table-bg: transparent; --bs-table-hover-bg: rgba(232, 25, 44, 0.06); }
.table thead th {
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.06em;
  color: var(--mr-muted);
  border-bottom-color: var(--mr-border);
}
.table td, .table th { border-color: #24080c; }
.list-group-item { background: transparent; border-color: #24080c; }

/* Formularios */
.form-control, .form-select {
  background: #0d0507;
  border-color: var(--mr-border);
  color: var(--mr-text);
}
.form-control:focus, .form-select:focus {
  background: #0d0507;
  color: var(--mr-text);
  border-color: var(--mr-red);
  box-shadow: 0 0 0 0.2rem rgba(232, 25, 44, 0.2);
}
.form-check-input:checked { background-color: var(--mr-red); border-color: var(--mr-red); }

/* Números grandes del dashboard */
.fs-2 { font-family: "Barlow Condensed", sans-serif; font-weight: 700; }

footer {
  color: var(--mr-muted) !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.72rem !important;
}

a { color: var(--mr-red-bright); }
a:hover { color: #ff5a68; }
.text-secondary { color: var(--mr-muted) !important; }