/* ==================================================
   ACCLAIM – CUSTOM.CSS DEFINITIVO
   Objetivo:
   - Mantener layout original de Forma LMS
   - Header limpio (sin cajas blancas)
   - Logo un poco más grande
   - Textos negros
   - Menús legibles
   ================================================== */

/* ===============================
   VARIABLES BÁSICAS
   =============================== */
:root{
  --acclaim-red: #ff3b1f;
  --text-main: #111111;
  --text-muted: #4b5563;
}

/* ===============================
   RESET SUAVE
   =============================== */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  color: var(--text-main) !important;
}

/* ===============================
   TEXTO GLOBAL (NEGRO)
   =============================== */
body,
p,
span,
div,
li,
td,
th,
label{
  color: var(--text-main) !important;
}

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

/* ===============================
   HEADER – NO TOCAR ESTRUCTURA
   (evita cajas blancas)
   =============================== */
#header,
.header,
.navbar,
.topbar{
  display: block !important;
  padding: inherit !important;
  min-height: auto !important;
}

/* ===============================
   LOGO – ÚNICO CAMBIO REAL
   =============================== */
#header .logo img,
.header .logo img,
.navbar .logo img,
#header .navbar-brand img,
.navbar-brand img{
  height: 64px !important;   /* tamaño seguro */
  width: auto !important;
  max-height: none !important;
}

/* Evita que el logo se comprima */
#header .logo,
.header .logo,
.navbar .logo{
  display: inline-block !important;
  line-height: normal !important;
}

/* ===============================
   MENÚS DESPLEGABLES (LEGIBLES)
   =============================== */
.dropdown-menu,
.submenu,
.menu-dropdown{
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.15) !important;
}

.dropdown-menu a,
.dropdown-menu span,
.dropdown-menu li,
.submenu a{
  color: var(--text-main) !important;
}

.dropdown-menu a:hover,
.submenu a:hover{
  background: #f3f4f6 !important;
  color: var(--acclaim-red) !important;
}

/* ===============================
   BOTONES (NEUTROS)
   =============================== */
.btn-primary,
button.btn-primary{
  background: var(--acclaim-red) !important;
  border: none !important;
  color: #ffffff !important;
}

/* ===============================
   HR / SEPARADORES
   =============================== */
hr{
  border: 0 !important;
  height: 1px !important;
  background: rgba(0,0,0,.1) !important;
}

/* ===============================
   FIN DEL ARCHIVO
   =============================== */