/*
Theme Name: Zazukio Child
Theme URI: https://zazukio.com
Description: Tema filho do GeneratePress para o portal Zazukio — isópodes de coleção e terrário bioativo. Identidade "chão de floresta": papel-osso, verde-musgo, marrom-substrato, cortiça, líquen e argila queimada. Fichas de espécie enciclopédicas, E-E-A-T e loops dinâmicos do WordPress.
Author: Zazukio
Template: generatepress
Version: 1.0.0
Text Domain: zazukio-child
*/

/* ================================================================
   ZAZUKIO — chão de floresta
   Reset/neutralização do GeneratePress + design portado
   ================================================================ */
:root{
  --paper:#F4EFE2;          /* papel-osso */
  --paper-2:#ECE4D0;        /* papel sombreado */
  --paper-3:#E4DAC2;        /* cartão */
  --ink:#23281B;            /* tinta musgo-escuro */
  --ink-soft:#5C5946;       /* tinta suave */
  --moss:#4C5F38;           /* verde-musgo */
  --moss-deep:#2C3A22;      /* musgo profundo */
  --leaf:#7A925A;           /* folha nova */
  --lichen:#A9B58A;         /* líquen */
  --bark:#6B5038;           /* casca / substrato */
  --cork:#A9825A;           /* cortiça */
  --clay:#A34F2A;           /* argila queimada — acento raro */
  --line:#D8CDB2;           /* linha de pauta */
  --radius:14px;
  --shadow-1:0 1px 2px rgba(35,40,27,.06),0 6px 18px -8px rgba(35,40,27,.14);
  --shadow-2:0 2px 4px rgba(35,40,27,.08),0 18px 38px -14px rgba(35,40,27,.24);
  --font-d:"Fraunces","Georgia",serif;
  --font-t:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --font-m:"Spline Sans Mono","SFMono-Regular",Consolas,monospace;
}

/* ---- neutralizar o GeneratePress ---- */
.generate-page-header,.inside-article .entry-header,
.site-info,.inside-site-info,.main-navigation,.site-header,
.gp-icon{ /* neutros: não usamos a marcação do GP */ }

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body,body.generatepress,.generate-content{
  font-family:var(--font-t);
  color:var(--ink);
  background:var(--paper);
  background-image:radial-gradient(rgba(75,60,35,.055) 1px,transparent 1.4px);
  background-size:26px 26px;
  line-height:1.6;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  padding-top:72px;
}
img,svg{display:block;max-width:100%}
svg{height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:3px solid var(--clay);outline-offset:3px;border-radius:4px}
::selection{background:var(--leaf);color:#fff}

.zk-skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--moss-deep);color:var(--paper);
  padding:.7rem 1.1rem;border-radius:0 0 8px 0;font-weight:700;
}
.zk-skip-link:focus{left:0}

.wrap{width:min(1180px,92%);margin-inline:auto}

/* ---------- utilitários tipográficos ---------- */
.kicker{
  font-family:var(--font-m);font-size:.72rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--moss);
  display:inline-flex;align-items:center;gap:.6em;
}
.kicker::before{content:"";width:26px;height:2px;background:var(--leaf);border-radius:2px}
.sci{font-family:var(--font-d);font-style:italic;font-weight:400;color:var(--ink-soft)}

/* ================= HEADER ================= */
.site-head{
  position:fixed;inset:0 0 auto 0;z-index:60;height:72px;
  background:rgba(244,239,226,.92);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.site-head .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.65rem}
.brand-glyph{width:34px;height:34px;flex:none;color:var(--moss)}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-name{font-family:var(--font-d);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:var(--ink)}
.brand-tag{font-family:var(--font-m);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}

.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.burger{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;padding:10px;cursor:pointer;border-radius:10px;
}
.burger:hover{background:var(--paper-2)}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .28s ease,opacity .2s ease}
.nav-toggle:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle:checked ~ .burger span:nth-child(2){opacity:0}
.nav-toggle:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.site-nav{
  position:fixed;top:72px;left:0;right:0;
  background:var(--paper);border-bottom:1px solid var(--line);
  max-height:0;overflow:hidden;transition:max-height .35s ease;
  box-shadow:var(--shadow-1);
}
.nav-toggle:checked ~ .site-nav{max-height:520px}
.site-nav ul{padding:.75rem 4%}
.site-nav a{
  display:block;padding:.8rem .6rem;font-weight:600;font-size:.95rem;
  border-bottom:1px solid var(--line);border-radius:6px;
}
.site-nav li:last-child a{border-bottom:none}
.site-nav a:hover{color:var(--moss);background:var(--paper-2)}
.site-nav ul ul{padding:0 0 0 .6rem}
.site-nav .sub-menu a{font-size:.86rem;color:var(--ink-soft)}

@media (min-width:1024px){
  .burger{display:none}
  .site-nav{position:static;max-height:none;overflow:visible;background:none;border:none;box-shadow:none}
  .site-nav ul{display:flex;gap:.25rem;padding:0}
  .site-nav a{
    border:none;padding:.5rem .7rem;font-size:.86rem;letter-spacing:.01em;
    border-radius:8px;position:relative;
  }
  .site-nav a::after{
    content:"";position:absolute;left:.7rem;right:.7rem;bottom:.2rem;height:2px;
    background:var(--leaf);border-radius:2px;transform:scaleX(0);transform-origin:left;
    transition:transform .25s ease;
  }
  .site-nav a:hover{background:none;color:var(--moss)}
  .site-nav a:hover::after{transform:scaleX(1)}
  /* submenu simplificado no desktop: some pra não quebrar a barra */
  .site-nav .sub-menu{display:none}
}

/* ================= HERO ================= */
.hero{position:relative;overflow:hidden;padding:3.4rem 0 3.8rem;isolation:isolate}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(46rem 30rem at 112% -12%, rgba(122,146,90,.24), transparent 62%),
    radial-gradient(38rem 26rem at -14% 108%, rgba(169,130,90,.20), transparent 60%),
    radial-gradient(24rem 18rem at 78% 92%, rgba(76,95,56,.12), transparent 65%);
}
.hero .wrap{display:grid;gap:2.6rem;align-items:center}
.hero h1{
  font-family:var(--font-d);font-weight:850;
  font-size:clamp(2.35rem,5.6vw,4rem);
  line-height:1.04;letter-spacing:-.025em;margin:1rem 0 1.1rem;
}
.hero h1 em{font-style:italic;font-weight:600;color:var(--moss)}
.hero .dek{font-size:1.08rem;color:var(--ink-soft);max-width:34rem;margin-bottom:1.8rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.2rem}
.btn{
  display:inline-flex;align-items:center;gap:.55em;
  font-weight:700;font-size:.92rem;padding:.85rem 1.5rem;border-radius:999px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn svg{width:15px;height:15px;flex:none}
.btn-solid{background:var(--moss-deep);color:var(--paper)}
.btn-solid:hover{background:var(--moss);transform:translateY(-2px);box-shadow:var(--shadow-2)}
.btn-ghost{border:1.5px solid var(--bark);color:var(--bark)}
.btn-ghost:hover{background:rgba(107,80,56,.09);transform:translateY(-2px)}
.hero-proof{
  display:flex;flex-wrap:wrap;gap:1.6rem;
  font-family:var(--font-m);font-size:.74rem;color:var(--ink-soft);
  border-top:1px solid var(--line);padding-top:1.4rem;max-width:34rem;
}
.hero-proof strong{display:block;font-family:var(--font-d);font-size:1.45rem;font-weight:700;color:var(--ink);letter-spacing:-.02em}

/* cartão de destaque */
.hero-card{
  position:relative;border-radius:calc(var(--radius) + 6px);overflow:hidden;
  background:linear-gradient(158deg,#3A4A2C 0%,#2C3A22 55%,#23301C 100%);
  color:#EDE8D8;box-shadow:var(--shadow-2);
  padding:1.7rem 1.7rem 1.5rem;
}
.hero-card::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(237,232,216,.10) 1px,transparent 1.4px);
  background-size:18px 18px;pointer-events:none;
}
.hero-card .card-kicker{
  font-family:var(--font-m);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--lichen);display:flex;justify-content:space-between;gap:1rem;position:relative;
}
.hero-iso{width:min(150px,38vw);margin:1.2rem auto .8rem;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));position:relative}
.hero-card h2{font-family:var(--font-d);font-weight:750;font-size:1.5rem;letter-spacing:-.01em;line-height:1.15;position:relative}
.hero-card .sci{color:var(--lichen)}
.hero-card p{font-size:.9rem;color:#CFCBB6;margin:.6rem 0 1.1rem;position:relative}
.hero-card .hero-thumb{position:relative;border-radius:var(--radius);overflow:hidden;margin:1rem 0}
.hero-card .hero-thumb img{width:100%;height:auto;display:block}
.spec-row{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}
.spec{
  font-family:var(--font-m);font-size:.68rem;letter-spacing:.04em;
  border:1px solid rgba(237,232,216,.28);border-radius:999px;padding:.32em .85em;
}
.hero-card .card-link{
  display:inline-flex;align-items:center;gap:.5em;margin-top:1.3rem;
  font-weight:700;font-size:.88rem;color:#EDE8D8;position:relative;
}
.hero-card .card-link svg{width:14px;height:14px;transition:transform .2s ease}
.hero-card .card-link:hover svg{transform:translateX(4px)}

@media (min-width:900px){
  .hero{padding:5rem 0 5.4rem}
  .hero .wrap{grid-template-columns:1.15fr .85fr;gap:3.5rem}
}

/* ================= SEÇÕES ================= */
.section{padding:3.6rem 0}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.section-head h2{
  font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.08;margin-top:.7rem;
}
.section-head .lead{color:var(--ink-soft);max-width:32rem;margin-top:.5rem;font-size:.98rem}
.see-all{
  display:inline-flex;align-items:center;gap:.5em;flex:none;
  font-weight:700;font-size:.9rem;color:var(--moss);
  border-bottom:2px solid transparent;padding-bottom:2px;
}
.see-all svg{width:14px;height:14px;transition:transform .2s ease}
.see-all:hover{border-color:var(--leaf)}
.see-all:hover svg{transform:translateX(4px)}

/* divisor orgânico */
.divider{display:flex;align-items:center;gap:1rem;width:min(1180px,92%);margin-inline:auto;color:var(--cork)}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.divider svg{width:20px;height:20px;flex:none;opacity:.8}

/* ================= FICHAS DE ESPÉCIE ================= */
.fichas{background:linear-gradient(180deg,transparent,rgba(216,205,178,.28) 14%,rgba(216,205,178,.28) 86%,transparent)}
.ficha-grid{display:grid;gap:1.15rem;grid-template-columns:1fr}
@media (min-width:640px){.ficha-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ficha-grid{grid-template-columns:repeat(3,1fr)}}

.ficha{
  position:relative;display:flex;flex-direction:column;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow-1);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.ficha:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:var(--lichen)}
.ficha-vitrine{
  position:relative;display:grid;place-items:center;height:170px;
  border-bottom:1px solid var(--line);
}
.ficha-vitrine::after{
  content:"";position:absolute;inset:auto 0 0 0;height:38%;
  background:linear-gradient(180deg,transparent,rgba(35,40,27,.10));
}
.ficha-vitrine svg.iso{width:76px;transition:transform .3s ease}
.ficha-vitrine img.ficha-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ficha:hover .ficha-vitrine svg.iso{transform:translateY(-4px) scale(1.05)}
.ficha-num{
  position:absolute;top:.8rem;left:.9rem;z-index:2;
  font-family:var(--font-m);font-size:.62rem;letter-spacing:.16em;color:rgba(35,40,27,.55);
}
.nivel{
  position:absolute;top:.7rem;right:.8rem;z-index:2;
  font-family:var(--font-m);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:.35em .8em;border-radius:999px;background:rgba(244,239,226,.85);
  border:1px solid rgba(35,40,27,.14);
}
.nivel-1{color:var(--moss)}
.nivel-2{color:var(--cork);}
.nivel-3{color:var(--clay)}

/* fundos de vitrine por morfo */
.v-blue{background:radial-gradient(120% 90% at 50% 110%,#C7D2DA 0%,#DDE2E0 46%,#ECE9DB 100%)}
.v-orange{background:radial-gradient(120% 90% at 50% 110%,#E7C6A4 0%,#EDDCC0 48%,#F0EADA 100%)}
.v-cow{background:radial-gradient(120% 90% at 50% 110%,#D9D4C4 0%,#E7E2D2 48%,#F0ECDE 100%)}
.v-duck{background:radial-gradient(120% 90% at 50% 110%,#E4CE9C 0%,#ECDFC0 48%,#F1EBDB 100%)}
.v-zebra{background:radial-gradient(120% 90% at 50% 110%,#CFCBBB 0%,#E0DCCC 48%,#EEEADC 100%)}
.v-potion{background:radial-gradient(120% 90% at 50% 110%,#CBD5CE 0%,#DFE3D6 48%,#EFECDE 100%)}

.ficha-body{padding:1.15rem 1.25rem 1.3rem;display:flex;flex-direction:column;flex:1}
.ficha-body h3{font-family:var(--font-d);font-weight:750;font-size:1.22rem;letter-spacing:-.01em;line-height:1.15}
.ficha-body h3 a{position:static}
.ficha-body h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.ficha-body .sci{font-size:.88rem;margin:.15rem 0 .6rem}
.ficha-body p{font-size:.9rem;color:var(--ink-soft);flex:1}
.ficha-specs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.ficha-specs .spec{border-color:var(--line);color:var(--ink-soft)}
.ficha-cta{
  margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--line);
  font-weight:700;font-size:.85rem;color:var(--moss);
  display:flex;align-items:center;gap:.5em;
}
.ficha-cta svg{width:13px;height:13px;transition:transform .2s ease}
.ficha:hover .ficha-cta svg{transform:translateX(4px)}

/* ================= GUIAS (destaque + lista) ================= */
.guias-layout{display:grid;gap:1.4rem}
@media (min-width:900px){.guias-layout{grid-template-columns:1.05fr .95fr;align-items:stretch}}

.art-hero{
  position:relative;display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-1);
  transition:transform .22s ease,box-shadow .22s ease;
}
.art-hero:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.art-hero .ph{height:230px}
.art-hero .art-thumb{height:230px;overflow:hidden}
.art-hero .art-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.art-hero .art-body{padding:1.4rem 1.5rem 1.5rem}
.art-hero h3{font-family:var(--font-d);font-weight:780;font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.14;letter-spacing:-.015em}
.art-hero h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.art-hero p{color:var(--ink-soft);font-size:.95rem;margin-top:.6rem}

.cat-tag{
  display:inline-block;font-family:var(--font-m);font-size:.62rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--moss);background:rgba(122,146,90,.16);
  padding:.4em 1em;border-radius:999px;margin-bottom:.8rem;
}
.cat-tag.t-terra{color:var(--bark);background:rgba(169,130,90,.18)}
.cat-tag.t-clay{color:var(--clay);background:rgba(163,79,42,.12)}
.byline{
  display:flex;align-items:center;gap:.55rem;margin-top:1.1rem;
  font-size:.8rem;color:var(--ink-soft);position:relative;z-index:2;
}
.byline .avatar{width:26px;height:26px;font-size:.6rem}
.byline b{color:var(--ink);font-weight:600}
.byline .dot{opacity:.5}

.art-list{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}
.art-row{
  position:relative;display:grid;grid-template-columns:92px 1fr;gap:1.05rem;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:.85rem;box-shadow:var(--shadow-1);flex:1;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.art-row:hover{transform:translateX(5px);box-shadow:var(--shadow-2);border-color:var(--lichen)}
.art-row .ph{width:92px;height:82px;border-radius:10px}
.art-row .art-thumb{width:92px;height:82px;border-radius:10px;overflow:hidden;flex:none}
.art-row .art-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.art-row h4{font-family:var(--font-d);font-weight:720;font-size:1.02rem;line-height:1.22;letter-spacing:-.005em}
.art-row h4 a::after{content:"";position:absolute;inset:0;z-index:1}
.art-row .meta{font-family:var(--font-m);font-size:.66rem;color:var(--ink-soft);letter-spacing:.06em;margin-top:.4rem}

/* placeholders orgânicos */
.ph{position:relative;overflow:hidden;flex:none}
.ph::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.3px);
  background-size:14px 14px;
}
.ph svg{position:absolute;right:-8%;bottom:-14%;width:58%;opacity:.3;color:#F4EFE2}
.ph-moss{background:linear-gradient(140deg,#5C7042 0%,#43552F 55%,#33421F 100%)}
.ph-terra{background:linear-gradient(140deg,#8A6743 0%,#6B5038 55%,#523A26 100%)}
.ph-lichen{background:linear-gradient(140deg,#93A272 0%,#75855A 55%,#5C6B44 100%)}
.ph-cork{background:linear-gradient(140deg,#BE9A6B 0%,#A9825A 55%,#8A6743 100%)}
.ph-deep{background:linear-gradient(140deg,#3C4C2C 0%,#2C3A22 60%,#202C18 100%)}
.ph-clay{background:linear-gradient(140deg,#B4653C 0%,#98502C 55%,#7C3F22 100%)}

/* ================= GRID DE CATEGORIA ================= */
.cat-grid{display:grid;gap:1.15rem}
@media (min-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
.art-card{
  position:relative;display:flex;flex-direction:column;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow-1);
  transition:transform .22s ease,box-shadow .22s ease;
}
.art-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.art-card .ph{height:150px}
.art-card .art-thumb{height:150px;overflow:hidden}
.art-card .art-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.art-card .art-body{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;flex:1}
.art-card h3{font-family:var(--font-d);font-weight:740;font-size:1.14rem;line-height:1.2;letter-spacing:-.008em}
.art-card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.art-card p{font-size:.88rem;color:var(--ink-soft);margin-top:.5rem;flex:1}

/* ================= AUTORES (E-E-A-T) ================= */
.autores{background:linear-gradient(180deg,transparent,rgba(216,205,178,.3) 16%,rgba(216,205,178,.3) 84%,transparent)}
.autores-grid{display:grid;gap:1.15rem}
@media (min-width:900px){.autores-grid{grid-template-columns:repeat(3,1fr)}}
.autor{
  position:relative;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.6rem 1.5rem;box-shadow:var(--shadow-1);
  transition:transform .2s ease,box-shadow .2s ease;
}
.autor:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.avatar{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  font-family:var(--font-d);font-weight:800;font-size:1.1rem;color:#F4EFE2;
  border:2px solid var(--paper);outline:1px solid var(--line);flex:none;
}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.av-1{background:linear-gradient(135deg,#5C7042,#33421F)}
.av-2{background:linear-gradient(135deg,#A9825A,#6B5038)}
.av-3{background:linear-gradient(135deg,#75855A,#4C5F38)}
.autor .avatar{margin-bottom:1rem}
.autor h3{font-family:var(--font-d);font-weight:760;font-size:1.18rem;letter-spacing:-.01em}
.autor h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.autor .cargo{font-family:var(--font-m);font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);margin:.25rem 0 .7rem}
.autor p{font-size:.89rem;color:var(--ink-soft)}
.autor .cred{
  margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--line);
  font-family:var(--font-m);font-size:.68rem;color:var(--ink-soft);letter-spacing:.04em;
}
.editorial-note{
  margin-top:1.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;
  background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--leaf);
  border-radius:12px;padding:1.1rem 1.3rem;font-size:.92rem;color:var(--ink-soft);
  box-shadow:var(--shadow-1);
}
.editorial-note svg{width:22px;height:22px;flex:none;color:var(--moss)}
.editorial-note a{font-weight:700;color:var(--moss);border-bottom:2px solid var(--lichen)}
.editorial-note a:hover{border-color:var(--moss)}

/* ================= SOBRE + NEWSLETTER ================= */
.faixa{
  position:relative;overflow:hidden;color:#EDE8D8;
  background:linear-gradient(150deg,#33421F 0%,#2C3A22 55%,#202C18 100%);
  padding:4rem 0;
}
.faixa::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(237,232,216,.07) 1px,transparent 1.4px);
  background-size:20px 20px;pointer-events:none;
}
.faixa::after{
  content:"";position:absolute;right:-6%;bottom:-22%;width:340px;height:340px;
  background:radial-gradient(closest-side,rgba(122,146,90,.35),transparent 72%);
  pointer-events:none;
}
.faixa .wrap{position:relative;display:grid;gap:2.6rem}
@media (min-width:900px){.faixa .wrap{grid-template-columns:1.1fr .9fr;align-items:center}}
.faixa .kicker{color:var(--lichen)}
.faixa .kicker::before{background:var(--lichen)}
.faixa h2{font-family:var(--font-d);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.35rem);letter-spacing:-.02em;line-height:1.1;margin:.8rem 0 1rem}
.faixa p{color:#C9C5AF;max-width:34rem}
.news-card{
  background:rgba(244,239,226,.06);border:1px solid rgba(237,232,216,.2);
  border-radius:calc(var(--radius) + 4px);padding:1.7rem 1.6rem;
  backdrop-filter:blur(4px);
}
.news-card h3{font-family:var(--font-d);font-weight:760;font-size:1.35rem;letter-spacing:-.01em}
.news-card .sub{font-size:.9rem;color:#C9C5AF;margin:.4rem 0 1.2rem}
.news-form{display:flex;flex-direction:column;gap:.7rem}
@media (min-width:520px){.news-form{flex-direction:row}}
.news-form input{
  flex:1;font:inherit;font-size:.92rem;color:var(--ink);
  background:var(--paper);border:1px solid transparent;border-radius:999px;
  padding:.85rem 1.3rem;min-width:0;
}
.news-form input::placeholder{color:var(--ink-soft)}
.news-form input:focus-visible{outline-color:var(--lichen)}
.news-form .btn{justify-content:center;background:var(--leaf);color:var(--moss-deep)}
.news-form .btn:hover{background:var(--lichen);transform:translateY(-2px)}
.news-fine{font-family:var(--font-m);font-size:.64rem;letter-spacing:.06em;color:#A6A28C;margin-top:.9rem}

/* ================= CONTEÚDO (single / page / arquivo) ================= */
.zk-main{min-height:50vh}
.page-hero{padding:3rem 0 1.5rem}
.page-hero .kicker{margin-bottom:.6rem}
.page-hero h1{
  font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(2rem,4.6vw,3rem);line-height:1.06;
}
.page-hero .lead{color:var(--ink-soft);max-width:40rem;margin-top:.8rem;font-size:1.02rem}

.article{width:min(760px,92%);margin-inline:auto;padding:2.4rem 0 3rem}
.article .kicker{margin-bottom:.8rem}
.article h1{
  font-family:var(--font-d);font-weight:820;letter-spacing:-.02em;
  font-size:clamp(2rem,4.4vw,2.9rem);line-height:1.07;margin-bottom:1rem;
}
.article .article-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;
  font-size:.82rem;color:var(--ink-soft);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:.9rem 0;margin-bottom:1.6rem;
}
.article .article-meta .avatar{width:30px;height:30px;font-size:.65rem}
.article .article-meta b{color:var(--ink)}
.article .article-meta .dot{opacity:.5}
.article .featured{border-radius:var(--radius);overflow:hidden;margin-bottom:1.8rem;box-shadow:var(--shadow-1)}
.article .featured img{width:100%;height:auto;display:block}
.article-body{font-size:1.06rem;line-height:1.75;color:var(--ink)}
.article-body > *{margin-bottom:1.15rem}
.article-body h2{font-family:var(--font-d);font-weight:780;font-size:1.6rem;letter-spacing:-.015em;line-height:1.15;margin-top:2rem}
.article-body h3{font-family:var(--font-d);font-weight:740;font-size:1.28rem;margin-top:1.6rem}
.article-body a{color:var(--moss);border-bottom:1px solid var(--lichen)}
.article-body a:hover{border-color:var(--moss)}
.article-body ul,.article-body ol{padding-left:1.4rem}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li{margin-bottom:.5rem}
.article-body img{border-radius:var(--radius);height:auto}
.article-body blockquote{
  border-left:4px solid var(--leaf);background:var(--paper-2);
  padding:1rem 1.3rem;border-radius:0 10px 10px 0;font-style:italic;color:var(--ink-soft);
}
.article-body code{font-family:var(--font-m);font-size:.9em;background:var(--paper-2);padding:.15em .4em;border-radius:5px}
.article-body pre{background:var(--moss-deep);color:var(--paper);padding:1.1rem 1.3rem;border-radius:10px;overflow:auto}
.article-body pre code{background:none;padding:0;color:inherit}
.article-body figure{margin:0}
.article-body figcaption{font-family:var(--font-m);font-size:.72rem;color:var(--ink-soft);margin-top:.4rem;text-align:center}
.entry-tags{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem}
.entry-tags a{
  font-family:var(--font-m);font-size:.68rem;letter-spacing:.06em;
  border:1px solid var(--line);border-radius:999px;padding:.35em .9em;color:var(--ink-soft);
}
.entry-tags a:hover{border-color:var(--lichen);color:var(--moss)}

/* author box */
.author-box{
  width:min(760px,92%);margin:0 auto 3rem;
  display:flex;gap:1.2rem;align-items:flex-start;
  background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--cork);
  border-radius:12px;padding:1.4rem 1.5rem;box-shadow:var(--shadow-1);
}
.author-box .avatar{width:64px;height:64px;font-size:1.2rem}
.author-box .ab-name{font-family:var(--font-d);font-weight:760;font-size:1.15rem}
.author-box .ab-role{font-family:var(--font-m);font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);margin:.2rem 0 .5rem}
.author-box p{font-size:.9rem;color:var(--ink-soft)}
.author-box .ab-link{display:inline-flex;align-items:center;gap:.4em;margin-top:.7rem;font-weight:700;font-size:.82rem;color:var(--moss)}
.author-box .ab-link svg{width:13px;height:13px}

/* paginação */
.zk-pagination{
  width:min(1180px,92%);margin:1rem auto 4rem;
  display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;
}
.zk-pagination .page-numbers{
  font-family:var(--font-m);font-size:.82rem;font-weight:600;
  min-width:42px;padding:.55rem .8rem;text-align:center;
  border:1px solid var(--line);border-radius:10px;background:var(--paper);
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.zk-pagination .page-numbers:hover{border-color:var(--lichen);color:var(--moss)}
.zk-pagination .page-numbers.current{background:var(--moss-deep);color:var(--paper);border-color:var(--moss-deep)}
.zk-pagination .page-numbers.dots{border:none;background:none}

/* estado vazio / busca */
.zk-empty{
  width:min(700px,92%);margin:3rem auto 5rem;text-align:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:3rem 2rem;box-shadow:var(--shadow-1);
}
.zk-empty svg{width:64px;height:64px;margin:0 auto 1.2rem;color:var(--lichen)}
.zk-empty h2{font-family:var(--font-d);font-weight:780;font-size:1.6rem;margin-bottom:.6rem}
.zk-empty p{color:var(--ink-soft);max-width:34rem;margin:0 auto 1.4rem}

.zk-search-form{display:flex;gap:.6rem;max-width:30rem;margin:1rem auto 0}
.zk-search-form input{
  flex:1;font:inherit;font-size:.95rem;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:999px;padding:.8rem 1.3rem;min-width:0;
}
.zk-search-form input:focus-visible{outline-color:var(--clay)}
.zk-search-form .btn{background:var(--moss-deep);color:var(--paper)}

/* 404 */
.zk-404{width:min(700px,92%);margin:4rem auto 5rem;text-align:center}
.zk-404 .big{font-family:var(--font-d);font-weight:850;font-size:clamp(4rem,14vw,8rem);color:var(--moss);line-height:1;letter-spacing:-.03em}
.zk-404 svg.iso{width:90px;margin:1rem auto;color:var(--cork)}
.zk-404 h1{font-family:var(--font-d);font-weight:780;font-size:1.8rem;margin:.5rem 0 .8rem}
.zk-404 p{color:var(--ink-soft);max-width:34rem;margin:0 auto 1.6rem}

/* ================= FOOTER ================= */
.site-foot{background:#1B2414;color:#B9B5A0;padding:3.6rem 0 2rem;font-size:.9rem}
.foot-grid{display:grid;gap:2.4rem;margin-bottom:2.8rem}
@media (min-width:820px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr}}
.site-foot .brand-name{color:#EDE8D8}
.site-foot .brand-tag{color:#8B876F}
.site-foot .brand-glyph{color:var(--lichen)}
.foot-about{margin-top:1rem;max-width:26rem;font-size:.88rem}
.site-foot h4{
  font-family:var(--font-m);font-size:.68rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--lichen);margin-bottom:1.1rem;
}
.site-foot li{margin-bottom:.55rem}
.site-foot a:hover{color:#EDE8D8;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--leaf)}
.foot-base{
  border-top:1px solid rgba(237,232,216,.14);padding-top:1.4rem;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;
  font-family:var(--font-m);font-size:.68rem;letter-spacing:.06em;color:#8B876F;
}

/* acessível: só leitores de tela */
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);border:0;
}
