body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #f5f5f5;
    }

    header {
      background: #ff6600;
      color: white;
      padding: 20px;
      text-align: center;
    }

    header h1 {
      margin: 0;
    }

    .container {
      padding: 20px;
      max-width: 1000px;
      margin: auto;
    }

    .section {
      margin-bottom: 40px;
    }

    h2 {
      color: #333;
    }

    /* CARROSSEL */
    .carousel {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
    }

    .carousel-images {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .carousel-images img {
      width: 100%;
      flex-shrink: 0;
      border-radius: 10px;
    }

    .prev, .next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.5);
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
      border-radius: 50%;
    }

    .prev { left: 10px; }
    .next { right: 10px; }

    /* BOTÕES */
    .buttons {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      margin-top: 20px;
    }

    .btn {
      padding: 12px 20px;
      border-radius: 8px;
      text-decoration: none;
      color: white;
      font-weight: bold;
    }

    .whatsapp { background: #25D366; }
    .instagram { background: #E1306C; }

    footer {
      background: #333;
      color: white;
      text-align: center;
      padding: 15px;
    }

	/* MELHORIAS GERAIS */
	.container {
	  padding: 15px;
	}

	/* TEXTO RESPONSIVO */
	h1 {
	  font-size: 28px;
	}

	h2 {
	  font-size: 22px;
	}

	/* BOTÕES */
	.buttons {
	  justify-content: center;
	}

	.btn {
	  flex: 1;
	  text-align: center;
	  min-width: 200px;
	}

	/* CARROSSEL */
	.carousel img {
	  height: auto;
	  object-fit: cover;
	}

	/* 📱 MOBILE (até 768px) */
	@media (max-width: 768px) {

	  header {
		padding: 15px;
	  }

	  h1 {
		font-size: 22px;
	  }

	  h2 {
		font-size: 20px;
		text-align: center;
	  }

	  .section p {
		text-align: center;
		font-size: 15px;
	  }

	  .buttons {
		flex-direction: column;
	  }

	  .btn {
		width: 100%;
	  }

	  /* CARROSSEL */
	  .prev, .next {
		padding: 8px;
		font-size: 14px;
	  }
	}

	/* 📱 TELAS MUITO PEQUENAS */
	@media (max-width: 480px) {

	  h1 {
		font-size: 20px;
	  }

	  h2 {
		font-size: 18px;
	  }

	  .btn {
		font-size: 14px;
		padding: 10px;
	  }
	}

	/* LOGO + TITULO */
	.logo-container {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 15px;
	}

	.logo-container img {
	  width: 60px;
	  height: auto;
	}

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

	  .logo-container img {
		width: 50px;
	  }
	}