/* Estilos dos artigos do blog (comuns + componentes: grids, tabelas, passos, avisos...) */
.artigo-hero { background: var(--cor-secao); padding: 4rem 0 0; }
.artigo-hero__inner { max-width: 780px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.artigo-breadcrumb { font-size: 0.8rem; color: var(--cor-texto-suave); margin-bottom: 1.5rem; display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.artigo-breadcrumb a { color: var(--cor-texto-suave); text-decoration: none; }
.artigo-breadcrumb a:hover { color: var(--cor-primaria); }
.artigo-breadcrumb span { color: var(--cor-borda); }
.artigo-categoria { display: inline-block; background: var(--cor-primaria); color: #fff; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; padding: 0.3rem 0.85rem; border-radius: 50px; margin-bottom: 1.25rem; }
.artigo-hero h1 { font-size: clamp(1.75rem, 4vw, 2.75rem); line-height: 1.2; margin-bottom: 1.25rem; }
.artigo-intro { font-size: 1.1rem; color: var(--cor-texto-suave); line-height: 1.75; margin-bottom: 1.5rem; }
.artigo-meta { display: flex; align-items: center; gap: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--cor-borda); font-size: 0.85rem; color: var(--cor-texto-suave); flex-wrap: wrap; }
.artigo-meta__autor { display: flex; align-items: center; gap: 0.65rem; }
.artigo-meta__autor-nome { font-weight: 600; color: var(--cor-texto); }
.artigo-imagem-destaque { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; }
.artigo-imagem-destaque img { width: 100%; border-radius: 10px; aspect-ratio: 16/7; object-fit: cover; display: block; }
.artigo-corpo { max-width: 780px; margin: 0 auto; padding: 3.5rem 1.5rem 5rem; }
.artigo-corpo h2 { font-family: var(--fonte-titulo); font-size: clamp(1.35rem, 2.5vw, 1.9rem); font-weight: 600; color: var(--cor-texto); margin: 3rem 0 1rem; line-height: 1.25; }
.artigo-corpo h2:first-child { margin-top: 0; }
.artigo-corpo h3 { font-family: var(--fonte-titulo); font-size: 1.2rem; font-weight: 600; margin: 2rem 0 0.75rem; color: var(--cor-texto); }
.artigo-corpo p { font-size: 1rem; line-height: 1.8; color: var(--cor-texto); margin-bottom: 1.25rem; }
.artigo-corpo p:last-child { margin-bottom: 0; }
.artigo-corpo ul, .artigo-corpo ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.artigo-corpo li { font-size: 1rem; line-height: 1.75; color: var(--cor-texto); margin-bottom: 0.5rem; }
.artigo-corpo a { color: var(--cor-primaria); text-decoration: underline; text-underline-offset: 3px; }
.artigo-corpo a:hover { color: var(--cor-primaria-hover); }
.artigo-destaque { border-left: 4px solid var(--cor-dourado); background: var(--cor-secao); padding: 1.25rem 1.5rem; border-radius: 0 8px 8px 0; margin: 2rem 0; font-size: 1.05rem; font-style: italic; color: var(--cor-texto-suave); line-height: 1.7; }
.artigo-corpo figure { margin: 2.5rem 0; }
.artigo-corpo figure img { width: 100%; border-radius: 8px; object-fit: cover; }
.artigo-corpo figcaption { font-size: 0.8rem; color: var(--cor-texto-suave); text-align: center; margin-top: 0.65rem; font-style: italic; }
.artigo-cta { background: var(--cor-primaria); border-radius: 12px; padding: 2.5rem; text-align: center; margin: 3rem 0; }
.artigo-cta h3 { font-family: var(--fonte-titulo); font-size: 1.6rem; color: #fff; margin-bottom: 0.75rem; }
.artigo-cta p { color: rgba(255,255,255,0.85); font-size: 0.95rem; margin-bottom: 1.5rem; }
.artigo-cta .nota { font-size: 0.8rem; color: rgba(255,255,255,0.55); margin-top: 0.875rem; margin-bottom: 0; }
.artigos-relacionados { border-top: 1px solid var(--cor-borda); padding-top: 2.5rem; margin-top: 3rem; }
.artigos-relacionados h3 { font-family: var(--fonte-titulo); font-size: 1.3rem; margin-bottom: 1.25rem; }
.relacionados-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.relacionado-card { background: var(--cor-secao); border: 1px solid var(--cor-borda); border-radius: 8px; padding: 1.25rem; text-decoration: none; display: block; transition: box-shadow 0.2s; }
.relacionado-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
.relacionado-card__cat { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--cor-dourado); margin-bottom: 0.5rem; }
.relacionado-card__titulo { font-family: var(--fonte-titulo); font-size: 1.05rem; font-weight: 600; color: var(--cor-texto); line-height: 1.3; }
.leitura-progress { position: fixed; top: 0; left: 0; height: 3px; background: var(--cor-dourado); width: 0%; z-index: 500; transition: width 0.1s linear; }
.sinais-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 2rem 0; }
.situacao-item { background: var(--cor-secao); border: 1px solid var(--cor-borda); border-radius: 10px; padding: 1.25rem 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 0.6rem; }
.situacao-item__icone { font-size: 1.75rem; line-height: 1; }
.situacao-item__titulo { font-family: var(--fonte-titulo); font-size: 0.95rem; font-weight: 600; color: var(--cor-texto); line-height: 1.3; }
.situacao-item__desc { font-size: 0.82rem; color: var(--cor-texto-suave); line-height: 1.55; margin: 0; }
.profundidade-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2rem 0; }
.profundidade-card { border-radius: 10px; padding: 1.5rem 1.25rem; display: flex; flex-direction: column; gap: 0.75rem; }
.profundidade-card--superficial { background: #F0F7F4; border: 1px solid #B8DECE; }
.profundidade-card--intermedio { background: #FFF8ED; border: 1px solid #E8C988; }
.profundidade-card--profundo { background: #F4F0F8; border: 1px solid #C5B3DB; }
.profundidade-card__nivel { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; }
.profundidade-card--superficial .profundidade-card__nivel { color: #3D9970; }
.profundidade-card--intermedio .profundidade-card__nivel { color: #B8762A; }
.profundidade-card--profundo .profundidade-card__nivel { color: var(--cor-primaria); }
.profundidade-card__titulo { font-family: var(--fonte-titulo); font-size: 1.05rem; font-weight: 600; color: var(--cor-texto); line-height: 1.3; }
.profundidade-card__desc { font-size: 0.88rem; color: var(--cor-texto-suave); line-height: 1.65; margin: 0; flex: 1; }
.profundidade-card__resolve { font-size: 0.82rem; font-weight: 600; color: var(--cor-texto); border-top: 1px solid rgba(0,0,0,0.08); padding-top: 0.65rem; line-height: 1.5; }
.profundidade-card__resolve span { font-weight: 400; color: var(--cor-texto-suave); display: block; margin-top: 0.15rem; }
.artigo-aviso { background: #FFF8F0; border: 1px solid #E8C988; border-radius: 8px; padding: 1.5rem 1.75rem; margin: 2rem 0; }
.artigo-aviso h3 { font-family: var(--fonte-titulo); font-size: 1.15rem; color: var(--cor-texto); margin-bottom: 0.75rem; }
.artigo-aviso p { font-size: 0.95rem; color: var(--cor-texto); margin-bottom: 0; line-height: 1.7; }
.artigo-passos { display: flex; flex-direction: column; gap: 1.25rem; margin: 2rem 0; }
.artigo-passo { display: flex; gap: 1.25rem; align-items: flex-start; background: var(--cor-branco); border: 1px solid var(--cor-borda); border-radius: 8px; padding: 1.25rem 1.5rem; }
.artigo-passo__num { font-family: var(--fonte-titulo); font-size: 2rem; font-weight: 600; color: var(--cor-dourado); opacity: 0.7; line-height: 1; flex-shrink: 0; min-width: 2rem; margin-top: 0.1rem; }
.artigo-passo__texto h4 { font-family: var(--fonte-titulo); font-size: 1.1rem; font-weight: 600; margin-bottom: 0.4rem; color: var(--cor-texto); }
.artigo-passo__texto p { font-size: 0.9rem; color: var(--cor-texto-suave); margin: 0; line-height: 1.65; }
.artigo-aviso ul { margin: 0; padding-left: 1.25rem; }
.artigo-aviso li { font-size: 0.9rem; color: var(--cor-texto); margin-bottom: 0.4rem; line-height: 1.6; }
.artigo-timeline { display: flex; flex-direction: column; gap: 0; margin: 2rem 0; position: relative; }
.artigo-timeline::before { content: ''; position: absolute; left: 1.1rem; top: 0.5rem; bottom: 0.5rem; width: 2px; background: var(--cor-borda); }
.timeline-item { display: flex; gap: 1.25rem; padding: 0.75rem 0; position: relative; }
.timeline-dot { width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--cor-primaria); flex-shrink: 0; margin-top: 0.15rem; z-index: 1; display: flex; align-items: center; justify-content: center; }
.timeline-dot::after { content: ''; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #fff; }
.timeline-texto h4 { font-family: var(--fonte-corpo); font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--cor-dourado); margin-bottom: 0.3rem; }
.timeline-texto p { font-size: 0.9rem; color: var(--cor-texto-suave); margin: 0; line-height: 1.6; }
.artigo-tipos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 2rem 0; }
.artigo-tipo-card { background: var(--cor-branco); border: 1px solid var(--cor-borda); border-radius: 8px; padding: 1.25rem 1.5rem; }
.artigo-tipo-card h4 { font-family: var(--fonte-titulo); font-size: 1.05rem; font-weight: 600; color: var(--cor-dourado); margin-bottom: 0.5rem; }
.artigo-tipo-card p { font-size: 0.9rem; color: var(--cor-texto-suave); margin: 0; line-height: 1.6; }
.artigo-faq { margin: 2.5rem 0; }
.artigo-faq h2 { margin-top: 0; }
.sinais-lista { display: flex; flex-direction: column; gap: 0.85rem; margin: 2rem 0; list-style: none; padding: 0; }
.sinais-lista li { display: flex; gap: 1.1rem; align-items: flex-start; background: var(--cor-branco); border: 1px solid var(--cor-borda); border-radius: 8px; padding: 1rem 1.25rem; margin: 0; }
.sinais-num { font-family: var(--fonte-titulo); font-size: 1.6rem; font-weight: 600; color: var(--cor-dourado); opacity: 0.85; line-height: 1; flex-shrink: 0; min-width: 1.8rem; margin-top: 0.1rem; }
.sinais-texto strong { display: block; font-weight: 600; font-size: 0.95rem; color: var(--cor-texto); margin-bottom: 0.2rem; line-height: 1.4; }
.sinais-texto span { font-size: 0.875rem; color: var(--cor-texto-suave); line-height: 1.6; }
.causas-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.85rem; margin: 2rem 0; }
.causa-card { background: var(--cor-secao); border: 1px solid var(--cor-borda); border-radius: 8px; padding: 1.1rem 1.25rem; }
.causa-card h4 { font-family: var(--fonte-titulo); font-size: 1rem; font-weight: 600; color: var(--cor-texto); margin-bottom: 0.4rem; }
.causa-card p { font-size: 0.875rem; color: var(--cor-texto-suave); margin: 0; line-height: 1.6; }
.sessao-inclui { background: var(--cor-secao); border: 1px solid var(--cor-borda); border-radius: 10px; padding: 1.75rem; margin: 2rem 0; }
.sessao-inclui h3 { font-family: var(--fonte-titulo); font-size: 1.15rem; color: var(--cor-texto); margin-bottom: 1rem; }
.sessao-inclui ul { margin: 0; padding-left: 1.25rem; }
.sessao-inclui li { font-size: 0.95rem; line-height: 1.7; color: var(--cor-texto); margin-bottom: 0.5rem; }
.sessao-inclui li::marker { color: var(--cor-dourado); }
.sessao-inclui .btn-secundario { display: inline-block; margin-top: 1.25rem; font-size: 0.9rem; }
.distancia-explicacao { background: var(--cor-branco); border: 1px solid var(--cor-borda); border-left: 4px solid var(--cor-primaria); border-radius: 0 10px 10px 0; padding: 1.5rem 1.75rem; margin: 2rem 0; }
.distancia-explicacao h3 { font-family: var(--fonte-titulo); font-size: 1.1rem; color: var(--cor-primaria); margin-bottom: 0.75rem; }
.distancia-explicacao p { font-size: 0.95rem; color: var(--cor-texto); line-height: 1.75; margin-bottom: 0.75rem; }
.distancia-explicacao p:last-child { margin-bottom: 0; }
.tabela-comparativa { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 0.95rem; border-radius: 10px; overflow: hidden; border: 1px solid var(--cor-borda); }
.tabela-comparativa thead tr { background: var(--cor-primaria); color: #fff; }
.tabela-comparativa thead th { padding: 0.85rem 1.25rem; text-align: left; font-family: var(--fonte-titulo); font-size: 1rem; font-weight: 600; }
.tabela-comparativa tbody tr:nth-child(even) { background: var(--cor-secao); }
.tabela-comparativa tbody tr:nth-child(odd) { background: var(--cor-branco); }
.tabela-comparativa td { padding: 0.85rem 1.25rem; border-bottom: 1px solid var(--cor-borda); vertical-align: top; line-height: 1.6; color: var(--cor-texto); }
.tabela-comparativa td:first-child { font-weight: 500; color: var(--cor-texto-suave); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; width: 22%; vertical-align: middle; }
.tabela-comparativa tbody tr:last-child td { border-bottom: none; }
.check-sim { color: #4CAF7D; font-weight: 600; }
.check-nao { color: var(--cor-texto-suave); font-weight: 400; }
.testemunhos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin: 2rem 0; }
.testemunho-card { background: var(--cor-secao); border: 1px solid var(--cor-borda); border-radius: 10px; padding: 1.5rem 1.25rem; display: flex; flex-direction: column; gap: 0.75rem; }
.testemunho-card__icone { font-size: 1.75rem; line-height: 1; }
.testemunho-card__situacao { font-family: var(--fonte-titulo); font-size: 1rem; font-weight: 600; color: var(--cor-texto); line-height: 1.3; }
.testemunho-card__descricao { font-size: 0.9rem; color: var(--cor-texto-suave); line-height: 1.65; margin: 0; flex: 1; }
.testemunho-card__resultado { font-size: 0.82rem; font-weight: 600; color: var(--cor-primaria); border-top: 1px solid var(--cor-borda); padding-top: 0.65rem; line-height: 1.5; }
.mitos-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--cor-borda); border-radius: 10px; overflow: hidden; margin: 2rem 0; }
.mitos-header { display: contents; }
.mitos-header-cel { padding: 0.75rem 1.25rem; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; }
.mitos-header-cel.col-mito { background: #EDE8E0; color: var(--cor-texto-suave); }
.mitos-header-cel.col-real { background: var(--cor-branco); color: var(--cor-dourado); border-left: 3px solid var(--cor-dourado); }
.mito-cel { padding: 1.1rem 1.25rem; font-size: 0.95rem; line-height: 1.6; border-top: 1px solid var(--cor-borda); }
.mito-cel.col-mito { background: #F7F3EE; color: var(--cor-texto-suave); }
.mito-cel.col-real { background: var(--cor-branco); color: var(--cor-texto); border-left: 3px solid var(--cor-dourado); }
.mito-cel strong { display: block; font-weight: 600; margin-bottom: 0.2rem; font-size: 0.9rem; }
.mito-cel.col-mito strong { color: #8A7060; text-decoration: line-through; text-decoration-color: #C4A882; }
.mito-cel.col-real strong { color: var(--cor-texto); text-decoration: none; }
.artigo-limites { background: #FFF8F0; border: 1px solid #E8C988; border-radius: 10px; padding: 1.5rem 1.75rem; margin: 2rem 0; }
.artigo-limites h3 { font-family: var(--fonte-titulo); font-size: 1.1rem; color: var(--cor-texto); margin-bottom: 0.75rem; }
.artigo-limites ul { margin: 0; padding-left: 1.25rem; }
.artigo-limites li { font-size: 0.95rem; color: var(--cor-texto); margin-bottom: 0.5rem; line-height: 1.65; }
.artigo-quando { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2rem 0; }
.quando-card { border-radius: 8px; padding: 1.25rem 1.4rem; }
.quando-card.sim { background: #EFF6EE; border: 1px solid #B8D6B4; }
.quando-card.nao { background: #FEF5F5; border: 1px solid #E8C0C0; }
.quando-card h4 { font-family: var(--fonte-titulo); font-size: 1rem; margin-bottom: 0.75rem; }
.quando-card.sim h4 { color: #3A6B36; }
.quando-card.nao h4 { color: #8B3030; }
.quando-card ul { margin: 0; padding-left: 1.2rem; }
.quando-card li { font-size: 0.9rem; line-height: 1.6; margin-bottom: 0.4rem; color: var(--cor-texto); }

/* Elementos dos artigos em Markdown */
.artigo-meta a { color: var(--cor-primaria); text-decoration: none; }
.artigo-meta a:hover { text-decoration: underline; }
.artigo-resumo { background: var(--cor-secao); border: 1px solid var(--cor-borda); border-radius: 10px; padding: 1.25rem 1.5rem; margin: 0 0 1.75rem; }
.artigo-resumo__titulo { font-family: var(--fonte-titulo); font-size: 1.15rem; font-weight: 600; margin: 0 0 0.6rem; color: var(--cor-texto); }
.artigo-resumo ul { margin: 0; padding-left: 1.25rem; }
.artigo-resumo li { font-size: 0.95rem; line-height: 1.65; margin-bottom: 0.4rem; }
.artigo-resumo li::marker { color: var(--cor-dourado); }
.artigo-indice { border: 1px solid var(--cor-borda); border-radius: 10px; padding: 1.25rem 1.5rem; margin: 0 0 2.25rem; background: var(--cor-branco); }
.artigo-indice__titulo { font-family: var(--fonte-titulo); font-size: 1.15rem; font-weight: 600; margin: 0 0 0.6rem; }
.artigo-indice ol { margin: 0; padding-left: 1.25rem; }
.artigo-indice li { font-size: 0.95rem; margin-bottom: 0.3rem; }
.artigo-indice a { text-decoration: none; }
.artigo-indice a:hover { text-decoration: underline; }
.artigo-corpo h2[id], .artigo-corpo h3[id] { scroll-margin-top: 90px; }
.artigo-corpo table { width: 100%; border-collapse: collapse; margin: 1.75rem 0; font-size: 0.92rem; display: block; overflow-x: auto; }
.artigo-corpo th { background: var(--cor-primaria); color: var(--cor-branco); text-align: left; padding: 0.7rem 0.9rem; font-weight: 600; }
.artigo-corpo td { padding: 0.7rem 0.9rem; border-bottom: 1px solid var(--cor-borda); vertical-align: top; }
.artigo-corpo tbody tr:nth-child(even) { background: var(--cor-secao); }
.artigo-corpo blockquote { border-left: 4px solid var(--cor-dourado); margin: 1.75rem 0; padding: 0.25rem 0 0.25rem 1.25rem; color: var(--cor-texto-suave); font-style: italic; }
.artigo-aviso-legal { font-size: 0.85rem; color: var(--cor-texto-suave); background: var(--cor-secao); border-radius: 8px; padding: 1rem 1.25rem; margin: 2rem 0; line-height: 1.65; }
.artigo-fontes { margin: 2rem 0; }
.artigo-fontes h2 { font-size: 1.25rem; margin-top: 0; }
.artigo-fontes ol { font-size: 0.88rem; line-height: 1.6; padding-left: 1.25rem; }
.artigo-fontes li { margin-bottom: 0.4rem; overflow-wrap: anywhere; }
.artigo-autora { display: flex; gap: 1.25rem; align-items: center; width: 100%; border: 1px solid var(--cor-borda); border-radius: 12px; padding: 1.25rem 1.5rem; margin: 2.5rem 0; background: var(--cor-secao); box-sizing: border-box; }
.artigo-autora img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--cor-branco); box-shadow: 0 0 0 1px var(--cor-borda); }
.artigo-autora p { margin: 0; font-size: 0.9rem; line-height: 1.6; color: var(--cor-texto-suave); }
.artigo-autora .artigo-autora__nome { font-family: var(--fonte-titulo); font-size: 1.15rem; font-weight: 600; color: var(--cor-texto); margin-bottom: 0.3rem; }
@media (max-width: 560px) { .artigo-autora { flex-direction: column; text-align: center; } }

/* Hero com imagem abstrata de fundo */
.artigo-hero--img { position: relative; background-color: var(--cor-secao); background-image: linear-gradient(180deg, rgba(245,240,234,.72) 0%, rgba(245,240,234,.55) 55%, rgba(245,240,234,.85) 100%), var(--hero-img); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 0.5rem; }
.artigo-hero--img .artigo-hero__inner { position: relative; }
.artigo-hero--img + .artigo-corpo, .artigo-hero--img ~ .artigo-corpo { padding-top: 2.5rem; }

/* Responsivo */
@media (max-width: 600px) { .relacionados-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .sinais-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 400px) { .sinais-grid { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .profundidade-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .artigo-tipos { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .causas-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .tabela-comparativa thead th, .tabela-comparativa td { padding: 0.7rem 0.85rem; font-size: 0.88rem; } .tabela-comparativa td:first-child { width: 30%; font-size: 0.78rem; } }
@media (max-width: 700px) { .testemunhos-grid { grid-template-columns: 1fr; } }
@media (min-width: 500px) and (max-width: 700px) { .testemunhos-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .mitos-grid { grid-template-columns: 1fr; } .mitos-header-cel.col-mito { display: none; } .mitos-header-cel.col-real { border-left: none; border-top: 1px solid var(--cor-borda); } .mito-cel { border-left: none !important; } .mito-cel.col-mito { border-top: 2px solid var(--cor-borda); } .mito-cel.col-real { border-top: none; border-bottom: 2px solid var(--cor-dourado); } }
@media (max-width: 600px) { .artigo-quando { grid-template-columns: 1fr; } }