/* ====== RECSA - Personalizaci¨Žn completa (naranja claro) ====== */

/* ======= Navbar ======= */
.navbar, .navbar-default {
  background-color: #FF8800 !important;  /* Naranja m¨˘s claro */
  border: none !important;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-brand {
  color: #fff !important;
}
.navbar .navbar-nav > li > a:hover {
  opacity: 0.9;
  background-color: transparent !important;
}
.navbar-brand img {
  content: url('../images/HT_LOGO_HORIZONTAL_COLOR.png');
  max-height: 42px;
}

/* ======= Botones ======= */
.btn-primary {
  background-color: #FF8800 !important;
  border-color: #FF8800 !important;
}
.btn-primary:hover,
.btn-primary:focus {
  filter: brightness(0.9);
}
.btn-default {
  border-color: #ccc !important;
  color: #333 !important;
}
.btn-default:hover {
  border-color: #999 !important;
  color: #000 !important;
}

/* ======= Login ======= */
body.login-page {
  background: url('../images/login_bg.jpg') no-repeat center center fixed;
  background-size: cover;
}
.login-box, .login-panel {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,.1);
}
.login-logo img {
  content: url('../images/HT_LOGO_HORIZONTAL_COLOR.png');
  max-width: 240px;
}

/* ======= Cards / Paneles ======= */
.card, .panel {
  border-radius: 12px !important;
  border: 1px solid #eee;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.card .card-header, .panel-heading {
  background-color: #1E1E1E !important;  /* Gris oscuro */
  color: #fff !important;
  font-weight: 600;
}
.card a, .panel a {
  color: #FF8800 !important;
}

/* ======= Tablas ======= */
.table thead {
  background-color: #FF8800 !important;
  color: #fff !important;
}
.table-hover tbody tr:hover {
  background-color: #fff5e6 !important; /* tono suave */
}

/* ======= Formularios ======= */
.form-control:focus {
  border-color: #FF8800 !important;
  box-shadow: 0 0 0 3px rgba(255,136,0,.25);
}

/* ======= Badges / Labels ======= */
.label-primary, .badge-primary {
  background-color: #FF8800 !important;
}
.label-default, .badge-default {
  background-color: #1E1E1E !important;
  color: #fff !important;
}

/* ======= Footer ======= */
footer, .footer {
  background-color: #1E1E1E !important;
  color: #fff !important;
  padding: 15px 0;
  text-align: center;
}
footer a, .footer a {
  color: #FF8800 !important;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}