body {
  margin: 0;
  padding: 0;
}
.cabeçalho_imagem{
    justify-content: center;
}

.imagem{
    width: 100%;
    margin: 0%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.slider {
    margin: -1%;
  width: 101%;
  height: 490px;
  position: relative;
  overflow: hidden;
}

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;

  opacity: 0;
  transition: opacity 1s ease-in-out; /* 🔥 suave */
}

.slide.active {
  opacity: 1;
}

.Corpo {  /* ou qualquer container da imagem */
    display: flex;
    justify-content: center; /* centraliza horizontalmente */
    align-items: center;     /* centraliza verticalmente */
    margin-top: 10%;
    margin: 10%;
  
}

.imagem1 {
    width: 98%;
    margin: 0; /* remove margens extras */
}

.cabeçalho_imagem2{
    display: flex;
    justify-content: center; /* centraliza horizontalmente */
    align-items: center;     /* centraliza verticalmente */
   
    margin:0%;
}
.imagem2 {
    width: 48%;
    margin: 0; /* remove margens extras */
}
.Pacotesdefigutinhas{
 justify-content: center;
 display: flex;
 
}
.figurinha1{
   width: 80%;
}
.Primeiro{
    text-align: center;
    font-family: 'Roboto', sans-serif; /* fonte moderna e limpa */
    font-size: 0.9rem; /* ajuste conforme necessário */
    font-weight: 500; /* deixa o texto mais destacado */
    color: #000; /* cor preta, mas você pode mudar */
    margin-bottom: 10px;
}
.valores{
    text-align: center;
    font-family: 'Roboto', Arial, sans-serif; /* limpa e moderna */
    font-weight: 700;
     font-size: 20px;
}
.desconto{
    font-weight: 400;  /* normal */
    font-size: 14px;   /* menor */
    color: #333;       /* um pouco mais claro */
    /* text-decoration: line-through;  */
    text-decoration-color: #888; /* garante que a linha seja cinza */
}

.antigo{
    color: #f00000;       /* um pouco mais claro */
    text-decoration: line-through; /* linha riscada */
    text-decoration-color: #000000; /* garante que a linha seja cinza */
    font-size: 0.9rem;
  
   
}
.btn1 {
    font-size: 1rem;
    display: inline-flex; /* respeita a largura do conteúdo */
    justify-content: center;
    align-items: center;
    background-color:  #32c964;
    color: black;
    padding: 10px 55px; /* botão mais “gordinho” */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 30px auto; /* centraliza e dá espaço abaixo do botão */
    width: auto; /* não ocupar 100% */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* sombra leve para destacar */
    transition: 0.3s; /* efeito suave */
    margin-top: 3%;

     /* pulsar */
    animation: pulsar 1.2s infinite; /* duração 1.2s, repetição infinita */
}

@keyframes pulsar {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1); /* aumenta 10% */
    }
    100% {
        transform: scale(1);
    }
}
/* efeito hover opcional para botão */
.btn1:hover {
    background-color: #06a32d; 
}
.centralbtn{
    display: flex;
}

.rodape {
    background-color: #1e1e1e; /* fundo escuro */
    color: #fff;
    padding: 30px;
    font-family: 'Roboto', sans-serif;
}

.rodape h3 {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.form-rodape {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    margin: 0 auto;
}

.form-rodape label {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
}

.form-rodape input[type="text"],
.form-rodape input[type="email"],
.form-rodape input[type="tel"] {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #555;
    background-color: #2c2c2c;
    color: #fff;
    font-size: 14px;
}

.form-rodape input::placeholder {
    color: #aaa;
}

.checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
}

.checkboxes label {
    background-color: #333;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkboxes input[type="checkbox"] {
    margin-right: 5px;
}

.form-rodape button {
    margin-top: 20px;
    padding: 10px 0;
    border: none;
    border-radius: 5px;
    background-color: #28c76f;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

.form-rodape button:hover {
    background-color: #06a32d;
}

.rodape-completo {
    background-color: #1e1e1e;
    color: #fff;
    padding: 40px 20px;
    font-family: 'Roboto', sans-serif;
}

.rodape-logos {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.rodape-logos img {
    max-width: 150px;
    height: auto;
}

/* Layout dos links */
.rodape-links {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.links-bloco h4 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}

.links-bloco ul {
    list-style: none;
    padding: 0;
}

.links-bloco li {
    margin-bottom: 8px;
}

.links-bloco a {
    color: #ccc;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.links-bloco a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Responsivo para mobile */
@media (max-width: 600px) {
    .rodape-links {
        flex-direction: column;
        gap: 20px;
    }

    .rodape-logos {
        align-items: center;
    }
}

h5{
    font-size: 2rem;
    font-weight: 900;
     font-family: 'Roboto', Arial, sans-serif; /* limpa e moderna */
}
h6{
    margin-top: 10%;
    font-size: 2rem;
    font-weight: 900;
     font-family: 'Roboto', Arial, sans-serif; /* limpa e moderna */
}
.desc2{
     font-size: 0.9rem;
    font-weight: 100;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}