/* estilo-hospital.css mejorado con look profesional tipo JIRA e identidad del Hospital Infantil */

body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    background-color: #f8f9fa;
    color: #333;
  }
  
  .sidebar {
    width: 260px;
    background-color: #ffffff;
    min-height: 100vh;
    border-right: 1px solid #ddd;
    box-shadow: 2px 0 5px rgba(0,0,0,0.05);
  }
  
  .sidebar-logo {
    width: 100%;
    padding: 15px;
    object-fit: contain;
    max-height: 140px;
  }
  
  .sidebar-title {
    font-weight: 800;
    text-align: center;
    font-size: 18px;
    margin-top: -10px;
  }
  
  .sidebar-nav ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
  }
  
  .sidebar-nav ul li {
    margin: 10px 0;
  }
  
  .sidebar-nav a {
    text-decoration: none;
    color: #1E3A8A;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 6px;
    transition: background 0.3s;
  }
  
  .sidebar-nav a:hover,
  .sidebar-nav .active a {
    background-color: #e0ecff;
    color: #0F172A;
  }
  
  .main-content {
    padding: 30px;
    background-color: #f4f7fa;
  }
  
  .content-header {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  
  .content-header h1 {
    font-weight: 700;
    font-size: 24px;
    color: #1E293B;
  }
  
  .stat-card {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-left: 6px solid #2563EB;
    transition: transform 0.2s ease;
  }
  
  .stat-card:hover {
    transform: translateY(-3px);
  }
  
  .stat-icon {
    font-size: 28px;
    color: #2563EB;
    margin-bottom: 10px;
  }
  
  .card {
    border-radius: 10px;
    border: none;
    overflow: hidden;
  }
  
  .card-header {
    background-color: #2563EB;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .styled-table th, .styled-table td {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
  }
  
  .styled-table thead {
    background-color: #f1f5f9;
    font-weight: 600;
  }
  
  .recent-list {
    padding-left: 0;
    list-style: none;
    font-size: 14px;
    color: #334155;
  }
  
  .recent-list li {
    padding: 6px 0;
    border-bottom: 1px dashed #ddd;
  }
  
  .btn-primary, .btn-danger {
    font-weight: 600;
    padding: 8px 16px;
  }
  
  /* Scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #93c5fd;
    border-radius: 4px;
  }
  
  /* Colores institucionales */
  :root {
    --blue-hic: #375A9E;
    --red-hic: #E22623;
    --green-hic: #76BC21;
    --yellow-hic: #FDC400;
    --black-hic: #1D1D1B;
  }