@font-face{font-family:Poppins;src:url("Poppins-Regular.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:Poppins;src:url("Poppins-SemiBold.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:600}
@font-face{font-family:"Noto Serif";src:url("NotoSerif-Medium.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:500}

:root{
  --cor-preto:#050505;
  --cor-texto:#151515;
  --cor-texto-suave:#555;
  --cor-titulo:#0b0b0b;
  --cor-cinza:#f2f2f2;
  --cor-borda:#dedede;
  --cor-amarelo:#ffde59;
  --fonte-texto:Poppins,Arial,Helvetica,sans-serif;
  --fonte-titulo:"Noto Serif",Georgia,serif;
  --largura-site:1320px;
  --largura-artigo:900px;
  --espaco-1:.8rem;
  --espaco-2:1.6rem;
  --espaco-3:2.4rem;
  --espaco-4:3.2rem;
  --espaco-5:4.8rem;
  --espaco-6:6.4rem;
}

html{font-size:62.5%;scroll-behavior:smooth;overflow-y:scroll}
*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--cor-texto);font-family:var(--fonte-texto);-webkit-font-smoothing:antialiased}
body.menu-aberto{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,h4,p,figure,ul,ol{margin:0}

/* Cabeçalho */
.site-header{display:flex;width:min(var(--largura-site),calc(100% - 4rem));margin:0 auto;padding:4.8rem 0 3.6rem;align-items:center;justify-content:space-between;gap:4rem}
.site-logo{display:flex;width:12rem;align-items:center}
.site-logo img{width:100%;height:auto;filter:invert(1)}
.site-menu-toggle{display:none;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;cursor:pointer}
.site-menu-toggle span,.site-menu-toggle span:before,.site-menu-toggle span:after{display:block;width:2.6rem;height:2px;background:var(--cor-preto);content:"";transition:transform .2s ease,opacity .2s ease}
.site-menu-toggle span{position:relative;margin:0 auto}
.site-menu-toggle span:before,.site-menu-toggle span:after{position:absolute;left:0}
.site-menu-toggle span:before{top:-8px}
.site-menu-toggle span:after{top:8px}
.site-menu-toggle.ativo span{background:transparent}
.site-menu-toggle.ativo span:before{top:0;transform:rotate(45deg)}
.site-menu-toggle.ativo span:after{top:0;transform:rotate(-45deg)}
.site-nav{display:flex;align-items:center;gap:3.6rem}
.site-nav a{font-size:1.86rem;line-height:1.2;text-transform:uppercase;white-space:nowrap;transition:opacity .2s ease}
.site-nav a:hover{opacity:.62}
.site-nav a[aria-current="page"]{font-weight:400}
.site-nav__student{display:inline-flex;min-height:3.8rem;padding:.82rem 1.18rem;border-radius:999px;background:var(--cor-amarelo);color:var(--cor-preto);align-items:center;justify-content:center;gap:.58rem;font-size:1.62rem;font-weight:600;box-shadow:0 8px 18px rgba(255,222,89,.18)}
.site-nav__student:before{content:"";display:block;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;background:currentColor;-webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z'/%3E%3Cpath d='M22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z'/%3E%3Cpath d='M22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E")}
.site-nav .site-nav__student:hover{opacity:1;filter:brightness(.96)}

/* Estrutura */
.site-main{width:100%;padding-bottom:10rem;overflow:hidden}
.aula-post{width:min(var(--largura-site),calc(100% - 4rem));margin:3rem auto 0}
.aula-post__layout{display:block}
.aula-post__conteudo{width:min(var(--largura-artigo),100%);min-width:0}
.artigo-conteudo{width:100%}

/* Cabeçalho editorial */
.aula-post__hero{max-width:91rem;margin-bottom:var(--espaco-5)}
.aula-post__categoria{margin-bottom:1.2rem;color:var(--cor-texto);font-size:1.45rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.aula-post__hero h1{margin-bottom:1.8rem;color:var(--cor-titulo);font-family:var(--fonte-titulo);font-size:clamp(3.5rem,2.6rem + 1.9vw,5.1rem);font-weight:500;line-height:1.16}
.aula-post__hero>p{max-width:78rem;color:var(--cor-texto);font-size:clamp(1.8rem,1.55rem + .5vw,2.15rem);line-height:1.6}
.aula-autor{display:flex;margin-top:var(--espaco-3);align-items:center;gap:1.3rem}
.aula-autor img{width:5.6rem;height:5.6rem;border-radius:50%;object-fit:cover}
.aula-autor p{display:grid;gap:.2rem;font-size:1.4rem;line-height:1.35}
.aula-autor span{font-weight:600}
.aula-autor time{color:var(--cor-texto-suave)}

/* Escala tipográfica do artigo */
.artigo-conteudo h1{color:var(--cor-titulo);font-family:var(--fonte-titulo);font-size:clamp(3.5rem,2.6rem + 1.9vw,5.1rem);font-weight:500;line-height:1.16}
.artigo-conteudo h2{color:var(--cor-titulo);font-family:var(--fonte-titulo);font-size:clamp(2.6rem,2.1rem + .9vw,3.4rem);font-weight:500;line-height:1.25}
.artigo-conteudo h3{color:var(--cor-titulo);font-family:var(--fonte-texto);font-size:clamp(2.05rem,1.8rem + .5vw,2.55rem);font-weight:600;line-height:1.3}
.artigo-conteudo h4{color:var(--cor-titulo);font-family:var(--fonte-texto);font-size:clamp(1.8rem,1.65rem + .3vw,2.1rem);font-weight:600;line-height:1.4}
.artigo-conteudo p{color:var(--cor-texto);font-size:1.78rem;line-height:1.78}
.artigo-conteudo li{color:var(--cor-texto);font-size:1.65rem;line-height:1.65}

/* Ritmo vertical padronizado */
.artigo-conteudo>section{margin-top:var(--espaco-5)}
.artigo-conteudo>section:first-child{margin-top:0}
.artigo-conteudo section>h2{margin-bottom:var(--espaco-3)}
.artigo-conteudo section>h3{margin-top:var(--espaco-4);margin-bottom:var(--espaco-2)}
.artigo-conteudo section>h4{margin-top:var(--espaco-3);margin-bottom:var(--espaco-2)}
.artigo-conteudo section>p+p{margin-top:var(--espaco-2)}
.artigo-conteudo section>h2+p,.artigo-conteudo section>h3+p,.artigo-conteudo section>h4+p{margin-top:0}
.artigo-conteudo ul,.artigo-conteudo ol{margin-top:var(--espaco-2);padding-left:2.4rem}
.artigo-conteudo li+li{margin-top:var(--espaco-1)}

/* Imagens */
.artigo-figura{margin:var(--espaco-5) 0}
.artigo-figura picture{display:block}
.artigo-figura img{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:contain;background:#f7f7f7}
.artigo-figura figcaption{margin-top:1rem;color:var(--cor-texto-suave);font-size:1.38rem;line-height:1.5}
.artigo-figura--hero{margin:0 0 var(--espaco-5)}

/* Compartilhamento */
.artigo-compartilhar{display:flex;margin:calc(var(--espaco-5) * -1 + var(--espaco-3)) 0 var(--espaco-5);align-items:center;gap:1.2rem;flex-wrap:wrap}
.artigo-compartilhar__botao,.artigo-cta{display:inline-flex;min-height:4.8rem;padding:0 2.2rem;border:0;border-radius:999px;background:var(--cor-amarelo);color:var(--cor-preto);align-items:center;justify-content:center;gap:.9rem;font-size:1.42rem;font-weight:600;letter-spacing:.04em;line-height:1.25;text-align:center;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease}
.artigo-compartilhar__botao:hover,.artigo-cta:hover{background:#f4cf3c}
.artigo-compartilhar__botao:focus-visible,.artigo-cta:focus-visible{outline:3px solid #b38b2d;outline-offset:3px}
.artigo-compartilhar__icone{width:2rem;height:2rem;fill:currentColor;flex:0 0 auto}
.artigo-compartilhar__status{font-size:1.35rem!important;line-height:1.4!important}

/* Sumário */
.artigo-sumario{margin:var(--espaco-5) 0;padding:2.6rem 2.8rem;border:1px solid var(--cor-borda);border-radius:12px;background:#fafafa}
.artigo-sumario h2{margin-bottom:var(--espaco-2);font-size:2.35rem}
.artigo-sumario ul{display:grid;padding-left:2rem;gap:.7rem}
.artigo-sumario li{font-size:1.52rem;line-height:1.45}
.artigo-sumario a:hover{text-decoration:underline;text-underline-offset:.25em}

/* Blocos de resposta para GEO/AEO */
.artigo-resumo{margin:var(--espaco-5) 0;padding:2.6rem 2.8rem;border:1px solid var(--cor-borda);border-radius:12px;background:#fafafa}
.artigo-resumo h2{margin-bottom:var(--espaco-2);color:var(--cor-titulo);font-family:var(--fonte-titulo);font-size:2.35rem;font-weight:500;line-height:1.25}
.artigo-resumo ul{display:grid;padding-left:2rem;gap:.9rem}
.artigo-resumo li{font-size:1.6rem;line-height:1.6}
.artigo-tabela-secao{margin-top:var(--espaco-5)!important}
.artigo-tabela-wrap{width:100%;margin-top:var(--espaco-3);overflow-x:auto}
.artigo-tabela{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--cor-borda);border-radius:12px;background:#fafafa;overflow:hidden}
.artigo-tabela th,.artigo-tabela td{padding:1.4rem 1.6rem;border-bottom:1px solid var(--cor-borda);border-left:1px solid var(--cor-borda);color:var(--cor-texto);font-size:1.5rem;line-height:1.5;text-align:left;vertical-align:top}
.artigo-tabela th:first-child,.artigo-tabela td:first-child{border-left:0}
.artigo-tabela tr:last-child td{border-bottom:0}
.artigo-tabela th{background:#f4f4f4;font-weight:600}

/* FAQ */
.artigo-faq-secao{margin-top:var(--espaco-6)!important}
.artigo-faq{display:grid;gap:1.2rem}
.artigo-faq__item{width:100%}
.artigo-faq__botao{display:flex;width:100%;min-height:6.8rem;padding:1.6rem 2.1rem;border:0;border-radius:12px;background:#fafafa;color:var(--cor-texto);align-items:center;justify-content:space-between;gap:1.8rem;font-size:1.7rem;font-weight:600;line-height:1.4;text-align:left;cursor:pointer}
.artigo-faq__botao:hover{background:#f4f4f4}
.artigo-faq__botao:focus-visible{outline:3px solid #b38b2d;outline-offset:3px}
.artigo-faq__icone{font-size:3rem;line-height:1;transition:transform .2s ease}
.artigo-faq__item.ativo .artigo-faq__icone{transform:rotate(90deg)}
.artigo-faq__conteudo{padding:var(--espaco-2) 2.2rem var(--espaco-1)}
.artigo-faq__conteudo[hidden]{display:none}
.artigo-faq__conteudo p{font-size:1.65rem;line-height:1.7}

/* Chamadas para ação */
.artigo-cta-secao{display:block;width:100%;margin-top:var(--espaco-6)!important;padding:3.2rem;border:1px solid var(--cor-borda);border-radius:12px;background:#fafafa}
.artigo-cta-secao h2{margin-bottom:var(--espaco-2)!important}
.artigo-cta-secao p+p{margin-top:var(--espaco-2)}
.artigo-cta-secao p:last-child{margin-top:var(--espaco-3)}

/* Biografia */
.artigo-bio{margin-top:var(--espaco-6)!important;padding:3.2rem;border:1px solid var(--cor-borda);border-radius:16px}
.artigo-bio__layout{display:grid;grid-template-columns:22rem minmax(0,1fr);gap:3rem;align-items:center}
.artigo-bio__imagem{width:22rem;border-radius:50%;aspect-ratio:1;object-fit:cover}
.artigo-bio__texto p+p{margin-top:var(--espaco-2)}

@media(max-width:991px){
  .site-header{position:relative;padding:3rem 0;gap:2.4rem}
  .site-menu-toggle{display:block;margin-left:auto}
  .site-nav{position:fixed;top:0;left:0;z-index:10;display:flex;width:min(30rem,82vw);height:100vh;padding:9rem 3rem 3rem;background:#fff;box-shadow:0 14px 32px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start;gap:2.2rem;transform:translateX(-105%);transition:transform .25s ease}
  .site-nav.ativo{transform:translateX(0)}
  .site-nav a{font-size:2rem}
  .site-nav .site-nav__student{min-height:3.8rem;margin-top:1.2rem;padding:.8rem 1.12rem;font-size:1.72rem}
}

@media(max-width:700px){
  :root{--espaco-4:2.8rem;--espaco-5:4rem;--espaco-6:5.2rem}
  .site-header,.aula-post{width:calc(100% - 3rem)}
  .site-header{padding:2.5rem 0 3.5rem}
  .site-logo{width:7.9rem}
  .site-nav{gap:2.2rem}
  .site-nav a{font-size:2rem}
  .aula-post{margin-top:2rem}
  .aula-post__hero h1,.artigo-conteudo h1{font-size:3.05rem}
  .aula-post__hero>p{font-size:1.62rem;line-height:1.55}
  .artigo-conteudo p{font-size:1.62rem;line-height:1.72}
  .artigo-conteudo li{font-size:1.58rem}
  .artigo-figura{margin:var(--espaco-4) 0}
  .artigo-figura--hero{margin:0 0 var(--espaco-4)}
  .artigo-figura img{aspect-ratio:16/9;border-radius:8px}
  .artigo-compartilhar{align-items:stretch;flex-direction:column}
  .artigo-compartilhar__botao{width:100%;padding:1.2rem 1.5rem}
  .artigo-sumario{padding:2.2rem}
  .artigo-resumo{padding:2.2rem}
  .artigo-resumo h2{font-size:2.25rem}
  .artigo-tabela-wrap{overflow:visible}
  .artigo-tabela,.artigo-tabela thead,.artigo-tabela tbody,.artigo-tabela tr,.artigo-tabela th,.artigo-tabela td{display:block}
  .artigo-tabela{border:0;background:transparent}
  .artigo-tabela thead{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0)}
  .artigo-tabela tbody{display:grid;gap:1.2rem}
  .artigo-tabela tr{padding:1.7rem 1.6rem;border:1px solid var(--cor-borda);border-radius:12px;background:#fafafa}
  .artigo-tabela th,.artigo-tabela td{min-width:0;padding:0;border:0;font-size:1.45rem}
  .artigo-tabela td+td{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--cor-borda)}
  .artigo-tabela td::before{display:block;margin-bottom:.35rem;color:var(--cor-titulo);font-size:1.18rem;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}
  .artigo-tabela td:nth-child(1)::before{content:"Perfil"}
  .artigo-tabela td:nth-child(2)::before{content:"Técnica indicada"}
  .artigo-tabela td:nth-child(3)::before{content:"Por quê"}
  .artigo-tabela--diagnostico td:nth-child(1)::before{content:"O que acontece"}
  .artigo-tabela--diagnostico td:nth-child(2)::before{content:"Possível causa"}
  .artigo-tabela--diagnostico td:nth-child(3)::before{content:"O que testar depois"}
  .artigo-faq__botao{min-height:6rem;padding:1.4rem 1.5rem;border-radius:14px;font-size:1.55rem}
  .artigo-faq__conteudo{padding:1.4rem .8rem .5rem}
  .artigo-cta-secao{padding:2.2rem;border-radius:16px}
  .artigo-cta{width:100%;padding:1.2rem 1.5rem}
  .artigo-bio{padding:2.2rem}
  .artigo-bio__layout{grid-template-columns:1fr}
  .artigo-bio__imagem{width:18rem;margin:0 auto}
  .site-main{padding-bottom:6rem}
}