@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f6f8fc;--surface:#fff;--surface2:#eef3f9;--ink:#0b1730;--muted:#66748c;--line:#dfe6ef;--dark:#081426;--blue:#1769ff;--cyan:#00b8d9;--green:#13b66a;--purple:#7957ff;--red:#ef476f;--shadow:0 18px 55px rgba(13,34,67,.10);--shadow2:0 10px 28px rgba(13,34,67,.08);--radius:22px;--radius2:16px;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,#eaf2ff 0,transparent 34%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6;font-size:15px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,105,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}a{text-decoration:none;color:inherit}img{max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4{font-family:'Space Grotesk',Inter,sans-serif;line-height:1.15;letter-spacing:-.025em}
.topnav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px max(22px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,230,239,.8);box-shadow:0 4px 20px rgba(13,34,67,.04)}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-size:19px;font-weight:800;white-space:nowrap}.logo{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0a3b92,#1769ff 55%,#00b8d9);box-shadow:0 8px 20px rgba(23,105,255,.28);font-size:13px}.topnav nav{display:flex;align-items:center;gap:5px}.topnav nav a{position:relative;padding:10px 11px;border-radius:10px;color:#52627b;font-size:13px;font-weight:700;transition:.2s}.topnav nav a:hover,.topnav nav a.active{color:var(--blue);background:#edf4ff}.topnav nav a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--blue)}.menu-btn{display:none;border:0;background:#edf4ff;color:var(--blue);width:42px;height:42px;border-radius:12px;font-size:21px;cursor:pointer}
.hero{position:relative;overflow:hidden;padding:86px 22px 74px;background:linear-gradient(135deg,#07152b 0%,#0c2852 48%,#063c59 100%);color:#fff;text-align:center}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.45;animation:orb 8s ease-in-out infinite}.hero:before{width:430px;height:430px;right:-150px;top:-220px;background:radial-gradient(circle,#1769ff,transparent 65%)}.hero:after{width:360px;height:360px;left:-140px;bottom:-220px;background:radial-gradient(circle,#00b8d9,transparent 65%);animation-delay:-3s}.hero-inner{position:relative;z-index:2;max-width:940px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;color:#d9e9ff;box-shadow:inset 0 1px rgba(255,255,255,.12)}.eyebrow:before{content:"✦";color:#5fe1ff}.hero h1{font-size:clamp(38px,6vw,70px);max-width:900px;margin:20px auto 16px;color:#fff}.hero h1 span{background:linear-gradient(90deg,#fff,#74dfff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:710px;margin:0 auto;color:#c5d4e9;font-size:17px}.hero-search{max-width:720px;margin:30px auto 0;display:flex;align-items:center;padding:7px;background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.hero-search .search-icon{width:48px;font-size:20px;color:#6b7c95}.hero-search input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;padding:13px 5px}.hero-search button{border:0;background:var(--blue);color:#fff;font-weight:800;padding:13px 20px;border-radius:12px;cursor:pointer}.search-results{display:none;max-width:720px;margin:8px auto 0;text-align:left;background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.28);position:relative;z-index:20}.search-results.show{display:block}.search-result{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;border-bottom:1px solid #edf1f6}.search-result:last-child{border:0}.search-result small{display:block;color:var(--muted)}.search-result strong{font-size:13px}.search-result:hover{background:#f4f8ff}.hero-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-stat{padding:9px 13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;color:#dce8f8;font-size:12px;font-weight:700}.hero-stat b{color:#fff}
.section{max-width:var(--max);margin:auto;padding:66px 22px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{font-size:30px;margin:0}.section-head p{color:var(--muted);margin:7px 0 0}.section-kicker{font-size:11px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.13em}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cat-grid{max-width:1220px;margin:0 auto;padding:48px 22px 76px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cat-grid .cat-card{min-height:225px}.cat-grid .cat-card:nth-child(2){animation-delay:.05s}.cat-grid .cat-card:nth-child(3){animation-delay:.10s}.cat-grid .cat-card:nth-child(4){animation-delay:.15s}.cat-grid .cat-card:nth-child(5){animation-delay:.20s}.cat-grid .cat-card:nth-child(6){animation-delay:.25s}.cat-grid .cat-card:nth-child(7){animation-delay:.30s}.cat-grid .cat-card:nth-child(8){animation-delay:.35s}.cat-grid .cat-card:nth-child(9){animation-delay:.40s}.cat-grid .cat-card:nth-child(10){animation-delay:.45s}.cat-grid .cat-card:nth-child(11){animation-delay:.50s}.cat-grid .cat-card:nth-child(12){animation-delay:.55s}.cat-card{position:relative;min-height:205px;padding:23px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:var(--shadow2);overflow:hidden;transition:.25s;opacity:0;transform:translateY(18px);animation:rise .65s ease forwards}.cat-card:before{content:"";position:absolute;inset:auto -25px -50px auto;width:130px;height:130px;border-radius:50%;background:var(--tint,#edf4ff);opacity:.8}.cat-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cbd9eb}.cat-card .icon{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--tint,#edf4ff);font-size:23px;margin-bottom:18px}.cat-card h3{font-size:18px;margin:0 0 7px}.cat-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.count{display:inline-flex;margin-top:16px;font-size:12px;font-weight:800;color:var(--blue)}[data-cat=financeiro] .cat-card{--tint:#e5f8ee}[data-cat=pdf] .cat-card{--tint:#ffedf1}[data-cat=imagem] .cat-card{--tint:#fff0f6}[data-cat=texto] .cat-card{--tint:#eaf4ff}[data-cat=saude] .cat-card{--tint:#fff0f2}[data-cat=legal] .cat-card{--tint:#f3edff}[data-cat=dev] .cat-card{--tint:#fff5df}[data-cat=social] .cat-card{--tint:#eeeaff}
.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.popular-card{display:flex;align-items:center;gap:14px;padding:17px;border-radius:17px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(13,34,67,.06);transition:.2s}.popular-card:hover{transform:translateY(-4px);border-color:#bdd0ea}.popular-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;font-size:20px}.popular-card strong{display:block;font-size:13px}.popular-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.feature-strip{max-width:var(--max);margin:0 auto 30px;padding:0 22px}.feature-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding:25px;border-radius:24px;background:linear-gradient(135deg,#fff,#f0f6ff);border:1px solid #dbe7f5;box-shadow:var(--shadow2)}.feature{display:flex;gap:12px}.feature .ficon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:#e8f1ff;color:var(--blue);font-weight:800}.feature strong{font-size:13px}.feature p{margin:3px 0 0;color:var(--muted);font-size:12px}
.page-header{position:relative;overflow:hidden;padding:62px 22px 54px;text-align:center;color:#fff;background:linear-gradient(135deg,#07152b,#103a75 60%,#086178)}.page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(0,184,217,.3),transparent 32%),radial-gradient(circle at 90% 90%,rgba(121,87,255,.28),transparent 30%)}.page-header>*{position:relative;z-index:1}.page-header .num{display:inline-grid;place-items:center;min-width:48px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:800;color:#d8edff}.page-header h1{font-size:clamp(32px,5vw,54px);margin:15px auto 9px;color:#fff}.page-header p{max-width:700px;margin:auto;color:#c7d8ed;font-size:16px}.back-link{display:inline-flex;margin-bottom:13px;color:#cfe0f5;font-size:12px;font-weight:800}.back-link:hover{color:#fff}
.tools-grid{max-width:920px;margin:auto;padding:55px 22px 40px}.tool-card{position:relative;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow2);scroll-margin-top:95px;overflow:hidden}.tool-card:after{content:"";position:absolute;right:-80px;top:-80px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(23,105,255,.08),transparent 68%);pointer-events:none}.tool-card:before{content:attr(data-tag);position:absolute;top:18px;right:22px;color:#5f6f87;background:#f0f4f9;border:1px solid #e1e7ef;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;letter-spacing:.06em}.tool-card h3{font-size:25px;margin:0 80px 5px 0}.tool-card .desc{color:var(--muted);font-size:13px;margin:0 0 22px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:15px}label{display:block;margin:0 0 6px;font-size:12px;font-weight:800;color:#31425c}input[type=text],input[type=number],input[type=date],input[type=file],select,textarea{width:100%;border:1px solid #d6dfeb;background:#f9fbfd;color:var(--ink);border-radius:13px;padding:12px 13px;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#8cb7ff;box-shadow:0 0 0 4px rgba(23,105,255,.09)}textarea{min-height:100px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:8px;margin:9px 0;font-size:13px}.checkbox-row input{width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:linear-gradient(135deg,#145eff,#008fdd);color:#fff;padding:12px 20px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(23,105,255,.22);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,105,255,.26)}.btn:active{transform:scale(.98)}.btn.secondary{background:#eef3f8;color:#263852;box-shadow:none}.receipt{margin-top:20px;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid #dbe6f2;padding:19px;border-radius:16px;display:none}.receipt.show{display:block;animation:pop .3s ease}.receipt .r-title{display:flex;justify-content:space-between;border-bottom:1px dashed #d8e0ea;padding-bottom:9px;margin-bottom:8px;font-size:12px;color:#63728a;font-weight:800}.r-line{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px dotted #e0e6ee;font-size:13px}.r-line span:last-child{font-weight:800;text-align:right}.r-total{display:flex;justify-content:space-between;gap:15px;padding-top:12px;margin-top:7px;border-top:2px solid #1a2940;font-size:17px;font-weight:800}.note{font-size:11.5px;color:var(--muted);margin-top:10px}.note.warn{color:#c42d52;font-weight:700}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.content-page{max-width:850px;margin:auto;padding:28px 22px 85px}.content-page h1{font-size:36px}.content-page h2{font-size:22px;margin-top:34px}.content-page p,.content-page li{color:var(--muted);font-size:14px}.content-page li{margin:7px 0}.content-page ul,.content-page ol{padding-left:22px}.content-page strong{color:#273852}.seo-box{margin-top:28px;padding:22px;border:1px solid #dce6f1;background:#f8fbff;border-radius:18px}
footer{margin-top:30px;padding:48px 22px;background:#071426;color:#91a5c0;text-align:center;font-size:12px}footer .foot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:18px}footer a{color:#d5e1ef;font-weight:700}footer a:hover{color:#5fe1ff}footer:before{content:"JB";display:grid;place-items:center;margin:0 auto 13px;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1769ff,#00b8d9);color:#fff;font-weight:900}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}@keyframes rise{to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes orb{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,20px,0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.topnav nav{gap:0}.topnav nav a{padding:9px 7px;font-size:12px}.category-grid,.popular-grid{grid-template-columns:repeat(2,1fr)}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topnav{padding:10px 15px}.topnav nav{display:none;position:absolute;left:10px;right:10px;top:64px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.topnav nav.open{display:flex}.topnav nav a{padding:12px}.menu-btn{display:grid;place-items:center}.hero{padding:66px 16px 56px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-search{margin-top:23px}.hero-search button{display:none}.hero-stats{gap:7px}.section{padding:48px 16px}.section-head{display:block}.section-head h2{font-size:25px}.category-grid,.popular-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:1fr;padding:32px 15px 55px}.cat-card{min-height:0}.feature-strip{padding:0 16px}.feature-inner{grid-template-columns:1fr;padding:20px}.page-header{padding:48px 16px 42px}.page-header h1{font-size:36px}.tools-grid{padding:35px 15px}.tool-card{padding:23px 18px}.tool-card h3{font-size:22px;margin-right:0}.tool-card:before{position:static;display:inline-block;margin-bottom:14px}.field-row{grid-template-columns:1fr}.content-page{padding:25px 17px 65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* ===== JeitoBR Premium Motion Upgrade ===== */
:root{--glow:rgba(0,184,217,.22);--blue2:#4f8cff}
.hero{isolation:isolate}
.hero:after{animation:orb 7s ease-in-out infinite, pulseGlow 4s ease-in-out infinite}
.hero:before{animation:orb 9s ease-in-out infinite reverse, pulseGlow 5s ease-in-out infinite}
.hero-inner{animation:heroIn .9s cubic-bezier(.2,.8,.2,1) both}
.eyebrow{animation:floatBadge 3.8s ease-in-out infinite}
.hero h1{animation:textReveal .9s .12s both}
.hero p{animation:textReveal .9s .22s both}
.hero-search{animation:searchIn .8s .3s both;position:relative}
.hero-search:before{content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;background:linear-gradient(90deg,#1769ff,#00d4ff,#7957ff,#1769ff);background-size:300% 100%;animation:borderFlow 5s linear infinite;z-index:-1;opacity:.7}
.hero-search button{position:relative;overflow:hidden}
.hero-search button:after{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:shine 3.5s ease-in-out infinite}
.hero-stat{animation:statFloat 4s ease-in-out infinite}
.hero-stat:nth-child(2){animation-delay:.3s}.hero-stat:nth-child(3){animation-delay:.6s}.hero-stat:nth-child(4){animation-delay:.9s}
.category-grid .cat-card,.cat-grid .cat-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,250,255,.92));border-color:rgba(193,209,229,.85);transform:translateY(18px);animation:cardIn .7s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,box-shadow}
.category-grid .cat-card:after,.cat-grid .cat-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.7) 45%,transparent 62%);transform:translateX(-120%);transition:.5s;pointer-events:none}
.category-grid .cat-card:hover:after,.cat-grid .cat-card:hover:after{transform:translateX(120%)}
.category-grid .cat-card:hover,.cat-grid .cat-card:hover{transform:translateY(-9px) scale(1.015);box-shadow:0 22px 50px rgba(23,105,255,.14),0 4px 15px rgba(13,34,67,.06);border-color:rgba(79,140,255,.48)}
.category-grid .cat-card .icon,.cat-grid .cat-card .icon{box-shadow:0 9px 22px rgba(23,105,255,.10);transition:.35s;animation:iconBob 4s ease-in-out infinite}
.category-grid .cat-card:hover .icon,.cat-grid .cat-card:hover .icon{transform:rotate(-5deg) scale(1.1)}
.category-grid .cat-card h3,.cat-grid .cat-card h3{transition:.25s}.category-grid .cat-card:hover h3,.cat-grid .cat-card:hover h3{color:var(--blue)}
.count{position:relative;transition:.25s}.cat-card:hover .count{letter-spacing:.02em;transform:translateX(3px)}
.popular-card{position:relative;overflow:hidden}.popular-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(23,105,255,.06),transparent);transform:translateX(-120%);transition:.55s}.popular-card:hover:before{transform:translateX(120%)}
.page-header{isolation:isolate}.page-header:after{content:"";position:absolute;width:500px;height:500px;right:-220px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.16),transparent 65%);animation:orb 9s ease-in-out infinite;z-index:0}
.page-header h1{animation:textReveal .75s both}.page-header p{animation:textReveal .75s .1s both}.page-header .num,.back-link{animation:fadeUp .65s both}
.cat-grid{position:relative}.cat-grid:before{content:"";position:absolute;left:22px;right:22px;top:28px;height:1px;background:linear-gradient(90deg,transparent,#d9e7f7,transparent);opacity:.7}
.tool-card{transition:.3s cubic-bezier(.2,.8,.2,1)}.tool-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(13,34,67,.13);border-color:#bfd4ee}
.tool-card .btn{position:relative;overflow:hidden}.tool-card .btn:after{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);transform:translateX(-130%);animation:shine 4s ease-in-out infinite}
@keyframes heroIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes textReveal{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes searchIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cardIn{to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes statFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes iconBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes pulseGlow{0%,100%{opacity:.35}50%{opacity:.62}}
@keyframes borderFlow{to{background-position:300% 0}}
@keyframes shine{0%,35%{transform:translateX(-130%)}65%,100%{transform:translateX(130%)}}
@media(max-width:760px){.category-grid .cat-card:hover,.cat-grid .cat-card:hover{transform:translateY(-5px)}.hero-search:before{display:none}}

.faq details{border:1px solid #dfe7f1;background:#fff;border-radius:14px;margin:10px 0;padding:13px 16px;box-shadow:0 6px 18px rgba(13,34,67,.04)}.faq summary{cursor:pointer;font-weight:800;color:#20324d}.faq p{margin:10px 0 2px}
.site-contact-email{margin-top:8px;font-size:13px;opacity:.9}.site-contact-email a{font-weight:700}

/* ===== PROFESSIONAL CARD SYSTEM v2 ===== */
.cat-grid{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:42px}
.cat-grid:before{content:"";position:absolute;inset:12px 0 0;border-radius:36px;background:radial-gradient(circle at 15% 10%,rgba(23,105,255,.06),transparent 28%),radial-gradient(circle at 90% 80%,rgba(0,184,217,.055),transparent 30%);pointer-events:none;z-index:-1}
.cat-grid .cat-card{min-height:245px;padding:25px 25px 22px;border:1px solid rgba(197,210,228,.9);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,254,.96));box-shadow:0 10px 28px rgba(13,34,67,.075),inset 0 1px rgba(255,255,255,.95);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s,background .32s;isolation:isolate}
.cat-grid .cat-card:before{content:"";position:absolute;right:-38px;bottom:-55px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,var(--tint,#edf4ff) 0%,transparent 70%);opacity:.9;z-index:-1;transition:transform .45s ease,opacity .35s}
.cat-grid .cat-card:after{content:"↗";position:absolute;right:20px;top:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid #e1e8f1;color:#7b8aa0;font-size:17px;font-weight:900;box-shadow:0 5px 14px rgba(13,34,67,.07);transition:.3s}
.cat-grid .cat-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 24px 55px rgba(13,34,67,.14),0 0 0 1px rgba(23,105,255,.08);border-color:#b9cce5;background:#fff}
.cat-grid .cat-card:hover:before{transform:scale(1.35);opacity:1}
.cat-grid .cat-card:hover:after{transform:rotate(8deg) scale(1.08);background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(23,105,255,.24)}
.cat-grid .cat-card .icon{width:58px;height:58px;margin-bottom:20px;border-radius:18px;font-size:27px;border:1px solid rgba(255,255,255,.7);box-shadow:0 9px 22px rgba(13,34,67,.09);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,filter .35s}
.cat-grid .cat-card:hover .icon{transform:translateY(-3px) rotate(-4deg) scale(1.08);box-shadow:0 14px 28px rgba(13,34,67,.14);filter:saturate(1.12)}
.cat-grid .cat-card h3{font-size:19px;line-height:1.2;margin:0 45px 9px 0;color:#10213d}
.cat-grid .cat-card p{font-size:13px;line-height:1.58;color:#66758c;max-width:94%;margin:0 0 19px}
.cat-grid .cat-card .count{position:relative;z-index:2;margin-top:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#edf4ff;border:1px solid #d8e6fb;color:#1769ff;font-size:11px;font-weight:900;letter-spacing:.01em;transition:.25s}
.cat-grid .cat-card:hover .count{background:#1769ff;color:#fff;border-color:#1769ff;transform:translateX(3px);box-shadow:0 8px 18px rgba(23,105,255,.2)}
[data-cat=financeiro] .cat-grid .cat-card,[data-cat=financeiro] .cat-card{--tint:#dff8ec}
[data-cat=pdf] .cat-grid .cat-card,[data-cat=pdf] .cat-card{--tint:#ffe3ea}
[data-cat=imagem] .cat-grid .cat-card,[data-cat=imagem] .cat-card{--tint:#ffe5f1}
[data-cat=texto] .cat-grid .cat-card,[data-cat=texto] .cat-card{--tint:#dff0ff}
[data-cat=saude] .cat-grid .cat-card,[data-cat=saude] .cat-card{--tint:#ffe4e9}
[data-cat=legal] .cat-grid .cat-card,[data-cat=legal] .cat-card{--tint:#ece3ff}
[data-cat=dev] .cat-grid .cat-card,[data-cat=dev] .cat-card{--tint:#fff0cf}
[data-cat=social] .cat-grid .cat-card,[data-cat=social] .cat-card{--tint:#e8e2ff}
[data-cat=financeiro] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#dff8ec,#bdf0d6)}
[data-cat=pdf] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#ffe3ea,#ffc6d4)}
[data-cat=imagem] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#ffe5f1,#ffc9e3)}
[data-cat=texto] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#dff0ff,#c5e2ff)}
[data-cat=saude] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#ffe4e9,#ffc8d2)}
[data-cat=legal] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#ece3ff,#d9c8ff)}
[data-cat=dev] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#fff0cf,#ffdf9a)}
[data-cat=social] .cat-grid .cat-card .icon{background:linear-gradient(135deg,#e8e2ff,#d2c6ff)}
@media(max-width:980px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cat-grid{grid-template-columns:1fr;gap:16px;padding-left:16px;padding-right:16px}.cat-grid .cat-card{min-height:215px}.cat-grid .cat-card:hover{transform:translateY(-5px)}}

/* Homepage category cards get the same premium visual language */
.category-grid .cat-card{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #dce5f0;box-shadow:0 10px 26px rgba(13,34,67,.07);transition:.3s cubic-bezier(.2,.8,.2,1)}
.category-grid .cat-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(13,34,67,.13);border-color:#bfd3eb}
.category-grid .cat-card .icon{transition:.3s}.category-grid .cat-card:hover .icon{transform:translateY(-3px) scale(1.08) rotate(-4deg)}
.category-grid .cat-card .count{transition:.25s}.category-grid .cat-card:hover .count{letter-spacing:.02em}

@media(prefers-reduced-motion:reduce){.cat-grid .cat-card,.category-grid .cat-card,.cat-grid .cat-card .icon,.cat-grid .cat-card:after{transition:none!important;animation:none!important}}


/* ===== JeitoBR FINAL DARK NEON DESIGN ===== */
:root{--bg:#020817;--surface:#071426;--surface2:#0b1d35;--ink:#eef7ff;--muted:#8fa8c4;--line:rgba(51,155,255,.26);--dark:#020817;--blue:#19bfff;--cyan:#00e5ff;--green:#19e875;--purple:#8b5cff;--red:#ff3b72;--gold:#ffb21a;--shadow:0 22px 70px rgba(0,0,0,.48);--shadow2:0 12px 35px rgba(0,0,0,.38);--radius:22px;--radius2:16px;--max:1280px}
body{background:radial-gradient(circle at 20% -10%,rgba(0,194,255,.12),transparent 30%),radial-gradient(circle at 90% 0%,rgba(120,55,255,.12),transparent 28%),#020817;color:var(--ink);font-size:14px}
body:before{background-image:linear-gradient(rgba(22,146,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,146,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.topnav{background:rgba(2,8,23,.82);border-bottom:1px solid rgba(24,153,255,.22);box-shadow:0 8px 35px rgba(0,0,0,.3);padding:11px max(20px,calc((100vw - var(--max))/2));backdrop-filter:blur(18px)}
.brand{color:#fff;font-size:20px}.logo{width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0a9f4f 0 36%,#ffd21a 36% 48%,#1657d8 48% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 8px 28px rgba(0,179,255,.32);font-weight:900;font-size:13px}.topnav nav{gap:2px}.topnav nav a{color:#bdd0e6;border-radius:11px}.topnav nav a:hover,.topnav nav a.active{color:#fff;background:rgba(0,184,255,.08)}.topnav nav a.active:after{background:linear-gradient(90deg,#00e5ff,#7c4dff);height:3px;box-shadow:0 0 14px #00d9ff}.menu-btn{background:#08203c;color:#7feaff;border:1px solid #15578d}
.hero{padding:42px 22px 34px;text-align:left;background:radial-gradient(circle at 78% 40%,rgba(0,151,255,.18),transparent 30%),linear-gradient(135deg,#020817,#061b36 52%,#03142b);border-bottom:1px solid rgba(0,195,255,.18);min-height:510px}.hero-inner{max-width:1280px}.hero-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.hero-copy{padding:15px 0}.eyebrow{border-color:rgba(0,218,255,.42);background:rgba(0,174,255,.08);color:#e8faff;box-shadow:0 0 25px rgba(0,205,255,.12)}.hero h1{font-size:clamp(40px,5vw,68px);margin:18px 0 15px;max-width:690px}.hero h1 span{background:linear-gradient(90deg,#00e5ff,#7b5cff 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:#c3d9ed;font-size:16px;max-width:650px}.hero-search{max-width:700px;margin:27px 0 0;padding:5px;background:rgba(1,12,30,.86);border:2px solid #00d8ff;border-radius:19px;box-shadow:0 0 0 1px rgba(122,77,255,.45),0 0 28px rgba(0,192,255,.24),inset 0 0 18px rgba(0,111,255,.12)}.hero-search .search-icon{color:#bdf6ff;width:44px;font-size:25px}.hero-search input{color:#fff;padding:12px 5px}.hero-search input::placeholder{color:#7ea0bf}.hero-search button{background:linear-gradient(90deg,#00a9ff,#6f42ff);box-shadow:0 0 20px rgba(0,184,255,.35);border-radius:14px;padding:13px 22px}.hero-stats{justify-content:flex-start;margin-top:19px}.hero-stat{background:rgba(5,30,56,.78);border-color:rgba(37,170,255,.35);box-shadow:inset 0 1px rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.22);color:#d4e9fa}.hero-stat b{color:#fff}
.hero-visual{position:relative;height:400px;min-width:460px}.hero-ring{position:absolute;inset:15% 3% 8%;border-radius:50%;background:radial-gradient(circle,rgba(0,208,255,.22),transparent 58%);filter:blur(5px)}.hero-laptop{position:absolute;left:14%;right:8%;top:20%;height:235px;transform:perspective(900px) rotateX(5deg) rotateY(-8deg);filter:drop-shadow(0 28px 35px rgba(0,0,0,.55))}.laptop-screen{height:205px;border:8px solid #0c315d;border-radius:18px 18px 10px 10px;background:linear-gradient(145deg,#071c36,#071329);box-shadow:0 0 35px rgba(0,184,255,.25),inset 0 0 45px rgba(31,73,255,.15);padding:13px}.screen-top{font-size:12px;color:#8ddfff;display:flex;justify-content:space-between}.screen-top span{padding:3px 7px;border-radius:6px;background:#0e6d9e;color:#fff}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.screen-grid i{height:48px;display:grid;place-items:center;border-radius:11px;font-style:normal;font-size:23px;background:linear-gradient(145deg,#00bfff,#335cff);box-shadow:0 0 18px rgba(0,179,255,.25)}.screen-grid i:nth-child(2){background:linear-gradient(145deg,#ff4c77,#8338ff)}.screen-grid i:nth-child(3){background:linear-gradient(145deg,#744cff,#00b9ff)}.screen-grid i:nth-child(4){background:linear-gradient(145deg,#19e875,#00a8ff)}.screen-grid i:nth-child(5){background:linear-gradient(145deg,#ffb21a,#ff5a32)}.screen-grid i:nth-child(6){background:linear-gradient(145deg,#ff4cc5,#773cff)}.laptop-base{position:absolute;left:-5%;right:-5%;bottom:-13px;height:28px;border-radius:0 0 30px 30px;background:linear-gradient(#b6d4ec,#466b8e 40%,#183454);box-shadow:0 14px 25px rgba(0,0,0,.45)}.hero-phone{position:absolute;right:4%;bottom:14%;width:54px;height:100px;border:4px solid #18426e;border-radius:12px;background:linear-gradient(160deg,#0b2441,#0a1327);box-shadow:0 0 25px rgba(0,188,255,.25);display:grid;place-items:center;color:#fff;font-weight:900;transform:rotate(12deg)}.hero-plant{position:absolute;left:5%;bottom:8%;font-size:55px;color:#20db8a;filter:drop-shadow(0 0 14px rgba(0,255,156,.3))}.hero-sign{position:absolute;right:2%;top:8%;font-family:cursive;font-size:27px;color:#14e5ff;transform:rotate(-6deg);text-shadow:0 0 15px rgba(0,217,255,.35)}.hero-sign em{font-size:16px;color:#fff}
.section{padding:50px 22px}.section-head{margin-bottom:22px}.section-kicker{color:#19cfff}.section-head h2{color:#fff;font-size:29px}.section-head p{color:#8da7c2}.section-link{color:#22d9ff;font-size:12px;font-weight:800}.category-grid{grid-template-columns:repeat(8,1fr);gap:12px}.category-grid .cat-card{min-height:150px;padding:17px;border-radius:18px;background:linear-gradient(145deg,#071c31,#061329)!important;border:1px solid rgba(32,167,255,.36)!important;box-shadow:0 12px 30px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05);color:#fff}.category-grid .cat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(0,238,255,.12),transparent 45%,rgba(125,74,255,.10));pointer-events:none}.category-grid .cat-card .icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#0e8fff,#753eff)!important;box-shadow:0 0 18px rgba(0,175,255,.22);font-size:20px}.category-grid .cat-card h3{color:#fff;font-size:15px}.category-grid .cat-card p{color:#8ea8c3;font-size:11px}.category-grid .cat-card .count{color:#dff9ff;background:rgba(0,184,255,.09);padding:5px 8px}.category-grid .cat-card:hover{transform:translateY(-8px);border-color:#1bdcff!important;box-shadow:0 20px 45px rgba(0,0,0,.5),0 0 20px rgba(0,197,255,.12)}
[data-cat=financeiro] .category-grid .cat-card{border-color:rgba(25,232,117,.42)!important}.feature-strip{padding:0 22px;margin-bottom:25px}.feature-inner{background:linear-gradient(145deg,#06182c,#07172a);border:1px solid rgba(29,157,255,.3);box-shadow:var(--shadow2)}.feature .ficon{background:#092d50;color:#32d9ff}.feature strong{color:#fff}.feature p{color:#819bb7}.popular-grid{grid-template-columns:repeat(4,1fr)}.popular-card{background:linear-gradient(145deg,#071b31,#051329);border:1px solid rgba(33,161,255,.3);box-shadow:0 12px 30px rgba(0,0,0,.35);color:#fff}.popular-card span{color:#7f9bb7}.popular-icon{background:#0b3154;color:#72e9ff}

/* Category pages: sidebar + dark hero + premium tool cards */
.category-layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1420px;margin:0 auto;min-height:calc(100vh - 76px)}.category-sidebar{padding:28px 14px 40px 20px;border-right:1px solid rgba(25,151,255,.2);background:linear-gradient(180deg,rgba(3,13,28,.95),rgba(2,8,20,.92))}.side-back{margin:0 0 14px 5px;color:#21d8ff}.sidebar-title{padding:0 12px 10px;color:#fff;font-size:18px;font-weight:800}.side-cat{display:grid;grid-template-columns:36px 1fr 15px;align-items:center;gap:9px;padding:10px 9px;border:1px solid transparent;border-radius:12px;color:#c1d5e9;margin-bottom:5px}.side-cat:hover,.side-cat.active{background:linear-gradient(90deg,rgba(0,188,255,.15),rgba(92,71,255,.10));border-color:rgba(0,190,255,.38);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.25)}.side-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#0b8fff,#673cff);font-size:16px}.side-cat b{display:block;font-size:12px}.side-cat small{display:block;font-size:9px;color:#7895b1}.side-cat>strong{color:#18d8ff}.sidebar-promo{margin-top:22px;padding:18px;border-radius:16px;border:1px solid rgba(25,163,255,.25);background:radial-gradient(circle at 80% 20%,rgba(0,201,255,.12),transparent 45%),#06172a}.sidebar-promo span{font-size:26px}.sidebar-promo strong{display:block;color:#fff;font-size:16px;margin-top:7px}.sidebar-promo p{color:#88a4bf;font-size:11px}.sidebar-promo a{display:inline-flex;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,#007dff,#6540ff);color:#fff;font-size:10px;font-weight:800}.category-content{min-width:0;padding-bottom:30px}.category-hero{position:relative;min-height:235px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:20px;padding:24px 34px;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(0,188,255,.15),transparent 32%),linear-gradient(135deg,#06172b,#071e3c 60%,#041327);border-bottom:1px solid rgba(0,190,255,.25)}.category-hero-copy{position:relative;z-index:2}.breadcrumb{font-size:11px;color:#8aa6c1;margin-bottom:15px}.category-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(26,232,117,.1);border:1px solid rgba(26,232,117,.35);color:#48ed9a;font-size:10px;font-weight:800}.category-hero h1{font-size:45px;color:#fff;margin:8px 0 5px}.category-hero p{max-width:680px;color:#a9bfd5;margin:0;font-size:13px}.category-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.category-stats span{padding:7px 11px;border:1px solid rgba(0,189,255,.3);background:rgba(5,32,59,.7);border-radius:999px;color:#d6ebfa;font-size:10px;font-weight:800}.category-art{position:relative;height:190px}.art-screen{position:absolute;left:12%;right:3%;top:8%;height:140px;border:7px solid #0d365d;border-radius:14px;background:linear-gradient(145deg,#081b32,#061126);box-shadow:0 0 32px rgba(0,196,255,.18);padding:15px;color:#fff}.art-screen>span:first-child{font-size:32px;color:#20dca4}.art-screen>span:nth-child(2){position:absolute;right:15px;top:12px;font-weight:900;color:#8feeff}.art-bars{display:flex;gap:9px;align-items:flex-end;height:65px;margin-top:8px}.art-bars i{display:block;width:13%;border-radius:5px 5px 0 0;background:linear-gradient(#00d9ff,#3756ff);height:40%}.art-bars i:nth-child(2){height:70%;background:linear-gradient(#1be875,#00a9ff)}.art-bars i:nth-child(3){height:55%;background:linear-gradient(#ffb21a,#ff4d7a)}.art-bars i:nth-child(4){height:85%;background:linear-gradient(#a65cff,#00cfff)}.art-base{position:absolute;left:5%;right:0;bottom:14px;height:16px;border-radius:0 0 18px 18px;background:linear-gradient(#557897,#1c3651);box-shadow:0 12px 20px rgba(0,0,0,.4)}.category-search{display:flex;align-items:center;margin:0 34px;padding:7px 8px;border:2px solid #00d8ff;border-radius:17px;background:#031226;box-shadow:0 0 25px rgba(0,198,255,.16);transform:translateY(-1px)}.category-search>span{width:40px;text-align:center;font-size:25px;color:#c4f8ff}.category-search input{flex:1;border:0;outline:0;background:transparent;color:#fff;padding:10px}.category-search input::placeholder{color:#63819d}.category-search button{border:0;border-radius:12px;padding:11px 17px;color:#fff;background:linear-gradient(90deg,#00aaff,#6940ff);font-weight:800}.filter-row{display:flex;gap:9px;flex-wrap:wrap;padding:17px 34px 0}.filter{padding:7px 13px;border:1px solid rgba(33,155,255,.3);background:#071b31;color:#9bb5ce;border-radius:999px;font-size:10px;font-weight:800}.filter.active{background:linear-gradient(90deg,#087dff,#4b47ff);color:#fff;border-color:#24cfff}.tools-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:32px 34px 15px}.tools-heading h2{margin:3px 0;color:#fff;font-size:27px}.tools-heading p{margin:0;color:#7995b1;font-size:11px}.tool-count{font-size:10px;color:#19dbff;font-weight:800}.cat-grid{max-width:none;padding:10px 34px 45px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cat-grid .cat-card{min-height:190px;padding:19px;border-radius:17px;background:linear-gradient(145deg,#071d32,#061126)!important;border:1px solid rgba(28,156,255,.34)!important;box-shadow:0 13px 32px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05);color:#fff}.cat-grid .cat-card:before{background:radial-gradient(circle,rgba(0,195,255,.12),transparent 65%)}.cat-grid .cat-card .icon{background:linear-gradient(145deg,#00a9ff,#6e40ff)!important;box-shadow:0 0 17px rgba(0,183,255,.22);color:#fff}.cat-grid .cat-card h3{color:#fff;font-size:15px;margin-right:0}.cat-grid .cat-card p{color:#8da7c1;font-size:11px}.cat-grid .cat-card .count{background:linear-gradient(90deg,#006dff,#593eff);border:1px solid #0caeff;color:#fff;padding:7px 11px;box-shadow:0 5px 16px rgba(0,129,255,.2)}.cat-grid .cat-card:hover{transform:translateY(-7px);border-color:#16d8ff!important;box-shadow:0 20px 42px rgba(0,0,0,.55),0 0 22px rgba(0,194,255,.13)}
body[data-cat=financeiro] .cat-grid .cat-card:first-child,body[data-cat=financeiro] .cat-grid .cat-card:nth-child(5){border-color:rgba(25,232,117,.45)!important}body[data-cat=financeiro] .cat-grid .cat-card:first-child .icon{background:linear-gradient(145deg,#19e875,#009c5a)!important}body[data-cat=financeiro] .category-label{color:#58ee9e;border-color:rgba(25,232,117,.35);background:rgba(25,232,117,.1)}
footer{background:#020a18;border-top:1px solid rgba(0,171,255,.22);color:#7e9ab6;padding:28px max(22px,calc((100vw - var(--max))/2)) 16px}footer a{color:#a9bfd5}footer a:hover{color:#27dcff}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand strong{display:block;color:#fff;font-size:17px}.footer-brand small{display:block;font-size:10px}.footer-main h4{color:#fff;font-size:11px;margin:0 0 8px}.footer-main>div:not(.footer-brand) a{display:block;font-size:10px;margin:4px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(43,121,185,.18);margin-top:22px;padding-top:12px;font-size:9px}.socials{display:flex;gap:7px}.socials span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#08284a;border:1px solid #14588a;color:#7feaff}.social-title{margin-top:12px!important}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(4,1fr)}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-split{grid-template-columns:1fr}.hero{text-align:center}.hero-search{margin-left:auto;margin-right:auto}.hero-stats{justify-content:center}.hero-visual{min-width:0;height:300px;max-width:650px;width:100%;margin:auto}.category-layout{grid-template-columns:205px minmax(0,1fr)}.category-hero{grid-template-columns:1fr}.category-art{display:none}}
@media(max-width:760px){.topnav nav{display:none}.menu-btn{display:block}.category-layout{display:block}.category-sidebar{display:none}.category-hero{padding:24px 18px;min-height:210px}.category-hero h1{font-size:34px}.category-search{margin:0 15px}.filter-row{padding:15px}.tools-heading{padding:25px 15px 10px}.cat-grid{padding:10px 15px 35px;grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.popular-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:6px}.hero{padding-top:28px}.hero h1{font-size:39px}.hero-visual{height:245px}.hero-laptop{top:8%;left:7%;right:4%;transform:scale(.9)}.hero-sign{font-size:19px}.hero-phone{display:none}}
@media(max-width:480px){.category-grid{grid-template-columns:1fr}.popular-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.hero p{font-size:14px}.hero-visual{height:215px}.hero-laptop{transform:scale(.78);left:-4%;right:-4%}.footer-main{grid-template-columns:1fr}.category-search button{padding:10px 12px;font-size:11px}}

/* ===== JeitoBR v3 — balanced professional theme (medium tone) ===== */
:root{--bg:#e3ebf6;--surface:#f8fafd;--surface2:#edf2fa;--ink:#14233f;--muted:#586a87;--line:#c8d5e8;--dark:#2a4d86;--blue:#2563d6;--cyan:#0f9fd0;--green:#14a566;--purple:#6b57d6;--red:#e0456b;--gold:#e8a317;--shadow:0 14px 40px rgba(30,60,120,.14);--shadow2:0 8px 24px rgba(30,60,120,.10);--navy:#2a4d86;--max:1280px}
body{background:var(--bg)!important;color:var(--ink)!important}body:before{display:none!important}
.topnav{background:var(--navy)!important;border-bottom:0!important;box-shadow:0 4px 18px rgba(20,40,90,.18)!important;backdrop-filter:none!important}
.topnav .brand{color:#fff!important}.topnav nav a{color:rgba(255,255,255,.82)!important}.topnav nav a:hover,.topnav nav a.active{color:#fff!important;background:rgba(255,255,255,.16)!important}.topnav nav a.active:after{background:#fff!important}.menu-btn{background:rgba(255,255,255,.16)!important;color:#fff!important}
.hero{background:linear-gradient(135deg,#2f5fae,#4b8fdc)!important;color:#fff!important;border-bottom:0!important}
.section-kicker{color:var(--blue)!important}.section-head h2,.tools-heading h2{color:var(--ink)!important}.section-head p,.tools-heading p{color:var(--muted)!important}.section-link,.tool-count{color:var(--blue)!important}
.category-layout{max-width:1420px}
.category-sidebar{background:#d9e4f4!important;border-right:1px solid var(--line)!important}
.sidebar-title{color:var(--ink)!important}.side-back{color:var(--blue)!important}
.side-cat{color:#2b3d5e!important}.side-cat small{color:#6a7c99!important}.side-cat>strong{color:var(--blue)!important}
.side-cat:hover,.side-cat.active{background:#fff!important;border-color:#a9c0e4!important;color:var(--ink)!important;box-shadow:0 6px 16px rgba(30,60,120,.12)!important}
.side-icon{background:linear-gradient(145deg,#2f5fae,#4b8fdc)!important;color:#fff}
.sidebar-promo{background:#fff!important;border:1px solid var(--line)!important}.sidebar-promo strong{color:var(--ink)!important}.sidebar-promo p{color:var(--muted)!important}.sidebar-promo a{background:var(--blue)!important}
.category-hero{background:linear-gradient(135deg,#2f5fae,#4b8fdc)!important;border-bottom:0!important;min-height:250px;padding:34px 36px 44px!important;gap:30px!important}
.breadcrumb{color:rgba(255,255,255,.8)!important}.category-label{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.4)!important;color:#fff!important}
.category-hero h1{color:#fff!important}.category-hero p{color:rgba(255,255,255,.9)!important;font-size:14px!important}
.category-stats{margin-top:20px!important}.category-stats span{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.4)!important;color:#fff!important}
/* spacing: stats -> search -> filters -> heading */
.category-search{margin:34px 36px 0!important;background:#fff!important;border:2px solid #9db9e4!important;box-shadow:var(--shadow2)!important;transform:none!important}
.category-search>span{color:#6b7f9e!important}.category-search input{color:var(--ink)!important}.category-search input::placeholder{color:#8a9bb6!important}
.category-search button{background:linear-gradient(90deg,#2563d6,#0f9fd0)!important}
.filter-row{padding:24px 36px 0!important;gap:12px!important}
.filter{background:#fff!important;border-color:var(--line)!important;color:#43587a!important;padding:8px 16px!important;font-size:12px!important}.filter.active{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.tools-heading{padding:40px 36px 18px!important}
.cat-grid{padding:10px 36px 50px!important;gap:20px!important}
.cat-grid .cat-card,.cat-card{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:0 2px 8px rgba(30,60,120,.06)!important;color:var(--ink)!important}
.cat-grid .cat-card:before{background:radial-gradient(circle at 20% 0,rgba(37,99,214,.10),transparent 60%)!important}
.cat-grid .cat-card .icon{background:linear-gradient(145deg,#2f5fae,#4b8fdc)!important;box-shadow:0 8px 18px rgba(37,99,214,.25)!important}
.cat-grid .cat-card h3{color:var(--ink)!important;font-size:16px!important}.cat-grid .cat-card p{color:var(--muted)!important;font-size:12.5px!important}
.cat-grid .cat-card .count{background:#e2ecfb!important;border:0!important;color:var(--blue)!important;box-shadow:none!important}
.cat-grid .cat-card:hover{border-color:var(--blue)!important;box-shadow:0 16px 36px rgba(37,99,214,.18)!important}
body[data-cat] .cat-grid .cat-card{border-color:var(--line)!important}
/* category photo (replaces the old laptop-bars art) */
.category-art{display:none!important}
.category-photo{position:relative;height:210px;border-radius:20px;overflow:hidden;border:3px solid rgba(255,255,255,.55);box-shadow:0 18px 40px rgba(10,30,80,.35);background:linear-gradient(135deg,#1f4a94,#3f86d6);display:grid;place-items:center}
.category-photo .ph-ic{font-size:84px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.category-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.category-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,30,80,.35));pointer-events:none}
footer{background:var(--navy)!important;border-top:0!important;color:rgba(255,255,255,.75)!important}footer a{color:rgba(255,255,255,.8)!important}footer a:hover{color:#fff!important}footer h4,footer strong{color:#fff!important}
/* tool pages */
.page-header h1,.content-page h1,.content-page h2{color:var(--ink)}
.tool-card,.receipt,.seo-box{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
input,select,textarea{background:#fff;color:var(--ink);border-color:var(--line)}
@media(max-width:1100px){.category-photo{display:none}}
@media(max-width:760px){.category-search{margin:26px 15px 0!important}.filter-row{padding:18px 15px 0!important}.tools-heading{padding:30px 15px 12px!important}.cat-grid{padding:10px 15px 35px!important}.category-hero{padding:26px 18px 34px!important}}
.logo-svg{flex:none;display:block}.brand{font-family:Inter,system-ui,sans-serif!important;letter-spacing:-.4px}
body[data-cat] .cat-grid .cat-card .icon,body[data-cat] .cat-grid .cat-card:first-child .icon,body[data-cat] .cat-grid .cat-card:nth-child(5) .icon{background:linear-gradient(145deg,#2f5fae,#4b8fdc)!important}
body[data-cat] .cat-grid .cat-card:first-child,body[data-cat] .cat-grid .cat-card:nth-child(5){border-color:var(--line)!important}
.page-header{background:linear-gradient(135deg,#2f5fae,#4b8fdc)!important;border-bottom:0!important;color:#fff!important}
.page-header h1{color:#fff!important}.page-header p,.page-header .desc{color:rgba(255,255,255,.9)!important}.page-header .back-link,.page-header a{color:#fff!important}

/* ===== v4: navy #081933 header/hero/footer, centered category hero, animations ===== */
:root{--navy:#081933}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,24px) scale(1.12)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-46px,-18px) scale(.95)}}
.topnav{background:#081933!important;box-shadow:0 4px 18px rgba(0,10,30,.35)!important}
.hero,.category-hero{background:linear-gradient(135deg,#081933 10%,#0c2b5e 100%)!important}
/* category hero: no photo, everything centered */
.category-photo,.category-art{display:none!important}
.category-hero{display:block!important;position:relative;overflow:hidden;text-align:center;min-height:0!important;padding:34px 24px 38px!important}
.category-hero:before,.category-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.category-hero:before{width:420px;height:420px;background:rgba(47,123,255,.4);right:-80px;top:-200px;animation:drift 12s ease-in-out infinite}
.category-hero:after{width:340px;height:340px;background:rgba(34,211,255,.24);left:-60px;bottom:-190px;animation:drift2 14s ease-in-out infinite}
.category-hero-copy{position:relative;z-index:1;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.category-hero p{margin:0 auto!important;max-width:640px!important}
.category-hero h1{margin:10px 0 8px!important}
.category-stats{justify-content:center!important;margin-top:18px!important}
.category-stats span{transition:.25s}.category-stats span:hover{transform:translateY(-3px);background:rgba(255,255,255,.26)!important}
.category-hero-copy>*{animation:rise .75s cubic-bezier(.2,.7,.2,1) both}
.category-hero-copy>:nth-child(1){animation-delay:.05s}.category-hero-copy>:nth-child(2){animation-delay:.15s}.category-hero-copy>:nth-child(3){animation-delay:.25s}.category-hero-copy>:nth-child(4){animation-delay:.35s}.category-hero-copy>:nth-child(5){animation-delay:.47s}
.category-search{animation:rise .75s .6s cubic-bezier(.2,.7,.2,1) both}
.filter-row{justify-content:center!important;animation:rise .75s .72s cubic-bezier(.2,.7,.2,1) both}
.filter{transition:.25s}.filter:hover{transform:translateY(-3px);border-color:var(--blue)!important;color:var(--blue)!important}.filter.active:hover{color:#fff!important}
.cat-grid .cat-card{animation:rise .7s both}.cat-grid .cat-card:nth-child(1){animation-delay:.85s}.cat-grid .cat-card:nth-child(2){animation-delay:.92s}.cat-grid .cat-card:nth-child(3){animation-delay:.99s}.cat-grid .cat-card:nth-child(4){animation-delay:1.06s}.cat-grid .cat-card:nth-child(n+5){animation-delay:1.1s}
/* footer: smaller, navy, left-aligned, no JB logo */
footer:before{content:none!important;display:none!important}
footer{background:#081933!important;margin-top:24px!important;padding:24px max(22px,calc((100vw - 1280px)/2)) 12px!important;text-align:left!important;color:rgba(255,255,255,.7)!important}
.footer-main{max-width:1280px;margin:0 auto;gap:24px!important;grid-template-columns:1.4fr 1fr 1fr 1.2fr!important;align-items:start}
.footer-main>div{text-align:left!important}.footer-main h4{font-size:14px!important;margin:0 0 6px!important}
.footer-main>div:not(.footer-brand) a{font-size:13.5px!important;margin:2px 0!important;color:rgba(255,255,255,.72)!important}
.footer-main>div:not(.footer-brand) a:hover{color:#fff!important}
.footer-brand strong{font-size:18px!important}.footer-brand small{font-size:12px!important;color:rgba(255,255,255,.7)}
.footer-bottom{max-width:1280px;margin:12px auto 0!important;padding:10px 0 0!important;border-top:1px solid rgba(255,255,255,.14)!important;font-size:12.5px!important;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
footer .foot-links{justify-content:center;margin-bottom:10px!important;gap:16px!important}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr!important}}
@media(max-width:540px){.footer-main{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== v5: seamless header+hero, footer blend, cleaner search, card hover/border ===== */
:root{--navy:#0a2148}
.topnav{background:#0a2148!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.hero,.category-hero{background:linear-gradient(180deg,#0a2148 0%,#0d3170 100%)!important}
.category-hero{padding:36px 24px 44px!important}
.category-hero-copy{max-width:1040px!important}
.category-hero p{max-width:860px!important;font-size:15px!important}
.category-hero h1{font-size:50px!important}
/* footer: same navy, soft fade from the page colour (no hard mixed edge) */
footer{background:#0a2148!important;position:relative;margin-top:72px!important}
footer:before{content:""!important;display:block!important;position:absolute!important;left:0;right:0;top:-72px;width:auto!important;height:72px!important;margin:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;background:linear-gradient(180deg,#e3ebf6,#0a2148)!important}
/* search: clean, compact, crisp */
.category-search{width:calc(100% - 72px);max-width:820px;margin:28px auto 0!important;padding:5px 6px 5px 4px!important;background:#fff!important;border:1px solid #c5d3e8!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(10,33,72,.08)!important;transition:border-color .2s,box-shadow .2s}
.category-search:focus-within{border-color:#2563d6!important;box-shadow:0 0 0 3px rgba(37,99,214,.16)!important}
.category-search>span{width:38px!important;font-size:18px!important;color:#6b7f9e!important}
.category-search input{font-size:15px!important;padding:9px 6px!important;color:#14233f!important}
.category-search button{padding:9px 18px!important;font-size:13px!important;border-radius:10px!important;background:#2563d6!important;box-shadow:none!important;transition:.2s}
.category-search button:hover{background:#1c4fb0!important}
@media(max-width:760px){.category-search{width:calc(100% - 30px)}.category-hero h1{font-size:36px!important}}
/* cards: no hover arrow, thicker border + shadow */
.cat-grid .cat-card:after,.cat-grid .cat-card:hover:after{content:none!important;display:none!important}
.cat-grid .cat-card{border:2px solid #b9cae4!important;box-shadow:0 6px 16px rgba(10,33,72,.10)!important;transition:transform .3s,border-color .25s,box-shadow .25s}
.cat-grid .cat-card:hover{border-color:#2563d6!important;box-shadow:0 14px 30px rgba(37,99,214,.24)!important;transform:translateY(-6px)}
.cat-grid .cat-card:hover .count{background:#2563d6!important;color:#fff!important}

/* ===== v6: blue top-border cards with tab label (from user's border photo) ===== */
.cat-grid .cat-card{border-top:5px solid #2563d6!important;border-radius:22px!important}
.tool-card{border:2px solid #b9cae4!important;border-top:5px solid #2563d6!important;border-radius:22px!important;padding:44px 22px 24px!important;box-shadow:0 8px 20px rgba(10,33,72,.10)!important;background:#f8fafd!important}
.tool-card:before{position:absolute!important;top:0;left:22px;right:auto!important;margin:0!important;display:block!important;background:#2563d6!important;color:#fff!important;border:0!important;border-radius:0 0 12px 12px!important;padding:6px 14px!important;font-size:11px!important;letter-spacing:.05em}
.tool-card h3{margin-top:0!important}
.tool-card:hover{border-color:#2563d6!important;box-shadow:0 18px 40px rgba(37,99,214,.22)!important}
.page-header{background:linear-gradient(180deg,#0a2148 0%,#0d3170 100%)!important}
.page-header .num{display:none!important}
body[data-cat] .cat-grid .cat-card,body[data-cat] .cat-grid .cat-card:first-child,body[data-cat] .cat-grid .cat-card:nth-child(5){border-top-color:#2563d6!important;border-top-width:5px!important}

/* ===== v7: per-category colours, wider cards, thin broken top border, header line, clean footer ===== */
body[data-cat=financeiro]{--c:#16a34a}body[data-cat=pdf]{--c:#dc2626}body[data-cat=imagem]{--c:#7c3aed}body[data-cat=texto]{--c:#ea580c}
body[data-cat=saude]{--c:#0d9488}body[data-cat=legal]{--c:#d97706}body[data-cat=dev]{--c:#2563d6}body[data-cat=social]{--c:#db2777}
.topnav{border-bottom:1px solid rgba(255,255,255,.24)!important;box-shadow:0 1px 0 rgba(0,0,0,.25)!important}
.hero,.category-hero,.page-header{background:linear-gradient(180deg,#0c2b5e 0%,#0d3170 100%)!important}
.category-layout{grid-template-columns:225px minmax(0,1fr)!important;max-width:1640px!important}
.cat-grid{max-width:none!important;padding:10px 26px 50px!important;gap:14px!important}
.category-search{width:calc(100% - 52px)!important}.filter-row{padding-left:26px!important;padding-right:26px!important}.tools-heading{padding-left:26px!important;padding-right:26px!important}
body[data-cat] .cat-grid .cat-card,body[data-cat] .cat-grid .cat-card:first-child,body[data-cat] .cat-grid .cat-card:nth-child(5){
  border:2px solid color-mix(in srgb,var(--c) 26%,#d3dded)!important;border-radius:20px!important;padding:20px 20px 18px!important;box-shadow:0 5px 14px rgba(10,33,72,.09)!important}
body[data-cat] .cat-grid .cat-card:after,body[data-cat] .cat-grid .cat-card:hover:after{content:""!important;display:block!important;position:absolute!important;top:0!important;left:30px!important;right:30px!important;width:auto!important;height:3px!important;border:0!important;border-radius:0 0 4px 4px!important;background:var(--c)!important;opacity:.85;box-shadow:none!important;font-size:0!important;transition:.3s}
body[data-cat] .cat-grid .cat-card:hover:after{left:18px!important;right:18px!important}
body[data-cat] .cat-grid .cat-card:hover{border-color:var(--c)!important;box-shadow:0 14px 28px color-mix(in srgb,var(--c) 28%,transparent)!important}
body[data-cat] .cat-grid .cat-card .icon,body[data-cat] .cat-grid .cat-card:first-child .icon,body[data-cat] .cat-grid .cat-card:nth-child(5) .icon{background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 62%,#fff))!important;box-shadow:0 8px 16px color-mix(in srgb,var(--c) 32%,transparent)!important}
body[data-cat] .cat-grid .cat-card .count{background:color-mix(in srgb,var(--c) 13%,#fff)!important;color:var(--c)!important}
body[data-cat] .cat-grid .cat-card:hover .count{background:var(--c)!important;color:#fff!important}
body[data-cat] .side-cat.active .side-icon{background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 62%,#fff))!important}
/* footer: crisp edge, no blur */
footer:before{content:none!important;display:none!important}
footer{margin-top:40px!important;border-top:1px solid rgba(255,255,255,.2)!important}
/* v7b: top accent bar drawn as a background (robust) */
body[data-cat] .cat-grid .cat-card:after,body[data-cat] .cat-grid .cat-card:hover:after{display:none!important;content:none!important}
body[data-cat] .cat-grid .cat-card,body[data-cat] .cat-grid .cat-card:first-child,body[data-cat] .cat-grid .cat-card:nth-child(5){
 background:linear-gradient(var(--c),var(--c)) 50% 0/calc(100% - 60px) 3px no-repeat,#f8fafd!important;transition:transform .3s,border-color .25s,box-shadow .25s,background-size .3s}
body[data-cat] .cat-grid .cat-card:hover{background:linear-gradient(var(--c),var(--c)) 50% 0/calc(100% - 36px) 3px no-repeat,#f8fafd!important}

/* ===== v8: smaller hero, compact wide cards, new colours for Texto/CV and Legal ===== */
body[data-cat=texto]{--c:#0891b2}body[data-cat=legal]{--c:#475569}
/* hero smaller */
.category-hero{padding:18px 24px 22px!important}
.category-hero h1{font-size:38px!important;margin:6px 0 4px!important;line-height:1.1!important}
.category-hero p{font-size:14px!important;line-height:1.45!important;max-width:760px!important}
.category-hero .breadcrumb{font-size:12px!important}
.category-label{padding:4px 12px!important;font-size:11px!important}
.category-stats{margin-top:12px!important;gap:8px!important}
.category-stats span{padding:6px 14px!important;font-size:11px!important}
.category-search{margin-top:20px!important}
.filter-row{padding-top:16px!important}
.tools-heading{padding-top:26px!important;padding-bottom:12px!important}
/* wide, compact cards */
.category-layout{grid-template-columns:200px minmax(0,1fr)!important}
.category-sidebar{padding:22px 10px 30px 12px!important}
.cat-grid{padding:6px 18px 40px!important;gap:12px!important}
body[data-cat] .cat-grid .cat-card,body[data-cat] .cat-grid .cat-card:first-child,body[data-cat] .cat-grid .cat-card:nth-child(5){padding:14px 16px 14px!important;border-radius:18px!important}
body[data-cat] .cat-grid .cat-card .icon{width:42px!important;height:42px!important;border-radius:12px!important;font-size:21px!important;margin-bottom:8px!important}
body[data-cat] .cat-grid .cat-card h3{font-size:15px!important;margin:0 0 3px!important;line-height:1.25!important}
body[data-cat] .cat-grid .cat-card p{font-size:12.5px!important;line-height:1.4!important;margin:0 0 8px!important}
body[data-cat] .cat-grid .cat-card .count{padding:6px 13px!important;font-size:11px!important;margin-top:4px!important}

/* ===== v9: navy hero base with category-colour accents ===== */
.category-hero{background:radial-gradient(ellipse 60% 120% at 88% 0%,color-mix(in srgb,var(--c) 42%,transparent),transparent 62%),radial-gradient(ellipse 50% 110% at 6% 100%,color-mix(in srgb,var(--c) 26%,transparent),transparent 60%),linear-gradient(180deg,#0c2b5e 0%,#0d3170 100%)!important;border-bottom:3px solid var(--c)!important}
.category-hero:before{background:color-mix(in srgb,var(--c) 50%,transparent)!important}
.category-hero:after{background:color-mix(in srgb,var(--c) 30%,transparent)!important}
.category-label{background:color-mix(in srgb,var(--c) 32%,rgba(255,255,255,.06))!important;border-color:color-mix(in srgb,var(--c) 70%,#fff)!important;color:#fff!important}
.category-hero h1:after{content:"";display:block;width:56px;height:4px;border-radius:4px;margin:10px auto 0;background:color-mix(in srgb,var(--c) 65%,#fff)}
.category-stats span{border-color:color-mix(in srgb,var(--c) 60%,#fff)!important;background:color-mix(in srgb,var(--c) 20%,rgba(255,255,255,.05))!important}
.category-search:focus-within{border-color:var(--c)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)!important}
.category-search button{background:var(--c)!important}
.filter.active{background:var(--c)!important;border-color:var(--c)!important}
.filter:hover{border-color:var(--c)!important;color:var(--c)!important}
.category-hero p{margin-bottom:0!important}