.mac-frame {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
 
    max-width: 490px;
   
  }
  .mac-frame .mac-titlebar {
    display: flex;
    background-color: #39495b;
    height: 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px;
    box-sizing: border-box;
  }
  .mac-frame .mac-titlebar .mac-dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    display: inline-block;
    border-radius: 50%;
  }
  .mac-frame .mac-titlebar .mac-dot.close {
    background-color: #FF5F5B;
  }
  .mac-frame .mac-titlebar .mac-dot.minimise {
    background-color: #ffdf64;
  }
  .mac-frame .mac-titlebar .mac-dot.maximise {
    background-color: #06AB65;
  }
  .mac-frame .mac-titlebar .mac-dot + .mac-dot {
    margin-left: 7px;
  }
  .mac-frame .mac-frame-content { 
    /* settings para el contenido de la interfaz del mac */
  }