/* =========================================================
   Forma LMS - custom.css
   Tema: Light / Textos Negros / Acento Rojo
   Estándar Multiempresa (IMCO / HT)
   ========================================================= */

/* =========================================================
   1) TOKENS
========================================================= */
:root{
  --bg:#ffffff;
  --bg-alt:#f4f4f4;
  --header-bg:#eeeeee;
  --panel:#ffffff;

  --text:#000000;
  --text-muted:#000000;

  --accent:#d9534f;
  --accent-hover:#c9302c;

  --border:#dddddd;
  --radius:8px;
  --shadow-soft:0 4px 12px rgba(0,0,0,.08);
}

/* =========================================================
   2) BASE
========================================================= */
html, body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#content,#container,.content,.main,.wrapper,
.container,.container-fluid,.page-content,.page-container,
#main,#main-content{
  background:transparent!important;
}

/* =========================================================
   3) TEXTOS (FORZADOS A NEGRO)
========================================================= */
h1,h2,h3,h4,h5,h6,
p,span,li,td,th,div,label,
.small,small,.help-block,.text-muted{
  color:#000000!important;
  opacity:1!important;
}

/* Links */
a,a:visited{
  color:#000000!important;
  text-decoration:none;
  font-weight:500;
}
a:hover{
  color:var(--accent)!important;
  text-decoration:underline;
}

/* =========================================================
   4) HEADER / TOPBAR
========================================================= */
header,.topbar,.navbar,.navbar-fixed-top,
#header,#top,.main-header{
  background:var(--header-bg)!important;
  border-bottom:1px solid var(--border)!important;
  min-height:90px!important;
  overflow:visible!important;
}

.navbar a,.navbar .nav>li>a,
#header a,.topbar a{
  color:#000000!important;
  font-weight:600;
}

/* =========================================================
   5) FIX DEFINITIVO LOGO (SIN MOVER LAYOUT)
========================================================= */
#logo,
.navbar-brand,
.brand{
  height:90px!important;
  min-height:90px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;

  background-size:contain!important;
  background-position:left center!important;
  background-repeat:no-repeat!important;
}

#logo img,
.navbar-brand img,
.brand img{
  max-height:78px!important;
  width:auto!important;
  height:auto!important;
}

/* =========================================================
   6) BOTONES
========================================================= */
.btn-primary,.btn.btn-primary,
button[type="submit"],input[type="submit"]{
  background:var(--accent)!important;
  border:1px solid var(--accent)!important;
  color:#ffffff!important;
  font-weight:700;
  padding:10px 26px;
  border-radius:4px;
}

.btn-primary:hover{
  background:var(--accent-hover)!important;
}

.btn-default,.btn-secondary{
  background:#f0f0f0!important;
  color:#000000!important;
  border:1px solid #cccccc!important;
}

/* =========================================================
   7) CARDS / PANELES
========================================================= */
.panel,.card,.box,.widget,.well{
  background:var(--panel)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow-soft)!important;
  color:#000000!important;
}

.panel-heading,.card-header{
  background:var(--bg-alt)!important;
  border-bottom:1px solid var(--border)!important;
}

/* =========================================================
   8) DROPDOWNS (PROBLEMA CORREGIDO)
========================================================= */
.dropdown-menu,.popover{
  background:#ffffff!important;
  border:1px solid #cccccc!important;
  box-shadow:0 8px 20px rgba(0,0,0,.15)!important;
}

.dropdown-menu>li>a{
  color:#000000!important;
  padding:10px 18px;
}

.dropdown-menu>li>a:hover{
  background:var(--accent)!important;
  color:#ffffff!important;
}

/* =========================================================
   9) LOGIN (TEXTO LEGIBLE)
========================================================= */
body.login,.login-page{
  background:var(--bg-alt)!important;
}

.login-box,.login-container,.form-signin,#login_box{
  background:#ffffff!important;
  border:1px solid var(--border)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.15)!important;
}

.login-box *,
.login-container *,
.form-signin *,
#login_box *{
  color:#000000!important;
}

/* Inputs login */
.login-box input,
.login-container input,
#login_box input{
  background:#ffffff!important;
  border:1px solid #cccccc!important;
  color:#000000!important;
}

/* =========================================================
   10) TABLAS
========================================================= */
.table thead th{
  background:#eeeeee!important;
  color:#000000!important;
  font-weight:700;
  border-bottom:2px solid #cccccc!important;
}

.table td{
  color:#000000!important;
  border-top:1px solid #eeeeee!important;
}