/* =========================================================
   NEW 2026 — post do blog aberto
   ---------------------------------------------------------
   Estava escrito dentro da postagem-aberta.html. Carregado so
   nos posts, pelo new2026-single.php (css_extra).
   ========================================================= */

/* ============================================================
   Página de postagem aberta (single do blog)
   Escopo exclusivo .page-postagem-aberta — reutiliza tokens,
   .wrap, .btn-* e cores do styles.css original.
   ============================================================ */

/* faixa colorida atrás do header transparente — leve degradê (igual layout) */
.page-postagem-aberta .pa-headerbg{height:132px;background:linear-gradient(180deg,#8f140d 0%,#c01a1a 55%,#d71a21 100%)}
/* conteúdo branco sobe sobre a faixa com cantos arredondados no topo */
.page-postagem-aberta main{position:relative;z-index:2;background:#fff;border-radius:34px 34px 0 0;margin-top:-34px}

.page-postagem-aberta .pa-shell{max-width:1180px;padding-top:30px;padding-bottom:90px}

/* hero */
.page-postagem-aberta .pa-hero{margin:0 0 34px;border-radius:var(--radius);overflow:hidden;line-height:0;box-shadow:0 22px 54px rgba(0,0,0,.12)}
.page-postagem-aberta .pa-hero img{width:100%;height:clamp(220px,34vw,420px);object-fit:cover;display:block}

/* divisor igual ao bloco de notícias da página sobre */
.page-postagem-aberta .pa-bar{
  position:relative;
  display:block;
  width:100%;
  height:1px;
  background:#d9d9d9;
}
.page-postagem-aberta .pa-bar::before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:38px;
  height:4px;
  background:#ff1b1f;
}

/* cabeçalho do artigo */
.page-postagem-aberta .pa-head{text-align:center;width:100%;max-width:none;margin:0 0 40px}
.page-postagem-aberta .pa-tag{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin-bottom:20px}
.page-postagem-aberta .pa-title{max-width:820px;font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.08;color:#0a0a0a;margin:0 auto 22px}
/* o tracinho e o meta ficam à esquerda (igual ao print) */
.page-postagem-aberta .pa-head .pa-bar{margin:24px 0 14px}
.page-postagem-aberta .pa-meta{display:flex;align-items:center;justify-content:flex-start;gap:22px;color:#888;font-size:13px}
.page-postagem-aberta .pa-meta-item{display:inline-flex;align-items:center;gap:7px}
/* share inline (aviãozinho de papel) logo após as visualizações */
.page-postagem-aberta .pa-meta .pa-share{margin:0}
.page-postagem-aberta .pa-meta .blog-share-btn{width:30px;height:30px;background:none;color:var(--red);padding:0}
.page-postagem-aberta .pa-meta .blog-share-btn:hover,
.page-postagem-aberta .pa-meta .blog-share-btn.active{background:rgba(215,26,33,.1);color:var(--red)}
.page-postagem-aberta .pa-meta .blog-share-btn svg{width:20px;height:20px}
.page-postagem-aberta .pa-meta-item svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}

/* layout duas colunas */
.page-postagem-aberta .pa-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:54px;align-items:start}

/* corpo do artigo — sempre alinhado à esquerda */
.page-postagem-aberta .pa-content{color:#3a3a3f;font-size:16px;line-height:1.75;text-align:left}
.page-postagem-aberta .pa-content h2,
.page-postagem-aberta .pa-content h3,
.page-postagem-aberta .pa-content p,
.page-postagem-aberta .pa-content ul,
.page-postagem-aberta .pa-content li{text-align:left !important}
/* imagens do corpo do post: o WordPress escreve width/height no <img>, e
   sem "height:auto" a imagem deforma quando o CSS limita a largura */
.page-postagem-aberta .pa-content img{
  max-width:100%;
  height:auto;
  display:block;
  margin:26px 0;
}
.page-postagem-aberta .pa-content h2{font-size:clamp(22px,2.2vw,28px);font-weight:700;color:#0a0a0a;line-height:1.2;margin:40px 0 14px}
.page-postagem-aberta .pa-content h3{font-size:clamp(24px,2.8vw,36px);font-weight:700;color:#0a0a0a;margin:28px 0 12px}
.page-postagem-aberta .pa-content p{margin:0 0 18px}
.page-postagem-aberta .pa-content ul{margin:0 0 18px;padding-left:22px;list-style:disc}
.page-postagem-aberta .pa-content li{margin:0 0 8px}
/* <a> padrão para links vindos do WPBakery (corpo do post) — com hover */
.page-postagem-aberta .pa-content a{color:var(--red);text-decoration:underline;text-underline-offset:2px;font-weight:600;transition:color .2s ease,text-decoration-color .2s ease,opacity .2s ease}
.page-postagem-aberta .pa-content a:hover{color:#a5060d;text-decoration-color:#a5060d}
/* links dentro da lista: pretos com sublinhado (como no design), vermelho no hover */
.page-postagem-aberta .pa-content li a{color:inherit;font-weight:400;text-decoration:underline;text-underline-offset:2px}
.page-postagem-aberta .pa-content li a:hover{color:var(--red)}
.page-postagem-aberta .pa-content > *:first-child{margin-top:0}

/* banners (componentes banner1/banner2 da página sobre) injetados no conteúdo */
.page-postagem-aberta .pa-banner{margin:38px 0}
.page-postagem-aberta .pa-content .sobre-cta-card,
.page-postagem-aberta .pa-content .imig-strip-inner{
  max-width:none !important;
  /* horizontal continua zerado para o banner ocupar a coluna inteira;
     o vertical afasta do texto que vem antes e depois */
  margin:52px 0 !important;
}
@media(max-width:768px){
  .page-postagem-aberta .pa-content .sobre-cta-card,
  .page-postagem-aberta .pa-content .imig-strip-inner{margin:36px 0 !important}
}
/* !important: impede a tipografia do .pa-content (links/parágrafos) de
   reescrever os botões e textos dos banners injetados */
.page-postagem-aberta .pa-content .sobre-banner-btn{text-decoration:none !important;font-weight:900 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
.page-postagem-aberta .pa-content .sobre-cta-card:hover .sobre-banner-btn,
.page-postagem-aberta .pa-content .sobre-cta-card:focus-within .sobre-banner-btn{color:var(--red) !important;-webkit-text-fill-color:var(--red) !important}
.page-postagem-aberta .pa-content .sobre-cta-heading,
.page-postagem-aberta .pa-content .imig-strip-title{margin:0 !important}

/* banner2 (PLANEJAMENTO IMIGRATÓRIO) — versão com foto, igual à página sobre */
.page-postagem-aberta .imig-strip-inner{display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(0,.92fr);align-items:stretch;gap:0;min-height:146px;padding:0;background:#d60000;box-shadow:0 28px 58px rgba(34,24,24,.12),0 1px 0 rgba(255,255,255,.88) inset}
.page-postagem-aberta .imig-strip-inner::before{content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(112deg,#fff 0%,#fff 68%,#f3f0e9 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .64s cubic-bezier(.16,.84,.24,1),filter .42s ease}
.page-postagem-aberta .imig-strip-inner:hover::before,.page-postagem-aberta .imig-strip-inner:focus-within::before{clip-path:polygon(0 0,55% 0,45% 100%,0 100%);filter:saturate(1.05)}
.page-postagem-aberta .imig-strip-inner::after{content:"";display:block;position:absolute;left:0;right:auto;top:0;bottom:0;width:8px;z-index:2;border:none;border-radius:0;background:#fff;opacity:1;transform:none;transition:none}
.page-postagem-aberta .imig-strip-inner:hover,.page-postagem-aberta .imig-strip-inner:focus-within{transform:translateY(-4px);background:#d60000;box-shadow:0 34px 72px rgba(34,24,24,.16),0 18px 38px rgba(215,26,33,.2)}
.page-postagem-aberta .imig-strip-copy{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "button";align-content:center;justify-items:start;row-gap:10px;max-width:none;width:100%;padding:26px 32px 26px 42px}
.page-postagem-aberta .imig-strip-title{grid-area:title;width:100%;margin:0;color:#fff;font-size:clamp(18px,1.65vw,22px);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:0;max-width:560px;text-align:left !important;transition:color .48s ease}
.page-postagem-aberta .imig-strip-title .imig-line{display:block;white-space:normal}
.page-postagem-aberta .imig-strip-inner:hover .imig-strip-title,.page-postagem-aberta .imig-strip-inner:focus-within .imig-strip-title{color:#101010}
.page-postagem-aberta .imig-strip-photo{position:relative;min-height:146px;background:url('https://australiancentre.com.br/wp-content/uploads/2026/08/imagem-imigracao-australia-1.webp') center 48%/cover no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);transform:scale(1.01);transition:transform .42s cubic-bezier(.16,.84,.24,1),filter .32s ease,background-position .32s ease}
.page-postagem-aberta .imig-strip-inner:hover .imig-strip-photo,.page-postagem-aberta .imig-strip-inner:focus-within .imig-strip-photo{transform:scale(1.03);filter:saturate(1.08) contrast(1.03)}
.page-postagem-aberta .imig-strip-copy .sobre-banner-btn--blue{grid-area:button;min-height:36px;padding:11px 24px;background:#071e5f;color:#fff;border-color:rgba(255,255,255,.16);font-size:10px;box-shadow:0 14px 28px rgba(4,20,72,.24)}
.page-postagem-aberta .imig-strip-inner:hover .sobre-banner-btn--blue,.page-postagem-aberta .imig-strip-inner:focus-within .sobre-banner-btn--blue{transform:translateY(-2px);background:#071e5f;color:#fff;border-color:rgba(255,255,255,.28);box-shadow:0 18px 36px rgba(4,20,72,.28)}
.page-postagem-aberta .imig-strip-copy .sobre-banner-btn--blue:hover{transform:translateY(-4px) scale(1.03);background:#0b2f8f}
@media(max-width:900px){
  .page-postagem-aberta .imig-strip-inner{grid-template-columns:1fr;min-height:260px}
  .page-postagem-aberta .imig-strip-copy{min-height:220px;padding:30px 24px}
  .page-postagem-aberta .imig-strip-photo{position:absolute;inset:0;clip-path:none;opacity:.46}
  .page-postagem-aberta .imig-strip-title{max-width:520px;font-size:clamp(22px,6vw,30px)}
}
/* HOVER ESPECIAL do banner2 na coluna estreita da postagem: troca de cor limpa
   (vermelho -> azul) em vez do wipe diagonal (que fica apertado nesta largura);
   o título permanece branco. */
.page-postagem-aberta .imig-strip-inner:hover::before,
.page-postagem-aberta .imig-strip-inner:focus-within::before{clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:none}
.page-postagem-aberta .imig-strip-inner:hover,
.page-postagem-aberta .imig-strip-inner:focus-within{background:linear-gradient(135deg,#071e5f 0%,#103fae 52%,#d71920 100%);box-shadow:0 30px 60px rgba(4,20,72,.26)}
.page-postagem-aberta .imig-strip-inner:hover .imig-strip-title,
.page-postagem-aberta .imig-strip-inner:focus-within .imig-strip-title{color:#fff}


/* ===== sidebar ===== */
.page-postagem-aberta .pa-sidebar{display:flex;flex-direction:column;gap:34px}
.page-postagem-aberta .pa-widget-title{position:relative;font-size:21px;font-weight:700;color:#0a0a0a;letter-spacing:0;margin:0 0 16px}
.page-postagem-aberta .pa-widget-title::after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin:14px 0 0;
  background:#d9d9d9;
}
.page-postagem-aberta .pa-widget-title::before{
  content:"";
  position:absolute;
  left:0;
  top:calc(100% + 13px);
  width:38px;
  height:4px;
  background:#ff1b1f;
  z-index:1;
}

/* social — caixas cinza bem claro */
.page-postagem-aberta .pa-social{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.page-postagem-aberta .pa-social a{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#f4f4f5;border:1px solid #ececee;border-radius:12px;font-size:13px;font-weight:600;color:#333;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.page-postagem-aberta .pa-social a:hover{background:#eeeef0;border-color:#dcdce0;transform:translateY(-2px)}
.page-postagem-aberta .pa-social .pa-ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.page-postagem-aberta .pa-social .pa-ico svg{width:16px;height:16px;fill:currentColor}

/* newsletter — card preto, centralizado, botão laranja com seta */
.page-postagem-aberta .pa-news{background:#0c0c0e;border-radius:22px;padding:30px 26px;text-align:center}
.page-postagem-aberta .pa-news h3{font-size:21px;font-weight:900;line-height:1.18;margin:0 0 12px;color:#fff}
.page-postagem-aberta .pa-news p{font-size:13px;line-height:1.55;margin:0 0 22px;color:rgba(255,255,255,.7)}
.page-postagem-aberta .pa-news .pa-news-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:#ee3a17;color:#fff;font-weight:600;font-size:14px;padding:15px 20px;border-radius:14px;transition:background .25s ease,transform .25s ease}
.page-postagem-aberta .pa-news .pa-news-btn:hover{background:var(--red);transform:translateY(-2px)}
.page-postagem-aberta .pa-news .pa-news-btn svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.2}
/* seta da newsletter anima igual aos boxes (uma vez no hover) */
.page-postagem-aberta .pa-news .pa-news-btn:hover svg{animation:paArrowLoop .55s cubic-bezier(.4,0,.2,1) 1}

/* listas (páginas mais acessadas) — gradientes por tema + seta em loop no hover */
.page-postagem-aberta .pa-links{display:flex;flex-direction:column;gap:12px}
.page-postagem-aberta .pa-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:14px;color:#fff;font-weight:600;font-size:13px;line-height:1.25;text-transform:uppercase;letter-spacing:.03em;transition:transform .25s ease,box-shadow .25s ease,background .3s ease}
.page-postagem-aberta .pa-links a span{display:block}
.page-postagem-aberta .pa-links a:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.22)}
/* gradientes base por tema */
.page-postagem-aberta .pa-links--australia{background:linear-gradient(90deg,#7a1c0b 0%,#ff4d1f 100%)}
.page-postagem-aberta .pa-links--nova-zelandia{background:linear-gradient(90deg,#070d28 0%,#1b3bb0 100%)}
.page-postagem-aberta .pa-links--imigracao{background:linear-gradient(90deg,#26262a 0%,#6c6c72 100%)}
.page-postagem-aberta .pa-links--vistos{background:linear-gradient(90deg,#190a06 0%,#5e2a12 100%)}
/* hover muda a cor (versões mais claras/intensas) */
.page-postagem-aberta .pa-links--australia:hover{background:linear-gradient(90deg,#9c2710 0%,#ff6a3d 100%)}
.page-postagem-aberta .pa-links--nova-zelandia:hover{background:linear-gradient(90deg,#0d1640 0%,#2a52d8 100%)}
.page-postagem-aberta .pa-links--imigracao:hover{background:linear-gradient(90deg,#34343a 0%,#86868e 100%)}
.page-postagem-aberta .pa-links--vistos:hover{background:linear-gradient(90deg,#2a130a 0%,#824121 100%)}
.page-postagem-aberta .pa-link-arrow{position:relative;width:18px;height:18px;flex-shrink:0;overflow:hidden}
.page-postagem-aberta .pa-link-arrow svg{position:absolute;inset:0;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.page-postagem-aberta .pa-links a:hover .pa-link-arrow svg{animation:paArrowLoop .55s cubic-bezier(.4,0,.2,1) 1}
@keyframes paArrowLoop{
  0%{transform:translate(0,0);opacity:1}
  45%{transform:translate(10px,-10px);opacity:0}
  46%{transform:translate(-10px,10px);opacity:0}
  100%{transform:translate(0,0);opacity:1}
}

/* artigos mais lidos — categoria em caixa vermelha + hover */
.page-postagem-aberta .pa-read{display:flex;flex-direction:column;gap:18px}
.page-postagem-aberta .pa-read-item{display:flex;gap:13px;align-items:center}
.page-postagem-aberta .pa-read-item a{flex:0 0 74px;line-height:0}
.page-postagem-aberta .pa-read-item img{width:74px !important;height:74px !important;border-radius:12px;object-fit:cover;flex:0 0 74px;transition:transform .3s ease,filter .3s ease}
.page-postagem-aberta .pa-read-cat{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--red);padding:4px 9px;border-radius:6px;margin-bottom:7px;transition:background .25s ease}
.page-postagem-aberta .pa-read-item h4{font-size:14px;font-weight:700;line-height:1.25;color:#0a0a0a;margin:0 0 5px;transition:color .25s ease}
.page-postagem-aberta .pa-read-item h4 a{color:inherit}
.page-postagem-aberta .pa-read-date{font-size:11px;color:#999}
.page-postagem-aberta .pa-read-item:hover img{transform:scale(1.05);filter:saturate(1.08)}
.page-postagem-aberta .pa-read-item:hover h4{color:var(--red)}
.page-postagem-aberta .pa-read-item:hover .pa-read-cat{background:#a5060d}

/* responsivo */
@media(max-width:900px){
  .page-postagem-aberta .pa-layout{grid-template-columns:1fr;gap:46px}
}
@media(max-width:768px){
  .page-postagem-aberta .pa-headerbg{height:92px}
  .page-postagem-aberta .pa-shell{padding-top:22px;padding-bottom:60px}
  .page-postagem-aberta .pa-hero{border-radius:var(--radius-mobile)}
  .page-postagem-aberta .pa-promo{padding:22px}
}