@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap');

/* ── KEYFRAMES ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmerGrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes floatOrb{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.03)}}
@keyframes borderPulse{0%,100%{border-color:rgba(14,165,233,.15)}50%{border-color:rgba(124,58,237,.3)}}
@keyframes glowBtn{0%,100%{box-shadow:0 4px 14px rgba(14,165,233,.25)}50%{box-shadow:0 6px 22px rgba(14,165,233,.4)}}

/* ── VARIÁVEIS ── */
:root{
  --bg:#F0F5FF;
  --bg2:#E8F0FE;
  --bg3:#F7F9FF;
  --white:#FFFFFF;
  --card-feat:#FFFFFF;
  --card-pop:#F8FAFF;
  --card-latest:#FFFFFF;
  --border:rgba(14,165,233,.13);
  --border-md:rgba(14,165,233,.28);
  --blue:#0284C7;
  --blue-light:#0EA5E9;
  --blue-bright:#38BDF8;
  --violet:#6D28D9;
  --violet-mid:#7C3AED;
  --violet-light:#8B5CF6;
  --t1:#0C1A2E;
  --t2:#1E3A5F;
  --t3:#334155;
  --t4:#64748B;
  --t5:#94A3B8;
  --fh:'Bricolage Grotesque',sans-serif;
  --fb:'DM Sans',sans-serif;
  --r-sm:8px;--r-md:14px;--r-lg:20px;
  --ease:cubic-bezier(.4,0,.2,1);
  --shadow-xs:0 1px 3px rgba(15,23,42,.05),0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:0 2px 8px rgba(15,23,42,.07),0 1px 3px rgba(15,23,42,.05);
  --shadow-md:0 6px 20px rgba(15,23,42,.09),0 2px 6px rgba(15,23,42,.05);
  --shadow-lg:0 16px 48px rgba(14,165,233,.14),0 4px 12px rgba(15,23,42,.07);
}

/* ── BASE ── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--fb)!important;
  background:var(--bg)!important;
  color:var(--t3)!important;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  font-size:16px
}
::selection{background:rgba(14,165,233,.16);color:var(--t1)}

/* ── TIPOGRAFIA ── */
h1,h2,h3,h4,h5,h6{
  font-family:var(--fh)!important;
  color:var(--t1)!important;
  line-height:1.18;font-weight:700;
  letter-spacing:-.03em
}
h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}
h2{font-size:clamp(1.35rem,3vw,2rem);font-weight:700}
h3{font-size:clamp(1rem,2vw,1.3rem);font-weight:600}
p{color:var(--t3);line-height:1.75;margin-bottom:1em}
a{color:var(--blue-light);text-decoration:none;transition:color .2s}
a:hover{color:var(--violet-mid)}
strong,b{color:var(--t2);font-weight:600}
.grid-container{max-width:1200px;margin:0 auto;padding:0 28px}

/* ── HEADER ── */
.site-header,#masthead{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(20px) saturate(200%);
  -webkit-backdrop-filter:blur(20px) saturate(200%);
  border-bottom:1px solid rgba(14,165,233,.1)!important;
  position:sticky;top:0;z-index:1000;
  box-shadow:0 1px 6px rgba(15,23,42,.05)!important
}
.inside-header{
  max-width:1200px;margin:0 auto;padding:0 28px;
  height:64px;display:flex;align-items:center;justify-content:space-between
}
.site-title,.site-title a{
  font-family:var(--fh)!important;font-size:1.3rem!important;font-weight:800!important;
  background:linear-gradient(135deg,#0284C7,#7C3AED)!important;
  -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;
  background-clip:text!important;letter-spacing:-.04em!important
}
.site-description{font-size:.7rem;color:var(--t5)!important}

.main-navigation ul li a{
  font-family:var(--fb)!important;font-size:.875rem!important;font-weight:500!important;
  color:var(--t3)!important;padding:6px 13px!important;border-radius:6px;transition:all .2s!important
}
.main-navigation ul li a:hover,.main-navigation ul li.current-menu-item>a{
  color:var(--t1)!important;background:rgba(14,165,233,.08)!important
}
.main-navigation ul ul{
  background:#fff!important;border:1px solid var(--border)!important;
  border-radius:12px!important;box-shadow:0 16px 48px rgba(15,23,42,.13)!important;
  padding:6px!important;min-width:220px!important
}
.main-navigation ul ul li a{
  border-radius:6px!important;padding:9px 14px!important;color:var(--t3)!important
}
.main-navigation ul ul li a:hover{color:var(--t1)!important;background:var(--bg2)!important}

/* ── HERO ── */
.gb-container-4e34cbba{
  position:relative;overflow:hidden;
  background:linear-gradient(155deg,#E8F0FE 0%,#EEF5FF 45%,#F5F8FF 100%)!important;
  padding:96px 28px 80px!important;
  text-align:center;min-height:440px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-bottom:1px solid rgba(14,165,233,.1)
}
.gb-container-4e34cbba::before{
  content:'';position:absolute;
  top:-80px;right:-80px;width:400px;height:400px;
  background:radial-gradient(circle,rgba(14,165,233,.14) 0%,transparent 70%);
  pointer-events:none;animation:floatOrb 9s ease-in-out infinite
}
.gb-container-4e34cbba::after{
  content:'';position:absolute;
  bottom:-100px;left:-80px;width:480px;height:480px;
  background:radial-gradient(circle,rgba(109,40,217,.09) 0%,transparent 70%);
  pointer-events:none;animation:floatOrb 12s ease-in-out infinite reverse
}
.gb-container-c0a14d5b,.gb-container-29d32817{
  position:relative;z-index:1;max-width:720px;margin:0 auto;width:100%
}

/* Badge acima do título */
.gb-container-c0a14d5b::before{
  content:'✦  Inteligência Artificial · Em Português';
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(14,165,233,.07);
  border:1px solid rgba(14,165,233,.2);
  color:var(--blue);
  font-family:var(--fb);font-size:.69rem;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;
  padding:5px 16px;border-radius:100px;margin-bottom:22px;
  animation:fadeUp .5s ease both
}

/* Hero heading */
.gb-container-4e34cbba h1,
.gb-container-4e34cbba h2,
.gb-container-c0a14d5b h1,
.gb-container-c0a14d5b h2{
  font-family:var(--fh)!important;
  font-size:clamp(1.9rem,3.8vw,3rem)!important;
  font-weight:800!important;line-height:1.15!important;
  letter-spacing:-.04em!important;
  color:var(--t1)!important;
  -webkit-text-fill-color:var(--t1)!important;
  background:none!important;
  animation:fadeUp .7s ease both!important;
  margin-bottom:30px!important;
  max-width:660px;margin-left:auto!important;margin-right:auto!important
}

/* Search pill */
.gb-container-4e34cbba .search-form,
.gb-container-c0a14d5b .search-form{
  position:relative;z-index:1;display:flex;max-width:480px;margin:0 auto;
  border-radius:50px;overflow:hidden;
  background:#fff!important;
  border:1.5px solid rgba(14,165,233,.22)!important;
  box-shadow:0 4px 20px rgba(14,165,233,.12),var(--shadow-sm);
  animation:fadeUp .7s .2s ease both
}
.gb-container-4e34cbba .search-field,
.gb-container-c0a14d5b .search-field{
  flex:1;background:transparent!important;border:none!important;
  color:var(--t1)!important;padding:13px 22px!important;
  font-family:var(--fb)!important;font-size:.9rem!important;outline:none!important
}
.gb-container-4e34cbba .search-field::placeholder{color:var(--t5)!important}
.gb-container-4e34cbba .search-submit,
.gb-container-c0a14d5b .search-submit{
  background:linear-gradient(135deg,#0EA5E9,#7C3AED)!important;
  border:none!important;color:#fff!important;
  padding:8px 20px!important;margin:5px 5px 5px 0!important;
  border-radius:40px!important;font-family:var(--fb)!important;
  font-weight:600!important;font-size:.85rem!important;cursor:pointer!important;
  transition:opacity .2s,transform .15s!important
}
.gb-container-4e34cbba .search-submit:hover{opacity:.88!important;transform:scale(.97)!important}

/* ── FEATURED CARDS (top 3) ── */
.gb-container-3e7c3978{
  padding:52px 28px 20px!important;max-width:1200px!important;margin:0 auto!important
}
.gb-container-3dce0d04{
  display:flex!important;flex-wrap:wrap!important;gap:20px!important;
  justify-content:center!important;padding:0!important
}
.gb-container-1b5711c9.rounded-border{
  flex:1 1 300px!important;max-width:370px!important;
  background:var(--card-feat)!important;
  border:1.5px solid rgba(14,165,233,.12)!important;
  border-radius:var(--r-lg)!important;overflow:hidden!important;
  transition:transform .32s var(--ease),border-color .32s,box-shadow .32s!important;
  animation:fadeUp .6s ease both,borderPulse 5s ease-in-out infinite!important;
  box-shadow:var(--shadow-sm)!important
}
.gb-container-1b5711c9.rounded-border:nth-child(1){animation-delay:.05s,0s!important}
.gb-container-1b5711c9.rounded-border:nth-child(2){animation-delay:.15s,1.8s!important}
.gb-container-1b5711c9.rounded-border:nth-child(3){animation-delay:.25s,3.6s!important}
.gb-container-1b5711c9.rounded-border:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(14,165,233,.36)!important;
  box-shadow:var(--shadow-lg)!important
}
/* Linha decorativa topo */
.gb-container-1b5711c9.rounded-border::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:3px;background:linear-gradient(90deg,#0EA5E9,#7C3AED);
  opacity:0;transition:opacity .3s;z-index:2;pointer-events:none
}
.gb-container-1b5711c9.rounded-border{position:relative}
.gb-container-1b5711c9.rounded-border:hover::before{opacity:1}
/* Imagens injectadas via JS */
.gb-container-1b5711c9.rounded-border > div:first-child img,
.gb-container-1b5711c9.rounded-border img{
  width:100%!important;height:185px!important;
  object-fit:cover!important;display:block!important;
  transition:transform .4s ease!important
}
.gb-container-53b5ab83{padding:18px 22px 22px!important}
.gb-container-53b5ab83 h2,.gb-container-53b5ab83 h3{
  font-family:var(--fh)!important;font-size:1rem!important;font-weight:700!important;
  line-height:1.38!important;letter-spacing:-.025em!important;
  margin:0 0 8px!important;color:var(--t1)!important
}
.gb-container-53b5ab83 h2 a,.gb-container-53b5ab83 h3 a{
  color:var(--t1)!important;transition:color .2s!important
}
.gb-container-53b5ab83 h2 a:hover,.gb-container-53b5ab83 h3 a:hover{color:var(--blue-light)!important}
.gb-container-53b5ab83 p,.gb-container-53b5ab83 .gb-text{
  font-size:.69rem!important;font-weight:600!important;color:var(--t5)!important;
  text-transform:uppercase!important;letter-spacing:.09em!important;margin-bottom:9px!important
}

/* ── SECTION HEADING ── */
.gb-container-6f38bd43{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:0 0 16px!important;border-bottom:1.5px solid rgba(14,165,233,.1)!important;
  margin-bottom:26px!important
}
.gb-container-6f38bd43::before{
  content:'';flex-shrink:0;width:4px;height:22px;
  background:linear-gradient(180deg,#0EA5E9,#7C3AED);border-radius:2px
}
.gb-container-6f38bd43 h2,.gb-container-6f38bd43 h3,.gb-container-6f38bd43 .gb-headline{
  font-family:var(--fh)!important;font-size:1.15rem!important;font-weight:700!important;
  color:var(--t1)!important;margin:0!important;letter-spacing:-.025em!important
}

/* ── POPULAR SECTION ── */
.gb-container-d1d4fafa{
  background:var(--bg2)!important;padding:58px 0!important;
  border-top:1px solid rgba(14,165,233,.09);border-bottom:1px solid rgba(14,165,233,.09)
}
.gb-container-0af06d13{max-width:1200px!important;margin:0 auto!important;padding:0 28px!important}
.gb-container-bd84e501{display:flex!important;flex-wrap:wrap!important;gap:14px!important}
.gb-container-53dc45f2.rounded-border{
  flex:1 1 190px!important;max-width:226px!important;
  background:var(--card-pop)!important;
  border:1.5px solid rgba(14,165,233,.1)!important;
  border-radius:var(--r-md)!important;overflow:hidden!important;
  transition:all .28s var(--ease)!important;
  animation:fadeUp .5s ease both!important;
  box-shadow:var(--shadow-xs)!important;position:relative
}
.gb-container-53dc45f2.rounded-border:hover{
  border-color:rgba(124,58,237,.3)!important;
  transform:translateY(-5px)!important;
  box-shadow:0 12px 32px rgba(124,58,237,.12),var(--shadow-sm)!important
}
/* Imagens injectadas via JS */
.gb-container-53dc45f2.rounded-border > div:first-child img,
.gb-container-53dc45f2.rounded-border img{
  width:100%!important;height:118px!important;
  object-fit:cover!important;display:block!important
}
.gb-container-2da82e49{padding:11px 14px 14px!important}
.gb-container-2da82e49 h2,.gb-container-2da82e49 h3{
  font-family:var(--fh)!important;font-size:.82rem!important;font-weight:700!important;
  line-height:1.35!important;margin:0!important;letter-spacing:-.02em!important;color:var(--t1)!important
}
.gb-container-2da82e49 h2 a,.gb-container-2da82e49 h3 a{
  color:var(--t2)!important;transition:color .2s!important
}
.gb-container-2da82e49 h2 a:hover,.gb-container-2da82e49 h3 a:hover{color:var(--violet-mid)!important}
.gb-container-2da82e49 p{
  font-size:.66rem!important;color:var(--t5)!important;
  text-transform:uppercase!important;letter-spacing:.08em!important;
  font-weight:600!important;margin-bottom:5px!important
}

/* ── LATEST POSTS ── */
.home .post,.home .entry,.blog .post,.blog .entry{
  background:var(--card-latest)!important;
  border:1.5px solid rgba(14,165,233,.1)!important;
  border-radius:var(--r-lg)!important;overflow:hidden!important;
  margin-bottom:20px!important;
  transition:all .28s var(--ease)!important;
  animation:fadeUp .6s ease both;
  box-shadow:var(--shadow-sm)!important
}
.home .post:hover,.home .entry:hover{
  border-color:rgba(14,165,233,.28)!important;
  transform:translateY(-4px)!important;
  box-shadow:var(--shadow-lg)!important
}
.post-image,.entry-image{overflow:hidden;display:block}
.post-image img,.wp-post-image,.entry-image img{
  width:100%!important;height:210px!important;object-fit:cover!important;
  transition:transform .4s ease!important;display:block!important
}
.entry:hover .wp-post-image,.entry:hover .post-image img{transform:scale(1.05)!important}
.entry-header{padding:18px 22px 0!important}
.entry-title{
  font-family:var(--fh)!important;font-size:1.08rem!important;font-weight:700!important;
  line-height:1.38!important;margin:0 0 8px!important;letter-spacing:-.025em!important
}
.entry-title a{color:var(--t1)!important}
.entry-title a:hover{color:var(--blue-light)!important}
.entry-meta{
  font-size:.69rem!important;color:var(--t5)!important;font-weight:500!important;
  text-transform:uppercase!important;letter-spacing:.07em!important;margin-bottom:8px!important
}
.entry-meta a{color:var(--t5)!important}
.entry-meta a:hover{color:var(--blue-light)!important}
.entry-summary,.entry-content{padding:0 22px 20px!important}
.entry-summary p{
  color:var(--t4)!important;font-size:.9rem!important;line-height:1.65!important;margin:0!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.cat-links a,.entry-categories a{
  display:inline-block;background:rgba(14,165,233,.07)!important;
  color:var(--blue)!important;font-size:.65rem!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.08em!important;
  padding:3px 10px!important;border-radius:4px!important;
  border:1px solid rgba(14,165,233,.16)!important;transition:all .2s!important
}
.cat-links a:hover{background:rgba(14,165,233,.13)!important}

/* ── BOTÕES ── */
.button,.wp-block-button__link{
  font-family:var(--fb)!important;font-size:.875rem!important;font-weight:600!important;
  padding:11px 26px!important;border-radius:50px!important;
  background:linear-gradient(135deg,#0EA5E9,#7C3AED)!important;
  color:#fff!important;border:none!important;cursor:pointer!important;
  transition:all .2s!important;display:inline-block;
  animation:glowBtn 3s ease-in-out infinite!important
}
.button:hover,.wp-block-button__link:hover{
  opacity:.87!important;transform:translateY(-2px)!important;color:#fff!important
}

/* ── ARTIGO INDIVIDUAL ── */
.single .entry-title{
  font-family:var(--fh)!important;font-size:clamp(1.7rem,4vw,2.8rem)!important;
  font-weight:800!important;letter-spacing:-.04em!important;
  line-height:1.14!important;color:var(--t1)!important;
  -webkit-text-fill-color:var(--t1)!important;background:none!important
}
.single .entry-content h2{
  font-family:var(--fh)!important;font-size:1.4rem!important;font-weight:700!important;
  color:var(--t1)!important;margin:38px 0 12px!important;
  padding-top:8px;border-top:1.5px solid rgba(14,165,233,.1);letter-spacing:-.025em!important
}
.single .entry-content h3{
  font-family:var(--fh)!important;font-size:1.1rem!important;font-weight:600!important;
  color:var(--t2)!important;margin:24px 0 10px!important;letter-spacing:-.02em!important
}
.single .entry-content p{color:var(--t3)!important;margin-bottom:18px!important;font-size:1rem!important}
.single .entry-content a{color:var(--blue-light)!important;text-decoration:underline;text-underline-offset:3px}
.single .entry-content a:hover{color:var(--violet-mid)!important}
.single .entry-content blockquote{
  background:rgba(14,165,233,.05);border-left:3px solid var(--blue-light);
  padding:14px 22px;border-radius:0 8px 8px 0;margin:24px 0;
  font-style:italic;color:var(--t4)!important
}
.single .entry-content ul,.single .entry-content ol{color:var(--t3)!important;padding-left:22px;margin-bottom:18px}
.single .entry-content li{margin-bottom:7px}
.single .entry-content strong{color:var(--t1)!important}

/* ── SIDEBAR ── */
.widget-area .widget{
  background:#fff;border:1.5px solid rgba(14,165,233,.1);
  border-radius:var(--r-md);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-xs)
}
.widget-area .widget-title{
  font-family:var(--fh)!important;font-size:.78rem!important;font-weight:700!important;
  color:var(--t1)!important;text-transform:uppercase!important;letter-spacing:.1em!important;
  margin-bottom:14px!important;padding-bottom:10px!important;
  border-bottom:1.5px solid rgba(14,165,233,.1)!important
}
.widget-area .widget a{color:var(--t3)!important}
.widget-area .widget a:hover{color:var(--blue-light)!important}
.widget-area .widget li{
  padding:7px 0;border-bottom:1px solid rgba(14,165,233,.07);
  font-size:.875rem;color:var(--t3)
}
.widget-area .widget li:last-child{border:none}
.search-form input[type="search"]{
  background:var(--bg3)!important;border:1.5px solid rgba(14,165,233,.16)!important;
  border-radius:var(--r-sm)!important;color:var(--t1)!important;
  padding:10px 14px!important;font-family:var(--fb)!important;width:100%
}
.search-form input[type="search"]:focus{
  border-color:rgba(14,165,233,.42)!important;outline:none!important;
  box-shadow:0 0 0 3px rgba(14,165,233,.08)!important
}

/* ── PAGINAÇÃO ── */
.pagination,.nav-links{display:flex;align-items:center;justify-content:center;gap:6px;margin:44px 0}
.pagination .page-numbers,.nav-links .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 8px;border-radius:var(--r-sm);
  font-family:var(--fb);font-size:.875rem;font-weight:500;
  color:var(--t4)!important;background:#fff;border:1.5px solid rgba(14,165,233,.1);
  transition:all .2s;box-shadow:var(--shadow-xs)
}
.pagination .current,.nav-links .current{
  background:linear-gradient(135deg,#0EA5E9,#7C3AED)!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 4px 14px rgba(14,165,233,.28)!important
}
.pagination a:hover,.nav-links a:hover{
  background:var(--bg2)!important;border-color:rgba(14,165,233,.28)!important;color:var(--blue)!important
}

/* ── FOOTER ── */
.site-footer,#colophon{
  background:#fff!important;border-top:1.5px solid rgba(14,165,233,.1)!important;
  padding:30px 0 18px!important
}
.footer-bar{
  text-align:center;font-family:var(--fb);font-size:.78rem;color:var(--t5);
  padding-top:14px;border-top:1px solid rgba(14,165,233,.07);margin-top:14px
}
.footer-bar a{color:var(--t4)!important}
.footer-bar a:hover{color:var(--blue-light)!important}
.site-footer .widget-title{
  font-family:var(--fh)!important;font-size:.78rem!important;font-weight:700!important;
  color:var(--t1)!important;text-transform:uppercase!important;letter-spacing:.1em!important;margin-bottom:12px!important
}
.site-footer .widget a{color:var(--t4)!important}
.site-footer .widget a:hover{color:var(--blue-light)!important}
.site-footer p{color:var(--t5)!important;font-size:.82rem!important}

/* ── BACK TO TOP ── */
.to-the-top{
  width:42px!important;height:42px!important;border-radius:50%!important;
  background:linear-gradient(135deg,#0EA5E9,#7C3AED)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#fff!important;transition:all .2s!important;
  box-shadow:0 4px 14px rgba(14,165,233,.28)!important
}
.to-the-top:hover{transform:scale(1.1) translateY(-2px)!important;color:#fff!important}

/* ── TEXTO GERAL ── */
body,p,li,td{color:var(--t3)}
.gb-container p,.gb-container li{color:var(--t3)!important}
.gb-container h1,.gb-container h2,.gb-container h3,.gb-container h4{color:var(--t1)!important}
.gb-container a:not(.button){color:var(--blue-light)!important}
.breadcrumb-trail,.breadcrumb-trail *{color:var(--t5)!important;font-size:.78rem!important}
.breadcrumb-trail a{color:var(--blue-light)!important}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .gb-container-4e34cbba{padding:64px 20px 48px!important}
  .gb-container-1b5711c9.rounded-border{flex:1 1 260px!important;max-width:100%!important}
  .gb-container-53dc45f2.rounded-border{flex:1 1 150px!important;max-width:195px!important}
}
@media(max-width:600px){
  .gb-container-4e34cbba{padding:46px 16px 36px!important}
  .gb-container-1b5711c9.rounded-border,.gb-container-53dc45f2.rounded-border{flex:1 1 100%!important;max-width:100%!important}
}