/* mientrada.ar — tema oscuro unificado */
:root {
  --bg: #0d0e12;
  --card: #1a1d24;
  --border: #323844;
  --text: #e9ecef;
  --muted: #8b93a1;
  --acento: #ffc107;
  /* Fuente unificada de la plataforma (Roboto, con fallbacks del sistema). */
  --fuente: 'Roboto', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --bs-body-font-family: var(--fuente);
  --bs-heading-font-family: var(--fuente);
}

body {
  background-color: var(--bg);
  color: var(--text);
  min-height: 100vh;
  font-family: var(--fuente);
}

.contenedor {
  max-width: 960px;
  margin: auto;
  padding: 20px;
}

.card {
  background-color: var(--card);
  border: 1px solid var(--border);
  color: var(--text);
}

.card-header {
  background-color: #212529;
  font-weight: bold;
  border-bottom: 1px solid var(--border);
}

.text-muted { color: var(--muted) !important; }

/* Bootstrap pone .form-text en un gris oscuro ilegible sobre el tema oscuro. */
.form-text { color: var(--muted) !important; }
.form-text a { color: var(--acento); }

.tarjeta-elegir {
  cursor: pointer;
  transition: transform .15s ease-in-out, border-color .15s;
}
.tarjeta-elegir:hover {
  transform: translateY(-4px);
  border-color: var(--acento);
}

.logo-productora {
  max-height: 70px;
  max-width: 80%;
  object-fit: contain;
}

.btn-modulo {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 12px;
  padding: 10px 16px;
}
.btn-modulo .icono {
  font-size: 1.4rem;
  width: 32px;
  text-align: center;
}

.form-login {
  max-width: 380px;
  margin: 8vh auto;
}