body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #272765;
    }
    .logo {
              padding-right: 30px;
    }
    header {
      display: flex;
      background: #fff;
      border-bottom: 1px solid #ddd;
      position: relative;
      top: 0;
      z-index: 1000;
      padding: 20px;
      justify-content: center;
      align-items: center;
    }
    .menu-toggle {
  display: none;
  position: absolute;
  right: 20px;
  font-size: 28px;
  background: none;
  border: none;
  cursor: pointer;
}

/* Menu normal */
nav.menu {
  display: flex;
  gap: 30px;
}
    h2 {
      color: #0b9ed9;
      text-align: center;
      margin-bottom: 10px;
    }
    p {
      margin-bottom: 15px;
      text-align: justify;
    }
    .container {
      max-width: 900px;
      margin: auto;
      background: #fff;
    }
    nav {
      display: flex;
      justify-content: right;
      gap: 30px;
      padding: 15px;
      align-items: flex-end;
    }
    img {
      display: flex;
      justify-content: left;
      gap: 30px;
    }
    nav a {
      text-decoration: none;
      color: #333;
      font-weight: bold;
    }
    nav a:hover {
      color: #0b9ed9;
    }
    .container-home {
      max-height: 500px;
      background: #fff;
      padding-block: 20px;
      padding-inline: 30px;
    }
    /* Carrossel */
    .carousel {
    position: relative;
    max-width: 900px;  /* limite lateral */
    height: 300px;
    margin: 0px auto; /* centraliza na tela */
    overflow: hidden;
    }
    .carousel a {
    display: block;
    }
    .carousel img {
    width: 100%;
    object-fit: cover;
    display: none;
    }
    .carousel img.active {
    display: block;
    }
    /* Iframe */
    iframe {
      width: 100%;
      height: 760px;
      border: none;
    }
    footer {
    color: #333333;
    text-align: center;
    align-content: center;
    }
    .footer-l1 {
    display: flex;
    padding: 20px;
    background: #333333;
    color: #fff;
    text-align: left;
    font-size: 14px;
    gap: 30px;
    padding-left: 50px;
    }
    .footer-l2 {
      display: inline-block;
    font-size: 14px;
    padding-left: 20px;
    }

@media (max-width: 900px) {
   .menu-toggle {
    display: block;
  }

  nav.menu {
    display: none; /* escondido por padrão */
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #2d7be8;
    border-top: 1px solid #ddd;
  }
    nav a {
      text-decoration: none;
      color: #ffffff;
      font-weight: bold;
    }
  nav.menu.active {
    display: flex; /* aparece quando clicado */
  }

  header {
    flex-direction: column;
  }
  nav {
    flex-direction: column;
    align-items: center;
  }
    img {
    display: flex;
  }
  .logo {
    margin-bottom: 10px;
    max-width: 100px;
    display: flex;
    padding-right: 0px;
  }
  .carousel {
    height: auto;
  }
}

/* Celulares */
@media (max-width: 600px) {
 .menu-toggle {
    display: block;
  }

  nav.menu {
    display: none; /* escondido por padrão */
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #2d7be8;
    border-top: 1px solid #ddd;
  }
    nav a {
      text-decoration: none;
      color: #ffffff;
      font-weight: bold;
    }
  nav.menu.active {
    display: flex; /* aparece quando clicado */
  }

  header {
    flex-direction: column;
  }
  img {
    display: flex;
  }
  .logo {
    margin-bottom: 10px;
    max-width: 100px;
    display: flex;
        padding-right: 0px;
  }
  nav {
    flex-direction: column;
    gap: 10px;
  }
  .container-home {
    padding: 15px;
  }
}