/*
Theme Name: Rebrota
Theme URI: https://rebrota.org
Author: Equipe Rebrota
Description: Tema de divulgação científica e notícias ambientais. Visual editorial com a paleta Embaúba, título gigante, blocos de cor, posts ligados aos vídeos do YouTube, newsletter e equipe. Todos os textos e imagens são editáveis em Aparência > Personalizar.
Version: 2.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rebrota
*/
:root{--cream:#F4EFE3;--green:#244A3A;--sage:#A9B7A0;--alt:#283C3B;--terra:#C85F38;--gold:#D5A63B;--ink:#1c2b24;color-scheme:light;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 "Instrument Sans",system-ui,sans-serif}
h1,h2,h3,.d{font-family:Archivo,"Arial Narrow",Impact,sans-serif;font-stretch:72%;font-weight:850;text-transform:uppercase;line-height:.9;letter-spacing:.005em;margin:0}
a{color:inherit}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px}
.screen-reader-text,.skip:not(:focus){position:absolute;left:-9999px}
.skip:focus{position:fixed;top:8px;left:8px;background:var(--cream);padding:8px 14px;border:3px solid var(--green);z-index:99}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
.pill{display:inline-block;background:var(--terra);color:#fff;font:600 17px "Instrument Sans",sans-serif;padding:14px 28px;border-radius:999px;text-decoration:none;border:2px solid var(--terra);cursor:pointer}
.pill.ghost{background:transparent;color:var(--green);border-color:var(--green)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.logo{font-size:34px;text-decoration:none;color:var(--green);display:flex;align-items:center;gap:10px}
.logo-mark{display:block;width:44px;height:44px;flex:none;background:var(--green);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.logo-img{width:44px;height:44px;object-fit:contain;flex:none}
nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-weight:600}
nav ul{display:flex;gap:26px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
nav a{text-decoration:none}
nav a:not(.pill):hover{text-decoration:underline;text-decoration-color:var(--terra);text-decoration-thickness:3px}
nav .pill{padding:8px 20px;font-size:15px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;align-items:end;padding-top:28px}
.hero h1{font-size:calc(clamp(64px,11.5vw,168px)*var(--hs,1));color:var(--green);margin-bottom:24px}
.hero p{font-size:21px;max-width:24em;margin:0 0 28px}
.btns{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:56px}
.art{align-self:end;width:100%}
.tree{width:100%;max-width:520px;margin-inline:auto;aspect-ratio:var(--r,1100/1095);background:var(--green);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.tree-img{display:block;width:100%;max-width:520px;height:auto;margin-inline:auto}
.bar{height:24px;background:var(--green);border-bottom:6px solid var(--terra)}
section{padding:80px 0}
h2{font-size:clamp(44px,7vw,92px)}
.lead{max-width:34em;margin:14px 0 0}
.feat{display:grid;grid-template-columns:repeat(3,1fr)}
.feat>div{padding:44px 30px 52px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.feat .n{font-size:84px;opacity:.9}
.feat h3{font-size:42px;margin-bottom:12px}
.feat p{margin:0;max-width:20em}
.feat>div:nth-child(1){background:var(--sage);color:var(--green)}
.feat>div:nth-child(2){background:var(--alt);color:var(--cream)}
.feat>div:nth-child(3){background:var(--terra);color:#fff}
.canal{background:var(--green);color:var(--cream)}
.canal .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.canal p{font-size:20px;max-width:24em;margin:22px 0 28px}
.frame,.vid{aspect-ratio:16/9;background:var(--sage);border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.frame i{width:88px;height:88px;border-radius:50%;background:var(--terra);display:grid;place-items:center}
.frame i::after{content:"";border-left:26px solid #fff;border-block:16px solid transparent;margin-left:8px}
.frame span{position:absolute;left:18px;bottom:16px;background:var(--cream);color:var(--green);font-weight:600;font-size:14px;padding:3px 14px;border-radius:999px}
.sec-title{color:var(--green)}
.rows{margin-top:36px;border-top:3px solid var(--green)}
.rows .row{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;padding:26px 0;border-bottom:3px solid var(--green);text-decoration:none;color:var(--green)}
.rows .row:hover{background:var(--sage)}
.rows .row b{font:800 clamp(26px,3.6vw,46px)/1 Archivo,sans-serif;font-stretch:75%;text-transform:uppercase}
.tag{background:var(--gold);color:var(--ink);font-weight:600;font-size:14px;padding:2px 14px;border-radius:999px;justify-self:start}
.tag:empty{visibility:hidden}
.more{margin-top:34px}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.pills a{border:2px solid var(--green);color:var(--green);padding:3px 18px;border-radius:999px;text-decoration:none;font-weight:600}
.pills a:hover,.pills a.on{background:var(--green);color:var(--cream)}
.pagination{margin-top:34px}
.pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}
.pagination a,.pagination span{border:2px solid var(--green);border-radius:999px;padding:2px 16px;text-decoration:none;font-weight:600}
.pagination .current{background:var(--green);color:var(--cream)}
.news{background:var(--gold);color:var(--ink)}
.news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.news h2{color:var(--green)}
.news p{margin:0 0 18px}
.news form,.news-form form{display:flex;gap:10px;flex-wrap:wrap}
.news-form input[type=email],.news-form input[type=text]{flex:1 1 220px;font:inherit;padding:14px 22px;border-radius:999px;border:2px solid var(--green);background:var(--cream);color:var(--ink)}
.news-form input[type=submit],.news-form button,.news .pill.green{background:var(--green);border:2px solid var(--green);color:#fff;font:600 17px "Instrument Sans",sans-serif;padding:14px 28px;border-radius:999px;cursor:pointer}
.news .note{font-style:italic}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,260px));gap:40px 36px;margin-top:36px}
.person img,.person svg{display:block;width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:16px;background:var(--sage)}
.person h3{font-size:36px;color:var(--green)}
.person .r{margin:8px 0;font-weight:600;color:var(--terra)}
.person .bio p{margin:0}
.entry{padding:56px 0 24px}
.entry h1{font-size:clamp(44px,7vw,92px);color:var(--green);margin:10px 0 16px}
.meta{font-weight:600;color:var(--terra);margin:0 0 28px}
.entry-content{font-size:19px;line-height:1.75}
.entry-content h2,.entry-content h3{margin:1.8em 0 .5em;color:var(--green);font-size:clamp(30px,4vw,48px)}
.entry-content a{text-decoration-color:var(--terra);text-decoration-thickness:3px}
.entry-content blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:8px solid var(--terra);font-size:1.1em}
.entry-content figure{margin:1.6em 0}
.entry-content figcaption,.wp-caption-text{font-size:15px;color:var(--alt)}
.entry-content img{border-radius:16px}
.entry-content .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:var(--sage)}
.entry-content .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cta{margin:40px 0 8px;padding:26px;border-radius:24px;background:var(--sage);color:var(--green);display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cta p{margin:0;flex:1 1 220px;font-weight:600}
.post-navigation{margin:36px 0 0;font-weight:600}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.alignleft{float:left;margin:0 20px 10px 0}.alignright{float:right;margin:0 0 10px 20px}.aligncenter{display:block;margin-inline:auto}
footer.site{background:var(--green);color:var(--cream);padding:34px 0 40px}
footer.site .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
@media (max-width:820px){.hero .wrap,.canal .wrap,.news .wrap,.feat{grid-template-columns:1fr}.rows .row{grid-template-columns:1fr auto}.rows .tag{grid-column:1/-1}section{padding:56px 0}.btns{padding-bottom:36px}}

.logo .br{color:var(--brc,#C85F38)}
footer.site .br{color:var(--gold)}