@charset 'utf-8';

/* =======================================================
   CEMITÉRIO DE CÓDIGOS (LEGADO / MORTOS-VIVOS)
   Cuidado: Não use essas classes em postagens novas!
   ======================================================= */

/* Correção de segurança para largura */
#textobizu {
    font-size: 4rem;
    line-height: 1em; /* Corrigido de line-spacing (não existe) */
    font-weight: bold;
    text-align: center;
    background: #B71C1C;
    color: #ffffff;
    width: 100% !important;
    clear: both;
    box-sizing: border-box; /* Vacina: Impede estourar a tela */
}

/* CAIXA DE TEXTO CINZA */
.boxcinza {
    font-size: 80%;
    background: #E0E0E0;
    padding: 5px 10px;
    box-sizing: border-box;
}

/* TEXTOS CINZA */
.txtcinza { color: #666666; text-decoration: none; }
.txtcinzapeq { color: #cccccc; text-decoration: none; font-size: 80%; }

/* CRÉDITOS DE FOTOS (ANTIGO) */
/* Atenção: Nas novas use 'figcaption' ou '.legenda-foto' */
.fotos {
    width: 100%;
    font-size: 10px;
    text-align: right;
    color: #cccccc;
    padding-right: 10px;
    margin: -5px 0 5px 0;
    box-sizing: border-box;
}

/* BORDA INFERIOR */
.brdcinza { border-bottom: 1px solid #cccccc; }

/* --- ZONA DE PERIGO: CLASSES COM NOMES GENÉRICOS --- */
/* Se possível, não use essas classes em posts novos */

.titulo {
    color: #546E7A; 
    font-size: 24px !important;
    font-weight: bold;
    line-height: 24px !important;
    border-bottom: 1px solid #cccccc;
    vertical-align: middle;
}

.texto {
    font-size: 80%;
    margin-top: 10px;
    line-height: 1.2; /* Ajustado de 80% para evitar sobreposição */
}

/* BIOGRAFIAS E RODAPÉ */
.bio2 { font-size: 80%; margin-top: 20px; }

.boxrodape {
    border-bottom: 1px solid #cccccc;
    background: #fafafa;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    padding-top: 4px;
    text-align: center;
    vertical-align: bottom;
    box-sizing: border-box;
}

/* TABELAS ANTIGAS */
.tabtitulo {
    font-size: 34px; 
    font-weight: bold; 
    vertical-align: middle;
    border-top: 1px solid #cccccc; 
    border-bottom: 1px solid #cccccc;
}
.tdnumero {
    border-right: 1px solid #cccccc; 
    color: #cccccc; 
    text-align: center; 
    width: 50px;
}
.tdtitulo { padding-left: 20px; }
.tdtitulosimples { padding-right: 20px; border-right: 1px solid #cccccc; }
.tdtexto { font-size: 14px; padding-left: 20px; vertical-align: middle; }

/* TABELA DE 3 COLUNAS */
.tab3col {
    width: 100%;
    background: #fafafa;
    text-align: center;
    border-collapse: collapse; /* Adicionado para segurança */
}
.td3col { padding: 10px 0 30px 0; width: 33%; }
.tdmeio { padding: 10px 0 30px 0; width: 34%; }

/* ADSENSE & UTILITÁRIOS */
.ads { width: 100%; background: transparent; text-align: center !important; }
.linkwithin_inner { margin: 0px auto !important; border-top: 1px solid #cccccc !important; }

/* BACKGROUNDS ANTIGOS (Mantidos links externos) */
.yt {
    background: url(https://www.dropbox.com/s/7nhirkn92sbuhrk/YT-DUPLO.png?dl=1) left top no-repeat;
    width: 90px; border-style: none; height: 16px; display: inline-block;
}
.yt:hover { background-position: left -16px; }

.ph {
    background: url(https://www.dropbox.com/s/x5xw29hjbrzr9zf/Earphones.jpg?dl=1) left top no-repeat;
    width: 57px; height: 16px; border-style: none; display: inline-block;
}
.ph:hover { background-position: left -16px; }

/* QUADRO VEJA TAMBÉM */
.vt {
    font-size: 12px;
    color: #000000;
    padding: 0px 8px 0 10px;  
    margin: 0px 0 -10px 10px;
    position: relative;
    background: #ffffff;
    width: 85px;
    z-index: 2; /* Garante que fique sobre a borda */
}
.qvt {
    border: 1px solid #cccccc;
    padding: 10px 10px 10px 53px;
    font-size: 15px;
    position: relative;
    z-index: 1;
}

/* OUTROS */
.sep { clear: both; margin-bottom: 30px; }

/* LUPA (MAGNIFIER) */
.img-magnifier-container { position: relative; }
.img-magnifier-glass {
    position: absolute;
    border: 3px solid #000;
    border-radius: 50%;
    cursor: none;
    width: 100px;
    height: 100px;
    z-index: 100; /* Garante que fique por cima de tudo */
}




/* AQUI COMEÇAM OS ANTIGOS (PARCIAL) */

/* CAPITULAR */

.letra:first-letter {
    	color: var(--cor-texto-suave) !important;
    	font-weight:bold; 
   	 font-size:6em; 
   	 float:left; 
    	padding:0; 
    	margin: 0 15px 0 0 !important; 
   	 background-color:transparent; 
    	line-height:0.8em;
    	border-bottom:0px solid var(--cor-principal);
}

.letra2:first-letter {
    	color: var(--cor-texto-suave) !important;
    	opacity:0.5;
   	 font-weight:bold; 
    	font-size:4em; 
    	float:left; 
    	padding:0; 
    	margin: -5px 15px 0 0 !important; 
    	background-color:transparent;
}

.letrag:first-letter {
    	opacity:0.5;
    	font-weight:bold; 
    	font-size:4em; 
    	float:left; 
    	padding:0; 
    	margin: -5px 15px 0 0 !important; 
    	background-color:transparent; 
    	line-height:0.5em;
    	border-bottom:0px solid var(--cor-principal);
}

.letra3 {
    	color: var(--cor-texto-suave) !important;
    	opacity:0.5;
    	font-weight:bold; 
    	font-size:4em; 
    	float:left; 
    	padding:0; 
    	margin: 14px 15px 0 0 !important; 
    	background-color:transparent; 
    	line-height:0.5em;
    	border-bottom:0px solid var(--cor-principal);
}

.letra4 {
    	color: var(--cor-texto-suave) !important;
    	opacity:0.5;
    	font-weight:bold; 
    	font-size:3em; 
    	float:left; 
    	padding:0; 
    	margin: 25px 15px 0 0 !important; 
    	background-color:transparent; 
    	line-height:0.5em;
    	border-bottom:0px solid var(--cor-principal);
   	display:inline-block;
}

/*
.romano {
        	font-family: var(--fonte-serifa) !important;
}
*/

.pensamento {
    	font-size: 20px;
       	font-family: var(--fonte-padrao) !important;
    	line-height: 1.4;
    	padding: 20px;
      	background: var(--cor-fundo-detalhe);
    	color: var(--cor-texto-suave);
}

.pensador {
    	border-top:1px solid var(--cor-principal) !important;
      	font-weight:bold !important;
    	margin-top:5px;
    	padding-top:5px !important;
    	text-align:right !important;
}

#poesia2 li {
    	white-space: pre-wrap;
   	 width:80%;
    	padding:20px;
    	font-size:0.95em !important;
    	margin-bottom:100px !important;
    	display:block !important;
    	clear:both !important;
}

#poesia2 li:last-child {
    	margin-bottom:30px !important;
}

.poesia3 {
    	white-space: pre-wrap;
    	font-size: clamp(14px, 2vw, 20px) !important;
}

@media only screen and (max-width: 300px) {
poesia2 li {
width:100%;
}
}

.haikai {
    	max-width: 90% !important;
    	text-align:center;
    	clear:both !important;
}

.miniconto {
    	max-width: 60% !important;
    	clear:both !important
}

/* ---------- POSIÇÃO ---------- */

.direita {
    	text-align:right !important;
}

.desloca {
    	padding-left: 30px;
}

.desloca2 {
    	padding-left: 60px;
}

.centraliza2 {
    	margin: 0 auto;
   	text-align:center;
    	width:auto;
    	border-bottom:1px solid var(--cor-principal);
   	display:block
}

/* -------------------- GRADIENTES ----------------------- */
.gradiente {
        border-image: linear-gradient(45deg, rgb(240, 240, 240), var(--cor-principal)) 1 / 1 / 0 stretch; 
    	border-style: solid; 
    	border-width: 0px 0px 2px;
}

.gradiente2 {
        border-image: linear-gradient(45deg, var(--cor-principal),  rgb(240, 240, 240)) 1 / 1 / 0 stretch; 
    	border-style: solid; 
    	border-width: 0px 0px 2px;
}

/* -------------------- FONT AWESOME ----------------------- */
.fa-camera, .fa-paint-brush, .fa-home, .fa-youtube,
.fa-pencil, .fa-envelope, .fa-facebook-official, .fa-instagram {
    	margin: 0 5px !important;
}

.fa-youtube-play {
    	color: var(--cor-principal);
    	padding: 0;
}

.fa-play-circle {
    	color: var(--cor-cinza-claro);
    	padding: 0;
}

/* -------------------- VÍDEOS ----------------------- */
.disco {
    	width: 100%;
}

.disco:before {
    	content: "";
    	display: block;
    	padding-top: 100%;
}

.quadrado1 {
    	position: relative;
}

#quadrado2 {
    	position:  absolute;
    	top: 0;
   	 left: 0;
    	bottom: 0;
    	right: 0;
}

.video {
    	float:right;
   	width:50%;
    	max-height:200px;
    	margin: 10px 0 5px 15px;
}

.vid {
      	position: relative;
      	padding-bottom: calc(var(--ratio, 0.5625) * 100%);
      	height: 0;
      	width: 100%;
}

.vid iframe {
      	position: absolute;
      	top: 0;
      	left: 0;
      	width: 100%;
      	height: 100%;
}

.index1 {
    	z-index:1 !important;
}

/* -------------------- ENTREVISTAS ----------------------- */

.pergunta {
      	padding-left: 20px;
    	font-style: italic;
    	font-weight: 500;
    	color: var(--cor-texto-suave) !important;  
}

.entrevista {
    	margin: 10px auto 15px;
    	width:90%;
      	padding: 10px 20px 10px 20px;
    	background-color: var(--cor-papel);
}

/* FIXA O QUADRO DE ENTREVISTAS

#Image1 {
      	position: -webkit-sticky !important;
      	position: sticky !important;
      	top: 0 !important;
    	z-index: 100 !important;
    	max-width:100% !important;
}
 */

.cor {
    	background:var(--cor-tabela-escuro);
}

.filmposter {
    	width:15%;
    	height:auto;
    	max-width:15%;
    	align: top;
    	float: right !important;
    	margin: 0 auto auto 20px !important;
    }

/* ----------
* {
    	box-sizing: border-box;
}

*, *::before, *::after {
    	box-sizing: border-box;
    	-webkit-box-sizing: border-box;
      	-moz-box-sizing: border-box;
 }

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
pre,
blockquote,
figure,
hr 
ul[class],
ol[class],
figcaption,
blockquote,
dl,
dd {
  	margin: 0;
  	padding: 0;
}

embed,
iframe,
img,
object,
video {
  	display: block;
  	max-width: 100%;
}

[hidden] {
      display: none !important;
    	opacity: 0;
      	visibility: hidden;
}

img {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    	animation-duration: 0.01ms !important;
    	animation-iteration-count: 1 !important;
    	transition-duration: 0.01ms !important;
    	scroll-behavior: auto !important;
 	}
}
---------- */

/* REVISTA */

.revista {
      	display: block;
    	font-size:90% !important;
      	margin: 60px 0 !important;
      	padding: 20px;
    	border: 0px solid transparent !important;
    	border-radius: 0px !important;
background:var(--cor-fundo-detalhe);
     	/* opacity: 0.5 !important; */
    	z-index:100;
}

.revista-leg {
    	font-family: 'Oswald' !important;
    	font-size:1.5em !important;
    	text-transform: none !important;
    	border-radius: 4px !important;
    	color: var(--cor-principal) !important;
    	padding: 3px 15px !important;
    	font-weight: bold !important;
    	width: auto !important;
    	background:inherit !important;
    	display:block !important;
    	z-index:100;
}

.esqq {
    	margin: unset !important;
}

.dirr {
    	margin-right: 0px !important;
}

/* DIVISOR */

.divisor2  {
content: url(https://1.bp.blogspot.com/-afErCAn07Iw/X40Tq2kRdTI/AAAAAAACfUY/1o-p1b9JdvY4fs5xp2adDuwrzq6NVsEMwCLcBGAsYHQ/s0/divisor.png);
    	width:70%;
    	opacity:0.5;
    	margin:3px auto;
}

.divisor3  {
    	content: url(https://1.bp.blogspot.com/-ZOoQLdJHAr0/YUlV6sNHb1I/AAAAAAAC7kg/38Dq4doCnXYwHXgJJJvjJeW5PG9ujvRqwCLcBGAsYHQ/s835/divisor.png);
    width:30%;
    	opacity:0.5;
    	margin:3px auto;
}

.divisor4  {
    	width:30%;
    	opacity:0.5;
    	border:1px solid var(--cor-cinza-claro);
    	margin:30px auto;
}

/* ORNAMENTO */

.arabesco {
    	width: 20%;
    	position: absolute;
    	float: right;  
    	right: 0; 
    	opacity: 0.1;
}

.textoita {
    	font-style: italic;
    	color: var(--cor-texto-suave);
    	text-align: right;
}

#foto2 .foto2int {
    	width: 48%;
}

#foto2 .foto2flex {
    	margin: 0 auto !important;
    	position:relative;
}


/* -------------------- LIVROS E EVENTOS ----------------------- */

.slideshow-container {
      	width: 320px;
     	height:320px;
      	position: relative;
      	margin: auto;
      	background:var(--cor-escuro);
}

.slideshow-container img {
      	float:left;
      	max-height:320px;
}

.text-container {
      	width: 50%;
      	position:absolute;
      	top:20px;
      	right:0;
      	height:320px;
}

.text-container .text {
      	color: var(--cor-branco);
      	background:var(--cor-hover);
      	font-weight:bold;
      	font-size: 14px;
    	line-height:16px;
      	padding: 8px 7px;
      	text-align: left;
}

.text-container .text2 {
      	color: var(--cor-branco);
      	background:var(--cor-principal);
      	font-size: 13px;
      	padding: 8px 7px;
      	text-align: left;
}

.text-container .text3 {
      	color:var(--cor-branco);
     	background:var(--cor-hover);
      	font-size: 12px;
     	padding: 8px 7px;
      	text-align: left;
      	position:absolute;
      	width:100%;
      	bottom:30px;
}

.text-container .text3::before {
      	content:"contato:";
      	display:block;
      	margin-bottom:5px;
}

.text-container .text3 a {
      	color:var(--cor-branco);
    	text-decoration: none;
}

.dot {
      	height: 10px;
      	width: 10px;
      	margin: 0 2px;
      	background-color: var(--cor-cinza-claro);
      	border-radius: 50%;
      	display: inline-block;
      	transition: background-color 0.6s ease;
}

.active {
      	background-color: var(--cor-texto-suave);
}

.fade {
      	animation-name: fade;
      	animation-duration: 30s;
}

@keyframes fade {
     	from { opacity: 0; }
     	20% { opacity: 1; }
     	50% { opacity: 1; }
     	80% { opacity: 1; }
     	to { opacity: 0; }
}

/* On smaller screens, decrease text size 
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
} */


/* MODIFICA LAYOUT DO POLLDADDY */

.css-answer-group, .css-answer-group.pds-answer-group, .pds-box, .pds-answer-group {
    	padding: 0px 0px !important;
}

#pds-sharing, .pds-pd-link {
    	display: none !important;
}

.css-box.pds-box, css-box {
    	border: 0px !important;
}

.css-votebutton-outer.pds-votebutton-outer, .css-votebutton-outer {
    	width: 100% !important;
    	display: inline-block !important;
}

.css-vote-button.pds-vote-button, .css-vote-button {
    	width: 10% !important;
    	float: left !important;
}

.css-links.pds-links, .css-links {
    	width: 70% !important;
    	float: right !important;
}

.css-vote.pds-vote, .css-vote {
    	height: 20px !important;
}

.css-answer.pds-answer, .css-answer, .pds-box.pds-answer, pds-box, .pds-answer  {
    	border-bottom: 0px !important;
}

.p30 {
    	padding: 0 30px 0 30px !important;
    	font-style: italic !important;
}

.frase2 {
    	overflow:hidden;
    	padding: 0 !important;
}

.quadro {
    	display: inline-block;
    	background-color: var(--cor-cinza-claro);
    	padding: 10px;
    	margin-bottom: 40px;
    	width:100%;
}

.contatos li {
    	float: left !important;
    	font: 14px/20px var(--fonte-padrao);
    	list-style: none outside none !important;
    	margin: 2px 5px 2px 0 !important;
    	padding: 2px 4px 2px 4px !important;
    	background: var(--cor-cinza-claro) !important;
    	width: bold !important;
}

.contatos li a  {
    	color: var(--cor-escuro) !important;
    	text-decoration: none !important;
    	padding: 2px 4px 2px 4px !important;
}

.contatos li a:hover {
    	color: var(--cor-branco) !important;
    	background: var(--cor-principal) !important;
    	padding: 2px 4px 2px 4px !important;
}


/* ---------- TEXTO RESPONSIVO ---------- 
@media only screen and (max-width: 1024px) {
.poesia, legend, blockquote { 
/* Mínimo 16px, Ideal 4% da tela, Máximo 22px */ 
font-size: clamp(16px, 4vw, 22px) !important; 
} 
} ---------- */



/* ---------- CONFIGURAÇÃO DE DIVS ---------- */
.pads { 
        padding:5px !important;
}

.margem {
        margin-top:15px;
}

.margens {
        margin-bottom:20px;
}

/* ---------- BACKGROUNDS ---------- */
.backs { 
        background:var(--cor-papel) !important;
}

.transparente {
        background:transparent !important;
}

/* ---------- IMAGENS ANTIGAS ---------- */

figure:not(.moderno):not(.mosaico-item):not(.centro):not(.container-mosaico):not(.mini-mosaico) {
        	display: block !important;
        	/* max-width: 35% !important; */
        	height: auto !important;
      		position:relative !important;
            box-sizing: border-box !important;
        	overflow: hidden;
}
----------- */
.dir:not(.moderno) {
        	float: right !important;
        	margin: 10px 0 5px 20px !important;
}

.esq:not(.moderno) {
        	float: left !important;
        	margin: 10px 20px 5px 0 !important;
}

.centro:not(.moderno) {
        	max-width: 90% !important;
        	margin: 0 auto 25px !important;
}

.meio {
        max-width: 45% !important;
}

.meio2 {
        max-width: 40% !important;
}

.rodadir {
        -webkit-transform:rotate(5deg);
          -moz-transform: rotate(5deg);
          -ms-transform: rotate(5deg);
          -o-transform: rotate(5deg);
          transform: rotate(5deg);
}

.rodaesq {
        -webkit-transform:rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.inv {
        -webkit-transform: scaley(-1); 
        transform: scaley(-1);    
}

/* ---------- IMAGENS EM COLUNAS ---------- */
#foto2 {
        	display: flex; 
        	width: 90%;
        	margin: 0 auto;
        	text-align:center;
        	flex-wrap: wrap;
}

#foto2::after {
        	clear:both;
}

.foto3, .separator {
        	margin: 0 auto !important;
        	position:relative !important;
        	display:block !important;
}

/* ---------- BORDAS ---------- */

.borda2 {
    padding-left: 15px; 
    border-left: 4px solid var(--cor-principal); /* Era hex */
}

.borda3 {
        	padding-left:15px; 
          	border-image: linear-gradient(to bottom, var(--cor-principal),  rgb(240, 240, 240)) 6 / 0 0 0 1 / 3 stretch; 
        	border-style: solid; 
        	border-width: 1px;
}

.borda4 {
        	padding-right:15px; 
          	border-image: linear-gradient(to bottom, var(--cor-principal),  rgb(255, 255, 255)) 6 / 0 1 0 0 / 3 stretch; 
        	border-style: solid; 
        	border-width: 1px;
}

/* ---------- COLAGENS ---------- */
.colagem {
      	display: grid;
      	gap: 10px;
      	aspect-ratio: 16 / 9; 
    	}

.vertical {
      	grid-template-columns: 1fr 1fr;
      	grid-template-rows: repeat(2, 1fr);
    	}

.colunas {
      	display: grid;
      	grid-template-columns: 1fr 1fr; /* duas colunas */
      	gap: 10px;
    	}

.linhas {
      	display: grid;
      	grid-template-rows: 1fr 1fr; /* duas linhas */
      	gap: 10px;
    	}

.colagem img {
      	width: 100%;
      	height: 100%;
      	object-fit: cover;
    	}

/* ---------- CRÉDITOS ---------- */
figcaption {
          	position:absolute !important;
            color: var(--cor-branco) !important;
        	width:100% !important;
        	bottom:10px !important;
      	height:25px !important;
        	line-height:25px !important;
       	font-size:0.6em !important;
       	padding: 0 10px !important;
       	background: rgba(0, 0, 0, 0.4)  !important;
        	font-weight: normal !important;
       	overflow:hidden !important;
            box-sizing: border-box !important;
}

.credito {
        	text-align:left;
}

.credir {
        	float:right !important;
color:var(--cor-cinza-claro);
}

/* ANTIGO
.cred {
        	font-size:0.6em !important;
            color: var(--cor-texto-suave) !important;
        	margin-top:-7px !important;
       		overflow:hidden !important;
        	line-height:1.3em !important;
}
*/

/* NOVOS CÓDIGOS PARA REGULARIZAR AS POSTAGENS ANTIGAS */
.cred {
    /* 1. Estrutura */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    
    /* 2. A CORREÇÃO DO PROBLEMA (De negativo para positivo) */
    margin-top: 8px !important;     /* Empurra para BAIXO da foto */
    margin-bottom: 15px !important; /* Respiro inferior */
    
    /* 3. Visual (Mantendo a identidade discreta antiga) */
    font-size: 0.75rem !important;  /* Pequeno, mas legível */
    line-height: 1.4 !important;
    color: var(--cor-texto-suave) !important;
    overflow: hidden !important;
    font-family: sans-serif;        /* Garante consistência */
}

.credito2, .cred2 {
        font-size:0.6em !important;
        color: var(--cor-cinza-claro) !important;
        text-align:right !important;
        margin-top:-7px !important;
        overflow:hidden !important;
}

.credito3 {
        font-size:0.6em !important;
            color: var(--cor-texto-suave) !important;
        text-align:left !important;
        margin-top:-7px !important;
        padding: 5px 8px !important;
            background: var(--cor-cinza-claro) !important;
}

.credito4, #credito4 {
        font-size:calc(0.5rem + 0.5vw);
        background:rgba(0, 0, 0, 0.2);
        color:var(--cor-cinza-claro);
        content:"";
        padding: 0 5px;
        width:auto;
        float:left;
        max-width:100%;
        overflow: hidden;
        clear:both;
        position:relative;
        bottom:2.7em;
        left:0.3em;
        font-weight:normal !important;
}

.numeracao {
        color: var(--cor-branco);
       font-size:2em;
       font-weight:bold;
       line-height:1em;
       position:absolute;
       top:0.1em;
       left:0.1em;
       display:block;
       border:0px solid var(--cor-texto);
       opacity:0.6;
}

.vid {
          	position: relative;
          	padding-bottom: calc(var(--ratio, 0.5625) * 100%);
          	height: 0;
          	width: 100%;
}

.vid iframe {
          	position: absolute;
          	top: 0;
          	left: 0;
          	width: 100%;
          	height: 100%;
}

.index1 {
        	z-index:1 !important;
}

#citacao hr {
        width: 30% !important;
        clear: both  !important;
}

#citalivro {
            font-family: var(--fonte-serifa) !important;
            font-size:95% !important;
            color: var(--cor-hover) !important; /* Usando cor-hover (cinza escuro) */
        	width:90% !important;
        	margin:0 auto !important;
        	padding:20px !important;
        	font-style: none !important;
}

#citalivro > br {
        	margin-bottom:20px !important
}

/* ---------- NOTAS ---------- */
#nota, .nota {
       	 color: var(--cor-texto-suave); 
        	float: right; 
        	font-size: 80%; 
        	width:auto;
        	max-width: 50%;
       	 clear: both !important;
          	display:block;
}

/* ---------- BLOCKQUOTE ---------- DESATIVADO
blockquote {
        	font-size: 20px;
         	font-family: var(--fonte-padrao) !important;
        	font-weight: 600;
        	line-height: 1.4;
       	max-width: 35%;
        	float: right;
        	padding: 15px 10px;
        	position: relative !important;
          	background: var(--cor-cinza-claro);
        	color: var(--cor-texto-suave);
        	text-align: center;
        	margin: 10px 0 5px 20px !important;
       	 z-index:1 !important;
}

blockquote::before, blockquote::after, ast::before {
          	color: var(--cor-principal);
          	background: transparent;
          	ont-family:'FontAwesome'; 
          	padding: 0 4px 0 4px;
          	font-size:20px;
          	position: absolute !important;
          	display:block;
}

blockquote::before {
          	content:"\f10d";
           	top: -20px !important;
          	left: 10px !important;
}

.ast::before {
          	content:"\f069";
        	top: -15px !important;
        	font-size:17px !important;
          	left: 10px !important;
}

.aspas {
        	font-family:'FontAwesome';
        	content:"\f10d";
        	font-size:3em;
        	line-height:auto !important;
        	margin-right:5px !important;
        	padding:0 !important;
        	opacity:0.5;
        	font-style: normal !important;
        	display:inline !important;
}
*/

/* ---------- CAPÍTULOS ---------- */
.cap-ant {
content:url(https://1.bp.blogspot.com/-6Dp8sAIxKGo/YApSrf1Ge9I/AAAAAAACqXw/EzsNn5ga86MeuVkx0cxQokoq3jRm0ZdygCLcBGAsYHQ/s0/CAP%2BANT.png);
      margin:-1em 0 1em;
     width:70%;
      float:right;
      clear:both;
      display:block;
}

.cap-pro {
content:url(https://1.bp.blogspot.com/-ntwTP2eGkPc/YArkxjCH8KI/AAAAAAACqYE/b--JF0R_Vd4Em9cLlskR2-7OgYKQCZKOACLcBGAsYHQ/s0/CAP%2BPROX.png);
      width:70%;
      float:right;
      clear:both;
      display:block;
}

.field1, .ref {
        font-size:0.7em !important;
        line-height:1.5;
        max-width: 40% !important;
        float: right !important;
        padding: 5px 20px !important;
        position: relative !important;
        color: var(--cor-texto-suave) !important;
        text-align: left! important;
        margin: 0 0 5px 15px  !important;
          border: 1px solid var(--cor-principal) !important;
        border-radius: 2px !important;
}

.leg1, .ref2 {
        font-size:0.9em !important;
        border: 0px !important;
        color: var(--cor-principal) !important;
}

.leg2, .ref3 {
        font-size:0.9em !important;
        border: 0px !important;
        margin: unset  !important;
        color:var(--cor-escuro) !important;
}

/* BLOCKQOUOTE Remove ícones antigos */
blockquote::before, 
blockquote::after,
.ast::before {
    	content: none !important;
    	display: none !important;
}

.poesia {
        
            white-space: pre-wrap;    
         
            font-family: inherit;
            font-weight: inherit;
            font-style: inherit;
            color: inherit;
            display: block;    
            
            font-size: clamp(0.85rem, 4vw, 1em);
               line-height: 1.4;
            }

.arte {
	text-align:right;
	line-height:0.8 !important;
      	margin-top:-1.4rem;
      	margin-bottom:35px
}
.arte::before {
 	content: attr(artista);
      	color: gray;
      	font-size:12px;
}
/* BORDA ANTIGA DESATIVADA
.borda { padding-left: 10px; border-left: 1px solid var(--cor-principal); }
*/

/* A BORDA NOVA PARA HARMONIZAR COM O NOVO DESIGN 2026 */
.borda {
    border-left: 3px solid var(--cor-principal) !important; /* Espessura igual à classe .info */
    padding-left: 10px !important;
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
}

.bordas { border: 1px solid var(--cor-principal) !important; }
.fa, .fas, .far, .fab { margin-right: 2ch; }

/* CLASSE ANTIGA PARA COLOCAR LEGENDAS COM BACKGROUND DESATIVADA
.cred3 {
    display: block; background-color: var(--cor-fundo-detalhe);
    border-left: 3px solid var(--cor-principal);
    padding: 8px 12px; margin-top: 0; width: auto;
    font-family: sans-serif; font-size: 0.75rem !important; line-height: 1.4;
    color: var(--cor-texto-suave) !important; text-align: left !important;
    box-sizing: border-box;
}
figure .cred3 { width: 100%; }
*/

/* NOVA ESTRUTURA DA CLASSE DE LEGENDAS PARA COMBINAR COM O MODELO 2026 */
.cred3 {
    display: block;
    width: auto;
    box-sizing: border-box;
    
    /* 2. Visual (Ajustado para o novo padrão) */
    background-color: var(--cor-fundo-detalhe); /* Mantém o cinza suave. Se quiser o bege, use var(--cor-fundo-citacao) */
    border-left: 4px solid var(--cor-principal); /* Aumentado para 4px (igual ao .info) */
    
    /* 3. Espaçamento */
    padding: 8px 12px;
    margin-top: 0;           /* Cola na imagem acima */
    margin-bottom: 1.5rem;   /* Dá espaço para o texto abaixo */
    
    /* 4. Tipografia */
    font-family: var(--fonte-padrao); /* Usa a fonte oficial do blog */
    font-size: 0.75rem !important;
    line-height: 1.4;
    color: var(--cor-texto-suave) !important;
    text-align: left !important;
}

/* Garante que preencha o container se estiver num figure */
figure .cred3 { width: 100%; }

/* CITACAO */

#citacao, .citacao  {
	margin: 0 5% !important;
}

#citacao hr {
	width: 30% !important;
	clear: both  !important;
}

.citacao2 {
	margin: 0 5% !important;
	/* font-size:0.95em !important; */
	padding:20px;
	background:#EFEBE9;
}