*{
    font-family: "Poppins", sans-serif;
 }
    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      background-color: #1b191a;
    }
    p{
        text-align: left;
        color:rgb(215, 208, 208);
        font-size: 18px;
    }

    header {
      background-color:#0f0f0f;
      padding: 50px;
      color:rgb(215, 208, 208);
      text-align: center;
    }

    .container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      height: 100vh;
      text-align: center;
      overflow: hidden;
      margin:10px;
      
      
    }

    iframe, p {
      flex: 1;
      box-sizing: border-box;
      margin: 12px;
    }

    iframe {
      height: 460px;
      border: 1px solid #ccc;
      border-radius: 12px;
    }

    /*.sidebar {
      position: fixed;
      left: 0;
      top: 0;
      height: 100%;
      width: 0;
      background-color:#18012D;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
      z-index: 1;
      opacity: 0.8;
    }  */

    .sidebar a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 18px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }

    .sidebar a:hover {
      color: #f1f1f1;
    }

    .sidebar .closebtn {
      position: absolute;
      top: 0;
      left: 10px;
      font-size: 36px;
      margin-right: 50px;
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }

      iframe, p {
        width: 100%;
      }
      
      .sidebar {
        padding-top: 15px;
      }
    }
   
    #openBtn {
        padding: 9px  16px;
        font-size: 20px;
        cursor: pointer;
        border: none;
        background-color: #0CA41B;
        color: white;
        border-radius: 13px;
        margin-left: auto; /* Mover para a direita */
        font-weight: bold;
        transition: 0.5s;
        float: right; /* Alinhar à direita */
        margin-top: -25px;
    }
    
    #openBtn:hover {
        background-color: #0ca41b;
        border-radius: 20px;
        
    }
    footer{
        background-color:#0f0f0f;
        padding: 30px;
        align-items: center;

        color: #f1f1f1;

  display: flex;
  align-items: center;
  justify-content: space-around;
  border-top: solid 0.3px #f1f1f1;
  padding: 30px 0;
  font-family: "Poppins", sans-serif;
  font-size: 17;
    }
    .logo{
        height: 65px;
        float: left; /* Alinhar à esquerda */
        margin-top: -32px; /* Ajuste a margem superior negativa conforme necessário */
        margin-right: 10px;
    }
.title-txt{
    margin-top:  90px;
    text-align: center;
    color:white;
    
    
}

.container #item1 .producao-layout {
    width: 4px !important; /* Ajuste este valor conforme necessário */
    height: 30px; /* Mantenha ou ajuste conforme necessário */
}
h1{
    font-size: 50px;
}
.em-breve{
 font-size: 40px;
 text-align: center;
 color:whitesmoke;
 margin-top:  -px;
}
.txt-dash{
    font-size: 30px;
    color:white;
}
.obs{
    font-size: 11px;
    color: white;
    line-height: 0.6;
}
.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color:#0f0f0f;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 1;
    opacity: 0.8;
  }

  .sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  .sidebar a:hover {
    color: #f1f1f1;
  }

  .sidebar .closebtn {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 36px;
    margin-right: 50px;
  }

 .logo-footer{
    align-items: center;
    width: 60px;
 
  }