/* ==========================================================================
   Post Anúncio Slide — 1080 × 1350 (4:5)
   Figma node 291:2501 — post-anuncio-slide
   ========================================================================== */

.post-s {
  position: relative;
  width: 1080px;
  height: 1350px;
  overflow: hidden;
  font-family: var(--font-family-base);
  background: #111;
  flex-shrink: 0;
}

.post-s__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

/* Mesma penumbra da capa — gradiente a partir de top:400px */
.post-s__penumbra {
  position: absolute;
  left: 0;
  top: 400px;
  width: 1080px;
  height: 1376px;
  background: linear-gradient(181.821deg, rgba(0,0,0,0) 14.86%, #000 89.255%);
  pointer-events: none;
}

/* Código: left:760 top:1218 — 25.746px, letter-spacing:2.5746px */
.post-s__codigo {
  position: absolute;
  left: 760px;
  top: 1218px;
  display: flex;
  align-items: center;
  font-size: 25.746px;
  letter-spacing: 2.5746px;
  color: #fff;
  white-space: nowrap;
}

.post-s__codigo-label { font-weight: 700; }
.post-s__codigo-value { font-weight: 300; }

/* Barra: full-width, azul sólido (diferente da capa que usa gradiente) */
.post-s__barra {
  position: absolute;
  left: 0;
  top: 1284px;
  width: 1084px;
  height: 66px;
  background: var(--color-primary);
  pointer-events: none;
}

/* Preview no chat — mesmo scale dos outros posts */
.post-slide-preview-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1080px;
  height: 1350px;
  transform: scale(0.481);
  transform-origin: top left;
  pointer-events: none;
}