/* Santo do Dia — estilos do widget
   Usa as variáveis do tema quando disponíveis, com valores de reserva. */

.santo-widget {
	--st-vinho:  var( --cor-vinho, #8B0000 );
	--st-dourado: var( --cor-dourado, #B8912E );
	--st-creme:  var( --cor-creme, #FBF7EC );
	--st-creme-forte: var( --cor-creme-forte, #F2ECDA );
	--st-texto:  var( --cor-texto, #2B2420 );
	--st-texto-suave: var( --cor-texto-suave, #6B5F52 );
	--st-fonte-display: var( --fonte-display, Georgia, serif );
	--st-fonte-corpo: var( --fonte-corpo, sans-serif );
	max-width: 760px;
	margin: 0 auto;
	font-family: var( --st-fonte-corpo );
	color: var( --st-texto );
}

.santo-conteudo {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	border-top: 5px solid var( --st-dourado );
	border-radius: 10px;
	padding: 24px 26px;
	box-shadow: 0 8px 24px rgba(43,36,32,.08);
}

.santo-foto {
	flex-shrink: 0;
	width: 140px;
}
.santo-foto img {
	width: 140px;
	height: 140px;
	object-fit: cover;
	border-radius: 10px;
	background: var( --st-creme-forte );
}

.santo-texto { flex: 1; min-width: 0; }
.santo-eyebrow {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var( --st-dourado );
	margin-bottom: 4px;
}
.santo-texto h3 {
	font-family: var( --st-fonte-display );
	font-size: 1.4rem;
	margin: 0 0 10px;
	line-height: 1.25;
}
.santo-resumo {
	color: var( --st-texto );
	line-height: 1.7;
	margin-bottom: 12px;
}
.santo-credito {
	font-size: .78rem;
	color: var( --st-texto-suave );
	margin: 0;
}
.santo-credito a { color: var( --st-vinho ); text-decoration: none; }
.santo-credito a:hover { text-decoration: underline; }

.santo-aviso {
	background: var( --st-creme );
	border-radius: 8px;
	padding: 20px 22px;
	text-align: center;
	color: var( --st-texto-suave );
}

@media (max-width: 560px) {
	.santo-conteudo { flex-direction: column; align-items: center; text-align: center; }
	.santo-texto h3 { margin-top: 4px; }
}