/* --- Base e Tipografia --- */
body {
    font-family: "Baskerville", serif;
    margin: 0 auto;
    max-width: 900px;
    counter-reset: n nt num num-a numv tit2;
}

h1 {
    font-size: 1.4rem;
    margin: 22px 15px 18px 15px;
    text-align: center;
    color: #800040;
    padding-bottom: 2px;
    border-bottom: solid 1px lightgrey;
}

p {
    font-size: 1.3rem;
    text-indent: 15px;
    padding: 0 15px 0 15px;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 0;
    hyphens: auto;
}

a { text-decoration: none; color:#006699 }


/* --- Layout e Elementos --- */

 .acervo {background:black; color:#bfff00; padding:4px 0 3px 0; margin:0 0 28px 0; text-indent:0; text-align:center}

button {padding:6px 8px; font-size:1rem; box-shadow:5px 5px 5px #555}

	.esq, .left {font-family:Manuscrito2; font-size:110%; line-height:1.2; text-align:left; text-indent:0}
	.dir, .right {font-family:Manuscrito2; font-size:110%; line-height:1.2; text-align:right; text-indent:0}



table {
    width: 100%;       /* A tabela ocupa toda a largura disponível */
    table-layout: fixed; /* Força colunas de tamanho igual */
    border-collapse: collapse; /* Opcional: para bordas unificadas */
    text-align:center;
}

.conteudo-post { max-width: 100%; margin: 0 auto; padding-top: 5px }

.autor {color: rgb(78, 77, 77); text-align:center; font-size: 80%; padding: 0 15px 12px 15px;
        font-family: "Arial"; text-indent:0}

.tema { color: darkgreen; font-weight: bold; text-align: center; margin: 10px 0 20px 0; text-indent:0; font-size:103%; background-image:linear-gradient(to right, transparent,rgb(222, 255, 222), transparent)}

.imgArtigo {display: block; margin: 16px auto 16px auto; max-width: 100%; max-height: 50vh; }

.titulo {font-size:105%; margin:22px 15px 18px 15px; text-align:center; text-indent:0; line-height:1.5; padding-bottom:0; font-weight:bold;
	border-bottom: solid lightgrey 1px; color:#800040; -webkit-hyphens:none; -ms-hyphen:none; hyphens:none}

.tit {font-size:102%; margin-top:1.5%; margin-bottom:1.5%;
margin-left:10%; text-indent:-5%; color:darkgreen; font-weight:bold}

.tit1, h2 {text-indent:0; text-align:center; color:#006699; font-size:105%; font-weight:bold; padding-top:3px; padding-bottom:0; margin-top:3rem; margin-bottom:13px;
         -webkit-hyphens:none; -ms-hyphen:none; hyphens:none}

.tit2 {font-size:102%; color:#006699;
            margin-top:2%; margin-bottom:2%;
            margin-left:5%; text-indent:-5%}
.tit2::before {color:red; counter-increment: tit2; content: counter(tit2) ". "}

.bola {margin-left:4%; text-indent:-5%; text-decoration:none}
     .bola::before {content:"• "}

.centro {display: block; justify-content: center; align-items: center; margin:15px auto 20px}

.legenda {font-size:90%; color:#7F4F0A;
	   	font-style:italic; text-indent:0; text-align:center;
		padding: 10px 12px 10px 12px; margin:-15px 15px 20px 15px;
		border-bottom-left-radius:12px; border-bottom-right-radius:12px;
		background: linear-gradient(to bottom, transparent, #f2f2f2)}


/* ----------- NOTAS ------------- */

.nt::before
	{counter-increment: nt;
	content: counter(nt);
	vertical-align:super;
	line-height:0.2; padding-left:1px;
	font-size:76%; color:red; font-weight:bold}

		.n 	{font-size:17px; text-align:justify; padding:15px;
			line-height:1.5; background-color:rgb(224, 255, 255);
			text-indent:0; border-bottom-left-radius:25px; border-top-right-radius:25px;
			margin:15px 15px 25px 15px; box-shadow: 5px 5px 5px #555;
			-webkit-hyphens:auto; -ms-hyphen:auto; hyphens:auto}
	      .n::before {counter-increment: n; content: counter(n) " ";
	      	vertical-align:super;line-height:0.2; padding-left:1px;
		    	font-size:90%; font-weight:bold; color:red}

				    .n0 	{font-size:90%; text-align:justify; padding:15px;
						 	line-height:1.4; background-color:#c4fffe;
						 	text-indent:0; border-bottom-left-radius:25px; border-top-right-radius:25px;
						 	margin:15px; box-shadow: 5px 5px 3px gray;
						 	border: solid 1px #b2f8ff;
				     	-webkit-hyphens:auto; -ms-hyphen:auto;
				     	hyphens:auto}

								.cita {margin-left:20px; color:#002847; font-size:98%;
                                }

/* ----------- NUMERADORES ------------- */

.num {
    font-size: 100%; 
    margin-top: 1.5%; 
    margin-bottom: 1.5%;
    margin-left: 5%; 
    text-indent: -5%;
    scroll-margin-top: 20px; /* Alinhar o parágrafo no topo da tela */ }
  .num::before {counter-increment: num; content: counter(num) ". "; color:darkgreen}

    /* Subtítulo Verde Numerado */
       .numv {font-size:100%; margin:2rem 0 2rem 3rem; text-indent:-5%; color:darkgreen; font-weight:bold; font-style:italic}
      .numv::before {counter-increment: numv; content: counter(numv) ". "; color:#222}

     /* Subtítulo Azul, com numeração vermelha */

    .num-a {font-size:100%; margin-top:5px; margin-bottom:5px;
    margin-left:6%; text-indent:-5%; color:#006699}
    .num-a::before {color:red;
        counter-increment: num-a; content: counter(num-a) ". "}


/* ----------- FOOTER ------------- */

.footerAutor {text-align:right; cursor:pointer; margin:3rem 16px 3rem 30%;
    background-image:linear-gradient(to right, transparent 22%, rgb(139, 194, 144) ); 
    padding:3px; padding-right:10px; border-top-right-radius:15px; border-bottom-right-radius:15px;}
    .footerAutor a {color:black}

.footerIndice {text-align:center; cursor:pointer; margin:0 20% 26px 20%;
    background-image:linear-gradient(-20deg,  rgb(172, 172, 112), transparent, rgb(172, 172, 112) ); 
    padding:6px 3px 5px 3px; border-radius:25px; border:solid 1px rgb(190, 189, 178);
    box-shadow:#444 4px 4px 4px}
    .footerIndice a {color:black}

.footer1 {color:#bfff00; padding-top:20px; padding-bottom:20px; 
     background-image:linear-gradient(to bottom, transparent, rgb(112, 172, 118))}

.footerImg {
    display: block;
    margin: 16px auto 5px auto;
    max-width: 15%;
    max-height: 20vh; }

.footer2 {color:#bfff00; background-color:black; padding-top:20px; padding-bottom:10px}

.footerTit {text-align:center; text-indent:0; font-weight:bold; line-height:0; font-size:104%}
.footerCopy {text-align:center; text-indent:0; padding-bottom:10px; font-size:94%}


/* --- Media Queries --- */

@media (max-width: 499px) { body { width: 100%; font-size: 1.3rem; } }
@media (min-width: 500px) and (max-width: 768px) { body { width: 100%; font-size: 1.4rem; } }
@media (min-width: 769px) { body { width: 80%; font-size: 1.5rem; } }
@media (min-width: 1200px) { 
    body { width: 95%; font-size: clamp(1rem, 2vw + 1rem, 2rem);; }
    p {font-size:100%}

}


/* --- Fontes --- */

@font-face { font-family: "Baskerville"; src: url(./fonts/Libre-Baskerville.ttf); font-display: fallback}
	@font-face {font-family:"Baskerville"; src:url(./fonts/Libre-Baskerville_bold.ttf); font-weight:bold; font-display: fallback}
		@font-face {font-family:"Baskerville"; src:url(./fonts/Libre-Baskerville_italic.ttf); font-style:italic; font-display: fallback}

@font-face {font-family:"Manuscrito"; src:url(./fonts/Warung-Kopi.otf); font-style:normal; font-weight:normal; font-display: fallback}
        @font-face {font-family:"Manuscrito"; src:url(./fonts/Warung-Kopi-Bold.otf); font-weight: bold; font-display: fallback}
            @font-face {font-family:"Manuscrito"; src:url(./fonts/Warung-Kopi-Bold-Italic.otf); font-style:italic; font-display: fallback}
                @font-face {font-family:"Manuscrito";src:url(./fonts/Warung-Kopi-Regular-Italic.otf); font-weight:bold; font-style:italic; font-display: fallback}

@font-face {font-family:"Manuscrito1"; src:url('./fonts/Dancing.otf'); font-style:normal; font-weight:normal; font-display: fallback}
	@font-face {font-family:"Manuscrito2"; src:url('./fonts/Blackjack.otf'); font-style:normal; font-weight:normal; font-display: fallback}

	@font-face {font-family:"Medieval1"; src:url('./fonts/Cardeal.ttf'); font-style:normal; font-weight:normal; font-display: fallback }
		@font-face {font-family:"Medieval2"; src:url('./fonts/Pais-encantado.otf'); font-style:normal; font-weight:normal; font-display: fallback}
			@font-face {font-family:"Medieval3"; src:url('./fonts/Brava.ttf'); font-style:normal; font-weight:normal; font-display: fallback}