/*
Theme Name: Eu Mais Sustentável
Theme URI: https://eumaissustentavel.com.br/
Author: Thiago Carvalho
Description: Tema sob medida do projeto Eu Mais Sustentável: qualidade de vida e sustentabilidade.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: eu-mais-sustentavel
License: GNU General Public License v2 or later
*/

:root{
  --paper:#F4F7EF; --paper-2:#E8EFDF; --card:#FFFFFF;
  --ink:#10291B; --ink-soft:#4A5E50;
  --forest:#006837; --moss:#2F6B0B; --leaf:#8DC345; --leaf-ink:#10291B; --dark:#10291B;
  --line:rgba(16,41,27,.14);
  --sans:"Bricolage Grotesque","Segoe UI",system-ui,-apple-system,sans-serif;
  --display:"Merriweather",Georgia,"Times New Roman",serif;
  --serif:"Source Serif 4",Georgia,serif;
  --leafshape:6px 46% 6px 46%;
  --leafsm:6px 80px 6px 80px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--paper:#0F1C14;--paper-2:#16281C;--card:#182C1F;--ink:#E6EFDF;--ink-soft:#A9BBA9;--forest:#6CC08A;--moss:#9BD06A;--line:rgba(230,239,223,.14)}
}
:root[data-theme="dark"]{--paper:#0F1C14;--paper-2:#16281C;--card:#182C1F;--ink:#E6EFDF;--ink-soft:#A9BBA9;--forest:#6CC08A;--moss:#9BD06A;--line:rgba(230,239,223,.14)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:90px;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom,0px)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--leaf);outline-offset:3px;border-radius:4px}
main:focus{outline:none}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.wrap-narrow{width:min(720px,100% - 40px);margin-inline:auto}
.wrap-wide{width:min(960px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--leaf);color:var(--dark);padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:12px}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp{position:absolute;left:-9999px}

/* Tipografia */
h1,h2,h3,.h3{font-family:var(--display);letter-spacing:-.015em;line-height:1.1;margin:0;font-weight:900}
h1{font-size:clamp(2.4rem,5.6vw,4.6rem);letter-spacing:-.02em}
h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}
h3,.h3{font-size:1.3rem;font-weight:700;line-height:1.25}
p{max-width:66ch}
.lede{font-family:var(--serif);font-size:1.22rem;line-height:1.6;color:var(--ink-soft);max-width:38em}
.link{font-weight:600;text-decoration:underline;text-decoration-color:var(--leaf);text-decoration-thickness:3px;text-underline-offset:5px}

/* Cabeçalho */
header.site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.admin-bar header.site{top:32px}
@media (max-width:782px){.admin-bar header.site{top:46px}}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:1.05rem}
.brand img{width:52px;height:52px}
nav.main ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
nav.main a{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:500}
nav.main a:hover{background:var(--paper-2)}
nav.main a[aria-current="page"]{background:var(--dark);color:#F4F7EF}
:root[data-theme="dark"] nav.main a[aria-current="page"]{background:var(--leaf);color:var(--dark)}
.bar-end{display:flex;gap:8px;align-items:center}
.menu-btn,.theme-btn{background:none;border:1px solid var(--line);color:var(--ink);border-radius:999px;font:inherit;cursor:pointer}
.menu-btn{display:none;padding:8px 16px;font-weight:600}
.theme-btn{width:40px;height:40px;display:grid;place-items:center}
@media (max-width:1020px){
  .menu-btn{display:block}
  nav.main{position:fixed;left:0;right:0;top:calc(72px + env(safe-area-inset-top,0px));background:var(--paper);border-bottom:1px solid var(--line);display:none;padding:12px 20px 20px}
  .admin-bar nav.main{top:calc(72px + 46px)}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column}
  nav.main a{font-size:1.2rem;padding:12px 14px}
}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;background:var(--forest);color:#fff;text-decoration:none;border:0;font:inherit;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
:root[data-theme="dark"] .btn{color:var(--dark)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid currentColor}
.btn.leaf{background:var(--leaf);color:var(--dark)}
.btn.dark{background:var(--dark);color:#fff}
.btn.outline-dark{background:transparent;color:var(--dark);border:1.5px solid var(--dark)}
.actions{display:flex;gap:12px;flex-wrap:wrap}

/* Seções */
section{padding:80px 0}
section.tight{padding-top:0}
.list-sec{padding-top:48px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.sec-head p{margin:12px 0 0;color:var(--ink-soft)}

/* Abertura */
.hero{position:relative;isolation:isolate;min-height:min(80vh,720px);display:flex;align-items:center;padding:clamp(72px,10vw,140px) 0;color:#F4F7EF;background:#10291B var(--herobg) right center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,41,27,.92) 0%,rgba(16,41,27,.82) 38%,rgba(16,41,27,.35) 58%,rgba(16,41,27,0) 75%)}
.hero-text{max-width:min(500px,38vw)}
.hero h1{color:#F4F7EF;font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:1.08}
.hero .lede{color:rgba(244,247,239,.88);margin:26px 0 34px}
.hero .btn.ghost{color:#F4F7EF;border-color:rgba(244,247,239,.8)}
.hero .sign{margin:26px 0 0;font-size:.95rem;color:rgba(244,247,239,.78)}
.hero .sign a{color:#F4F7EF;font-weight:600;text-decoration-color:var(--leaf);text-decoration-thickness:3px;text-underline-offset:4px}
@media (max-width:860px){.hero{background-position:70% center;min-height:0}.hero::before{background:rgba(16,41,27,.74)}.hero-text{max-width:none}}

.promise-sec{padding:64px 0 0}
.promise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}
.promise li{padding:28px 28px 8px 0;border-right:1px solid var(--line)}
.promise li+li{padding-left:28px}
.promise li:last-child{border-right:0}
.promise .big{font-size:3.4rem;font-weight:800;color:var(--leaf);line-height:1}
.promise .h3{margin:10px 0 8px}
.promise p{margin:0;color:var(--ink-soft)}
@media (max-width:820px){.promise{grid-template-columns:1fr}.promise li,.promise li+li{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}}

/* Cards de artigos */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.post{text-decoration:none;display:flex;flex-direction:column;gap:12px}
.cover{aspect-ratio:16/9;border-radius:var(--leafsm);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px 20px}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover:has(img)::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,41,27,.7),transparent 55%)}
.cover b{position:absolute;right:20px;top:12px;font-size:4rem;line-height:.8;font-weight:800}
.cover em{position:relative;z-index:1;font-style:normal;font-weight:600;font-size:.88rem;color:#F4F7EF}
.c-sust{background:#006837}.c-sust b{color:var(--leaf)}
.c-saude{background:var(--leaf)}.c-saude b{color:#fff}.c-saude:not(:has(img)) em{color:var(--dark)}
.c-viv{background:var(--moss)}.c-viv b{color:var(--leaf)}
.post .meta{font-size:.88rem;color:var(--ink-soft)}
.post h3{font-size:1.25rem}
.post:hover h3{text-decoration:underline;text-decoration-color:var(--leaf);text-decoration-thickness:3px;text-underline-offset:4px}
.post p{margin:0;color:var(--ink-soft);font-size:.98rem}
@media (max-width:900px){.posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.posts{grid-template-columns:1fr}}

.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.chip{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500}
.chip[aria-current="page"]{background:var(--dark);color:#F4F7EF;border-color:var(--dark)}
form.search{display:grid;gap:8px;margin-bottom:40px;max-width:560px}
form.search label{font-weight:600;font-size:.95rem}
.field{display:flex;gap:10px;flex-wrap:wrap}
.field input{flex:1 1 220px;padding:14px 20px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
.navigation.pagination{margin-top:56px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);text-decoration:none;font-weight:600}
.page-numbers.current{background:var(--dark);color:#F4F7EF;border-color:var(--dark)}

/* Faixa de vídeos */
.band{background:var(--dark);color:#F4F7EF}
.band .lede{color:rgba(244,247,239,.78);margin:20px 0 32px}
.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.vthumb{position:relative;aspect-ratio:16/9;border-radius:var(--leafsm);overflow:hidden;display:block;background:var(--dark)}
.vthumb img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--leaf);display:grid;place-items:center}
.play::before{content:"";border-left:22px solid var(--dark);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.dur{position:absolute;right:16px;bottom:14px;background:rgba(16,41,27,.85);color:#F4F7EF;font-size:.85rem;font-weight:600;padding:4px 10px;border-radius:999px}
@media (max-width:860px){.band-grid{grid-template-columns:1fr}}
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 32px}
.vcard{text-decoration:none;display:flex;flex-direction:column;gap:12px}
.vcard .tag{font-size:.88rem;color:var(--ink-soft)}
.vcard:hover .h3{text-decoration:underline;text-decoration-color:var(--leaf);text-decoration-thickness:3px;text-underline-offset:4px}
.after{margin-top:48px}
@media (max-width:700px){.vgrid{grid-template-columns:1fr}}

/* Newsletter / CTA */
.news{background:var(--leaf);color:var(--dark);border-radius:var(--leafsm);padding:56px clamp(24px,5vw,72px);display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.news h2{color:var(--dark)}
.news p{margin:14px 0 0}
.news .field input{border:2px solid var(--dark);background:#fff;color:var(--dark)}
.news .btn{background:var(--dark);color:#fff}
.news a{color:var(--dark)}
.news.cta{margin-top:72px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin-top:12px;font-weight:400}
.check input{margin-top:4px;width:18px;height:18px;flex:none}
.notice{padding:12px 16px;border-radius:12px;font-weight:600;margin:0 0 14px}
.notice.ok{background:#DDF0C8;color:#10291B}
.notice.err{background:#FBE3E1;color:#8C1D18}
@media (max-width:820px){.news{grid-template-columns:1fr}}

/* Cabeçalho de páginas */
.phead{padding:64px 0 40px;border-bottom:1px solid var(--line)}
.phead .lede{margin-top:18px;color:var(--forest);font-weight:500}
.crumb{font-size:.92rem;color:var(--ink-soft);margin-bottom:16px}
.crumb a{color:var(--ink-soft)}

/* Artigo */
.art-head{padding:56px 0 28px}
.art-head h1{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.12}
.art-head .meta{color:var(--ink-soft);margin:18px 0 0}
.art-cover{margin:0 auto 40px}
.art-cover img{width:100%;border-radius:var(--leafsm)}
.prose{font-family:var(--serif);font-size:1.17rem;line-height:1.75}
.prose > *{max-width:100%}
.prose p{margin:0 0 1.15em}
.prose h2{font-size:1.7rem;margin:1.8em 0 .6em;line-height:1.2}
.prose h3{font-size:1.3rem;margin:1.6em 0 .5em}
.prose a{color:var(--forest);text-decoration-thickness:2px;text-underline-offset:3px}
.prose strong{color:var(--ink);font-weight:700}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin-bottom:.5em}
.prose img{border-radius:14px}
.prose figure{margin:2em 0}
.prose figcaption{font-family:var(--sans);font-size:.9rem;color:var(--ink-soft);margin-top:8px}
.prose blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:4px solid var(--leaf);font-style:italic}
.prose iframe,.prose video{max-width:100%}
.art-foot{padding:24px 0 8px}
.author{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:28px}
.author img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.author p{margin:0 0 8px}
.related{padding-top:56px}
.comments-wrap{padding:40px 0}

/* Anúncios (Ad Inserter e AdSense): discretos, rotulados e com espaço reservado */
.entry-content .code-block,.entry-content > ins.adsbygoogle{margin:44px 0!important;padding-top:26px;border-top:1px solid var(--line);position:relative;min-height:280px;clear:both}
.entry-content .code-block::before{content:"Publicidade";position:absolute;top:6px;left:0;font-family:var(--sans);font-size:.72rem;letter-spacing:.04em;color:var(--ink-soft)}

/* Sobre */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.leafframe{border-radius:var(--leafshape);overflow:hidden;background:var(--paper-2)}
.leafframe img{width:100%;height:100%;object-fit:cover}
.about-photo{aspect-ratio:4/5}
.about-photo img{object-position:50% 20%}
.ig-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:880px;margin-bottom:20px}
.ig-handle{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:900;font-size:clamp(1.5rem,2.6vw,2rem);text-decoration:none;color:var(--forest)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(90px,9vw,125px);gap:10px;max-width:880px;grid-template-areas:"chap chap corr corr" "chap chap corr corr" "arau rio kay flo" "arau rio kay flo"}
.tile{background:var(--paper-2);border-radius:12px;overflow:hidden}
.tile img{width:100%;height:100%;object-fit:cover}
.t-chap{grid-area:chap}.t-arau{grid-area:arau;border-bottom-left-radius:36px}.t-corr{grid-area:corr;border-top-right-radius:36px}.t-rio{grid-area:rio}.t-kay{grid-area:kay}.t-flo{grid-area:flo}
.mean{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--paper-2);border-radius:var(--leafsm);padding:36px;margin-top:24px}
.mean .big{font-size:7rem;font-weight:800;color:var(--leaf);line-height:.8}
.mean h2{font-size:2rem}
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:56px}
.values div{border-top:2px solid var(--leaf);padding-top:14px}
.values p{margin:6px 0 0;color:var(--ink-soft)}
@media (max-width:860px){.about-grid,.values{grid-template-columns:1fr}}
@media (max-width:760px){.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:105px;grid-template-areas:"chap chap" "chap chap" "corr corr" "corr corr" "arau rio" "arau rio" "kay flo" "kay flo"}}

/* Vazio, parcerias, contato */
.empty{border:2px dashed var(--line);border-radius:var(--leafsm);padding:48px clamp(24px,5vw,64px)}
.empty p{color:var(--ink-soft)}
.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.formats div{border-top:2px solid var(--ink);padding-top:18px}
.formats p{color:var(--ink-soft);margin:8px 0 0}
@media (max-width:820px){.formats{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px}
.channels{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;font-weight:600}
form.contact{display:grid;gap:16px}
form.contact > label:not(.check){font-weight:600;font-size:.95rem;display:grid;gap:6px}
form.contact input:not([type=checkbox]),form.contact textarea,form.contact select{padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
form.contact textarea{min-height:150px;resize:vertical}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}

/* Rodapé */
footer.site{background:#10291B;color:#F4F7EF;padding:64px 0 40px;margin-top:40px}
:root[data-theme="dark"] footer.site{background:#0A140E}
.fgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.fgrid img{width:120px}
.ftag{margin-top:18px;opacity:.88}
.fh{font-family:var(--sans);font-size:1rem;font-weight:700;margin:0 0 12px}
.fgrid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.fgrid a{text-decoration:none;opacity:.88}
.fgrid a:hover{opacity:1;text-decoration:underline}
.fgrid a[aria-current]{background:none;padding:0}
.fbottom{margin-top:48px;padding-top:20px;border-top:1px solid rgba(244,247,239,.2);font-size:.88rem;opacity:.8}
@media (max-width:760px){.fgrid{grid-template-columns:1fr}}

/* Alinhamentos padrão do WordPress */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-inline:auto}
.wp-caption-text{font-size:.9rem;color:var(--ink-soft)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Play discreto no canto das miniaturas dos episódios */
.vgrid .play{left:auto;top:auto;right:16px;bottom:52px;transform:none;width:56px;height:56px}
.vgrid .play::before{border-left-width:18px;border-top-width:11px;border-bottom-width:11px;margin-left:5px}