/* ════════════════════════════════════════════════
   SIM Destaques – [sim_destaques]  v4.5
   ════════════════════════════════════════════════ */

:root {
  --sd-teal:    #39a3a6;
  --sd-navy:    #22587a;
  --sd-white:   #ffffff;
  --sd-bg:      #f7fafb;
  --sd-radius:  16px;
  --sd-trans:   .3s ease;
  --sd-shadow:  0 4px 24px rgba(34,88,122,.10);
  --sd-img-h:   200px;   /* altura da foto — igual em todos os cards */
  --sd-body-h:  180px;   /* altura do corpo — igual em todos os cards */
  --sd-card-h:  calc(var(--sd-img-h) + var(--sd-body-h)); /* altura total fixa */
}

/* ── Wrapper ─────────────────────────────────── */
.sim-destaques { width: 100%; font-family: inherit; }

/* ── Labels ──────────────────────────────────── */
.sim-dest-labels {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
  margin-bottom: 12px;
  align-items: end;
}
.sim-dest-label-noticias,
.sim-dest-label-artigos  { display:flex; align-items:baseline; gap:7px; }
.sim-dest-label-noticias span,
.sim-dest-label-artigos  span { font-size:.82rem; font-weight:600; color:#9aafba; letter-spacing:.04em; }
.sim-dest-label-noticias em,
.sim-dest-label-artigos  em   { font-size:.68rem; color:#b8cdd4; font-style:normal; }

/* ── Grid principal ──────────────────────────── */
.sim-dest-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
  align-items: start;
}

/* ══ COLUNA NOTÍCIAS ═════════════════════════ */
.sim-dest-news-wrap { display:flex; flex-direction:column; }

.sim-dest-slider { display:flex; flex-direction:column; }

.sim-dest-slides {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.sim-dest-slide { display:none; flex-direction:column; }
.sim-dest-slide.is-active,
.sim-dest-slide.is-next {
  display: flex;
  animation: sdFadeIn .4s ease both;
}
@keyframes sdFadeIn {
  from { opacity:0; transform:translateY(5px); }
  to   { opacity:1; transform:translateY(0); }
}

/* Rodapé: nav + botão */
.sim-dest-news-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  flex-wrap: wrap;
}

/* ══ COLUNA ARTIGO ═══════════════════════════ */
.sim-dest-artigo-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sim-dest-artigo-wrap .sim-dest-card--artigo {
  /* Altura igual ao card de notícia: imagem + corpo */
  height: var(--sd-card-h);
  border-left: 3px solid var(--sd-teal);
  overflow: hidden;    /* garante que nada vaze */
}

/* Botão artigos */
.sim-dest-btn--artigos {
  display: flex !important;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  background: var(--sd-teal) !important;
  color: #fff !important;
  border-color: var(--sd-teal) !important;
}
.sim-dest-btn--artigos:hover {
  background: #2e8a8c !important;
  border-color: #2e8a8c !important;
  color: #fff !important;
}

/* ══ CARD BASE ═══════════════════════════════ */
.sim-dest-card {
  background: var(--sd-white);
  border-radius: var(--sd-radius);
  overflow: hidden;
  box-shadow: var(--sd-shadow);
  transition: transform var(--sd-trans), box-shadow var(--sd-trans);
  display: flex;
  flex-direction: column;
  /* Altura total fixa — garante igualdade */
  height: var(--sd-card-h);
}
.sim-dest-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(34,88,122,.16);
}

.sim-dest-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;          /* ocupa todo o card */
  text-decoration: none;
  color: inherit;
  overflow: hidden;
}

/* Card vazio */
.sim-dest-card--empty {
  align-items: center; justify-content: center;
  height: var(--sd-card-h);
  background: var(--sd-bg);
  border: 2px dashed #d0dde2;
  color: #9aafba; font-size:.9rem; text-align:center; padding:24px;
}
.sim-dest-card--empty a { color:var(--sd-teal); }

/* ── Imagem: altura fixa ─────────────────────── */
.sim-dest-card-img {
  position: relative;
  width: 100%;
  height: var(--sd-img-h);
  flex-shrink: 0;        /* não encolhe */
  overflow: hidden;
}
.sim-dest-card-img img {
  width:100%; height:100%; object-fit:cover;
  transition:transform .5s ease; display:block;
}
.sim-dest-card:hover .sim-dest-card-img img { transform:scale(1.04); }

/* Placeholder */
.sim-dest-card-img-placeholder {
  width:100%; height:100%;
  background:linear-gradient(135deg,#daedf0,#c0dde3);
  display:flex; align-items:center; justify-content:center; color:#8ab5c2;
}
.sim-dest-card-img-placeholder svg { width:48px; height:48px; }
.sim-dest-card-img-placeholder--artigo {
  background:linear-gradient(135deg,#d4eef0,#a8d4d8); color:#5da8b0;
}

/* Badges */
.sim-dest-card-cat {
  position:absolute; top:12px; left:12px;
  background:var(--sd-teal); color:#fff;
  font-size:.67rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; padding:3px 10px; border-radius:20px; line-height:1.4;
}
.sim-dest-card-cat--artigo { background:var(--sd-navy); }

.sim-dest-card-badges {
  position:absolute; top:12px; left:12px;
  display:flex; gap:6px; flex-wrap:wrap;
}
.sim-dest-card-badges .sim-dest-card-cat { position:static; }

.sim-dest-card-time {
  background:rgba(0,0,0,.55); color:#fff;
  font-size:.67rem; font-weight:600;
  padding:3px 9px; border-radius:20px;
  backdrop-filter:blur(4px); line-height:1.4;
}

/* ── Corpo: altura fixa, sem expandir ────────── */
.sim-dest-card-body {
  height: var(--sd-body-h);   /* fixa — mesma em todos */
  flex-shrink: 0;
  overflow: hidden;            /* corta se o texto for longo */
  padding: 14px 18px 16px;
  display: flex; flex-direction: column; gap: 4px;
  box-sizing: border-box;
}

.sim-dest-card-date {
  font-size:.68rem; color:#9aafba;
  font-weight:500; text-transform:uppercase; letter-spacing:.05em;
  flex-shrink:0;
}

.sim-dest-card-title {
  font-size:.95rem; font-weight:700;
  color:var(--sd-navy); line-height:1.35; margin:2px 0 0;
  flex-shrink:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.sim-dest-card-excerpt {
  font-size:.82rem; color:#5a7280; line-height:1.55;
  margin:0; flex:1; min-height:0;     /* ocupa o espaço restante */
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

.sim-dest-card-fonte {
  font-size:.7rem; color:#9aafba; margin:0; font-style:italic; flex-shrink:0;
}

/* Ler mais */
.sim-dest-read-more {
  display:inline-flex; align-items:center; gap:5px;
  font-size:.76rem; font-weight:700; color:var(--sd-teal);
  margin-top:auto; flex-shrink:0;    /* sempre no fundo do card */
  padding-top:6px;
}
.sim-dest-read-more svg { width:13px; height:13px; transition:transform .2s; }
.sim-dest-card:hover .sim-dest-read-more svg { transform:translateX(3px); }
.sim-dest-read-more--artigo { color:var(--sd-navy); }

/* ── Slider nav ──────────────────────────────── */
.sim-dest-slider-nav { display:flex; align-items:center; gap:8px; }

.sim-dest-snav-btn {
  width:30px; height:30px; border-radius:50%;
  border:2px solid #cde5e8; background:var(--sd-white); color:var(--sd-teal);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:background .2s, border-color .2s, color .2s;
  flex-shrink:0; padding:0;
}
.sim-dest-snav-btn svg { width:13px; height:13px; }
.sim-dest-snav-btn:hover { background:var(--sd-teal); border-color:var(--sd-teal); color:#fff; }
.sim-dest-snav-btn:disabled { opacity:.3; pointer-events:none; }

.sim-dest-snav-dots { display:flex; gap:5px; align-items:center; }
.sim-dest-sdot {
  width:7px; height:7px; border-radius:50%;
  border:none; background:#c8dfe3; cursor:pointer; padding:0;
  transition:background .2s, width .2s;
}
.sim-dest-sdot.is-active { background:var(--sd-teal); width:18px; border-radius:4px; }

/* ── Botão notícias ──────────────────────────── */
.sim-dest-btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 22px; border-radius:50px;
  font-size:.84rem; font-weight:700; text-decoration:none;
  border:2px solid transparent;
  transition:transform .2s, box-shadow .2s, background .2s;
  white-space:nowrap;
}
.sim-dest-btn svg { width:15px; height:15px; flex-shrink:0; }
.sim-dest-btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.13); }

.sim-dest-btn--noticias {
  background:var(--sd-teal); color:#fff !important; border-color:var(--sd-teal);
}
.sim-dest-btn--noticias:hover { background:#2e8a8c; border-color:#2e8a8c; }

/* ── Responsivo ──────────────────────────────── */
@media (max-width: 1100px) {
  :root { --sd-img-h:180px; --sd-body-h:170px; }
  .sim-dest-grid  { grid-template-columns:1fr 1fr; }
  .sim-dest-labels{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 768px) {
  :root { --sd-img-h:180px; --sd-body-h:160px; }
  .sim-dest-grid          { grid-template-columns:1fr; }
  .sim-dest-labels        { grid-template-columns:1fr; gap:4px; }
  .sim-dest-slides        { grid-template-columns:1fr; }

  .sim-dest-artigo-wrap .sim-dest-card--artigo {
    border-left:none; border-top:3px solid var(--sd-teal);
  }
  .sim-dest-btn--artigos  { width:100%; }
  .sim-dest-news-footer   { flex-direction:column; align-items:flex-start; }
  .sim-dest-btn--noticias { width:100%; justify-content:center; }
}