/* ===== DESTINOS — LISTAGEM ===== */
.dst-page{ position:relative; }
.dst-page .util{ position:relative; z-index:2; }

.dst-head{ text-align:center; max-width:720px; margin:0 auto 36px auto; }
.dst-eyebrow{ display:inline-block; font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--cor-secundaria); margin-bottom:10px; }
.dst-titulo-pagina{ font-family:var(--fonte-destaque); font-weight:400; color:var(--cor-primaria); font-size:48px; line-height:1.05; margin:0; }
.dst-titulo-pagina span{ color:var(--cor-secundaria); }
.dst-sub{ color:#8a7a6f; font-size:17px; line-height:1.55; margin:14px 0 0 0; }

/* filtros (apenas localidade, centralizado) */
.dst-filtros{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 42px auto; }
.dst-pill{ cursor:pointer; background:#f3ece0; border:1px solid #ece2d2; color:var(--cor-primaria); font-family:var(--fonte-padrao); font-size:13px; font-weight:700; padding:8px 16px; border-radius:30px; -webkit-transition:all .2s ease; transition:all .2s ease; }
.dst-pill:hover{ border-color:var(--cor-secundaria); color:var(--cor-secundaria); }
.dst-pill.ativo{ background:var(--cor-primaria); border-color:var(--cor-primaria); color:#ffffff; }

/* grade de cards */
.dst-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; }
.dst-card{ position:relative; display:block; border-radius:18px; overflow:hidden; min-height:420px; text-decoration:none; background-size:cover; background-position:center; background-color:var(--cor-primaria); -webkit-transition:transform .35s ease, box-shadow .35s ease; transition:transform .35s ease, box-shadow .35s ease; }
.dst-card.sem-img{ background-image:linear-gradient(150deg, #7a3a20 0%, #531f0f 100%); }
.dst-card:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 26px 54px rgba(83,31,15,0.30); box-shadow:0 26px 54px rgba(83,31,15,0.30); }
.dst-card-mask{ position:absolute; inset:0; background:linear-gradient(to top, rgba(28,10,4,0.92) 0%, rgba(28,10,4,0.55) 38%, rgba(28,10,4,0.10) 70%, rgba(28,10,4,0.05) 100%); z-index:1; -webkit-transition:all .35s ease; transition:all .35s ease; }
.dst-card:hover .dst-card-mask{ background:linear-gradient(to top, rgba(28,10,4,0.95) 0%, rgba(28,10,4,0.62) 45%, rgba(28,10,4,0.18) 80%, rgba(28,10,4,0.10) 100%); }

.dst-card-destaque{ position:absolute; top:16px; right:16px; z-index:3; background:var(--cor-secundaria); color:#3a1c0c; font-size:11px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:6px 12px; border-radius:30px; }
.dst-card-destaque i{ margin-right:4px; }

.dst-card-conteudo{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:26px 24px 24px 24px; }
.dst-card-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.dst-chip{ display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,0.16); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); color:#ffffff; font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; padding:5px 11px; border-radius:30px; }
.dst-chip-rel{ background:var(--cor-secundaria); color:#3a1c0c; }
.dst-card-titulo{ font-family:var(--fonte-destaque); font-weight:400; color:#ffffff; font-size:30px; line-height:1.08; margin:0; }
.dst-card-local{ display:block; color:rgba(255,255,255,0.85); font-size:14px; margin-top:8px; }
.dst-card-local i{ color:var(--cor-secundaria); margin-right:5px; }
.dst-card-sub{ color:rgba(255,255,255,0.78); font-size:14px; line-height:1.45; margin:10px 0 0 0; max-height:0; opacity:0; overflow:hidden; -webkit-transition:all .35s ease; transition:all .35s ease; }
.dst-card:hover .dst-card-sub{ max-height:80px; opacity:1; margin-top:10px; }
.dst-card-cta{ display:inline-block; color:var(--cor-secundaria); font-size:13px; font-weight:800; letter-spacing:.3px; margin-top:14px; }
.dst-card-cta i{ margin-left:6px; -webkit-transition:transform .25s ease; transition:transform .25s ease; }
.dst-card:hover .dst-card-cta i{ -webkit-transform:translateX(5px); transform:translateX(5px); }
.dst-card.hide{ display:none; }

.dst-vazio{ text-align:center; padding:60px 0; color:#8a7a6f; }
.dst-vazio i{ font-size:42px; color:#d8cbb8; display:block; margin-bottom:14px; }
.dst-vazio p{ font-size:17px; }

@media screen and (max-width: 1100px){
	.dst-page .util{ width:92%; }
	.dst-titulo-pagina{ font-size:38px; }
	.dst-grid{ grid-template-columns:repeat(2, 1fr); gap:22px; }
	.dst-card{ min-height:380px; }
}
@media screen and (max-width: 640px){
	.dst-grid{ grid-template-columns:1fr; gap:20px; }
	.dst-card{ min-height:340px; }
	.dst-card-sub{ max-height:80px; opacity:1; margin-top:10px; }
}