﻿/*
Theme Name: Seoexpresso
Theme URI: https://seoexpresso.com/
Author: Equipe Seoexpresso
Description: Tema do blog Seoexpresso, editorial sumario de caderno, 900px, PT-BR.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: seoexpresso
Requires at least: 6.0
Requires PHP: 7.4
*//* Seoexpresso — sistema "sumário de caderno": editorial, pautado, sem cartões SaaS.
   Tokens — Papel #FAF5EA · Tinta #241708 · Folha #255C40 · Torra #7C4A24 · Ouro #B9861C · Linha #E4D7BC */
:root{
  --papel:#FAF5EA; --tinta:#241708; --suave:#6E5F4B; --linha:#E4D7BC;
  --marca:#7C4A24; --marca-escura:#43301C; --marca-clara:#F1E4CC;
  --folha:#255C40; --folha-clara:#E2EEE5; --ouro:#B9861C;
  --destaque:#B45309; --destaque-claro:#FBEEDC; --cartao:#FFFDF7;
  --raio:10px; --raio-s:3px; --largura:900px; --leitura:900px; /* mesma largura em todas as páginas */
  --pad:clamp(22px,4vw,46px); /* respiro lateral do artigo (fotos usam negativo p/ 100%) */
  --disp:"Fraunces",Georgia,"Times New Roman",serif;
  --serifa:Georgia,"Times New Roman",Charter,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);
  font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--marca-escura);text-underline-offset:3px}
a:hover{color:var(--folha)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--folha);outline-offset:2px}
::selection{background:var(--folha);color:#fff}
.wrap{max-width:var(--largura);margin:0 auto;padding:0 20px}
.leitura{max-width:var(--leitura);margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.15;text-wrap:balance}

/* Masthead clássico de blog */
.site-header{background:var(--papel);border-top:5px solid var(--marca-escura);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:50}
.header-in{display:flex;align-items:baseline;justify-content:space-between;padding:16px 20px;gap:16px}
.logo{font-family:var(--disp);font-weight:900;font-size:1.55rem;letter-spacing:-.02em;text-decoration:none;color:var(--tinta);white-space:nowrap}
.logo span{color:var(--marca)}
nav{display:flex;gap:2px;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--tinta);font-weight:600;padding:8px 12px;border-radius:var(--raio-s)}
nav a:hover{background:var(--marca-clara);text-decoration:underline;text-underline-offset:4px}
.btn{background:var(--marca);color:#fff!important;padding:11px 22px;border-radius:999px;
  text-decoration:none;font-weight:700;border:0;cursor:pointer;display:inline-block;font-size:1rem}
.btn:hover{background:var(--marca-escura);color:#fff!important}

/* Herói tipográfico: o título é o evento */
.hero{padding:64px 0 40px;border-bottom:3px double var(--tinta)}
.dateline{font-family:var(--serifa);font-style:italic;color:var(--suave);margin:0 0 12px}
.hero h1{font-family:var(--disp);font-weight:900;font-size:clamp(2.6rem,7vw,4.3rem);
  letter-spacing:-.025em;line-height:1.02;margin:0 0 18px;max-width:16ch}
.hero .sub{font-family:var(--serifa);font-size:1.18rem;line-height:1.7;max-width:62ch;margin:0 0 24px}
.hero-acts{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.hero-link{font-weight:700}

/* Faixas de tema: etiqueta horizontal, não cartão */
.temas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 30px}
.tema{display:flex;gap:0;align-items:stretch;background:var(--cartao);border:1px solid var(--linha);
  border-radius:var(--raio-s);padding:0;overflow:hidden;text-decoration:none;color:var(--tinta)}
.tema:hover{border-color:var(--folha)}
.tema img{width:150px;min-height:124px;align-self:stretch;object-fit:cover;flex:none;display:block}
.tema-txt{display:grid;gap:2px;align-content:center;padding:12px 16px 12px 14px}
.tema-txt strong{font-family:var(--disp);font-size:1.15rem}
.tema-txt span{font-size:.9rem;color:var(--suave)}
.tema-txt .n{font-size:.78rem;color:var(--folha);font-weight:700}
.etiqueta{background:var(--folha-clara);color:#1E4A33;font-weight:700;font-size:.72rem;
  padding:3px 10px;border-radius:999px;letter-spacing:.04em;white-space:nowrap}

/* Sumário: linhas pautadas, data à esquerda */
.pesquisa{width:100%;padding:14px 18px;border-radius:var(--raio-s);border:1.5px solid var(--linha);font-size:1rem;background:#fff;font-family:var(--sans)}
#chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1.5px solid var(--linha);background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:600;font-size:.88rem;font-family:var(--sans)}
.chip:hover{border-color:var(--tinta)}
.post-lista{list-style:none;margin:6px 0 0;padding:0}
.post-lista>li{border-top:1px solid var(--linha);padding:20px 4px}
.post-lista>li:first-child{border-top:3px solid var(--tinta)}
.row-meta{display:flex;gap:10px;align-items:center;margin:0 0 6px;font-size:.84rem;color:var(--suave)}
.row-meta time{font-variant-numeric:tabular-nums}
.post-lista h3{font-family:var(--disp);font-weight:700;font-size:1.42rem;margin:0 0 6px;letter-spacing:-.01em}
.post-lista h3 a{color:var(--tinta);text-decoration:none}
.post-lista h3 a:hover{color:var(--folha);text-decoration:underline;text-underline-offset:4px}
.post-lista p{color:#4d4132;margin:.3em 0;max-width:68ch}
.ver-arquivo{margin:20px 0 4px;font-weight:700;font-size:1.05rem}

/* Arquivo: um painel por linha */
.arquivo{display:grid;grid-template-columns:1fr;gap:14px;margin:18px 0}
.arquivo>div{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio-s);padding:16px 20px}
.arquivo h3{font-family:var(--disp);margin:0 0 6px}
.arquivo ul{margin:.4em 0;padding-left:1.2em}
.arquivo li{margin:.55em 0}
.arquivo time{color:var(--suave);font-size:.84rem;white-space:nowrap}

/* Newsletter */
.news{background:linear-gradient(135deg,var(--marca-escura),var(--marca));color:#fff;border-radius:var(--raio);
  padding:36px clamp(22px,4vw,46px);margin:30px 0}
.news h2{font-family:var(--disp);font-size:clamp(1.5rem,3vw,2rem);margin:.2em 0 .4em;letter-spacing:-.01em}
.news-sub{color:#f3e6cf;max-width:62ch;margin:.4em auto}
.news-benefits{list-style:none;padding:0;margin:16px auto;max-width:560px;text-align:left;display:grid;gap:8px}
.news-benefits li{border-left:3px solid var(--ouro);padding-left:12px}
.news-benefits a{color:#ffe9c4}
.news input{padding:12px 16px;border-radius:999px;border:0;min-width:min(280px,80vw);font-size:1rem}
.news form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.news .btn{background:#fff;color:var(--marca-escura)!important}
.news-priv{font-size:.82rem;color:#dcc9a6;margin:10px 0 0}
.news.compacto{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;padding:28px clamp(22px,3vw,36px)}
.news.compacto h2{font-size:1.35rem}
.news.compacto form{justify-content:flex-start;margin-top:0}
@media(max-width:760px){.news.compacto{grid-template-columns:1fr}}

/* Artigo */
.migalha{font-size:.86rem;color:var(--suave);margin:22px 0 8px;font-family:var(--sans)}
.migalha a{color:var(--suave)}
.artigo{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:var(--pad);margin:10px 0 26px;overflow:hidden}
.artigo h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.9rem,4.5vw,2.7rem);letter-spacing:-.02em;line-height:1.08;margin:.3em 0 .4em}
.meta{font-size:.9rem;color:var(--suave);font-family:var(--sans)}
.artigo .resumo-inicial{background:var(--marca-clara);border-left:5px solid var(--marca);
  padding:14px 18px;border-radius:0 8px 8px 0;font-family:var(--serifa);font-size:1.1rem;line-height:1.7}
.corpo{font-family:var(--serifa);font-size:1.14rem;line-height:1.85}
.corpo>p,.corpo>ul,.corpo>ol{max-width:74ch}
.corpo p{margin:1.1em 0}
.corpo h2{font-family:var(--disp);font-weight:700;font-size:1.5rem;margin:1.8em 0 .5em;letter-spacing:-.01em}
.corpo h3{font-family:var(--sans);font-size:1.08rem;margin:1.4em 0 .3em}
.corpo ul,.corpo ol{padding-left:1.4em}
.corpo li{margin:.45em 0}
.artigo figure{margin:1.4em calc(var(--pad) * -1) 1.6em}
.artigo figure img{width:100%;height:auto;display:block;border-radius:0}
.artigo figcaption{font-family:var(--sans);font-size:.84rem;color:var(--suave);margin-top:8px;padding:0 var(--pad)}
.dica{background:var(--destaque-claro);border:1.5px dashed var(--destaque);border-radius:8px;
  padding:14px 18px;font-family:var(--sans);font-size:1rem}
.indice{background:#F5EEDF;border:1px solid var(--linha);border-radius:8px;
  font-family:var(--sans);font-size:.97rem;margin:1.4em 0;max-width:74ch;padding:0}
.indice summary{cursor:pointer;padding:13px 18px;font-weight:700;list-style-position:inside;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.indice summary::marker{color:var(--folha)}
.indice ol{margin:0 18px 14px;padding-left:1.3em;display:grid;gap:4px}
.faq details{border:1px solid var(--linha);border-radius:6px;margin:.6em 0;background:#fff}
.faq summary{cursor:pointer;padding:12px 16px;font-weight:700;font-family:var(--sans)}
.faq details p{padding:0 16px 14px;margin:0;font-family:var(--sans);font-size:1rem}
.autor{display:flex;gap:14px;background:#F5EEDF;border:1px solid var(--linha);border-radius:8px;
  padding:16px 18px;margin-top:2em;font-family:var(--sans);font-size:.95rem}
.autor .avatar{font-size:2rem}
.relacionados{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:14px 0 26px}
.relacionados a{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio-s);padding:14px 16px;
  text-decoration:none;color:var(--tinta)}
.relacionados a:hover{border-color:var(--folha)}
.relacionados small{color:var(--suave);display:block;font-size:.82rem}
.ant-prox{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 30px}
.ant-prox a{background:var(--cartao);border:1px solid var(--linha);border-radius:8px;padding:12px 16px;text-decoration:none;max-width:48%}

/* Página de vendas */
.livro-hero{border:2px solid var(--tinta);border-radius:var(--raio);padding:clamp(26px,5vw,52px) clamp(22px,4vw,46px);margin:12px 0 8px;background:var(--cartao)}
.livro-hero h1{font-family:var(--disp);font-weight:900;font-size:clamp(2.2rem,6vw,3.6rem);letter-spacing:-.025em;line-height:1.04;margin:.3em 0 .4em;max-width:20ch}
.livro-hero .sub{font-family:var(--serifa);font-size:1.16rem;line-height:1.7;max-width:62ch}
.ticks{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px;max-width:74ch}
.ticks li{border-left:4px solid var(--folha);padding-left:14px}
.modulos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.modulo{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio-s);padding:16px 18px}
.modulo h3{font-family:var(--disp);margin:0 0 6px;font-size:1.2rem}
.modulo p{margin:.4em 0;font-size:.96rem}
.passos{display:grid;gap:10px;max-width:74ch;padding-left:1.4em}
.preco{background:linear-gradient(135deg,var(--marca-escura),var(--marca));color:#fff;border-radius:var(--raio);padding:34px clamp(22px,4vw,44px);margin:26px 0}
.preco h2{font-family:var(--disp);font-size:clamp(1.6rem,3.4vw,2.2rem);margin:.2em 0}
.preco-linha{font-size:1.25rem}
.preco-linha s{color:#dcc9a6}
.preco-linha strong{font-size:1.7rem}
.preco .ticks li{border-color:var(--ouro)}
.preco .btn.big{font-size:1.15rem;padding:15px 30px}
@media(max-width:760px){.modulos{grid-template-columns:1fr}}

/* Rodapé */
.site-footer{background:var(--tinta);color:#d8cbb2;margin-top:34px;padding:36px 0 16px}
.foot-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
.site-footer a{color:#f0e6d2}
.site-footer strong{font-family:var(--disp)}
.copy{text-align:center;color:#a89880;border-top:1px solid #4a3826;margin-top:20px;padding-top:12px;font-size:.86rem}

/* Espaços AdSense */
.anuncio{background:#F5EEDF;border:1.5px dashed #cfb98d;border-radius:8px;padding:10px 12px;
  margin:1.6em auto;text-align:center;min-height:110px;max-width:100%}
.anuncio small{display:block;font-size:.78rem;color:#a08c6f;letter-spacing:.04em;margin-bottom:6px;font-family:var(--sans)}
.post-lista .anuncio-item{list-style:none;padding:0;border:0;background:none}
.post-lista .anuncio-item .anuncio{margin:0}

/* Ferramentas */
.tool-box{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio-s);padding:18px clamp(14px,3vw,24px);margin:16px 0}
.tool-input{width:100%;padding:12px 14px;border-radius:6px;border:1.5px solid var(--linha);font-size:1rem;font-family:var(--sans);background:#fff;color:var(--tinta)}
textarea.tool-input{line-height:1.6;resize:vertical}
.tool-tall{min-height:220px}
.tool-inline{width:auto;display:inline-block}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tool-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tool-list{display:grid;gap:8px;padding-left:1.3em}
.tool-list li{margin:.3em 0}
.tool-progress{background:#eee2c8;border-radius:999px;height:10px;overflow:hidden;margin:10px 0}
.tool-progress div{height:100%;width:0;background:var(--folha);border-radius:999px}
.stat-line{background:var(--folha-clara);border-left:5px solid var(--folha);padding:10px 14px;border-radius:0 8px 8px 0}
.style-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--linha);padding:10px 2px;flex-wrap:wrap}
.style-row strong{flex:0 0 110px}
.style-row span{flex:1;min-width:200px;font-size:1.1rem;overflow-wrap:anywhere}
.tool-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 26px}
.tool-card{display:block;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio-s);padding:14px 16px;text-decoration:none;color:var(--tinta)}
.tool-card:hover{border-color:var(--folha)}
.tool-card strong{font-family:var(--disp);font-size:1.1rem;display:block;margin-bottom:4px}
.tool-card span{font-size:.9rem;color:var(--suave)}
.etiqueta-livre{background:#F3E6CF;color:#7C4A24}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--tinta);color:#fff;padding:12px 22px;border-radius:999px;opacity:0;transition:opacity .25s,transform .25s;z-index:99;font-size:.95rem;pointer-events:none}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:760px){.tool-grid{grid-template-columns:1fr}.tool-cards{grid-template-columns:1fr}}

@media(max-width:760px){
  .foot-in{grid-template-columns:1fr}
  .header-in{padding:12px;flex-wrap:wrap}
  .logo{font-size:1.3rem}
  nav a{padding:8px 10px;font-size:.9rem}
  .temas{grid-template-columns:1fr}
  .relacionados{grid-template-columns:1fr}
  .ant-prox a{max-width:100%}
  .artigo{--pad:18px}
  .hero{padding:44px 0 30px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.news,.site-footer,.relacionados{display:none}.artigo{border:0}}
/* ==== WordPress ==== */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 1em 1em 0}
.alignright{float:right;margin:0 0 1em 1em}
.wp-caption{max-width:100%}
.paginacao{display:flex;gap:10px;justify-content:center;margin:26px 0;font-weight:700}
.paginacao .page-numbers{border:1px solid #E4D7BC;border-radius:6px;padding:8px 14px;text-decoration:none;background:#FFFDF7}
.paginacao .current{background:#7C4A24;color:#fff;border-color:#7C4A24}
.comentarios{background:#FFFDF7;border:1px solid #E4D7BC;border-radius:8px;padding:18px 20px;margin:0 0 26px}
.comentarios ol{list-style:none;padding:0}
.comentarios li{border-top:1px solid #E4D7BC;padding:12px 0}
