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

body, html {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
}

.hero {
  background: url('../images/hero.webp') no-repeat center center/cover;
  height: 100vh;
  position: relative;
}

.overlay {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content {
  text-align: center;
  color: white;
  padding: 20px;
}

.content h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}

.content p {
  font-size: 1.2rem;
  margin: 5px 0;
}

.content a {
  color: #fff;
  text-decoration: underline;
}

footer {
  background-color: #111;
  color: #ccc;
  text-align: center;
  padding: 15px;
  font-size: 0.9rem;
}

/* === [PACOTES] ESTILOS ISOLADOS (.az-landing) – não conflitam com a home === */
.az-landing{font-family:'Montserrat',system-ui,Arial,sans-serif; color:#e9eef6; background:#0b1220}
.az-landing .az-wrap{max-width:1100px; margin:0 auto; padding:40px 20px 90px}

/* Tokens locais */
.az-landing{--bg:#0b1220; --panel:#0f1a2f; --ink:#e9eef6; --muted:#b7c1d9; --brand:#27c3a8; --brand2:#93e2d4; --shadow:0 10px 30px rgba(0,0,0,.35); --radius:18px}

/* Brand & Buttons */
.az-landing .az-brand{display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.2px; color:var(--ink)}
.az-landing .az-dot{width:10px; height:10px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 6px rgba(39,195,168,.15)}
.az-landing .az-btn{display:inline-block; text-decoration:none; font-weight:800; letter-spacing:.2px; padding:12px 16px; border-radius:14px; background:var(--brand); color:#03231c; box-shadow:0 6px 20px rgba(39,195,168,.35)}
.az-landing .az-btn:hover{transform:translateY(-1px)}
.az-landing .az-btn.az-btn--ghost{background:transparent; color:var(--brand2); border:1px solid rgba(147,226,212,.35)}

/* HERO local (independe de .hero da home) */
.az-landing .az-hero{position:relative; min-height:60vh; display:grid; place-items:center; background:url('../images/hero2.webp') center/cover no-repeat fixed}
.az-landing .az-hero__overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,18,32,.65), rgba(11,18,32,.82))}
.az-landing .az-hero__inner{position:relative; text-align:center; padding:40px 20px}
.az-landing .az-hero h1{font-size:clamp(28px, 4.5vw, 54px); margin:.5rem 0}
.az-landing .az-hero p{color:var(--muted); margin:.2rem 0 1rem}

/* Cabeçalho de seção */
.az-landing .az-section-head{text-align:center; margin:30px 0 10px}
.az-landing .az-section-head h2{font-size:clamp(22px, 3vw, 36px); margin:0; color:var(--ink)}
.az-landing .az-sub{color:var(--muted)}

/* Grid de cards */
.az-landing .az-plans{display:grid; gap:18px; grid-template-columns:1fr; margin-top:18px}
@media (min-width:720px){.az-landing .az-plans{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.az-landing .az-plans{grid-template-columns:repeat(4,1fr)}}

/* Card */
.az-landing .az-card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 22%), var(--panel); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow); position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:380px}
.az-landing .az-card:before{content:""; position:absolute; inset:auto -20% calc(100% - 7px) -20%; height:7px; background:linear-gradient(90deg, transparent, var(--brand), transparent); opacity:.85; filter:blur(.6px)}
.az-landing .az-title{font-size:20px; font-weight:900; letter-spacing:.2px; margin:0 0 10px; color:var(--ink)}
.az-landing .az-badge{position:absolute; top:12px; right:12px; font-size:12px; font-weight:800; color:#03231c; background:var(--brand2); border-radius:999px; padding:6px 10px; box-shadow:0 8px 22px rgba(147,226,212,.35)}
.az-landing .az-features{display:flex; flex-direction:column; gap:8px; margin:8px 0 16px; padding:0}
.az-landing .az-features li{list-style:none; display:flex; gap:10px; align-items:flex-start}
.az-landing .az-tick{width:18px; height:18px; flex:0 0 18px; border-radius:6px; background:linear-gradient(180deg, var(--brand), #1ea88f); display:inline-grid; place-items:center; font-size:12px; font-weight:800; color:#03231c}
.az-landing .az-price{margin-top:auto}
.az-landing .az-price__orig{color:var(--muted); text-decoration:line-through; font-size:14px}
.az-landing .az-price__now{font-size:26px; font-weight:900; margin:4px 0 2px}
.az-landing .az-price__save{font-size:13px; color:var(--brand2)}
.az-landing .az-cta{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap}

/* Comparação */
.az-landing .az-compare{margin-top:54px}
.az-landing .az-compare h2{text-align:center}
.az-landing .az-table-wrap{overflow:auto; border:1px solid rgba(255,255,255,.08); border-radius:14px}
.az-landing .az-cmp{width:100%; border-collapse:separate; border-spacing:0}
.az-landing .az-cmp thead th{background:#0c162a; position:sticky; top:0}
.az-landing .az-cmp th,.az-landing .az-cmp td{padding:14px; text-align:left}
.az-landing .az-cmp tbody tr:nth-child(odd){background:rgba(255,255,255,.02)}
.az-landing .az-price-row td{font-weight:800}
.az-landing .az-v-orig{display:block; color:var(--muted); text-decoration:line-through; font-size:12px}
.az-landing .az-v-now{display:block; font-size:16px}

/* FAQ */
.az-landing .az-faq{margin-top:54px}
.az-landing .az-faq h2{text-align:center}
.az-landing .az-faq details{background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:14px 16px; margin:10px 0}
.az-landing .az-faq summary{cursor:pointer; font-weight:700}
.az-landing .az-faq p{color:var(--muted)}

/* Footer */
.az-landing .az-footer{border-top:1px solid rgba(255,255,255,.08); padding:26px 20px; text-align:center; color:var(--muted)}

/* Acessibilidade local */
.az-landing :focus-visible{outline:2px solid var(--brand); outline-offset:2px}