/* Colores personalizados */
:root {
    --color-primary: #565656;
    --color-secondary: #fdcf34;
    --color-accent1: #bd1522;
    --color-accent2: #e83c8e;
    --color-accent3: #3baa34;
  }
  
  body {
    font-family: Arial, sans-serif;
    color: var(--color-primary);
  }
  
  h1, h2, h3 {
    color: var(--color-accent1);
  }
  
  .btn-primary {
    background-color: var(--color-accent2);
    border-color: var(--color-accent2);
  }
  
  .btn-primary:hover {
    background-color: var(--color-accent3);
    border-color: var(--color-accent3);
  }
  
  .sidebar {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  }
  
  .sidebar .nav-link {
    color: var(--color-primary);
  }
  
  .sidebar .nav-link:hover {
    color: var(--color-accent1);
  }
  
  main {
    margin-left: 25%; /* Ajusta según el ancho del menú */
  }