/* easii design system — núcleo compartilhado dos templates do child theme (v1.1.0) */
:root{
  --p:#851EE6; --p-l:#A659F0; --p-d:#5E13A8; --p-dk:#2E1149; --p-nt:#1A0830;
  --c:#47EEDD; --c-d:#0E8C7E;
  --r:#FF7E9D; --r-d:#E85A7E;
  --cr:#F8F6FF; --lv:#F3EDFF; --ln:#DDD0FF;
  --ink:#2A1640; --mut:#6E5A8A; --wh:#fff;
  --fp:'Poppins',system-ui,sans-serif; --fb:'Nunito',system-ui,sans-serif;
  --br:14px; --brl:24px; --brx:32px; --pill:999px;
  --sh:0 4px 20px rgba(133,30,230,.09);
  --shm:0 10px 40px rgba(133,30,230,.14);
  --shp:0 12px 36px rgba(133,30,230,.34);
  --t:260ms cubic-bezier(.4,0,.2,1);
  --w:1160px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body.easii-tpl{font-family:var(--fb);color:var(--ink);background:var(--wh);line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.easii-tpl img{max-width:100%;height:auto}
.easii-tpl a{color:inherit;text-decoration:none}
.easii-tpl ul{list-style:none}
.easii-tpl h1,.easii-tpl h2,.easii-tpl h3{font-family:var(--fp);line-height:1.2;letter-spacing:-.02em;font-weight:800}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.sec{padding:96px 0}
.bg-cr{background:var(--cr)}
@media(max-width:767px){.sec{padding:64px 0}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fp);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--p);background:var(--lv);border:1px solid var(--ln);padding:7px 16px;border-radius:var(--pill);margin-bottom:20px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--c))}
.lead{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--mut);max-width:640px}
.center{text-align:center}
.center .lead{margin:0 auto}
.grad{color:var(--p)}
@supports (-webkit-background-clip:text) or (background-clip:text){.grad{background:linear-gradient(120deg,var(--p),var(--p-l) 52%,#E85A7E);-webkit-background-clip:text;background-clip:text;color:transparent}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--fp);font-weight:700;font-size:1rem;padding:16px 32px;border-radius:var(--pill);border:2px solid transparent;cursor:pointer;transition:transform var(--t),box-shadow var(--t),background var(--t),color var(--t);white-space:nowrap}
.btn-p{background:linear-gradient(135deg,var(--p) 10%,var(--p-l) 90%);color:var(--wh);box-shadow:var(--shp)}
.btn-p:hover,.btn-p:focus{color:var(--wh);transform:translateY(-3px);box-shadow:0 18px 44px rgba(133,30,230,.44)}
.btn-o{background:var(--wh);color:var(--p);border-color:var(--ln)}
.btn-o:hover,.btn-o:focus{color:var(--p);border-color:var(--p);transform:translateY(-3px);box-shadow:var(--sh)}
/* Nos templates do tema, .easii-tpl a{color:inherit} (0,1,1) vence .btn-p (0,1,0)
   e o texto do botao herdava o ink escuro sobre o fundo roxo. Sobe a especificidade
   para 0,2,1 no estado NORMAL — o :hover ja estava blindado abaixo. */
.easii-tpl a.btn-p{color:var(--wh)}
.easii-tpl a.btn-o{color:var(--p)}
/* blindagem contra a:hover de folhas globais (kit do Elementor etc.) */
a.btn-p:hover,a.btn-p:focus{color:var(--wh)!important}
a.btn-o:hover,a.btn-o:focus{color:var(--p)!important}
.nav a:hover,.nav a:focus{color:var(--p)!important}
.rod a:hover,.rod a:focus{color:var(--c)!important}
.btn:focus-visible{outline:3px solid var(--c);outline-offset:2px}
/* header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:60;transition:background var(--t),box-shadow var(--t),backdrop-filter var(--t)}
.hdr.on{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--ln),0 8px 30px rgba(133,30,230,.07)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.hdr .logo{flex:none;display:flex;align-items:center}
.hdr .logo img{height:34px;width:auto;max-width:none}
.nav{display:flex;align-items:center;gap:4px}
.nav a{font-family:var(--fp);font-weight:600;font-size:.92rem;color:var(--ink);padding:9px 14px;border-radius:var(--pill);transition:background var(--t),color var(--t);white-space:nowrap}
.nav a:hover{background:var(--lv);color:var(--p)}
.nav a[aria-current]{background:var(--lv);color:var(--p)}
.hdr-cta{display:flex;align-items:center;gap:10px}
.hdr-cta .btn{padding:11px 22px;font-size:.9rem}
@media(max-width:1023px){.hdr-cta .btn-p{display:none}}
.burger{display:none;background:none;border:0;cursor:pointer;padding:10px;border-radius:12px}
.burger span{display:block;width:24px;height:2.6px;background:var(--p);border-radius:2px;margin:5px 0;transition:transform var(--t),opacity var(--t)}
@media(max-width:1279px){.nav a{font-size:.85rem;padding:8px 10px}}
@media(max-width:1023px){
  .nav{display:none}
  .burger{display:block}
  body.menu-aberto .burger span:nth-child(1){transform:translateY(7.6px) rotate(45deg)}
  body.menu-aberto .burger span:nth-child(2){opacity:0}
  body.menu-aberto .burger span:nth-child(3){transform:translateY(-7.6px) rotate(-45deg)}
}
@media(max-width:479px){
  .hdr .logo img{height:27px}
  .hdr-cta{gap:6px}
  .hdr-cta .btn{padding:9px 15px;font-size:.82rem}
  .burger{padding:8px}
}
.menu-mob{position:fixed;inset:76px 0 0 0;background:rgba(248,246,255,.98);backdrop-filter:blur(10px);z-index:55;display:none;flex-direction:column;padding:32px 24px;gap:6px;overflow-y:auto}
body.menu-aberto .menu-mob{display:flex}
.menu-mob a{font-family:var(--fp);font-weight:700;font-size:1.25rem;padding:14px 18px;border-radius:16px}
.menu-mob a:active{background:var(--lv);color:var(--p)}
.menu-mob .btn{margin-top:18px;font-size:1.05rem}
/* mega menu produtos */
.tem-sub{position:relative}
.nav-sub-gatilho{font-family:var(--fp);font-weight:600;font-size:.92rem;color:var(--ink);padding:9px 14px;border-radius:var(--pill);border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--t),color var(--t);white-space:nowrap}
.nav-sub-gatilho svg{transition:transform var(--t)}
.nav-sub-gatilho:hover,.nav-sub-gatilho:focus,.tem-sub:hover .nav-sub-gatilho,.nav-sub-gatilho.ativo{background:var(--lv);color:var(--p)}
.tem-sub:hover .nav-sub-gatilho svg{transform:rotate(180deg)}
.subpainel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(10px);width:640px;background:var(--wh);border:1px solid var(--lv);border-radius:22px;box-shadow:0 30px 70px rgba(46,17,73,.18);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:6px;opacity:0;visibility:hidden;transition:opacity var(--t),transform var(--t),visibility 0s linear .26s;z-index:70;white-space:normal}
.subpainel::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.tem-sub:hover .subpainel,.tem-sub:focus-within .subpainel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition:opacity var(--t),transform var(--t),visibility 0s}
.sub-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;transition:background var(--t),transform var(--t)}
.sub-card:hover{background:var(--lv);transform:translateX(3px)}
.sub-card .ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--wh)}
.nav a.sub-card{white-space:normal}
.sub-card .tx{min-width:0}
.sub-card .tx b{font-family:var(--fp);font-weight:700;font-size:.92rem;color:var(--ink);display:block;line-height:1.3}
.sub-card .tx small{font-size:.8rem;color:var(--mut);line-height:1.4;display:block;margin-top:2px}
.sub-card:hover .tx b{color:var(--p)}
.sub-rodape{grid-column:1/-1;border-top:1px solid var(--lv);margin-top:8px;padding:14px 14px 6px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sub-rodape span{font-size:.85rem;color:var(--mut)}
.sub-rodape a{font-family:var(--fp);font-weight:700;font-size:.88rem;color:var(--p)}
.sub-rodape a:hover{color:var(--p-d)!important}
.menu-grupo{display:block;font-family:var(--fp);font-weight:700;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding:16px 18px 4px}
.menu-mob a.menu-sub-item{font-size:1.02rem;font-weight:600;padding:9px 18px 9px 32px;color:var(--ink)}
/* hero compacto de seção interna */
.mini-hero{padding:150px 0 56px;background:
  radial-gradient(900px 480px at 70% -10%,rgba(166,89,240,.15),transparent 60%),
  linear-gradient(180deg,var(--cr),var(--wh))}
.mini-hero h1{font-size:clamp(1.9rem,4.2vw,2.8rem);max-width:840px}
.mini-hero .lead{margin-top:14px}
.mini-hero.center h1{margin-left:auto;margin-right:auto}
/* busca */
.busca-form{display:flex;gap:10px;max-width:560px;margin-top:26px}
.center .busca-form{margin-left:auto;margin-right:auto}
.busca-form input[type=search]{flex:1;border:1.5px solid var(--ln);border-radius:var(--pill);padding:14px 22px;font-family:var(--fb);font-size:1rem;color:var(--ink);background:var(--wh);outline:none;transition:border-color var(--t),box-shadow var(--t)}
.busca-form input[type=search]:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(133,30,230,.14)}
.busca-form .btn{padding:13px 26px}
@media(max-width:479px){.busca-form{flex-direction:column}.busca-form .btn{width:100%}}
/* grid de categorias */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.cat-card{background:var(--wh);border:1px solid var(--lv);border-radius:var(--brl);padding:28px 26px;transition:transform var(--t),box-shadow var(--t);display:block}
.cat-card:hover{transform:translateY(-6px);box-shadow:var(--shm)}
.cat-card .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--lv);color:var(--p);margin-bottom:16px}
.cat-card h3{font-size:1.08rem;margin-bottom:6px}
.cat-card p{font-size:.9rem;color:var(--mut)}
@media(max-width:1023px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:599px){.cat-grid{grid-template-columns:1fr}}
/* lista de artigos */
.art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px}
.art-card{background:var(--wh);border:1px solid var(--lv);border-radius:var(--brl);padding:28px 26px;display:block;transition:transform var(--t),box-shadow var(--t)}
.art-card:hover{transform:translateY(-6px);box-shadow:var(--shm)}
.art-card .cat{font-family:var(--fp);font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--p);display:inline-block;margin-bottom:10px}
.art-card h3{font-size:1.12rem;margin-bottom:8px;line-height:1.35}
.art-card p{font-size:.93rem;color:var(--mut)}
.art-card .mais{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--fp);font-weight:700;font-size:.86rem;color:var(--p)}
@media(max-width:767px){.art-grid{grid-template-columns:1fr}}
/* artigo (single) */
.artigo-wrap{max-width:760px;margin:0 auto;padding:56px 24px 96px}
.artigo{font-size:1.05rem;color:#3D2A55}
.artigo h2{font-size:1.5rem;color:var(--ink);margin:40px 0 14px}
.artigo h3{font-size:1.2rem;color:var(--ink);margin:30px 0 12px}
.artigo p{margin-bottom:16px}
.artigo ul,.artigo ol{margin:0 0 16px 24px}
.artigo ul{list-style:disc}
.artigo li{margin-bottom:6px}
.artigo img{border-radius:18px;box-shadow:var(--sh);margin:22px 0}
.artigo a{color:var(--p);font-weight:700;text-decoration:underline}
.artigo blockquote{border-left:3px solid var(--p-l);background:var(--cr);padding:16px 22px;border-radius:0 14px 14px 0;margin:0 0 16px}
.artigo-nav{display:flex;justify-content:space-between;gap:16px;margin-top:52px;flex-wrap:wrap}
.artigo-nav a{flex:1;min-width:220px;background:var(--cr);border:1px solid var(--lv);border-radius:18px;padding:18px 22px;transition:transform var(--t),box-shadow var(--t)}
.artigo-nav a:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.artigo-nav .rotulo{font-family:var(--fp);font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);display:block;margin-bottom:6px}
.artigo-nav .titulo{font-family:var(--fp);font-weight:700;font-size:.95rem;color:var(--ink)}
.artigo-nav a.prox{text-align:right}
/* card de apoio */
.apoio-card{margin-top:56px;background:linear-gradient(135deg,var(--p-dk),var(--p-d));border-radius:var(--brx);padding:40px 38px;color:var(--wh);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.apoio-card h2{color:var(--wh);font-size:1.35rem;max-width:480px}
.apoio-card p{color:rgba(255,255,255,.75);margin-top:6px;max-width:480px}
.apoio-card .btn{background:var(--wh);color:var(--p-d)}
.apoio-card .btn:hover,.apoio-card .btn:focus{color:var(--p-d)!important;transform:translateY(-3px)}
.artigo a:hover{color:var(--p-d)!important}
.pg404 .atalhos a:hover{color:var(--p-d)!important}
.cat-card:hover h3,.art-card:hover h3{color:var(--ink)}
/* 404 */
.pg404{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;background:
  radial-gradient(900px 480px at 80% -10%,rgba(166,89,240,.18),transparent 60%),
  radial-gradient(700px 420px at 10% 100%,rgba(71,238,221,.14),transparent 60%),
  linear-gradient(180deg,var(--cr),var(--wh))}
.pg404 .codigo{font-family:var(--fp);font-weight:800;font-size:clamp(5rem,16vw,9rem);line-height:1;color:var(--lv);letter-spacing:-.04em;position:relative}
.pg404 .codigo em{font-style:normal;color:var(--p)}
.pg404 h1{font-size:clamp(1.6rem,4vw,2.4rem);margin-top:8px}
.pg404 p{color:var(--mut);max-width:480px;margin:14px auto 30px}
.pg404 .acoes{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.pg404 .atalhos{margin-top:40px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pg404 .atalhos a{font-family:var(--fp);font-weight:600;font-size:.88rem;background:var(--wh);border:1px solid var(--ln);color:var(--p-d);padding:9px 18px;border-radius:var(--pill);transition:transform var(--t),box-shadow var(--t)}
.pg404 .atalhos a:hover{transform:translateY(-2px);box-shadow:var(--sh)}
/* rodapé */
.rod{background:var(--p-nt);color:rgba(255,255,255,.75);padding:72px 0 36px;font-size:.95rem}
.rod-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;margin-bottom:52px}
.rod .logo-r{height:34px;width:auto;filter:brightness(0) invert(1);opacity:.95;margin-bottom:18px}
.rod h4{font-family:var(--fp);color:var(--wh);font-size:.95rem;margin-bottom:16px;letter-spacing:.04em}
.rod ul{display:grid;gap:9px}
.rod a{transition:color var(--t)}
.rod a:hover{color:var(--c)}
.rod-base{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;font-size:.85rem;color:rgba(255,255,255,.5)}
@media(max-width:1023px){.rod-grid{grid-template-columns:1fr;gap:36px}}
/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s var(--t),transform .7s var(--t)}
.rv.viva{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}