/* ============================================================
   Umora — CSS da HOME (front-page.php)
   Carregado SOMENTE na home (enqueue condicional em functions.php).
   Reproduz a estrutura C aprovada. Variaveis locais para nao vazar
   pro resto do site (a home desenfileira o CSS do Bosa).
   ============================================================ */
.umora-home{
 --ink:#1F4E46;--text:#374151;--muted:#6B7280;--green-900:#1F4E46;--green-700:#3A7A6D;
 --green-100:#EDFBE2;--green-50:#F8FAF7;--border:#E5E7EB;--madeira:#D9C3A5;--bege:#F5F1EA;--white:#fff;--r:20px}
.umora-home *,.umora-home *::before,.umora-home *::after{box-sizing:border-box}
.umora-home{background:var(--white);color:var(--text);
 font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
.umora-home h1,.umora-home h2,.umora-home h3,.umora-home h4{
 font-family:Poppins,system-ui,sans-serif;color:var(--ink);line-height:1.26;margin:0}
.umora-home a{color:inherit;text-decoration:none}
.umora-home .wrap{max-width:1200px;margin:0 auto;padding:0 26px}

/* header flutuante */
.uh-hd{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);
 backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.uh-hd-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:13px}
.uh-marca{display:flex;align-items:center;gap:11px}
.uh-marca .mk{width:38px;height:38px;flex:0 0 auto}
.uh-marca b{font-family:Poppins,sans-serif;font-weight:700;font-size:26px;color:var(--ink);
 letter-spacing:-.5px;line-height:1}
.uh-hd nav ul{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.uh-hd nav a{display:block;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;color:var(--text);
 padding:8px 15px;border-radius:999px;transition:.15s}
.uh-hd nav a:hover,.uh-hd nav .current-menu-item>a,.uh-hd nav .current_page_item>a{
 background:var(--green-100);color:var(--green-900)}

/* botao hamburguer — 3 tracos 36x3px, gap 13px */
.uh-burger{display:none;width:52px;height:48px;border:0;background:none;cursor:pointer;
 padding:0;grid-auto-rows:max-content;gap:13px;place-content:center;flex:0 0 auto;-webkit-tap-highlight-color:transparent}
.uh-burger span{display:block;width:36px;height:3px;border-radius:99px;margin:0;background:#1F4E46;
 transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .18s}
.uh-burger:focus-visible{outline:3px solid var(--green-700);outline-offset:4px;border-radius:12px}
.uh-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(16px) rotate(45deg)}
.uh-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.uh-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-16px) rotate(-45deg)}

/* painel mobile */
.uh-mob{position:fixed;inset:0;z-index:40;visibility:hidden;pointer-events:none}
.uh-mob-bg{position:absolute;inset:0;background:rgba(31,78,70,.45);opacity:0;transition:.25s}
.uh-mob-pan{position:absolute;top:0;right:0;bottom:0;width:min(84vw,340px);background:#fff;
 padding:20px 22px;display:flex;flex-direction:column;
 transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);
 box-shadow:-8px 0 40px rgba(31,78,70,.16)}
.uh-mob.aberto{visibility:visible;pointer-events:auto}
.uh-mob.aberto .uh-mob-bg{opacity:1}
.uh-mob.aberto .uh-mob-pan{transform:translateX(0)}
.uh-mob-top{display:flex;align-items:center;justify-content:space-between;
 padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:8px}
.uh-mob-x{width:42px;height:42px;border:0;background:none;border-radius:12px;
 display:grid;place-items:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.uh-mob-x svg{width:19px;height:19px;stroke:var(--green-900);stroke-width:2.2;fill:none;stroke-linecap:round}
.uh-mob-x:hover svg{stroke:var(--green-700)}
.uh-mob-pan nav ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.uh-mob-pan nav a{display:block;font-family:Poppins,sans-serif;font-weight:500;font-size:16px;
 color:var(--text);padding:13px 14px;border-radius:12px}
.uh-mob-pan nav a:hover,.uh-mob-pan nav .current-menu-item>a{background:var(--green-100);color:var(--green-900)}
.uh-mob-rod{margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}
.uh-mob-rod a{display:inline-flex;align-items:center;gap:9px;font-family:Poppins,sans-serif;
 font-weight:500;font-size:14px;color:var(--green-700)}
.uh-mob-rod svg{width:17px;height:17px;stroke:var(--green-700);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.uh-travado{overflow:hidden}

/* hero — foto fixa do site (nao vem do post) */
.uh-hero{position:relative;min-height:min(64vh,520px);border-radius:0 0 34px 34px;overflow:hidden;
 display:flex;align-items:flex-end;isolation:isolate;
 background:linear-gradient(140deg,#CDE8B8,#A9C9A0 55%,#1F4E46)}
.uh-hero-bg{position:absolute;inset:0;z-index:0;background-image:var(--hero-foto);
 background-size:cover;background-position:center 35%;background-repeat:no-repeat}
.uh-hero::after{content:"";position:absolute;inset:0;z-index:1;
 background:
  linear-gradient(to top,rgba(14,40,36,.95) 4%,rgba(17,46,41,.78) 34%,rgba(20,52,47,.34) 74%,rgba(20,52,47,.16) 100%),
  linear-gradient(to right,rgba(14,40,36,.78),rgba(16,44,40,.34) 46%,rgba(20,52,47,0) 74%)}
.uh-hero .wrap{width:100%;position:relative;z-index:2}
.uh-hero-txt{padding:0 0 54px;max-width:680px}
.uh-selo{display:inline-flex;align-items:center;gap:7px;font-family:Poppins,sans-serif;font-weight:600;
 font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--green-900);
 background:#fff;border-radius:999px;padding:6px 14px}
.uh-hero h1{color:#fff;font-size:clamp(30px,4.4vw,48px);font-weight:700;letter-spacing:-.9px;
 margin:16px 0 14px;text-wrap:balance;text-shadow:0 1px 24px rgba(12,34,30,.34)}
.uh-hero p{color:#E4EEDC;font-size:17px;margin:0 0 24px;max-width:52ch;text-shadow:0 1px 16px rgba(12,34,30,.3)}
.uh-btn{display:inline-block;font-family:Poppins,sans-serif;font-weight:600;font-size:14.5px;
 background:#fff;color:var(--green-900);padding:13px 27px;border-radius:999px}
.uh-btn:hover{background:var(--green-100)}

/* tiles de categoria */
.uh-tiles{padding-block:56px 12px}
.uh-t-head{margin-bottom:24px}
.uh-t-head h2{font-size:25px;font-weight:600;color:var(--green-900)}
.uh-t-head p{margin:6px 0 0;color:var(--muted);font-size:15.5px}
.uh-tg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.uh-tile{border-radius:var(--r);padding:26px 22px;min-height:150px;display:flex;flex-direction:column;
 justify-content:space-between;transition:.18s;color:var(--green-900)}
.uh-tile:hover{transform:translateY(-4px)}
.uh-tile svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.7;fill:none}
.uh-tile b{display:block;font-family:Poppins,sans-serif;font-weight:600;font-size:17.5px;margin-bottom:2px}
.uh-tile span{font-size:13px;opacity:.72}
.uh-t1{background:#EDFBE2}.uh-t2{background:#DDF2CC}.uh-t3{background:#CDE8B8}
.uh-t4{background:var(--green-900);color:#F5F1EA}

/* destaque — mosaico imagem+titulo, "ler artigo" no hover */
.uh-dest{padding-block:46px 6px}
.uh-dest .uh-p-head p{margin:6px 0 0;color:var(--muted);font-size:15.5px}
.uh-dg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.uh-dc{position:relative;display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;isolation:isolate;background:var(--bege)}
.uh-dc-im{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#F5F1EA,#D9C3A5);
 background-size:cover;background-position:center;display:grid;place-items:center;color:var(--green-700);
 font-family:Poppins,sans-serif;font-weight:600;font-size:12.5px;transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.uh-dc::after{content:"";position:absolute;inset:0;z-index:1;transition:.3s;
 background:linear-gradient(to top,rgba(16,44,40,.9) 4%,rgba(18,48,43,.5) 42%,rgba(20,52,47,.06) 78%)}
.uh-dc:hover .uh-dc-im{transform:scale(1.06)}
.uh-dc:hover::after{background:linear-gradient(to top,rgba(14,40,36,.94) 4%,rgba(16,44,40,.62) 48%,rgba(20,52,47,.2) 86%)}
.uh-dc-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 18px 17px}
.uh-dc h3{color:#fff;font-size:16.5px;font-weight:600;line-height:1.32;text-wrap:balance;text-shadow:0 1px 14px rgba(10,30,27,.4)}
.uh-dc-cat{display:inline-block;font-family:Poppins,sans-serif;font-weight:600;font-size:10.5px;
 letter-spacing:.1em;text-transform:uppercase;color:#CDE8B8;margin-bottom:6px}
.uh-dc-ler{display:inline-flex;align-items:center;gap:7px;margin-top:0;
 font-family:Poppins,sans-serif;font-weight:600;font-size:13px;color:#CDE8B8;
 max-height:0;opacity:0;transform:translateY(6px);overflow:hidden;
 transition:max-height .3s ease,opacity .25s ease,transform .3s ease,margin-top .3s ease}
.uh-dc-ler svg{width:15px;height:15px;stroke:#CDE8B8;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.uh-dc:hover .uh-dc-ler,.uh-dc:focus-visible .uh-dc-ler{max-height:32px;opacity:1;transform:none;margin-top:9px}
.uh-dc:hover .uh-dc-ler svg{transform:translateX(3px)}
.uh-dc:focus-visible{outline:3px solid var(--green-700);outline-offset:3px}
@media(hover:none){.uh-dc-ler{max-height:32px;opacity:1;transform:none;margin-top:9px}}

/* recentes — 1 grande + 4 menores */
.uh-posts{padding-block:52px}
.uh-p-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}
.uh-p-head h2{font-size:25px;font-weight:600;color:var(--green-900)}
.uh-p-head a{font-family:Poppins,sans-serif;font-weight:600;font-size:14px;color:var(--green-700)}
.uh-pg{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:1fr 1fr;align-items:stretch;gap:22px}
.uh-card{border-radius:var(--r);overflow:hidden;background:var(--white);border:1px solid var(--border);
 display:flex;flex-direction:column;transition:.18s;min-width:0}
.uh-card:hover{box-shadow:0 14px 34px rgba(31,78,70,.12);transform:translateY(-3px)}
.uh-card .im{background:linear-gradient(135deg,#F5F1EA,#D9C3A5);background-size:cover;background-position:center;
 display:grid;place-items:center;color:var(--green-700);font-family:Poppins,sans-serif;font-weight:600;font-size:12.5px}
.uh-card .bd{padding:20px;display:flex;flex-direction:column;gap:9px;flex:1}
.uh-tag{align-self:flex-start;font-family:Poppins,sans-serif;font-weight:600;font-size:10.5px;
 letter-spacing:.1em;text-transform:uppercase;color:var(--green-700);background:var(--green-100);border-radius:999px;padding:4px 11px}
.uh-card h3{font-size:17.5px;font-weight:600;line-height:1.36}
.uh-card p{margin:0;font-size:14.5px;color:var(--muted)}
.uh-card .mt{margin-top:auto;padding-top:11px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}
.uh-card.big{grid-column:1;grid-row:1 / span 2}
.uh-card.big .im{flex:1;min-height:230px;aspect-ratio:16/11}
.uh-card.big h3{font-size:26px;letter-spacing:-.4px}
.uh-pg .uh-card:not(.big){flex-direction:row}
.uh-pg .uh-card:not(.big) .im{width:118px;flex:0 0 118px;aspect-ratio:1}
.uh-pg .uh-card:not(.big) .bd{padding:16px 18px;justify-content:center}
.uh-pg .uh-card:not(.big) h3{font-size:16px}
.uh-pg .uh-card:not(.big) p{display:none}
.uh-pg .uh-card:not(.big) .mt{margin-top:12px}

/* CTA fale com a gente */
.uh-cta{background:var(--green-900);border-radius:28px;margin:20px auto 64px;max-width:1148px;
 padding:48px 44px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.uh-cta-selo{display:inline-block;font-family:Poppins,sans-serif;font-weight:600;font-size:11.5px;
 letter-spacing:.14em;text-transform:uppercase;color:#CDE8B8;margin-bottom:12px}
.uh-cta h2{color:#fff;font-size:29px;font-weight:600;letter-spacing:-.3px}
.uh-cta p{color:#A3B19B;margin:10px 0 0;font-size:15.5px;max-width:42ch}
.uh-cta-mail{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-family:Poppins,sans-serif;
 font-weight:500;font-size:14.5px;color:#CDE8B8;border-bottom:1px solid rgba(205,232,184,.35);padding-bottom:4px}
.uh-cta-mail:hover{border-bottom-color:#CDE8B8}
.uh-cta-mail svg{width:18px;height:18px;stroke:#CDE8B8;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.uh-cta-acao{display:flex;justify-content:flex-end}
.uh-cta-btn{display:inline-flex;align-items:center;gap:9px;font-family:Poppins,sans-serif;font-weight:600;
 font-size:15px;background:#CDE8B8;color:var(--green-900);padding:15px 30px;border-radius:999px;transition:.15s}
.uh-cta-btn:hover{background:#fff}
.uh-cta-btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* footer */
.uh-foot{border-top:1px solid var(--border);padding:44px 0 26px;background:var(--white)}
.uh-fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.uh-foot h4{font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:13px}
.uh-foot ul{list-style:none;margin:0;padding:0}
.uh-foot li{margin-bottom:9px;font-size:14px;color:var(--muted)}
.uh-foot li a{color:var(--muted)}
.uh-foot li a:hover{color:var(--green-700)}
.uh-fb{margin-top:30px;padding-top:18px;border-top:1px solid var(--border);display:flex;
 justify-content:space-between;font-size:12.5px;color:var(--muted);flex-wrap:wrap;gap:12px}

@media(max-width:980px){
 .uh-tg{grid-template-columns:1fr 1fr}
 .uh-pg{grid-template-columns:1fr;grid-template-rows:none}
 .uh-card.big{grid-column:auto;grid-row:auto}
 .uh-card.big .im{flex:none;aspect-ratio:16/10;min-height:0}
 .uh-pg .uh-card:not(.big) p{display:block}
 .uh-cta,.uh-fg{grid-template-columns:1fr}
 .uh-cta-acao{justify-content:flex-start}
 .uh-dg{grid-template-columns:1fr 1fr}
 .uh-dc{aspect-ratio:4/3}
 .uh-hd nav{display:none}
 .uh-burger{display:grid}
}
@media(max-width:560px){
 .uh-tg,.uh-fg,.uh-dg{grid-template-columns:1fr}
 .uh-dc{aspect-ratio:16/9}
 .uh-pg .uh-card:not(.big){flex-direction:column}
 .uh-pg .uh-card:not(.big) .im{width:100%;flex:none;aspect-ratio:16/10}
 .uh-pg .uh-card:not(.big) .bd{padding:20px}
}