/* ===========================================================
   BLOG POST — blocos extras no padrão dark do Dr. André (14/10/2026)
   Para os posts trazidos do blog da Unique: chamada final, cartão da
   unidade, citação, fotos no meio do texto, foto vertical e cartões
   de tecnologia. Carregado depois do blog-post.css só nesses posts.
   =========================================================== */

.post-content {
  --ex-ouro: var(--burlywood, #dbc08d);
  --ex-ouro-escuro: var(--dark-goldenrod, #b29158);
  --ex-texto: rgba(255, 255, 255, .80);
  --ex-fraco: rgba(255, 255, 255, .55);
  --ex-borda: rgba(178, 145, 88, .22);
  --ex-fundo: #121214;
}

/* links no meio do texto */
.post-content p a,
.post-content li a {
  color: var(--ex-ouro);
  text-decoration: none;
  border-bottom: 1px solid rgba(219, 192, 141, .4);
  transition: border-color .3s ease, color .3s ease;
}
.post-content p a:hover,
.post-content li a:hover { color: #fff; border-bottom-color: var(--ex-ouro); }

/* fotos no meio do texto */
.post-content .post-figura { margin-top: clamp(32px, 4vw, 44px); margin-bottom: clamp(32px, 4vw, 44px); }
.post-content .post-figura img { display: block; width: 100%; height: auto; border-radius: 6px; }
.post-content .post-figura--retrato img { max-width: 460px; margin: 0 auto; }
.post-content .post-figura figcaption {
  margin-top: 12px; text-align: center; font-size: 13px; font-style: italic; color: var(--ex-fraco);
}

/* foto vertical solta no texto */
.post-content .post-retrato {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  margin: clamp(32px, 4vw, 44px) auto;
  border-radius: 6px;
}

/* citação */
.post-content .post-citacao {
  margin-top: 40px;
  margin-bottom: 40px;
  border-left: 2px solid var(--ex-ouro-escuro);
  padding-left: 30px !important;
}
.post-content .post-citacao p {
  font-style: italic;
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.6;
  color: #fff;
  margin: 0 0 12px;
}
.post-content .post-citacao cite {
  display: block;
  font-style: normal;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ex-ouro);
}

/* cartões de tecnologia */
.post-content .post-tec {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 22px !important;
  background: var(--ex-fundo);
  border: 1px solid var(--ex-borda);
  border-radius: 10px;
  max-width: 760px;
}
.post-content .post-tec__texto p { margin: 0; }
.post-content .post-tec .post-figura { margin: 22px 0 0; padding: 0; }
.post-content .post-tec .post-figura img { aspect-ratio: 3 / 4; object-fit: cover; }
@media (min-width: 768px) {
  .post-content .post-tec { display: flex; gap: 34px; min-height: 340px; padding: 28px !important; margin-top: 52px; margin-bottom: 52px; }
  .post-content .post-tec--foto-esquerda { flex-direction: row-reverse; }
  .post-content .post-tec__texto { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; padding: 6px 10px; }
  .post-content .post-tec .post-figura { position: relative; flex: 0 0 34%; max-width: 34%; margin: 0; overflow: hidden; border-radius: 6px; }
  .post-content .post-tec .post-figura--retrato img {
    position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; aspect-ratio: auto; margin: 0;
  }
}

/* cartão da unidade */
.post-content .post-unidade {
  margin-top: 48px;
  margin-bottom: 8px;
  padding: 30px 32px !important;
  background: var(--ex-fundo);
  border: 1px solid var(--ex-borda);
  border-radius: 10px;
  max-width: 760px;
}
.post-content .post-unidade__tag {
  display: block;
  margin-bottom: 16px;
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--ex-ouro);
}
.post-content .post-unidade__linhas {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 34px;
  margin-bottom: 24px;
}
.post-content .post-unidade__item { display: flex; align-items: flex-start; gap: 12px; }
.post-content .post-unidade__item svg {
  width: 17px; height: 17px; flex: none; margin-top: 3px;
  fill: none; stroke: var(--ex-ouro); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.post-content .post-unidade__rot {
  display: block; margin-bottom: 3px;
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ex-fraco);
}
.post-content a.post-unidade__valor { color: #fff; font-size: 16px; line-height: 1.5; text-decoration: none; border: 0; }
.post-content a.post-unidade__valor:hover { color: var(--ex-ouro); }

/* chamada final */
.post-content .post-fecho {
  position: relative;
  margin-top: clamp(46px, 5vw, 60px);
  padding-top: 36px;
  text-align: center;
}
.post-content .post-fecho::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(340px, 78%);
  height: 1px;
  background: linear-gradient(90deg, rgba(178, 145, 88, 0), var(--ex-ouro-escuro), rgba(178, 145, 88, 0));
}
.post-content .post-fecho__texto {
  max-width: 30em;
  margin: 0 auto 28px !important;
  font-weight: 200 !important;
  font-size: clamp(19px, 2vw, 24px) !important;
  line-height: 1.5 !important;
  color: #fff !important;
}

/* botões (mesma linguagem do site: dourado cheio, cantos de 6px) */
.post-content .post-fecho__cta,
.post-content .post-unidade__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 34px;
  background: var(--ex-ouro-escuro);
  color: #1a1a1a !important;
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 0;
  transition: background .3s ease, letter-spacing .3s ease;
}
.post-content .post-fecho__cta:hover,
.post-content .post-unidade__cta:hover { background: var(--ex-ouro); letter-spacing: .26em; }
.post-content .post-fecho__cta svg,
.post-content .post-unidade__cta svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; }

@media (max-width: 767px) {
  .post-content .post-unidade { padding: 24px 20px !important; }
  .post-content .post-unidade__linhas { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .post-content .post-fecho__cta,
  .post-content .post-unidade__cta { width: 100%; }
  .post-content .post-citacao { padding-left: 20px !important; }
  .post-content .post-figura--retrato img,
  .post-content .post-retrato { max-width: 100%; }
}