footer { text-align:center; padding:20px; color:#777;background:#bada55;}
body { margin:0; font-family:'Poppins', sans-serif; }

.section { padding:40px 20px; text-align:center; background:#474749;}
.section2 { padding:40px 20px; text-align:center; background:#bada55;}

.grid { display:flex; flex-wrap:wrap; gap:5px; justify-content:center;}
.card { background:#f4f4f4; width:300px; height:500px; display:flex; align-items:center; justify-content:center; border-radius:15px;}

.hero {
	position: relative;
	background:#474749;
	color:#fff;
	padding:160px 10px 10px;
	text-align:center;
	overflow:hidden;
	background-image: url("../img/LogoTop.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%
}

/* Glow de fundo */
/* Countdown container */
.countdown {
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  gap:5px;
  flex-wrap:wrap;
  margin-top:150px;
}

/* Cards */
.time-box {
  background:rgba(255,255,255,0.05);
  backdrop-filter: blur(10px);
  border:1px solid rgba(255,255,255,0.1);
  padding:20px 25px;
  border-radius:25px;
  min-width:50px;
  transition:0.3s;
  box-shadow:0 0 20px rgba(255,0,80,0.15);
}

.time-box:hover {
  transform:translateY(-5px);
  box-shadow:0 0 30px rgba(255,0,80,0.4);
}

/* Números */
.time-box span {
  display:block;
  font-size:22px;
  font-weight:600;
  color:#ff0003;
  text-shadow:0 0 10px rgba(255,45,117,0.7);
}

/* Labels */
.time-box small {
  font-size:12px;
  letter-spacing:2px;
  opacity:0.7;
}

/* Botões */
.buttons {
  margin-top:40px;
}

.btn {
  padding:14px 26px;
  border-radius:30px;
  text-decoration:none;
  margin:8px;
  display:inline-block;
  font-weight:600;
  transition:0.3s;
}

.whats {
	background:#000;
	color:#fff;
	border:3px solid #fff;
}

.insta {
	background:#000;
	color:#fff;
	border:3px solid #fff;
}

.btn:hover {
  transform:scale(1.05);
}

/* RESPONSIVO */
@media (max-width:768px){
  .countdown {
    margin-top:150px;
    gap:5px;
  }

  .time-box {
    min-width:40px;
    padding:5px;
  }

  .time-box span {
    font-size:12px;
  }
.time-box small {
  font-size:7px;
}

.btn {
font-weight:100;
  padding:4px 16px;
}
}