:root{
  --pitlog-red:#c22006;
  --pitlog-gray:#a1a1a1;
  --pitlog-black:#000000;
  --pitlog-white:#ffffff;
  --text:#111;
}

html,body{
  background: var(--pitlog-white);
  color: var(--text);
}

.navbar-pitlog{
  background: var(--pitlog-black) !important;
}

.navbar-pitlog .navbar-brand,
.navbar-pitlog .nav-link,
.navbar-pitlog .navbar-text{
  color: #fff !important;
}

.btn-primary{
  background: var(--pitlog-red) !important;
  border-color: var(--pitlog-red) !important;
}
.btn-primary:hover{
  filter: brightness(0.95);
}

.btn-secondary{
  background: var(--pitlog-gray) !important;
  border-color: var(--pitlog-gray) !important;
  color:#111 !important;
}

.cardx{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  box-shadow: 0 8px 26px rgba(0,0,0,.08);
}

.tile{
  border-radius:18px; padding:18px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  text-decoration:none; color:#111;
  display:flex; align-items:center; justify-content:space-between;
  transition: transform .12s ease, box-shadow .12s ease;
}
.tile:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.10);}

.badge-soft{
  background: rgba(194,32,6,.10);
  border: 1px solid rgba(194,32,6,.25);
  color: var(--pitlog-red);
}

.scan{
  font-size:1.10rem;
  letter-spacing:.08em;
}

/* Login centrado + footer abajo */
.page-center{
  min-height: calc(100vh - 56px); /* resto el alto del navbar aprox si está */
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 16px;
}

.page-center.no-navbar{
  min-height: 100vh; /* para module_login sin navbar */
}

.footer-fixed{
  position: fixed;
  left: 0; right: 0;
  bottom: 0;
  padding: 10px 12px;
  text-align: center;
  font-size: 12px;
  color: rgba(0,0,0,.55);
  background: rgba(255,255,255,.95);
  border-top: 1px solid rgba(0,0,0,.08);
}
/* === Module Login Titles === */
.module-title{
  font-weight: 600;
  color: #111;
  font-size: 1.1rem;       /* más pequeño */
  margin-bottom: 2px;
}

.module-name{
  font-weight: 900;
  color: #c22006;
  font-size: 2.4rem;       /* MÁS GRANDE */
  letter-spacing: .04em;
  line-height: 1.1;
}

/* Ajuste responsive */
@media (max-width: 768px){
  .module-name{
    font-size: 2rem;
  }
}
@media (max-width: 480px){
  .module-name{
    font-size: 1.7rem;
  }
}
.brand-left{
  display:flex;
  align-items:center;
  gap:20px;
}

.brand-logo{
  height:64px;          /* ⬅ más grande */
  width:auto;
}

.brand-title{
  font-size:1.9rem;
  font-weight:900;
  margin:0;
}

.brand-sub{
  margin:0;
  color:rgba(0,0,0,.55);
}
/* === Module topbar === */
.module-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  background:#fff;
  box-shadow: 0 8px 26px rgba(0,0,0,.06);
  margin-bottom:14px;
}

.module-logo{
  height:34px;
  width:auto;
}

.module-title{
  font-weight:900;
  letter-spacing:.04em;
  color:#111;
}

.module-user{
  font-weight:800;
  color:#111;
  white-space:nowrap;
}