.offers{
  display:flex;
  gap:40px;
  max-width:1000px;
  margin:100px auto;
  padding:2rem;
  align-items:stretch;
}

/* BASE */
.offer{
  flex:1;
  padding:48px 38px;
  background:linear-gradient(160deg,#0b0b0b,#141414);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 25px 60px rgba(0,0,0,.85);
  text-align:center;
}

/* ESSENCIAL MAIS DISCRETA */
.offer.essential{
  opacity:.7;
  transform:scale(.95);
}

/* AVANÇADA DOMINANTE */
.offer.advanced{
  position:relative;
  border:2px solid rgba(212,175,55,.8);
  background:linear-gradient(160deg,#0b0b0b,#1a1406);
  transform:scale(1.06);
}

/* SELO */
.badge{
  position:absolute;
  top:-16px;
  left:50%;
  transform:translateX(-50%);
  background:#d4af37;
  color:#0b0b0b;
  padding:8px 22px;
  font-weight:800;
  font-size:.8rem;
  letter-spacing:1px;
}

/* TITULO */
.offer h3{
  font-size:1.6rem;
  margin-bottom:18px;
  letter-spacing:1px;
}

/* PREÇO */
.price-box{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  margin:20px 0 34px;
  color:#fff;
}

.price-box.highlight{
  color:#f5c76b;
  text-shadow:0 0 18px rgba(212,175,55,.45);
}

.currency{
  font-size:1.2rem;
  margin-top:8px;
}

.value{
  font-size:3.6rem;
  font-weight:800;
  line-height:1;
}

.cents{
  font-size:1.4rem;
  margin-top:10px;
}

/* LISTA */
.features{
  list-style:none;
  padding:0;
  margin:0 0 22px;
  text-align:left;
}

.features li{
  font-size:1.05rem;
  margin:12px 0;
  padding-left:28px;
  position:relative;
  color:rgba(255,255,255,.85);
}

.features li::before{
  content:"✔";
  position:absolute;
  left:0;
  color:#d4af37;
  font-weight:700;
}

/* LISTA AVANÇADA MAIS FORTE */
.features.strong li{
  font-weight:600;
}

/* NOTA */
.note{
  margin-top:18px;
  font-size:.95rem;
  color:rgba(255,255,255,.85);
}

/* BOTÃO */
.btn-ofertas{
  margin-top:28px;
  width:100%;
  padding:2rem;
  background:transparent;
  border:1px solid rgba(255,255,255,.3);
  color:#fff;
  font-size:1.05rem;
  font-weight:600;
  cursor:pointer;
}

/* BOTÃO AVANÇADO */
.btn-ofertas.highlight{
  background:linear-gradient(90deg,#f5c76b,#d4a73c);
  color:#0b0b0b;
  border:none;
  box-shadow:0 0 25px rgba(212,175,55,.6);
}

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