/* Solrac Mkt Models - base (header, footer, blog, layout comum) */
:root{
  --smm-bg:#ffffff; --smm-ink:#111111; --smm-muted:#666666; --smm-line:#e5e5e5;
  --smm-accent:#4f46e5; --smm-radius:12px; --smm-gap:24px;
  --smm-font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.smm-modelo{
  margin:0; font-family:var(--smm-font); color:var(--smm-ink); background:var(--smm-bg);
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
.smm-container{max-width:1180px; margin:0 auto; padding:0 24px}
.smm-main{min-height:60vh}
.smm-site-header{
  position:sticky; top:0; z-index:100; background:rgba(255,255,255,.85);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--smm-line);
}
.smm-header-inner{display:flex; align-items:center; justify-content:space-between; height:64px}
.smm-brand{font-weight:800; font-size:1.15rem; text-decoration:none; color:var(--smm-ink); letter-spacing:-.02em}
.smm-nav-wrap{display:flex; gap:4px; align-items:center}
.smm-nav{display:flex; gap:4px; list-style:none; margin:0; padding:0}
.smm-nav li{margin:0}
.smm-nav a{display:block; padding:8px 14px; border-radius:8px; color:var(--smm-ink); text-decoration:none; font-size:.92rem; font-weight:500}
.smm-nav a:hover{background:rgba(0,0,0,.05)}
.smm-site-footer{border-top:1px solid var(--smm-line); padding:32px 0; margin-top:64px; background:#fafafa}
.smm-footer-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.smm-footer-inner p{margin:0; font-size:.88rem; color:var(--smm-muted)}
.smm-foot-links{display:flex; gap:16px; list-style:none; margin:0; padding:0}
.smm-foot-links a{color:var(--smm-muted); text-decoration:none; font-size:.88rem}
.smm-foot-links a:hover{color:var(--smm-ink)}
.smm-blog-head{padding:48px 0 24px}
.smm-blog-title{font-size:2.4rem; line-height:1.15; letter-spacing:-.03em; margin:0 0 8px}
.smm-blog-desc{color:var(--smm-muted); font-size:1.05rem; margin:0}
.smm-blog-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; padding-bottom:64px}
.smm-post-card{border:1px solid var(--smm-line); border-radius:var(--smm-radius); overflow:hidden; background:#fff; display:flex; flex-direction:column; transition:transform .2s ease, box-shadow .2s ease}
.smm-post-card:hover{transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.08)}
.smm-post-thumb img{width:100%; height:auto; display:block}
.smm-post-title{font-size:1.15rem; line-height:1.3; margin:16px 20px 8px; letter-spacing:-.01em}
.smm-post-title a{color:var(--smm-ink); text-decoration:none}
.smm-post-excerpt{margin:0 20px; color:var(--smm-muted); font-size:.92rem; flex:1}
.smm-post-link{display:inline-block; margin:12px 20px 20px; color:var(--smm-accent); text-decoration:none; font-weight:600; font-size:.9rem}
.smm-pagination{grid-column:1/-1; display:flex; justify-content:center; gap:8px; list-style:none}
.smm-pagination .page-numbers{padding:8px 14px; border:1px solid var(--smm-line); border-radius:8px; text-decoration:none; color:var(--smm-ink)}
.smm-pagination .page-numbers.current{background:var(--smm-ink); color:#fff; border-color:var(--smm-ink)}
.smm-single-wrap{max-width:760px; padding-top:48px; padding-bottom:64px}
.smm-single-title{font-size:2.2rem; line-height:1.15; letter-spacing:-.03em; margin:0 0 8px}
.smm-single-meta{color:var(--smm-muted); font-size:.9rem; margin:0 0 24px}
.smm-single-thumb img{width:100%; border-radius:var(--smm-radius)}
.smm-single-content{font-size:1.05rem}
.smm-single-content h2{font-size:1.5rem; margin-top:40px}
.smm-single-content h3{font-size:1.2rem; margin-top:32px}
.smm-single-content img{border-radius:var(--smm-radius); max-width:100%; height:auto}
.smm-single-content a{color:var(--smm-accent)}
.smm-single-content blockquote{border-left:3px solid var(--smm-accent); margin:24px 0; padding:4px 20px; color:var(--smm-muted); font-style:italic}
.smm-single-nav{display:flex; justify-content:space-between; margin-top:48px; padding-top:24px; border-top:1px solid var(--smm-line)}
.smm-single-nav a{color:var(--smm-accent); text-decoration:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media (max-width:640px){
  .smm-header-inner{height:56px}
  .smm-nav a{padding:6px 10px; font-size:.85rem}
  .smm-blog-title{font-size:1.8rem}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}