/*
Theme Name: Faturize
Theme URI: https://faturize.com.br/
Author: Faturize
Description: Tema da Faturize para os artigos (lista, categorias, busca e post), páginas avulsas e 404. As páginas do site são HTML estático na mesma hospedagem.
Version: 1.3.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: faturize
*/

:root{
  --petroleo:#0A3344; --petroleo-medio:#14566B; --petroleo-fundo:#072836;
  --menta:#4FD6AE; --menta-escura:#25B08C; --menta-clara:#DDF4EC; --amarelo:#F2B705;
  --gelo:#F2F6F7; --branco:#FFFFFF;
  --texto:#0A3344; --texto-corpo:#2C4F5C; --texto-2:#4A6B78; --linha:#DCE6E9;
  --claro:#CFE2E7; --claro-2:#93B9C3; --linha-escura:#1E4C5D;
  --f:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --grade:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 30px);
  --grade-escura:repeating-linear-gradient(0deg,rgba(10,51,68,.06) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(10,51,68,.06) 0 1px,transparent 1px 30px);
}
*{box-sizing:border-box}
html{scroll-padding-top:90px}
body{margin:0;background:var(--branco);color:var(--texto);font-family:var(--f);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--petroleo-medio)}
a:hover{color:var(--menta-escura)}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}
h1,h2,h3,h4{text-wrap:balance}
.wrap{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--amarelo);color:var(--petroleo);padding:10px 16px;border-radius:8px;font-weight:700}
.pular:focus{top:12px}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:700;font-size:16px;line-height:1.2;padding:14px 24px;min-height:48px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:18px;height:18px;flex:none}
.btn-am{background:var(--amarelo);color:var(--petroleo)}
.btn-am:hover{background:#FFC61F;color:var(--petroleo)}
.btn-menta{background:var(--menta);color:var(--petroleo)}
.btn-menta:hover{background:#6BE0BD;color:var(--petroleo)}
.btn-lin{background:var(--branco);color:var(--petroleo);border-color:var(--petroleo)}
.btn-lin:hover{background:var(--petroleo);color:var(--branco)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

/* Cabeçalho */
.topo{position:sticky;top:0;z-index:30;background:rgba(10,51,68,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.admin-bar .topo{top:32px}
@media (max-width:782px){.admin-bar .topo{top:46px}}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.topo .logo img{height:46px;width:auto;display:block}
.topo nav{display:flex;align-items:center;gap:24px}
.menu-principal{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px;font-size:15px;font-weight:600}
.menu-principal a{color:var(--claro);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.menu-principal a:hover{color:var(--branco)}
.menu-principal .current-menu-item>a,.menu-principal .current_page_parent>a,.menu-principal .current-menu-ancestor>a{color:var(--branco);border-bottom-color:var(--menta)}
.topo .btn{padding:10px 18px;min-height:44px;font-size:15px}
.abre-menu{display:none;background:none;border:1px solid var(--linha-escura);border-radius:10px;color:var(--branco);width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}
.abre-menu svg{width:22px;height:22px}
@media (max-width:860px){
  .abre-menu{display:inline-flex}
  .topo .logo img{height:36px}
  .topo .wrap{flex-wrap:wrap}
  .topo nav{order:3;width:100%;display:none;flex-direction:column;align-items:stretch;gap:12px;padding:8px 0 6px}
  .topo.aberto nav{display:flex}
  .menu-principal{flex-direction:column;align-items:stretch;gap:0}
  .menu-principal a{display:block;padding:12px 0;border-bottom:1px solid var(--linha-escura)}
  .topo .btn{align-self:flex-start}
}

/* Abertura do blog */
.abertura{background:var(--petroleo);background-image:radial-gradient(900px 420px at 88% 10%,#14566B 0%,rgba(20,86,107,0) 62%);color:var(--branco);position:relative;overflow:hidden}
.abertura .simbolo-fundo{position:absolute;right:-140px;top:-120px;width:560px;max-width:none;opacity:.1;pointer-events:none}
.abertura .wrap{position:relative;padding-top:88px;padding-bottom:72px;display:flex;flex-direction:column;gap:22px}
@media (max-width:700px){.abertura .wrap{padding-top:56px;padding-bottom:48px}}
.rotulo{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--menta);border:1px solid var(--linha-escura);border-radius:999px;padding:7px 14px}
.rotulo i{width:7px;height:7px;border-radius:50%;background:var(--menta)}
.abertura h1{margin:0;font-size:clamp(34px,4.6vw,60px);line-height:1.02;font-weight:900;letter-spacing:-.045em;max-width:18ch}
.abertura h1 span{color:var(--menta)}
.abertura .apoio{margin:0;font-size:clamp(17px,1.6vw,20px);color:var(--claro);max-width:58ch}
.abertura .apoio p{margin:0}

/* Busca */
.busca{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;max-width:560px}
.busca .campo{flex:1 1 260px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid var(--linha-escura);border-radius:999px;padding:0 18px;min-height:52px}
.busca .campo svg{width:20px;height:20px;color:var(--claro-2);flex:none}
.busca input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--branco);font:inherit;font-size:16px}
.busca input::placeholder{color:var(--claro-2)}
.busca .btn{min-height:52px}
.busca-clara .campo{background:var(--branco);border-color:var(--linha)}
.busca-clara input{color:var(--texto)}
.busca-clara input::placeholder{color:var(--texto-2)}

/* Categorias */
.categorias{background:var(--branco);border-bottom:1px solid var(--linha)}
.categorias .wrap{padding-top:20px;padding-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.categorias .tit{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2);margin-right:6px}
.chip{display:inline-flex;align-items:center;font-size:15px;font-weight:600;border-radius:999px;padding:9px 18px;min-height:44px;text-decoration:none;border:1px solid var(--linha);background:var(--branco);color:var(--petroleo);transition:border-color .15s,background .15s,color .15s}
.chip:hover{border-color:var(--petroleo);color:var(--petroleo)}
.chip.ativo{background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}

/* Lista */
.lista{padding-top:56px;padding-bottom:96px;display:flex;flex-direction:column;gap:48px}
.lista-cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}
.lista-cab h2{margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.1;font-weight:800;letter-spacing:-.03em}
.lista-cab span{font-size:15px;color:var(--texto-2)}
.grade-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
@media (max-width:380px){.grade-posts{grid-template-columns:1fr}}
.vazio{background:var(--gelo);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.vazio h2{margin:0;font-size:26px;letter-spacing:-.02em}
.vazio p{margin:0;color:var(--texto-2)}

/* Capas (imagem destacada ou padrão) */
.capa{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--petroleo-medio);background-image:var(--grade);color:var(--menta)}
.capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capa img.simbolo-capa{position:static;inset:auto;object-fit:contain}
.capa .simbolo-capa{width:84px;height:84px;opacity:.85}
.capa.t1{background-color:var(--petroleo)}
.capa.t2{background-color:var(--petroleo-medio)}
.capa.t3{background-color:var(--petroleo-fundo)}
.capa.t4{background-color:#0E3E52}

/* Cartão */
.cartao{display:flex;flex-direction:column;background:var(--branco);border:1px solid var(--linha);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--texto);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.cartao:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(10,51,68,.12);color:var(--texto)}
.cartao .capa{height:190px;border-bottom:1px solid var(--linha)}
.cartao .corpo{padding:24px 24px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.cat{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--menta-escura)}
.cartao h3{margin:0;font-size:21px;line-height:1.25;font-weight:800;letter-spacing:-.02em}
.cartao p{margin:0;font-size:15.5px;color:var(--texto-2)}
.cartao .rodape-c{margin-top:auto;padding-top:14px;border-top:1px solid var(--linha);display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--texto-2)}
@media (prefers-reduced-motion:reduce){.cartao,.destaque{transition:none}.cartao:hover,.destaque:hover{transform:none}}

/* Destaque */
.destaque{display:flex;flex-wrap:wrap;background:var(--gelo);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--texto);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.destaque:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(10,51,68,.12);color:var(--texto)}
.destaque .capa{flex:1 1 460px;min-height:340px}
.destaque .capa .simbolo-capa{width:130px;height:130px}
.destaque .selo{position:absolute;left:22px;top:22px;z-index:1;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--menta);color:var(--petroleo);border-radius:999px;padding:6px 12px}
.destaque .corpo{flex:1 1 420px;padding:40px 40px 36px;display:flex;flex-direction:column;gap:16px;justify-content:center}
@media (max-width:600px){.destaque .corpo{padding:28px 24px}.destaque .capa{min-height:220px}}
.destaque h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.08;font-weight:800;letter-spacing:-.03em}
.destaque p{margin:0;font-size:17px;color:var(--texto-2)}
.ler{margin-top:8px;font-weight:700;color:var(--petroleo-medio)}
.destaque:hover .ler,.cartao:hover .ler{color:var(--menta-escura)}

/* Autor e metadados */
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:14.5px;color:var(--texto-2)}
.pessoa{display:inline-flex;align-items:center;gap:10px}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--petroleo);color:var(--menta);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}

/* Paginação */
.paginacao .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.paginacao .page-numbers{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--linha);text-decoration:none;font-weight:700;color:var(--petroleo)}
.paginacao .page-numbers:hover{border-color:var(--petroleo)}
.paginacao .page-numbers.current{background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}
.paginacao .dots{border:0}

/* Convite */
/* Convite final */
.convite{background:var(--petroleo);color:var(--branco);position:relative;overflow:hidden}
.simb-w{position:absolute;top:50%;right:-420px;width:min(140vw,1500px);pointer-events:none;transform:translate(var(--mx,0px),calc(-50% + var(--my,0px)));transition:transform .9s cubic-bezier(.2,.8,.2,1)}
@media (max-width:760px){.simb-w{right:-45%;width:130vw}}
.convite .simb{display:block;width:100%;max-width:none;opacity:.2;animation:flutua 7s ease-in-out infinite}
.agulha-m,.agulha{transform-box:view-box;transform-origin:50px 50px}
.agulha-m{transform:rotate(var(--rot,0deg));transition:transform 1.2s cubic-bezier(.3,1.6,.4,1)}
.agulha{animation:bussola 9s ease-in-out infinite}
@keyframes bussola{0%{transform:rotate(0)}8%{transform:rotate(7deg)}18%{transform:rotate(-5deg)}28%{transform:rotate(3.5deg)}38%{transform:rotate(-2deg)}48%{transform:rotate(1deg)}58%,100%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.agulha{animation:none}.agulha-m{transition:none}}
@keyframes flutua{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.015)}}
@media (prefers-reduced-motion:reduce){.convite .simb{animation:none}.simb-w{transition:none}}
.convite{min-height:640px;display:flex;align-items:center}
.convite .wrap{width:100%;z-index:1}
.convite .num{color:var(--amarelo)}
.convite h2 em{font-style:normal;color:var(--menta)}
.convite .wrap{position:relative;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.convite h2{max-width:16ch}
.convite .apoio{color:var(--claro)}

.convite{padding-block:112px}
.convite .num{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0}
.convite h2{margin:0;font-size:clamp(32px,4.4vw,56px);line-height:1.04;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.convite .apoio{margin:0;font-size:clamp(17px,1.5vw,20px);max-width:58ch}
.convite .btn svg{width:18px;height:18px}
.btn-brilho{box-shadow:0 8px 24px rgba(79,214,174,.28)}
@media (min-width:701px) and (max-width:940px){.convite{min-height:0;padding-block:100px}}
@media (max-width:700px){.convite{min-height:0;padding-block:80px}}

/* Post: abertura */
.post-topo{background:var(--petroleo);color:var(--branco);position:relative;overflow:hidden}
.post-topo .simbolo-fundo{position:absolute;right:-160px;top:-100px;width:520px;max-width:none;opacity:.1;pointer-events:none}
.post-topo .wrap{max-width:900px;position:relative;padding-top:64px;padding-bottom:64px;display:flex;flex-direction:column;gap:20px}
.trilha{font-size:14px;color:var(--claro-2)}
.trilha a{color:var(--claro-2)}
.trilha a:hover{color:var(--branco)}
.selo-cat{align-self:flex-start;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--menta);color:var(--petroleo);border-radius:999px;padding:6px 12px;text-decoration:none}
.selo-cat:hover{background:#6BE0BD;color:var(--petroleo)}
.post-topo h1{margin:0;font-size:clamp(32px,4.4vw,54px);line-height:1.05;font-weight:900;letter-spacing:-.04em}
.post-topo .resumo{margin:0;font-size:clamp(18px,1.8vw,20px);color:var(--claro)}
.post-topo .meta{color:var(--claro);font-size:15px;padding-top:16px;border-top:1px solid var(--linha-escura);gap:10px 22px}
.post-topo .avatar{width:40px;height:40px;background:var(--petroleo-medio);font-size:13px}
.post-topo .meta b{color:var(--branco)}
.post-capa{max-width:1180px;margin:0 auto;padding:0 20px}
.post-capa .capa{height:clamp(220px,32vw,420px);border-radius:0 0 24px 24px}
.post-capa .capa .simbolo-capa{width:120px;height:120px}

/* Post: corpo */
.post-grade{padding-top:64px;padding-bottom:88px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.post-grade article{flex:999 1 560px;min-width:0;max-width:720px}
.post-grade aside{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}
@media (max-width:900px){.post-grade aside{position:static}}
.indice-post{border:1px solid var(--linha);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.indice-post .t,.caixa-tit{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2)}
.indice-post ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.indice-post a{text-decoration:none;font-weight:600}
.caixa-escura{background:var(--petroleo);color:var(--branco);border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.caixa-escura b{font-size:21px;line-height:1.25;letter-spacing:-.02em}
.caixa-escura p{margin:0;font-size:15.5px;color:var(--claro)}
.caixa-escura .btn{align-self:flex-start}

/* Conteúdo editável (posts e páginas) */
.conteudo{font-size:18px;line-height:1.7;color:var(--texto-corpo)}
.conteudo>*{margin-top:0;margin-bottom:22px}
.conteudo>*:last-child{margin-bottom:0}
.conteudo>p:first-child{font-size:21px;line-height:1.6;color:var(--texto)}
.conteudo h2{margin-top:44px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--texto)}
.conteudo h3{margin-top:32px;font-size:23px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--texto)}
.conteudo h4{margin-top:28px;font-size:19px;color:var(--texto)}
.conteudo ul,.conteudo ol{padding-left:24px}
.conteudo li{margin-bottom:8px}
.conteudo li::marker{color:var(--menta-escura);font-weight:700}
.conteudo strong{color:var(--texto)}
.conteudo a{color:var(--petroleo-medio);text-decoration-thickness:1px;text-underline-offset:3px}
.conteudo a:hover{color:var(--menta-escura)}
.conteudo blockquote,.conteudo .wp-block-quote{margin-left:0;margin-right:0;padding:4px 0 4px 26px;border-left:3px solid var(--menta);font-size:26px;line-height:1.3;font-weight:800;letter-spacing:-.02em;color:var(--texto)}
.conteudo blockquote p{margin:0 0 10px}
.conteudo blockquote cite{display:block;font-size:15px;font-weight:600;font-style:normal;color:var(--texto-2);letter-spacing:0}
.conteudo .wp-block-pullquote{border:0;padding:32px;background:var(--gelo);border-radius:18px;text-align:left}
.conteudo .wp-block-pullquote blockquote{border:0;padding:0}
.conteudo figure{margin-left:0;margin-right:0}
.conteudo img{border-radius:14px}
.conteudo figcaption{font-size:14px;color:var(--texto-2);margin-top:8px}
.conteudo hr{border:0;border-top:1px solid var(--linha);margin:40px 0}
.conteudo table{border-collapse:collapse;width:100%;font-size:15.5px;font-variant-numeric:tabular-nums}
.conteudo .wp-block-table{overflow-x:auto;border:1px solid var(--linha);border-radius:12px}
.conteudo .wp-block-table table{margin:0}
.conteudo th,.conteudo td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--linha);vertical-align:top}
.conteudo th{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--petroleo-medio);background:var(--gelo)}
.conteudo tr:last-child td{border-bottom:0}
.conteudo code{background:var(--gelo);padding:2px 6px;border-radius:6px;font-size:.9em}
.conteudo .wp-block-button__link{background:var(--amarelo);color:var(--petroleo);border-radius:999px;font-weight:700;padding:14px 24px;text-decoration:none}
.conteudo .wp-block-button__link:hover{background:#FFC61F;color:var(--petroleo)}
.conteudo .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:1.5px solid var(--petroleo);color:var(--petroleo)}

/* Estilos de bloco do grupo: "Destaque Faturize" e "Alerta Faturize" */
.conteudo .is-style-faturize-destaque,.conteudo .is-style-faturize-alerta{border-radius:18px;padding:26px 28px}
.is-style-faturize-destaque{background:var(--gelo)}
.is-style-faturize-alerta{background:var(--petroleo);color:var(--claro)}
.conteudo .is-style-faturize-destaque :is(p,ul,ol,h2,h3,h4),.conteudo .is-style-faturize-alerta :is(p,ul,ol,h2,h3,h4){margin:0 0 10px}
.conteudo .is-style-faturize-destaque :is(p,ul,ol,h2,h3,h4):last-child,.conteudo .is-style-faturize-alerta :is(p,ul,ol,h2,h3,h4):last-child{margin-bottom:0}
.conteudo .is-style-faturize-destaque :is(h2,h3,h4),.conteudo .is-style-faturize-alerta :is(h2,h3,h4){font-size:12.5px;line-height:1.4;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--menta-escura)}
.conteudo .is-style-faturize-alerta :is(h2,h3,h4){color:var(--amarelo)}
.conteudo .is-style-faturize-destaque p{color:var(--texto)}
.conteudo .is-style-faturize-alerta p,.conteudo .is-style-faturize-alerta li{color:var(--claro)}
.conteudo .is-style-faturize-alerta strong,.conteudo .is-style-faturize-alerta a{color:var(--branco)}

/* Post: rodapé */
.post-fim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:22px;margin-top:40px;border-top:1px solid var(--linha);font-size:15px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{background:var(--gelo);border-radius:999px;padding:6px 12px;text-decoration:none;color:var(--petroleo)}
.tags a:hover{background:var(--menta-clara);color:var(--petroleo)}
.compartilhar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--texto-2)}
.compartilhar a{border:1px solid var(--linha);border-radius:999px;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none;color:var(--petroleo)}
.compartilhar a:hover{border-color:var(--petroleo)}
.autor-caixa{margin-top:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;background:var(--gelo);border-radius:20px;padding:26px 28px}
.autor-caixa .avatar{width:64px;height:64px;font-size:18px}
.autor-caixa div{flex:1 1 300px}
.autor-caixa b{color:var(--texto)}
.autor-caixa p{margin:4px 0 0;font-size:15.5px;color:var(--texto-2)}
.relacionados{background:var(--gelo)}
.relacionados .wrap{padding-top:72px;padding-bottom:88px;display:flex;flex-direction:column;gap:28px}
.relacionados h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.03em}
.relacionados .cartao{border-color:transparent}
.relacionados .cartao .capa{height:150px}

/* Páginas avulsas */
.pagina-topo{background:var(--petroleo);color:var(--branco)}
.pagina-topo .wrap{padding-top:64px;padding-bottom:56px}
.pagina-topo h1{margin:0;font-size:clamp(32px,4.2vw,52px);line-height:1.05;font-weight:900;letter-spacing:-.04em}
.pagina-corpo{padding-top:56px;padding-bottom:88px}
.pagina-corpo .conteudo>p:first-child{font-size:18px;color:var(--texto-corpo)}
.pagina-corpo .conteudo>*{max-width:820px}
.pagina-corpo .conteudo>.alignwide{max-width:1180px}
.pagina-corpo .conteudo>.alignfull{max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.pagina-livre .conteudo>*{max-width:none}
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}
.aligncenter{margin-left:auto;margin-right:auto}

/* 404 */
.erro{padding-top:96px;padding-bottom:120px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.erro b{font-size:clamp(80px,12vw,150px);line-height:.9;font-weight:900;letter-spacing:-.06em;color:var(--menta-escura)}
.erro h1{margin:0;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em}
.erro p{margin:0;color:var(--texto-2);max-width:52ch}

/* Rodapé */
.rodape{background:var(--petroleo-fundo);color:var(--claro-2);font-size:14.5px}
.rodape .wrap{display:flex;flex-wrap:wrap;gap:28px 56px;padding-top:48px;padding-bottom:48px;align-items:flex-start}
.rodape img{height:40px;width:auto;display:block}
.rodape dl{margin:0;flex:1 1 520px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 32px}
.rodape dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--menta);font-weight:700}
.rodape dd{margin:4px 0 0;color:var(--claro)}
.rodape dd a{color:var(--claro);text-decoration:none}
.rodape dd a:hover{color:var(--branco)}
.rodape .base{border-top:1px solid var(--linha-escura)}
.rodape .base .wrap{padding-top:18px;padding-bottom:18px;font-size:13.5px}
.whats-flut{position:fixed;right:18px;bottom:18px;z-index:25;background:var(--menta-escura);color:var(--branco);border-radius:999px;width:58px;height:58px;display:grid;place-items:center;box-shadow:0 8px 24px rgba(7,40,54,.3)}
.whats-flut:hover{background:#1E9C7B;color:var(--branco)}
.whats-flut svg{width:28px;height:28px}

/* Botões do WhatsApp */
.btn-wa{background:#25D366;color:#FFFFFF;box-shadow:0 8px 24px rgba(37,211,102,.35)}
.btn-wa:hover{background:#1EBE5D;color:#FFFFFF}
.btn-wa svg{width:20px;height:20px}
.whats-flut{background:#25D366;color:#FFFFFF;box-shadow:0 8px 24px rgba(7,40,54,.3),0 0 0 0 rgba(37,211,102,.5);animation:wa-pulso 2.6s infinite}
.whats-flut:hover{background:#1EBE5D;color:#FFFFFF}
.whats-flut svg{width:30px;height:30px}
@keyframes wa-pulso{0%{box-shadow:0 8px 24px rgba(7,40,54,.3),0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 8px 24px rgba(7,40,54,.3),0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 8px 24px rgba(7,40,54,.3),0 0 0 0 rgba(37,211,102,0)}}
@media (prefers-reduced-motion:reduce){.whats-flut{animation:none}}

/* Símbolo da abertura: mais próximo do conteúdo e maior */
.abertura .simbolo-fundo,.post-topo .simbolo-fundo{top:50%;right:max(-80px,calc((100% - 1180px)/2 - 60px));width:740px;transform:translateY(-50%);opacity:.12}
.post-topo .simbolo-fundo{width:660px}
@media (max-width:900px){.abertura .simbolo-fundo,.post-topo .simbolo-fundo{width:420px;right:-140px;opacity:.1}}

/* Página Categorias */
.todas-cats{margin-left:auto;font-size:15px;font-weight:700;color:var(--petroleo-medio);text-decoration:none;padding:9px 4px}
.todas-cats:hover{color:var(--menta-escura)}
@media (max-width:700px){.todas-cats{margin-left:0}}
.grade-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.cat-cartao{display:flex;flex-direction:column;background:var(--branco);border:1px solid var(--linha);border-radius:20px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.cat-cartao:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(10,51,68,.12)}
.cat-topo{flex:1;position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 28px 26px;text-decoration:none;color:var(--branco);background:var(--petroleo);background-image:var(--grade);overflow:hidden;min-height:220px}
.cat-cartao.t2 .cat-topo{background-color:var(--petroleo-medio)}
.cat-cartao.t3 .cat-topo{background-color:var(--petroleo-fundo)}
.cat-cartao.t4 .cat-topo{background-color:#0E3E52}
.cat-simbolo{position:absolute;right:-40px;bottom:-40px;width:180px;opacity:.18;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cat-cartao:hover .cat-simbolo{transform:rotate(-12deg) scale(1.06)}
.cat-qtd{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--petroleo);background:var(--menta);border-radius:999px;padding:4px 11px}
.cat-topo h2{margin:auto 0 0;font-size:clamp(24px,2.2vw,30px);line-height:1.1;font-weight:800;letter-spacing:-.03em;position:relative}
.cat-topo p{margin:0;font-size:15.5px;color:var(--claro);position:relative;max-width:40ch}
.cat-topo .ler{font-size:15px;font-weight:700;color:var(--menta);position:relative}
.cat-filhas{display:flex;flex-wrap:wrap;gap:8px;padding:18px 22px 22px}
.cat-filhas .chip{gap:8px}
.cat-filhas .chip small{font-size:12px;font-weight:700;color:var(--texto-2);background:var(--gelo);border-radius:999px;padding:2px 8px}
@media (prefers-reduced-motion:reduce){.cat-cartao,.cat-simbolo{transition:none}.cat-cartao:hover{transform:none}}

/* Lateral do artigo: posição e widgets */
.post-grade.lado-esquerda{flex-direction:row-reverse}
.post-grade.lado-nenhuma article{max-width:760px;margin-inline:auto}
@media (max-width:900px){.post-grade.lado-esquerda{flex-direction:column}}
.lado-bloco{border:1px solid var(--linha);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;font-size:15.5px}
.lado-bloco:has(> .caixa-escura),.lado-bloco:has(> .sugeridos){border:0;padding:0}
.lado-tit{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2)}
.lado-bloco ul,.lado-bloco ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lado-bloco ul ul{margin:8px 0 0 14px;padding-left:12px;border-left:2px solid var(--linha);gap:6px}
.lado-bloco a{text-decoration:none;font-weight:600;color:var(--texto)}
.lado-bloco a:hover{color:var(--menta-escura)}
.lado-bloco .wp-block-categories li,.lado-bloco .widget_categories li{color:var(--texto-2);font-size:14px}
.lado-bloco .wp-block-latest-posts__post-date{display:block;font-size:13px;color:var(--texto-2);font-weight:500}
.lado-bloco .wp-block-latest-posts li{padding-bottom:8px;border-bottom:1px solid var(--linha)}
.lado-bloco .wp-block-latest-posts li:last-child{border-bottom:0;padding-bottom:0}
.lado-bloco .wp-block-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.lado-bloco .wp-block-tag-cloud a{font-size:14px!important;border:1px solid var(--linha);border-radius:999px;padding:5px 12px}
.sugeridos{border:1px solid var(--linha);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.sugeridos ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:sug}
.sugeridos li{counter-increment:sug;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
.sugeridos li::before{content:counter(sug,decimal-leading-zero);font-size:13px;font-weight:800;color:var(--menta-escura);padding-top:2px}
.sugeridos a{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--texto);font-weight:700;font-size:15.5px;line-height:1.3}
.sugeridos a:hover span{color:var(--menta-escura)}
.sugeridos small{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2)}
/* Chamada no fim do artigo */
.chamada-fim{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;background:var(--petroleo);color:var(--branco);border-radius:20px;padding:26px 28px}
.chamada-fim div{flex:1 1 300px;display:flex;flex-direction:column;gap:6px}
.chamada-fim b{font-size:21px;line-height:1.25;letter-spacing:-.02em}
.chamada-fim p{margin:0;font-size:15.5px;color:var(--claro)}

/* Logo do rodapé no mesmo tamanho das páginas */
.rodape img{height:40px;width:auto}