.hero-title { font-family: 'Inter', sans-serif; font-size: 3em !important; font-weight: 800; color: #292929; line-height: 1.1; }
.hero-subtitle { color: #7c7c7c !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; line-height: 1.2 !important; }

.prose p, .prose ul, .prose ol, .prose li { font-family: 'Source Serif Pro', serif; font-size: 20px; color: #292929; line-height: 1.6; }
.prose p { margin-bottom:1.2em; }
    .prose p strong, li strong { font-weight:900; color: #000000; background-color: rgb(253, 246, 234); padding: 2px 4px; border-radius: 4px; }
        .hero-subtitle strong { font-weight:600 !important; color:#7c7c7c !important; background:none !important; padding:0 !important; }
    .prose p a, li a { text-decoration:underline; }
    .prose p a:hover { text-decoration:none !important; /*background-color: rgb(213, 224, 213);*/ }

    .prose h2, .prose h3 { font-family: 'Inter', sans-serif; color: #292929; }
.prose h2 { font-size: 28px; margin-top: 2.5em; margin-bottom: 1em; border-bottom: 2px solid #f0f0f0; padding-bottom: 0.3em; }
.prose h3 { font-size: 22px; font-weight: 600 !important; margin-top: 1.5em; margin-bottom: 0.5em;}
.article-card { @apply bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-shadow; }

.prose ul { list-style-type: disc; margin-left: 2em; }
.prose ol { list-style-type: decimal; margin-left: 2em; }
    .prose li { margin-top:1.2em; padding-left: 0.2em; }

.prose img {
    display: block;
    margin: 2em auto 2em auto;
    max-width: 100%;
    border-radius: 8px;
}
    .img-border {
        border: 4px solid #e0e0e0;
        border-radius: 8px;
        transition: border-color 0.3s ease;
    }
    a:hover .img-border {
        border-color: #db8c14;
        transition: border-color 0.3s ease;
    }

figure img { margin:0 !important; }

.space-0 { margin-top:0 !important; margin-bottom:0 !important; }





/* Estilos do Índice Flutuante (Table of Contents) */
.toc-container {
    position: fixed;
    left: max(20px, calc((100vw - 1200px) / 2)); /* Posiciona à esquerda da área de conteúdo */
    top: 150px;
    width: 200px;
    display: none; /* Oculto por padrão */
}
@media (min-width: 1280px) { /* Exibe apenas em telas grandes */
    .toc-container {
        display: block;
    }
}
.toc-container h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    color: #333;
    margin-bottom: 1rem;
}
.toc-container nav a {
    display: block;
    padding: 8px 0;
    font-family: 'Source Serif Pro', serif;
    color: #555;
    border-left: 2px solid #e5e7eb;
    padding-left: 15px;
    transition: all 0.2s ease;
}
.toc-container nav a:hover {
    color: #1d4ed8;
    border-left: 2px solid #1d4ed8;
}
.toc-container nav a.active {
    color: #1d4ed8;
    border-left: 2px solid #1d4ed8;
    font-weight: 600;
}



/* Galeria */
.gallery-slide {
    display: none; /* Esconde todos os slides por padrão */
}
.gallery-slide.active {
    display: block; /* Mostra apenas o slide ativo */
}

.gallery-slide p { margin-top:5px !important; margin-bottom:0 !important; line-height: 1em !important; }
.gallery-slide h3 { margin-top:15px !important; margin-bottom:0 !important; }
.gallery-slide img { margin-top:0 !important; margin-bottom:0 !important; }