body {
        font-family: Arial, sans-serif;
        margin: 20px;
        line-height: 1.6;
      }

      .navegacion {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin: 20px 0;
      }

      .btn-nav {
        background: white;
        border: 1px solid black;
        padding: 10px 15px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
      }

      .btn-nav:hover {
        background: gray;
      }

      .btn-nav:disabled {
        background: #ccc;
        cursor: not-allowed;
      }

      .clase {
        margin-bottom: 15px;
        padding: 10px;
        border: 1px solid #ccc;
      }

      .fin-semana,
      .no-clases {
        text-align: center;
        padding: 40px;
        font-size: 18px;
      }