/*
Theme Name: Capital Secreta
Theme URI: https://capitalsecreta.com.br
Author: Capital Secreta
Author URI: https://capitalsecreta.com.br
Description: Tema oficial do portal Capital Secreta — jornalismo conservador capixaba.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: capital-secreta
Tags: news, magazine, blog, custom-colors, custom-logo, featured-images, sticky-post, two-columns, right-sidebar
*/

/* ═══════════════════════════════════════
   CAPITAL SECRETA — Tema WordPress
   ═══════════════════════════════════════ */

:root {
  --az:#1559a0; --az-d:#0f3d72; --az-l:#2271c1;
  --vm:#d0021b; --pr:#111111; --cz:#333333;
  --cs:#666666; --cl:#999999; --ln:#e0e0e0; --ln2:#f0f0f0;
  --bg:#ffffff; --bg2:#f5f5f5; --bg3:#f0f0f0;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--pr); font-size:16px; line-height:1.5; }
a { text-decoration:none; color:inherit; }
a:hover { color:var(--az); }
img { display:block; max-width:100%; height:auto; }

/* ── UTIL BAR ── */
.util-bar { background:var(--bg2); border-bottom:1px solid var(--ln); padding:6px 0; }
.util-inner { max-width:1260px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; align-items:center; }
.util-data { font-size:11px; color:var(--cs); }
.util-redes { display:flex; gap:14px; }
.util-redes a { font-size:11px; color:var(--cs); transition:color .15s; }
.util-redes a:hover { color:var(--az); }

/* ── HEADER ── */
header.site-header { background:var(--bg); padding:14px 0 0; border-bottom:3px solid var(--az); }
.hd-inner { max-width:1260px; margin:0 auto; padding:0 20px; }
.hd-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; gap:16px; }
.site-branding .site-title { font-family:'Merriweather',serif; font-weight:900; font-size:46px; color:var(--az); letter-spacing:-.03em; line-height:1; }
.site-branding .site-title span { color:var(--vm); }
.site-branding .site-description { font-size:9.5px; letter-spacing:.22em; text-transform:uppercase; color:var(--cs); margin-top:3px; }
.hd-tools { display:flex; align-items:center; gap:10px; }
.hd-assine { background:var(--az); color:#fff !important; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:8px 18px; transition:background .2s; }
.hd-assine:hover { background:var(--az-d); }
.hd-busca-wrap { display:flex; align-items:center; border:1.5px solid var(--ln); padding:6px 10px; gap:6px; }
.hd-busca-wrap:focus-within { border-color:var(--az); }
.hd-busca-wrap input { border:none; outline:none; font-size:12px; font-family:'Inter',sans-serif; width:160px; color:var(--pr); }
.hd-busca-wrap input::placeholder { color:#bbb; }
.hd-busca-wrap .cs-searchform { display:flex; align-items:center; gap:6px; width:100%; }
.hd-busca-wrap .cs-search-submit { background:none; border:none; cursor:pointer; color:var(--az); font-size:15px; line-height:1; padding:0 2px; display:flex; align-items:center; }
.hd-busca-wrap .cs-search-submit:hover { color:var(--az-d); }
.hd-busca-wrap .cs-search-icon { transform:rotate(45deg); display:inline-block; }

/* ── NAV ── */
nav.main-navigation { background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:200; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.nav-inner { max-width:1260px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; }
.main-navigation ul { list-style:none; display:flex; align-items:center; margin:0; padding:0; }
.main-navigation ul li a { display:block; padding:10px 13px; font-size:12.5px; font-weight:600; color:var(--cz); border-bottom:3px solid transparent; margin-bottom:-1px; transition:color .15s,border-color .15s; white-space:nowrap; }
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a { color:var(--az); border-bottom-color:var(--az); }
.main-navigation ul li.menu-casagrande > a { color:var(--vm); }
.main-navigation ul li.menu-casagrande > a:hover { border-bottom-color:var(--vm); }

/* ── BURGER MOBILE ── */
.menu-toggle { display:none; background:none; border:none; font-size:22px; cursor:pointer; color:var(--pr); padding:8px; }
.mobile-nav { display:none; position:fixed; inset:0; background:var(--bg); z-index:300; padding:70px 24px 24px; overflow-y:auto; transform:translateX(-100%); transition:transform .3s ease; }
.mobile-nav.open { transform:translateX(0); }
.mobile-nav ul { list-style:none; padding:0; }
.mobile-nav ul li { border-bottom:1px solid var(--ln); }
.mobile-nav ul li a { display:block; padding:16px 0; font-size:16px; font-weight:600; color:var(--pr); }
.mob-close { position:absolute; top:16px; right:20px; background:none; border:none; font-size:26px; cursor:pointer; color:var(--pr); }

/* ── BREAKING ── */
.breaking-bar { background:var(--bg); border-bottom:1px solid var(--ln); padding:7px 0; }
.breaking-inner { max-width:1260px; margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:10px; }
.breaking-label { background:var(--vm); color:#fff; font-size:9px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; padding:3px 9px; white-space:nowrap; flex-shrink:0; }
.breaking-text { font-size:12.5px; color:var(--pr); font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.breaking-text span { color:var(--cs); margin:0 10px; }

/* ── CONTAINER ── */
.site-container { max-width:1260px; margin:0 auto; padding:0 20px; }
hr.sep { border:none; border-top:1px solid var(--ln); margin:24px 0; }

/* ── HERO ── */
.hero-wrap { display:grid; grid-template-columns:1fr 380px; gap:40px; padding:28px 0 24px; }
.hero-editoria { font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--az); margin-bottom:10px; }
.hero-titulo { font-family:'Merriweather',serif; font-size:44px; font-weight:900; line-height:1.1; color:var(--az); margin-bottom:14px; cursor:pointer; }
.hero-titulo:hover { color:var(--az-d); }
.hero-sub { font-size:15px; line-height:1.65; color:var(--cz); margin-bottom:18px; }
.hero-bullets { display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid var(--ln); padding-top:12px; }
.hero-bullet { display:flex; align-items:flex-start; gap:8px; padding:8px 12px 8px 0; border-bottom:1px solid var(--ln2); }
.hero-bullet:nth-child(odd) { border-right:1px solid var(--ln); padding-right:16px; }
.hero-bullet:nth-child(even) { padding-left:16px; }
.blt-dot { width:7px; height:7px; border-radius:50%; background:var(--az); flex-shrink:0; margin-top:5px; }
.hero-bullet a { font-size:12.5px; line-height:1.4; color:var(--az); font-weight:500; }
.hero-bullet a:hover { color:var(--az-d); }
.hero-foto-wrap { position:relative; margin-bottom:14px; overflow:hidden; }
.hero-foto-wrap img { width:100%; height:230px; object-fit:cover; }
.hero-foto-overlay { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top,rgba(0,0,0,.82),transparent); padding:18px 16px 14px; }
.hero-foto-ed { font-size:9px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.7); margin-bottom:5px; }
.hero-foto-tt { font-family:'Merriweather',serif; font-size:17px; font-weight:700; color:#fff; line-height:1.25; }
.hero-links { list-style:none; }
.hero-links li { display:flex; gap:8px; align-items:flex-start; padding:9px 0; border-bottom:1px solid var(--ln); }
.hero-links li:last-child { border-bottom:none; }
.lk-dot { width:7px; height:7px; border-radius:50%; background:var(--az); flex-shrink:0; margin-top:5px; }
.hero-links li a { font-size:13px; line-height:1.4; color:var(--az); font-weight:500; }
.hero-links li a:hover { color:var(--az-d); }

/* ── FAIXA CASAGRANDE ── */
.faixa-casagrande { background:var(--az-d); padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 28px; }
.fx-bar { width:4px; height:40px; background:var(--vm); flex-shrink:0; }
.fx-l { display:flex; align-items:center; gap:14px; }
.fx-t h3 { font-family:'Merriweather',serif; font-size:16px; font-weight:700; color:#fff; margin-bottom:3px; }
.fx-t p { font-size:12px; color:rgba(255,255,255,.65); line-height:1.4; }
.fx-btn { background:#fff; color:var(--az-d) !important; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; padding:8px 18px; white-space:nowrap; }
.fx-btn:hover { background:#e8f0fa; }

/* ── BLOCO 3 COLUNAS ── */
.bloco-3col { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; padding:24px 0; }
.n3-item { border-top:2px solid var(--pr); padding-top:12px; }
.n3-ed { font-size:9.5px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--az); margin-bottom:7px; }
.n3-img { width:100%; height:160px; object-fit:cover; margin-bottom:10px; }
.n3-tt { font-family:'Merriweather',serif; font-size:18px; font-weight:700; line-height:1.25; color:var(--az); margin-bottom:7px; }
.n3-tt a { color:var(--az); }
.n3-tt a:hover { color:var(--az-d); }
.n3-sub { font-size:13px; color:var(--cs); line-height:1.55; }
.n3-meta { font-size:11px; color:var(--cl); margin-top:10px; padding-top:8px; border-top:1px solid var(--ln); }

/* ── LAYOUT + SIDEBAR ── */
.layout-wrap { display:grid; grid-template-columns:1fr 300px; gap:48px; padding:8px 0 40px; }
.section-header { display:flex; align-items:center; gap:10px; margin-bottom:16px; padding-bottom:8px; border-bottom:2px solid var(--pr); }
.section-header h2 { font-family:'Merriweather',serif; font-size:16px; font-weight:700; color:var(--pr); text-transform:uppercase; letter-spacing:.04em; }
.section-tag { font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--az); border:1px solid var(--az); padding:2px 7px; }
.section-ver-mais { margin-left:auto; font-size:11.5px; font-weight:600; color:var(--az); }
.section-ver-mais:hover { text-decoration:underline; }

/* Posts grid */
.posts-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:24px; }
.post-card { border-top:2px solid var(--az); padding-top:10px; }
.post-card-img { width:100%; height:120px; object-fit:cover; margin-bottom:8px; }
.post-card-ed { font-size:9.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--az); margin-bottom:7px; }
.post-card h3 { font-family:'Merriweather',serif; font-size:15px; font-weight:700; line-height:1.3; color:var(--az); margin-bottom:5px; }
.post-card h3 a { color:var(--az); }
.post-card h3 a:hover { color:var(--az-d); }
.post-card p { font-size:12px; color:var(--cs); line-height:1.5; }
.post-card .post-date { font-size:10.5px; color:var(--cl); margin-top:7px; }

/* ── WIDGET SIDEBAR ── */
.widget { margin-bottom:28px; }
.widget-title { font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--pr); border-bottom:2px solid var(--pr); padding-bottom:8px; margin-bottom:14px; }
.termometro { background:var(--bg2); border:1px solid var(--ln); padding:16px; }
.tm-item { margin-bottom:12px; }
.tm-lb { display:flex; justify-content:space-between; font-size:11.5px; margin-bottom:5px; }
.tm-barra { height:4px; background:var(--ln2); }
.tm-fill { height:100%; }
.tm-az { background:var(--az); }
.tm-vm { background:var(--vm); }
.tm-gz { background:#bbb; }
.tm-nota { font-size:10px; color:var(--cl); margin-top:10px; padding-top:10px; border-top:1px solid var(--ln); line-height:1.5; }

/* Newsletter widget */
.nl-widget { border:1.5px solid var(--az); padding:16px; }
.nl-widget h3 { font-family:'Merriweather',serif; font-size:15px; font-weight:700; color:var(--az); margin-bottom:6px; }
.nl-widget p { font-size:12px; color:var(--cs); line-height:1.55; margin-bottom:12px; }
.nl-form { display:flex; flex-direction:column; gap:7px; }
.nl-form input[type=email] { padding:9px 10px; border:1px solid var(--ln); font-size:12px; font-family:'Inter',sans-serif; outline:none; color:var(--pr); }
.nl-form input[type=email]:focus { border-color:var(--az); }
.nl-form button { padding:9px; background:var(--az); color:#fff; border:none; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.nl-form button:hover { background:var(--az-d); }

/* ── SINGLE POST ── */
.single-post-wrap { display:grid; grid-template-columns:1fr 300px; gap:48px; padding:32px 0 48px; }
.post-breadcrumb { font-size:11px; color:var(--cs); margin-bottom:16px; }
.post-breadcrumb a { color:var(--az); }
.post-editoria { font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--az); margin-bottom:10px; }
.post-title { font-family:'Merriweather',serif; font-size:36px; font-weight:900; line-height:1.15; color:var(--az); margin-bottom:16px; }
.post-excerpt-lead { font-size:17px; line-height:1.65; color:var(--cz); margin-bottom:20px; border-left:3px solid var(--az); padding-left:16px; }
.post-meta { display:flex; align-items:center; gap:16px; padding:14px 0; border-top:1px solid var(--ln); border-bottom:1px solid var(--ln); margin-bottom:28px; flex-wrap:wrap; }
.post-author { display:flex; align-items:center; gap:10px; }
.author-avatar { width:36px; height:36px; border-radius:50%; }
.author-name { font-size:13px; font-weight:700; color:var(--pr); display:block; }
.author-role { font-size:11px; color:var(--cs); }
.post-date-meta { font-size:12px; color:var(--cs); margin-left:auto; }
.post-thumbnail { width:100%; max-height:440px; object-fit:cover; margin-bottom:10px; }
.post-caption { font-size:11.5px; color:var(--cl); margin-bottom:28px; }
.post-content { font-family:'Merriweather',serif; font-size:17px; line-height:1.85; color:var(--cz); }
.post-content p { margin-bottom:20px; }
.post-content h2 { font-size:22px; font-weight:700; color:var(--pr); margin:32px 0 16px; padding-top:8px; border-top:2px solid var(--ln); }
.post-content blockquote { border-left:4px solid var(--az); padding:18px 20px; margin:24px 0; font-style:italic; color:var(--pr); background:var(--bg2); line-height:1.5; }
.post-tags { display:flex; gap:8px; flex-wrap:wrap; margin:28px 0; padding-top:20px; border-top:1px solid var(--ln); }
.post-tag { font-size:11px; border:1px solid var(--ln); padding:4px 12px; color:var(--cs); }
.post-tag:hover { border-color:var(--az); color:var(--az); }

/* ── FOOTER ── */
footer.site-footer { background:var(--az-d); color:rgba(255,255,255,.55); padding:48px 0 0; margin-top:16px; }
.ft-top { max-width:1260px; margin:0 auto; padding:0 20px 32px; display:grid; grid-template-columns:280px 1fr; gap:48px; border-bottom:1px solid rgba(255,255,255,.1); }
.ft-brand .ft-logo { font-family:'Merriweather',serif; font-size:28px; font-weight:900; color:#fff; margin-bottom:10px; }
.ft-brand .ft-logo span { color:#90cdf4; }
.ft-brand p { font-size:12px; line-height:1.7; color:rgba(255,255,255,.45); margin-bottom:16px; }
.ft-social { display:flex; gap:10px; flex-wrap:wrap; }
.ft-social a { background:rgba(255,255,255,.1); color:rgba(255,255,255,.7); font-size:11px; font-weight:600; padding:6px 12px; transition:background .2s; }
.ft-social a:hover { background:rgba(255,255,255,.2); color:#fff; }
.ft-cols { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.ft-col h4 { font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#fff; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.15); }
.ft-col ul { list-style:none; padding:0; }
.ft-col ul li { padding:4px 0; }
.ft-col ul li a { font-size:12px; color:rgba(255,255,255,.45); transition:color .15s; }
.ft-col ul li a:hover { color:#fff; }
.ft-bot { max-width:1260px; margin:0 auto; padding:16px 20px; display:flex; justify-content:space-between; align-items:center; font-size:10.5px; color:rgba(255,255,255,.28); flex-wrap:wrap; gap:8px; }
.ft-bot a { color:rgba(255,255,255,.35); }
.ft-bot a:hover { color:rgba(255,255,255,.7); }

/* ── Remoção de linha-fina/subtítulo das matérias ── */
.hero-sub,
.n3-sub,
.post-card p,
.post-excerpt-lead { display:none; }

/* ── RESPONSIVO ── */
@media(max-width:980px) {
  .hero-wrap, .layout-wrap, .single-post-wrap, .ft-top { grid-template-columns:1fr; }
  .bloco-3col { grid-template-columns:1fr 1fr; }
  .ft-cols { grid-template-columns:repeat(2,1fr); }
  .hero-titulo { font-size:32px; }
}
@media(max-width:768px) {
  .main-navigation ul { display:none; }
  .menu-toggle { display:block; }
  .bloco-3col { grid-template-columns:1fr; }
  .posts-grid { grid-template-columns:1fr; }
  .hero-bullets { grid-template-columns:1fr; }
  .hero-bullet:nth-child(odd) { border-right:none; padding-right:0; }
  .hero-bullet:nth-child(even) { padding-left:0; }
  .faixa-casagrande { flex-direction:column; align-items:flex-start; }

  /* Cabeçalho: empilha logo e ferramentas verticalmente */
  .hd-top { flex-direction:column; align-items:stretch; gap:14px; padding-bottom:14px; }
  .site-branding { text-align:left; }
  .site-branding .site-title { font-size:38px; }
  .hd-tools { flex-direction:column; align-items:stretch; gap:10px; width:100%; }
  .hd-busca-wrap { width:100%; box-sizing:border-box; }
  .hd-busca-wrap input { width:100%; flex:1; }
  .hd-assine { text-align:center; padding:12px 18px; font-size:12px; }
  .util-inner { flex-direction:column; align-items:flex-start; gap:4px; }

  /* Fontes maiores para leitura no celular */
  .n3-tt { font-size:21px; line-height:1.3; }
  .post-card h3 { font-size:19px; line-height:1.35; }
  .hero-links li a { font-size:16px; line-height:1.45; }
  .hero-bullet a { font-size:16px; line-height:1.45; }
  .hero-foto-tt { font-size:20px; }
  .section-header h2 { font-size:22px; }
  .post-content { font-size:19px; line-height:1.9; }
  .post-content h2 { font-size:24px; }
  .post-card .post-date,
  .n3-meta { font-size:13px; }
}
@media(max-width:480px) {
  .ft-cols { grid-template-columns:1fr; }
  .site-branding .site-title { font-size:32px; }
  .hero-titulo { font-size:26px; }
}