.elementor-kit-212{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-212 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   GIRO ELÉTRICO — Página de categoria (arquivo)
   Cole em: Elementor › Configurações do site › CSS personalizado
   Escopo: body.archive (categoria, tag, autor, data). Não afeta o post único.
   ========================================================================== */

body.archive .site-main{
  --lima:#C6FF3B; --tinta:#0E0E0E; --oliva:#41560A;
  --claro:#F4F6EE; --linha:#E2E6D6; --cinza:#5C6157; --branco:#fff;
  --disp:'Space Grotesk','Archivo',sans-serif;
  --corpo:'Archivo','Segoe UI',sans-serif;
  background:var(--claro);
  padding:clamp(26px,4vw,44px) 0 clamp(50px,7vw,84px);
  font-family:var(--corpo);
}
body.archive .site-main *,
body.archive .site-main *::before,
body.archive .site-main *::after{box-sizing:border-box}

/* ---------- faixa do título da categoria ---------- */
body.archive .page-header{
  width:min(1180px,100% - 40px);
  margin:0 auto clamp(28px,4vw,44px);
  background:var(--tinta);
  border-radius:18px;
  padding:clamp(28px,4vw,44px) clamp(24px,4vw,44px);
  position:relative;
  overflow:hidden;
  text-align:left;
}
body.archive .page-header::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(560px 260px at 92% 0%,rgba(198,255,59,.16),transparent 68%);
}
body.archive .page-header > *{position:relative; z-index:2}
body.archive .page-header .entry-title{
  font-family:var(--disp);
  font-size:clamp(1.6rem,3.6vw,2.4rem);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.02em;
  color:var(--branco);
  margin:0;
}
body.archive .page-header .entry-title span{color:var(--lima)}
body.archive .page-header .archive-description,
body.archive .page-header .archive-description p,
body.archive .page-header > p{
  margin:12px 0 0;
  font-size:1rem;
  line-height:1.6;
  color:rgba(255,255,255,.68);
  max-width:74ch;
}
body.archive .page-header .archive-description p{margin:0}

/* ---------- grade de cards ---------- */
body.archive .page-content{
  width:min(1180px,100% - 40px);
  margin-inline:auto;
  display:grid;
  gap:22px;
  grid-template-columns:1fr;
}
body.archive .page-content article.post{
  display:flex;
  flex-direction:column;
  background:var(--branco);
  border:1px solid var(--linha);
  border-radius:18px;
  overflow:hidden;
  margin:0;
  padding:0;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.archive .page-content article.post:hover{
  transform:translateY(-4px);
  border-color:#c9d6a4;
  box-shadow:0 20px 44px -28px rgba(14,14,14,.5);
}

/* o tema imprime título, depois imagem, depois resumo: reordenamos */
body.archive .page-content article.post > a{order:1; display:block; line-height:0; overflow:hidden}
body.archive .page-content article.post > .entry-title{order:2}
body.archive .page-content article.post > p{order:3}

body.archive .page-content article.post > a img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
body.archive .page-content article.post:hover > a img{transform:scale(1.045)}

body.archive .page-content article.post > .entry-title{
  font-family:var(--disp);
  font-size:1.05rem;
  font-weight:700;
  line-height:1.34;
  letter-spacing:-.01em;
  margin:20px 20px 0;
}
body.archive .page-content article.post > .entry-title a{
  color:var(--tinta);
  text-decoration:none;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.archive .page-content article.post:hover > .entry-title a{color:var(--oliva)}

body.archive .page-content article.post > p{
  margin:11px 20px 22px;
  font-size:.92rem;
  line-height:1.58;
  color:var(--cinza);
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ---------- paginação ---------- */
body.archive .pagination{
  width:min(1180px,100% - 40px);
  margin:clamp(30px,4vw,46px) auto 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
body.archive .pagination a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:0 22px;
  border-radius:12px;
  background:var(--tinta);
  color:var(--branco);
  font-family:var(--disp);
  font-weight:600;
  font-size:.95rem;
  text-decoration:none;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
body.archive .pagination a:hover{background:var(--lima); color:var(--tinta); transform:translateY(-2px)}
body.archive .pagination .nav-next{margin-left:auto}

/* ---------- foco visível ---------- */
body.archive .site-main a:focus-visible{
  outline:3px solid var(--lima);
  outline-offset:3px;
  border-radius:6px;
}

/* ---------- respiro em telas maiores ---------- */
@media (min-width:640px){
  body.archive .page-content{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:940px){
  body.archive .page-content{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  body.archive .page-content article.post,
  body.archive .page-content article.post > a img,
  body.archive .pagination a{transition:none}
}
/* ==========================================================================
   GIRO ELÉTRICO — Página de artigo (post único)
   Escopo: body.single-post. Não afeta home, categorias nem páginas.
   ========================================================================== */

body.single-post .site-main{
  --lima:#C6FF3B; --tinta:#0E0E0E; --oliva:#41560A; --oliva-forte:#2E3D07;
  --claro:#F4F6EE; --linha:#E2E6D6; --cinza:#5C6157; --branco:#fff;
  --disp:'Space Grotesk','Archivo',sans-serif;
  --corpo:'Archivo','Segoe UI',sans-serif;
  --col:760px;
  background:var(--branco);
  font-family:var(--corpo);
  color:var(--tinta);
  padding-bottom:clamp(40px,6vw,72px);
}
body.single-post .site-main *,
body.single-post .site-main *::before,
body.single-post .site-main *::after{box-sizing:border-box}

/* ---------- cabeçalho do artigo ---------- */
body.single-post .page-header{
  background:var(--claro);
  border-bottom:1px solid var(--linha);
  margin:0 0 clamp(28px,4vw,40px);
  padding:clamp(34px,5vw,60px) 20px clamp(28px,4vw,44px);
}
body.single-post .page-header .entry-title{
  width:min(var(--col),100%);
  margin:0 auto;
  font-family:var(--disp);
  font-size:clamp(1.7rem,4vw,2.55rem);
  font-weight:700;
  line-height:1.14;
  letter-spacing:-.02em;
  color:var(--tinta);
}

/* ---------- assinatura e capa (injetadas pelo bloco HTML) ---------- */
body.single-post .giro-assinatura{
  width:min(var(--col),100% - 40px);
  margin:0 auto clamp(22px,3vw,30px);
  display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px;
  font-size:.9rem; color:var(--cinza);
}
body.single-post .giro-assinatura img{
  width:40px; height:40px; border-radius:50%; object-fit:cover;
  border:2px solid var(--lima);
}
body.single-post .giro-assinatura b{color:var(--tinta); font-weight:600}
body.single-post .giro-assinatura .giro-sep{color:var(--linha)}

body.single-post .giro-capa{
  width:min(1000px,100% - 40px);
  margin:0 auto clamp(30px,4vw,44px);
  border-radius:18px; overflow:hidden; background:var(--claro);
}
body.single-post .giro-capa img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
}

/* ---------- corpo do texto ---------- */
body.single-post .page-content{
  width:min(var(--col),100% - 40px);
  margin-inline:auto;
  font-size:1.06rem;
  line-height:1.78;
  color:#23261F;
}
body.single-post .page-content p{margin:0 0 1.25em}
body.single-post .page-content strong{color:var(--tinta); font-weight:600}

body.single-post .page-content h2{
  font-family:var(--disp);
  font-size:clamp(1.35rem,2.6vw,1.65rem);
  font-weight:700;
  line-height:1.24;
  letter-spacing:-.015em;
  color:var(--tinta);
  margin:2.2em 0 .7em;
  padding-bottom:.4em;
  border-bottom:2px solid var(--lima);
}
body.single-post .page-content h3{
  font-family:var(--disp);
  font-size:clamp(1.08rem,2vw,1.22rem);
  font-weight:700;
  line-height:1.34;
  color:var(--tinta);
  margin:1.9em 0 .55em;
}

/* links do corpo: oliva legível, sublinhado limão */
body.single-post .page-content a{
  color:var(--oliva);
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:var(--lima);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
  transition:color .16s ease, background .16s ease;
}
body.single-post .page-content a:hover{color:var(--oliva-forte); background:rgba(198,255,59,.28)}
body.single-post .page-content a:focus-visible{outline:3px solid var(--lima); outline-offset:2px; border-radius:4px}

/* listas com marcador limão */
body.single-post .page-content ul,
body.single-post .page-content ol{margin:0 0 1.4em; padding-left:0; list-style:none}
body.single-post .page-content li{position:relative; padding-left:26px; margin-bottom:.6em}
body.single-post .page-content ul > li::before{
  content:""; position:absolute; left:4px; top:.62em;
  width:8px; height:8px; border-radius:2px; background:var(--lima);
}
body.single-post .page-content ol{counter-reset:giro}
body.single-post .page-content ol > li{counter-increment:giro; padding-left:34px}
body.single-post .page-content ol > li::before{
  content:counter(giro); position:absolute; left:0; top:.15em;
  width:23px; height:23px; border-radius:7px;
  background:var(--tinta); color:var(--lima);
  font-family:var(--disp); font-weight:700; font-size:.78rem;
  display:grid; place-items:center;
}

/* imagens internas, um pouco mais largas que a coluna */
body.single-post .page-content figure{margin:2em 0}
body.single-post .page-content figure img{
  width:100%; height:auto; display:block; border-radius:16px;
}
body.single-post .page-content figure figcaption{
  margin-top:10px; font-size:.85rem; line-height:1.5; color:var(--cinza); text-align:center;
}
@media (min-width:940px){
  body.single-post .page-content > figure{width:calc(100% + 120px); margin-left:-60px}
}

body.single-post .page-content blockquote{
  margin:2em 0; padding:4px 0 4px 22px;
  border-left:4px solid var(--lima);
  font-size:1.1rem; line-height:1.7; color:var(--tinta);
}

/* ---------- bloco de FAQ do Rank Math ---------- */
body.single-post .page-content #rank-math-faq{margin:1.2em 0 0}
body.single-post .page-content .rank-math-list-item{
  background:var(--claro);
  border:1px solid var(--linha);
  border-radius:14px;
  padding:18px 20px;
  margin-bottom:12px;
}
body.single-post .page-content .rank-math-list-item .rank-math-question{
  margin:0 0 .4em;
  font-size:1.03rem;
  border-bottom:0;
  padding-bottom:0;
}
body.single-post .page-content .rank-math-list-item .rank-math-answer p{
  margin:0; font-size:.98rem; line-height:1.68; color:var(--cinza);
}

/* ---------- caixa do autor (injetada no fim) ---------- */
body.single-post .giro-autor{
  width:min(var(--col),100% - 40px);
  margin:clamp(38px,5vw,56px) auto 0;
  background:var(--tinta);
  border-radius:18px;
  padding:26px 24px;
  display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;
  color:var(--branco);
}
body.single-post .giro-autor img{
  flex:0 0 auto; width:84px; height:84px; border-radius:50%;
  object-fit:cover; border:3px solid rgba(198,255,59,.4);
}
body.single-post .giro-autor .giro-autor-txt{flex:1 1 300px}
body.single-post .giro-autor .giro-autor-rot{
  font-family:var(--disp); font-weight:700; font-size:.7rem;
  letter-spacing:.15em; text-transform:uppercase; color:var(--lima);
  margin:0 0 6px;
}
body.single-post .giro-autor h2{
  font-family:var(--disp); font-size:1.15rem; font-weight:700;
  color:var(--branco); margin:0 0 8px; border-bottom:0; padding-bottom:0;
}
body.single-post .giro-autor p{
  margin:0; font-size:.93rem; line-height:1.66; color:rgba(255,255,255,.7);
}
body.single-post .giro-autor a{
  color:var(--lima); font-weight:600; text-decoration:none;
  border-bottom:1px solid rgba(198,255,59,.42);
}
body.single-post .giro-autor a:hover{border-color:var(--lima)}

@media (prefers-reduced-motion:reduce){
  body.single-post .page-content a{transition:none}
}/* End custom CSS */