/* blog.css — herda paleta e tipografia de style.css do site (marcoslima.com.br) */
@import url('/style.css');

*{margin:0;padding:0;box-sizing:border-box;}

:root{
  --azul:#0C2340;
  --azul-med:#1A3A5C;
  --acento:#E8A020;
  --acento-claro:#F5C842;
  --acento-escuro:#8A5A00;
  --branco:#FAFAF8;
  --cinza:#5B6270;
  --cinza-claro:#F2F1EE;
  --verde:#1A7A4A;
}

html{scroll-behavior:smooth;}

body{
  font-family:'DM Sans',sans-serif;
  background:var(--branco);
  color:var(--azul);
  line-height:1.6;
}

/* BREADCRUMB */
.breadcrumb{
  max-width:720px;
  margin:0 auto;
  padding:1.5rem 1.5rem 0;
  font-size:13px;
  color:var(--cinza);
}
.breadcrumb a{
  color:var(--cinza);
  text-decoration:none;
}
.breadcrumb a:hover{color:var(--acento-escuro);}
.breadcrumb span{color:var(--azul);font-weight:600;}

/* ARTICLE */
article{
  max-width:720px;
  margin:0 auto;
  padding:2rem 1.5rem 5rem;
}

header{margin-bottom:2rem;}

.tag-cluster{
  display:inline-block;
  background:var(--cinza-claro);
  color:var(--acento-escuro);
  font-family:'Syne',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:100px;
  margin-bottom:1.25rem;
}

article h1{
  font-family:'Syne',sans-serif;
  font-size:clamp(28px,5vw,42px);
  font-weight:800;
  letter-spacing:-1px;
  line-height:1.15;
  color:var(--azul);
  margin-bottom:0.75rem;
}

.meta{
  font-size:13px;
  color:var(--cinza);
}

article p{
  font-size:17px;
  color:#374151;
  line-height:1.75;
  margin-bottom:1.25rem;
}

article h2{
  font-family:'Syne',sans-serif;
  font-size:clamp(22px,4vw,28px);
  font-weight:800;
  letter-spacing:-0.5px;
  color:var(--azul);
  margin:2.5rem 0 1rem;
  line-height:1.25;
}

article h3{
  font-family:'Syne',sans-serif;
  font-size:18px;
  font-weight:700;
  color:var(--azul);
  margin-bottom:0.5rem;
}

article ul, article ol{
  margin:0 0 1.25rem 1.25rem;
  color:#374151;
}
article ul{list-style:none;}
article ul > li{
  position:relative;
  padding-left:22px;
  font-size:16px;
  line-height:1.7;
  margin-bottom:0.6rem;
}
article ul > li::before{
  content:'';
  position:absolute;
  left:0;top:10px;
  width:7px;height:7px;
  border-radius:50%;
  background:var(--acento);
}
article ol{list-style:decimal;margin-left:1.5rem;}
article ol > li{
  font-size:16px;
  line-height:1.7;
  padding-left:6px;
  margin-bottom:0.6rem;
}

article a{
  color:var(--acento-escuro);
  text-decoration:underline;
  text-decoration-color:rgba(138,90,0,0.35);
  text-underline-offset:2px;
}
article a:hover{text-decoration-color:var(--acento-escuro);}

article strong{color:var(--azul);font-weight:700;}
article em{font-style:italic;}

table{
  width:100%;
  border-collapse:collapse;
  margin:1.5rem 0;
  font-size:15px;
}
table th, table td{
  text-align:left;
  padding:12px 14px;
  border-bottom:1px solid #E5E7EB;
}
table th{
  font-family:'Syne',sans-serif;
  font-weight:700;
  color:var(--azul);
  background:var(--cinza-claro);
}
table td{color:#374151;}

/* CTA BOX */
.cta-box{
  background:var(--azul);
  border-radius:8px;
  padding:2rem;
  margin:2.5rem 0;
  position:relative;
  overflow:hidden;
}
.cta-box::before{
  content:'';
  position:absolute;
  top:-60px;right:-60px;
  width:180px;height:180px;
  background:radial-gradient(circle, rgba(232,160,32,0.15) 0%, transparent 70%);
  pointer-events:none;
}
.cta-box h3{
  font-family:'Syne',sans-serif;
  font-size:20px;
  font-weight:800;
  color:var(--branco);
  margin-bottom:8px;
}
.cta-box p{
  font-size:15px;
  color:rgba(250,250,248,0.8);
  margin-bottom:1.25rem;
}
.cta-box .btn-cta,
.cta-box .btn-cta-secondary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Syne',sans-serif;
  font-size:14px;
  font-weight:700;
  padding:13px 22px;
  border-radius:4px;
  text-decoration:none;
  margin-right:10px;
  margin-bottom:8px;
  transition:transform 0.2s, box-shadow 0.2s;
}
.cta-box .btn-cta{
  background:var(--acento);
  color:var(--azul);
}
.cta-box .btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,160,32,0.3);}
.cta-box .btn-cta-secondary{
  background:transparent;
  color:var(--branco);
  border:1px solid rgba(255,255,255,0.3);
}
.cta-box .btn-cta-secondary:hover{background:rgba(255,255,255,0.08);}

/* RELATED ARTICLES */
.related-articles{
  margin-top:1rem;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.related-articles li{
  padding:0;
  margin:0;
}
.related-articles li::before{display:none;}
.related-articles a{
  display:block;
  padding:14px 16px;
  background:var(--cinza-claro);
  border-radius:4px;
  color:var(--azul);
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  border-left:3px solid var(--acento);
  transition:background 0.2s, padding-left 0.2s;
}
.related-articles a:hover{
  background:#EAE7DE;
  padding-left:22px;
}

@media(max-width:480px){
  article{padding:1.5rem 1.25rem 4rem;}
  .cta-box{padding:1.5rem;}
  .cta-box .btn-cta, .cta-box .btn-cta-secondary{
    display:flex;
    text-align:center;
    justify-content:center;
    margin-right:0;
  }
}