/* Reset */
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, sans-serif;}
body{background:#f5f7fb;color:#333;line-height:1.6;}
a{text-decoration:none;color:inherit}

/* Header */
header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#0026d9;color:#fff;position:fixed;width:100%;top:0;z-index:1000;}
header .logo{font-weight:bold;font-size:20px;}
header nav{display:flex;gap:20px;}
header nav a{color:#fff;font-weight:bold;transition:0.3s;}
header nav a:hover{color:#ffccff;}
.menu-toggle{display:none;cursor:pointer;font-size:24px;}

/* Hero */
.hero{margin-top:70px;position:relative;height:70vh;overflow:hidden;}
.slides{position:absolute;width:100%;height:100%;}
.slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s;}
.slide.active{opacity:1;}
.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;background:rgba(0,0,0,0.4);padding:20px;border-radius:10px;}

/* Planos */
.planos{padding:60px 20px;text-align:center;}
.planos h2{color:#0026d9;margin-bottom:30px;}
.grid-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.plano{background:#0026d9;color:#fff;padding:20px;border-radius:15px;transition:transform 0.3s;}
.plano:hover{transform:scale(1.05);}
.plano ul{list-style:none;margin:15px 0;}
.plano button{background:#4169e1;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:bold;}
.plano.destaque{border:3px solid #ffd700;}

/* Entretenimento */
.entretenimento{padding:60px 20px;text-align:center;}
.entretenimento h2{color:#0026d9;margin-bottom:20px;}
.carrossel-container{position:relative;overflow:hidden;}
.carrossel{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:15px;padding:10px;}
.carrossel img{border-radius:10px;transition:transform 0.3s;}
.carrossel img:hover{transform:scale(1.1) rotate(-2deg);}
.seta{position:absolute;top:40%;background:#4B0082;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:50%;opacity:0.8;}
.seta:hover{opacity:1;}
.seta.esquerda{left:5px;}
.seta.direita{right:5px;}

/* Depoimentos */
.depoimentos{padding:60px 20px;text-align:center;background:#eee;}
.depoimentos h2{color:#0026d9;margin-bottom:20px;}
.depoimento{display:none;font-style:italic;}
.depoimento.active{display:block;}

/* Contato */
.contato{padding:60px 20px;text-align:center;}
.contato h2{color:#0026d9;margin-bottom:20px;}
.contato form{display:flex;flex-direction:column;max-width:400px;margin:0 auto;gap:10px;}
.contato input,.contato textarea{padding:10px;border:1px solid #ccc;border-radius:8px;}
.contato button{background:#0026d9;color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;font-weight:bold;}

/* Footer */
footer{background:#0026d9;color:#fff;text-align:center;padding:15px;}

/* Responsivo */
@media(max-width:768px){
  header nav{display:none;flex-direction:column;position:absolute;top:60px;right:0;background:#4B0082;width:200px;padding:10px;}
  header nav.show{display:flex;}
  .menu-toggle{display:block;}
  .grid-planos{grid-template-columns:1fr;}
}


/* Botão flutuante WhatsApp */
/* Botão de WhatsApp com efeito de zoom */
.whatsapp-button img {
    width: 50px;
    height: auto; /* Mantém a proporção correta */
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: transform 0.3s ease; /* Transição suave */
}

/* Efeito de zoom ao passar o mouse */
.whatsapp-button img:hover {
    transform: scale(1.2); /* Aumenta o tamanho de forma proporcional */
}


/*rrrrrrrrrrrrrrrrrrrrrr*/
    /* FAQ */
    .faq .item{background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; box-shadow:var(--shadow)}
    .faq summary{cursor:pointer; font-weight:800; color:var(--text)}
    .faq p{color:var(--muted)}