/*
 * Banner do podcast "Catequese com Santinhoz" (home, shortcode [banner_podcast] e bloco da loja).
 * Tudo vive dentro de .szc-rb: nenhum seletor global, para poder ser colado em outras páginas/temas sem quebrar nada.
 */
.szc-rb-wrap { padding: 0 16px; }
.szc-rb-wrap[hidden] { display: none; }
.szc-rb, .szc-rb *, .szc-rb *::before, .szc-rb *::after { box-sizing: border-box; }
.szc-rb {
	position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: stretch;
	max-width: 1120px; margin: 28px auto; overflow: hidden; border-radius: 24px;
	background: linear-gradient(135deg, #1b274a 0%, #2E3E6B 62%, #3b4f93 100%);
	color: #fff; text-align: left;
	box-shadow: 0 12px 32px rgba(46, 62, 107, .35);
	font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; line-height: 1.4;
}
.szc-rb .szc-rb-txt {
	position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; gap: 12px;
	padding: clamp(22px, 4vw, 44px);
}
.szc-rb .szc-rb-selo {
	align-self: flex-start; padding: 7px 14px; border-radius: 999px; background: #f4b942; color: #3a2a00;
	font: 700 12px/1 'Fredoka', 'Nunito', system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase;
}
.szc-rb .szc-rb-tit {
	margin: 0; padding: 0; color: #fff; background: none; border: 0;
	font: 700 clamp(26px, 3.6vw, 40px)/1.1 'Fredoka', 'Nunito', system-ui, sans-serif; letter-spacing: 0; text-transform: none;
}
.szc-rb .szc-rb-sub { margin: 0; padding: 0; color: #fff; opacity: .92; font-size: clamp(15px, 1.6vw, 18px); font-weight: 600; }
.szc-rb a.szc-rb-btn {
	align-self: flex-start; display: inline-block; margin-top: 6px; padding: 14px 28px; border-radius: 999px;
	background: linear-gradient(180deg, #ffd56b, #f4b942); color: #3a2a00 !important; text-decoration: none !important;
	font: 700 18px/1 'Fredoka', 'Nunito', system-ui, sans-serif; border: 0;
	box-shadow: 0 5px 0 #c48a1b, 0 10px 22px rgba(0, 0, 0, .3); transition: transform .15s, filter .15s;
}
.szc-rb a.szc-rb-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.szc-rb a.szc-rb-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.szc-rb .szc-rb-img { position: relative; display: block; min-height: 250px; overflow: hidden; }
.szc-rb .szc-rb-img img {
	position: absolute !important; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none !important;
	object-fit: cover; object-position: center bottom; border: 0; border-radius: 0; margin: 0;
}
.szc-rb .szc-rb-img::before {
	content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(90deg, #2E3E6B 0%, rgba(46, 62, 107, 0) 9%);
}
@media (max-width: 760px) {
	.szc-rb { grid-template-columns: 1fr; margin: 20px auto; border-radius: 20px; }
	.szc-rb .szc-rb-img { order: -1; min-height: 0; aspect-ratio: 1400 / 814; }
	.szc-rb .szc-rb-img::before { background: linear-gradient(180deg, rgba(27, 39, 74, 0) 70%, #1b274a 100%); }
}
@media (prefers-reduced-motion: reduce) {
	.szc-rb a.szc-rb-btn { transition: none; }
}