/*
Theme Name: JETEC INFOR
Theme URI: https://seusite.com
Author: Seu Nome
Author URI: https://jetecinfor.com.br/
Description: Tema blog tecnológico inspirado no layout JETEC INFOR.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jetec-infor
Tags: blog, two-columns, custom-logo, custom-menu
*/

:root{
  --jetec-orange:#ff7a00;
  --jetec-dark:#111827;
  --jetec-gray:#6b7280;
  --bg-light:#f9fafb;
  --bg-card:#ffffff;
  --radius-lg:18px;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--jetec-dark);
  background:#ffffff;
  line-height:1.6;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
.site-header{
  position:sticky;top:0;z-index:50;
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
}
.container{
  max-width:1120px;
  margin:0 auto;
  padding:0 1.25rem;
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 0;
}
.brand{
  display:flex;align-items:center;gap:.6rem;font-weight:700;
}
.brand-box{
  width:34px;height:34px;
  border-radius:8px;
  background:var(--jetec-orange);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
}
.main-nav ul{display:flex;gap:1.5rem;list-style:none;font-weight:500;}
.main-nav a{color:var(--jetec-gray);}
.main-nav a:hover{color:var(--jetec-orange);}
.hero{
  padding:4rem 0 3rem;
  background:radial-gradient(circle at top,#fff7ec,#ffffff);
  text-align:center;
}
.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:#fff7ec;
  color:var(--jetec-orange);
  padding:.4rem 1rem;
  border-radius:999px;
  font-size:.85rem;
  margin-bottom:1.25rem;
}
.hero-title{
  font-size:2.8rem;
  line-height:1.1;
  margin-bottom:1rem;
}
.hero-title span{color:var(--jetec-orange);}
.hero-sub{
  max-width:580px;
  margin:0 auto 1.8rem;
  color:var(--jetec-gray);
}
.hero-actions{
  display:flex;
  justify-content:center;
  gap:1rem;
}
.btn{
  padding:.8rem 1.6rem;
  border-radius:999px;
  font-weight:600;
  font-size:.95rem;
}
.btn-primary{
  background:var(--jetec-orange);
  color:#fff;
}
.btn-outline{
  border:1px solid #e5e7eb;
  background:#ffffff;
}
.section{
  padding:2.8rem 0;
}
.section-header{
  text-align:center;
  margin-bottom:2rem;
}
.section-kicker{
  text-transform:uppercase;
  color:var(--jetec-orange);
  font-size:.85rem;
  font-weight:600;
}
.section-title{
  font-size:2rem;
  margin-top:.3rem;
}
.section-sub{
  color:var(--jetec-gray);
  max-width:560px;
  margin:.6rem auto 0;
}
.grid-3{
  display:grid;
  gap:1.75rem;
}
@media(min-width:900px){
  .grid-3{grid-template-columns:repeat(3,1fr);}
}
.post-card{
  background:var(--bg-card);
  border-radius:var(--radius-lg);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  overflow:hidden;
}
.post-thumb{
  background:#d1d5db;
  height:180px;
}
.post-body{padding:1.2rem 1.4rem 1.4rem;}
.badge{
  display:inline-block;
  font-size:.75rem;
  font-weight:600;
  color:#fff;
  background:var(--jetec-orange);
  border-radius:999px;
  padding:.25rem .7rem;
  margin-bottom:.7rem;
}
.post-title{
  font-size:1.05rem;
  font-weight:700;
  margin-bottom:.4rem;
}
.post-meta{
  font-size:.85rem;
  color:var(--jetec-gray);
}
.categories-grid{
  display:grid;
  gap:1.4rem;
}
@media(min-width:900px){
  .categories-grid{grid-template-columns:repeat(3,1fr);}
}
.cat-card{
  background:#fff7ec;
  border-radius:var(--radius-lg);
  padding:1.4rem 1.6rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.cat-name{font-weight:700;}
.cat-desc{font-size:.9rem;color:var(--jetec-gray);}
.cat-count{font-size:.85rem;color:var(--jetec-gray);}
.site-footer{
  margin-top:3rem;
  border-top:1px solid #e5e7eb;
  padding:2.5rem 0 1.5rem;
  background:#f9fafb;
}
.footer-top{
  display:grid;
  gap:2rem;
}
@media(min-width:900px){
  .footer-top{
    grid-template-columns:2fr 1fr 1fr 1fr;
  }
}
.footer-title{font-weight:700;margin-bottom:.6rem;}
.footer-text{font-size:.9rem;color:var(--jetec-gray);}
.footer-bottom{
  margin-top:2rem;
  font-size:.85rem;
  color:var(--jetec-gray);
}
.socials{display:flex;gap:.6rem;margin-top:1rem;}
.socials a{
  width:32px;height:32px;
  border-radius:8px;
  background:#ffffff;
  display:flex;align-items:center;justify-content:center;
  border:1px solid #e5e7eb;
  font-size:.8rem;
}