/* Página Publicações (Figma: frame Publicaçoes 148:759, montada a partir da captura enviada).
   Base em css/base.css. */
.pb{padding-top:calc(86 * var(--u));padding-bottom:calc(16 * var(--u))}

/* Destaque: foto com recorte na ponta inferior direita, vidro com o título e a seta no recorte */
.pb-destaque{position:relative;display:block;height:max(320px, calc(472 * var(--u)));max-width:calc(1189 * var(--u));min-width:0}
.pb-destaque-foto{position:absolute;inset:0;border-radius:24px;overflow:hidden}
.pb-destaque-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.pb-destaque:hover .pb-destaque-foto img{transform:scale(1.03)}
.pb-destaque::after{
  content:"";position:absolute;right:-1px;bottom:-1px;width:max(64px, calc(78 * var(--u)));height:max(64px, calc(78 * var(--u)));
  background:var(--areia);border-top-left-radius:26px;
}
.pb-destaque-vidro{
  position:absolute;left:calc(30 * var(--u));bottom:calc(24 * var(--u));width:min(calc(631 * var(--u)), 88%);
  padding:max(20px, calc(34 * var(--u))) max(20px, calc(50 * var(--u))) max(22px, calc(38 * var(--u)));border-radius:22px;
  background:linear-gradient(160.5deg,rgba(236,228,219,.94),rgba(236,228,219,.58));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);
}
.pb-destaque-vidro h1{margin-top:max(14px, calc(26 * var(--u)));font-family:var(--titulo);font-size:max(19px, calc(23.5 * var(--u)));line-height:1.36;color:var(--preto);max-width:440px}
.pb-destaque .seta{position:absolute;z-index:1;right:0;bottom:calc(8 * var(--u));width:max(52px, calc(78 * var(--u)));height:max(52px, calc(78 * var(--u)))}

/* Filtros */
.pb-filtros{margin-top:calc(39 * var(--u));display:flex;align-items:center;gap:calc(30 * var(--u));flex-wrap:wrap}
.pb-campo{position:relative;width:max(240px, calc(441 * var(--u)));height:49px;border-radius:24.5px;background:#2E2D2F}
.pb-campo input,.pb-campo select{
  width:100%;height:100%;border:0;border-radius:24.5px;background:transparent;color:var(--areia);
  padding:0 48px 0 27px;font-family:var(--texto);font-size:max(16px, calc(18.5 * var(--u)));appearance:none;-webkit-appearance:none;outline:none;
}
.pb-campo input::placeholder{color:var(--cinza)}
.pb-campo select{cursor:pointer;color:var(--cinza)}
.pb-campo select.escolhido{color:var(--areia)}
.pb-campo select option{color:#000}
.pb-campo:focus-within{box-shadow:0 0 0 3px rgba(253,207,157,.35)}
.pb-caret{position:absolute;right:22px;top:50%;width:17px;height:10px;margin-top:-5px;transform:rotate(180deg);pointer-events:none}
.pb-filtros .seta{margin-left:calc(-14 * var(--u))}

/* Lista */
.pb-grade{margin-top:calc(48 * var(--u));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(72 * var(--u)) 0;max-width:calc(1189 * var(--u))}
.pb-item{display:grid;grid-template-columns:calc(237 * var(--u)) minmax(0,1fr);column-gap:calc(30 * var(--u));height:max(180px, calc(230 * var(--u)))}
.pb-item[hidden]{display:none}
.pb-item-img{width:100%;height:100%;border-radius:19px;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pb-item:hover .pb-item-img{transform:scale(1.03)}
.pb-item-texto{display:flex;flex-direction:column;align-items:flex-start;padding:max(8px, calc(12 * var(--u))) 0 max(4px, calc(10 * var(--u)))}
.pb-item h2{margin-top:max(10px, calc(24 * var(--u)));font-family:var(--titulo);font-size:max(15px, calc(16.5 * var(--u)));line-height:1.42;color:var(--preto);max-width:300px}
.pb-item .seta{margin-top:auto;width:52px;height:52px}
.pb-vazio{display:none;margin-top:32px;font-size:18px;color:var(--tinta-2)}
.pb-vazio.visivel{display:block}

/* Paginação */
.pb-paginas{margin-top:calc(53 * var(--u));display:flex;justify-content:center;align-items:center;gap:6px;max-width:calc(1189 * var(--u))}
.pb-pagina{min-width:36px;height:36px;padding:0 6px;border-radius:100px;font-family:var(--titulo-leve);font-weight:300;font-size:max(18px, calc(21 * var(--u)));color:var(--tinta);transition:background .4s ease}
.pb-pagina:hover{background:rgba(255,255,255,.55)}
.pb-pagina.ativa{font-family:var(--titulo)}
.pb-proxima{width:36px;height:36px;border-radius:100px;display:flex;align-items:center;justify-content:center;color:var(--tinta);transition:background .4s ease, transform .5s cubic-bezier(.16,1,.3,1)}
.pb-proxima:hover{background:rgba(255,255,255,.55);transform:translateX(3px)}
.pb-proxima svg{width:14px;height:12px}

@media (max-width:1024px){
  .pb{padding-top:40px;padding-bottom:72px}
  .pb-destaque{height:auto;min-height:420px;max-width:none}
  .pb-grade,.pb-paginas{max-width:none}
  .pb-destaque-vidro{left:16px;right:16px;width:auto;bottom:80px}
  .pb-campo{width:100%}
  .pb-filtros{gap:12px}
  .pb-grade{grid-template-columns:1fr;row-gap:24px}
  .pb-item{grid-template-columns:140px minmax(0,1fr);height:auto;min-height:170px}
}

/* WordPress: paginação com links, capa ausente e filtro enviado */
a.pb-pagina{display:inline-flex;align-items:center;justify-content:center}
.pb-item-img.espera,.pa-relacionada .espera{display:block}
.pb-limpar{font-family:var(--titulo);font-size:15px;color:var(--tinta-2);text-decoration:underline;text-underline-offset:3px}
.pb-limpar:hover{color:var(--preto)}