/* =====================================================================
   Whost24 · Tema azul tipo app (Mesa de Ayuda)
   Paleta: bg #f4f6f9 · sidebar #0f2744 · primary #1e40af/#2563eb
           alerta #1e3a8a→#172554 · texto #1e293b / #64748b
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#f4f6f9;--sidebar:#0f2744;--sidebar-d:#0b1e36;--primary:#2563eb;--primary-d:#1e40af;
  --alert-from:#1e3a8a;--alert-to:#172554;--text:#1e293b;--muted:#64748b;--line:#e2e8f0;--card:#ffffff;
}
body{font-family:'Inter',system-ui,-apple-system,sans-serif !important;background:var(--bg) !important;color:var(--text)}
h1,h2,h3,h4,h5{color:var(--text);letter-spacing:-.01em}
/* Layout general */
.main-content,main{background:var(--bg)}
/* Sidebar / menús oscuros */
.bg-blue-900{background-color:var(--sidebar) !important}
.bg-blue-800{background-color:var(--primary-d) !important}
.bg-blue-700{background-color:var(--primary) !important}
.bg-blue-600{background-color:#3b82f6 !important}
.hover\:bg-blue-900:hover{background-color:var(--sidebar-d) !important}
.hover\:bg-blue-800:hover{background-color:var(--primary-d) !important}
.hover\:bg-blue-700:hover{background-color:var(--primary) !important}
.text-blue-900{color:var(--sidebar) !important}
.text-blue-800{color:var(--primary-d) !important}
.text-blue-700{color:var(--primary) !important}
.text-blue-200{color:#93c5fd !important}
.text-blue-100{color:#dbeafe !important}
.text-blue-50{color:#eff6ff !important}
.border-blue-900{border-color:var(--sidebar) !important}
.border-blue-800{border-color:var(--primary-d) !important}
.ring-blue-700,.ring-blue-500{--tw-ring-color:#3b82f6 !important}
/* Degradados (login/landing) */
.from-blue-900{--tw-gradient-from:#0f2744 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(15 39 68 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.via-blue-800{--tw-gradient-to:rgb(30 64 175 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to) !important}
.to-blue-950{--tw-gradient-to:#172554 var(--tw-gradient-to-position) !important}
/* Tarjetas */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}
.dashboard-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);transition:transform .2s ease,box-shadow .2s ease}
.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}
/* Botones */
.btn-primary,.btn.btn-primary{background:linear-gradient(135deg,var(--primary-d),var(--primary)) !important;border-radius:8px}
.btn-primary:hover{filter:brightness(1.06)}
.btn-secondary{border-radius:8px}
/* Panel de alerta azul (destacado) */
.alert-card-blue{background:linear-gradient(135deg,var(--alert-from) 0%,var(--alert-to) 100%);color:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 20px -5px rgba(30,58,138,.3)}
.alert-card-blue h4,.alert-card-blue p{color:#fff}
.alert-card-blue .btn-action{background:#fff;color:var(--alert-from);font-weight:600;border-radius:8px;padding:8px 16px;transition:background-color .2s}
.alert-card-blue .btn-action:hover{background:#f8fafc}
/* Enlaces de barra lateral (por si se usan clases custom) */
.sidebar-link{display:flex;align-items:center;padding:12px 20px;color:#94a3b8;transition:all .3s ease}
.sidebar-link:hover,.sidebar-link.active{background-color:rgba(255,255,255,.08);color:#fff;border-left:4px solid #3b82f6}
/* Inputs */
.input,.form-input,.form-select,.form-textarea{border-radius:8px;border-color:#cbd5e1}
::selection{background:#2563eb;color:#fff}

/* Barra de navegación del sitio dentro del sistema */
.wh24-topnav{display:flex;align-items:center;gap:1rem;background:#0f2744;color:#fff;padding:.5rem 1rem;font-family:'Inter',system-ui,sans-serif;position:relative;z-index:60;flex-wrap:wrap}
.wh24-topnav a{color:#cddcf0;font-size:.82rem;font-weight:600;text-decoration:none}
.wh24-topnav a:hover{color:#fff}
.wh24-topnav .wh24-logo{display:flex;align-items:center;gap:.45rem;font-weight:800;color:#fff}
.wh24-topnav .wh24-links{display:flex;gap:1rem;flex-wrap:wrap;margin-left:auto}
.wh24-topnav .wh24-cta{background:#2563eb;color:#fff;border-radius:999px;padding:.32rem .85rem}
@media (max-width:700px){.wh24-topnav .wh24-links{display:none}.wh24-topnav .wh24-cta{margin-left:auto}}