/* ═══════ SRP Cursos — Artes de Curso (v9.9.2) ═══════
 * Complementa agenda.css. Layout em FLUXO VERTICAL (1·Curso → 2·Prévias →
 * 3·Imagens) — endurecido contra CSS do tema para não desorganizar dentro
 * do painel de gestão. */

.srp-artes { max-width: 1120px; }
.srp-artes-secao { margin-bottom: 22px; }

/* ═══════ v9.33.0 — Painel lateral recolhível (accordion) ═══════
 * Seções abrem uma por vez; a coluna fica curta. O título vira o botão. */
.srp-artes .srp-artes-secao .srp-agenda-painel-titulo.srp-acc-tit {
	cursor: pointer; display: flex; align-items: center; gap: 8px; user-select: none;
}
.srp-artes .srp-artes-secao .srp-acc-tit::after {
	content: "▾"; margin-left: auto; font-size: 12px; color: #8a836f; transition: transform .18s;
}
.srp-artes .srp-artes-secao.srp-acc-fechada .srp-acc-tit::after { transform: rotate(-90deg); }
.srp-artes .srp-artes-secao.srp-acc-fechada > *:not(.srp-agenda-painel-titulo) { display: none !important; }
.srp-artes .srp-artes-secao.srp-acc-fechada { margin-bottom: 8px; }
.srp-artes .srp-acc-tit:focus-visible { outline: 2px solid #c8a84b; outline-offset: 2px; border-radius: 6px; }

/* 1 · Curso */
.srp-artes .srp-artes-curso-row {
	display: grid;
	grid-template-columns: minmax(260px, 420px) 1fr;
	gap: 18px;
	align-items: start;
}
.srp-artes .srp-artes-curso-sel select {
	width: 100%;
	max-width: 100%;
	padding: 10px 12px;
	border: 1.5px solid #d9cfb8;
	border-radius: 10px;
	background: #f5efe3;
	font-size: 14px;
}
.srp-artes .srp-artes-curso-hint { margin-top: 26px; }

/* 2 · Prévias */
.srp-artes .srp-artes-previews-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.srp-artes .srp-artes-cv-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 420px));
	justify-content: center;
	gap: 24px;
	align-items: start;
}
.srp-artes .srp-artes-cv-card { text-align: center; min-width: 0; }
.srp-artes .srp-artes-cv-card canvas {
	display: block;
	/* v9.51.0 — a arte cabe INTEIRA na janela: escala pela altura disponível,
	 * mostrando o story (9:16) e o feed (3:4) completos, sem corte. */
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: calc(100vh - 210px);
	margin: 0 auto 12px;
	border-radius: 10px;
	box-shadow: 0 8px 26px rgba(20, 30, 15, .18);
}
.srp-artes .srp-artes-cv-card .srp-agenda-btn { width: 100%; max-width: 420px; }

/* 3 · Imagens */
.srp-artes .srp-artes-fotos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 12px;
	margin-top: 10px;
}
.srp-artes .srp-artes-slot {
	border: 2px dashed #cbb989;
	border-radius: 12px;
	padding: 12px 10px;
	text-align: center;
	background: #faf7ef;
	font-size: 12px;
	min-width: 0;
}
.srp-artes .srp-artes-slot b { display: block; color: #1e5c30; font-size: 12.5px; margin-bottom: 2px; }
.srp-artes .srp-artes-slot-status { margin: 4px 0 8px; font-size: 11px; color: #7c7462; }
.srp-artes .srp-artes-slot-acoes {
	display: flex;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
}
.srp-artes .srp-artes-slot-btn { display: inline-block; cursor: pointer; }
/* Input de arquivo NUNCA aparece (o label é o botão) — blindado contra o
 * tema, que exibia o input nativo por cima do layout. */
.srp-artes input.srp-artes-up {
	display: none !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* ─ página pública ─ */
/* v9.24.0 — fundo do Catálogo SENAR em BRANCO (só o bloco do plugin;
 * o tema do site em volta permanece). Como o container passa a ser
 * branco igual aos cards, reforçamos a separação: borda + sombra dos
 * cards e uma moldura sutil no thumbnail. */
.srp-agenda.srp-artes-pub { background: #ffffff; }
.srp-artes-pub-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 18px;
	margin-top: 14px;
}
.srp-artes-pub-card {
	background: #fff;
	border: 1px solid #e6ddcb;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 22px rgba(20, 30, 15, .10);
	min-width: 0;
}
.srp-artes-pub-thumb {
	background: #f4f2ef;
	display: flex;
	justify-content: center;
	padding: 12px;
	border-bottom: 1px solid #efeae0;
	position: relative;
	cursor: pointer;
}
.srp-artes-pub-thumb canvas {
	display: block;
	width: 62% !important;
	height: auto !important;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .16);
}
/* v9.34.0 — chamada "Ver variações" sobre a miniatura (aparece no hover/focus). */
.srp-artes-pub-ver {
	position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
	background: rgba(15, 58, 30, 0); color: #fff; font-weight: 700; font-size: 13px;
	opacity: 0; transition: opacity .15s, background .15s; border-radius: 0;
}
.srp-artes-pub-thumb:hover .srp-artes-pub-ver,
.srp-artes-pub-thumb:focus-visible .srp-artes-pub-ver { opacity: 1; background: rgba(15, 58, 30, .5); }
.srp-artes-pub-thumb:focus-visible { outline: 2px solid #c8a84b; outline-offset: -2px; }
.srp-artes-pub-meta { padding: 12px 16px 16px; }
.srp-artes-pub-meta h3 { margin: 0; color: #0e3d1c; font-size: 15px; }
.srp-artes-pub-datas { color: #8c781e; font-weight: 700; font-size: 12px; margin: 2px 0 10px; }
.srp-artes-pub-botoes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.srp-artes-pub-botoes .srp-artes-bzap { grid-column: 1 / -1; }

@media (max-width: 900px) {
	.srp-artes .srp-artes-curso-row { grid-template-columns: 1fr; }
	.srp-artes .srp-artes-curso-hint { margin-top: 0; }
	.srp-artes .srp-artes-cv-grid { grid-template-columns: 1fr; }
}

/* ═══════ v9.10.0 — barra de ajustes da camada de textos ═══════ */
.srp-artes .srp-artes-barra {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	background: #faf7ef;
	border: 2px dashed #cbb989;
	border-radius: 10px;
	padding: 8px 12px;
	margin: 8px 0 10px;
	transition: border-color .15s, background .15s;
}
.srp-artes .srp-artes-barra.ativa {
	border-style: solid;
	border-color: #c8a84b;
	background: linear-gradient(180deg, #fbf6e7 0%, #f7efd8 100%);
}
/* v9.33.0 — Salvar / Aplicar em Todos sempre visíveis na barra de prévia. */
.srp-artes .srp-artes-barra-flex { flex: 1 1 8px; }
.srp-artes .srp-artes-barra-salvar { white-space: nowrap; }
.srp-artes .srp-artes-barra-salvar#srp-artes-salvar-barra {
	background: #1e5c30; color: #fff; border-color: #1e5c30;
}
.srp-artes .srp-artes-barra-salvar#srp-artes-salvar-barra:hover { background: #0f3a1e; }
.srp-artes .srp-artes-barra-nome {
	font-size: 12.5px;
	font-weight: 700;
	color: #0e3d1c;
	margin-right: auto;
}
.srp-artes .srp-artes-cv-card canvas { cursor: grab; }
.srp-artes .srp-artes-cv-card canvas:active { cursor: grabbing; }
.srp-artes .srp-artes-dica { line-height: 1.6; }

/* ═══════ v9.11.0 — lista de camadas ═══════ */
.srp-artes .srp-artes-camadas { margin-top: 10px; display: grid; gap: 6px; min-width: 0; max-width: 100%; }
/* v9.19.0 — 4a: linha da camada embrulha os botões dentro da coluna
 * (evita invasão da área da Prévia). */
.srp-artes .srp-artes-camada-item { flex-wrap: wrap; min-width: 0; max-width: 100%; box-sizing: border-box; }
.srp-artes .srp-artes-camada-item > .srp-agenda-btn { flex: 0 0 auto; }
.srp-artes .srp-artes-camada-item {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #faf7ef;
	border: 1.5px solid #e3d9c2;
	border-radius: 10px;
	padding: 7px 10px;
	font-size: 12.5px;
}
.srp-artes .srp-artes-camada-item.ativa {
	border-color: #2e86c1;
	background: #eef5fb;
}
/* v9.21.0 — camada TRAVADA (cadeado) e botão de cadeado */
.srp-artes .srp-artes-camada-item.travada {
	border-color: #c8a84b;
	background: #f7f0dd;
}
.srp-artes .srp-camada-cadeado { line-height: 1; }
.srp-artes .srp-camada-cadeado--on {
	background: #c8a84b !important;
	border-color: #c8a84b !important;
	color: #4a3d12 !important;
}
.srp-artes .srp-agenda-btn[disabled] {
	opacity: .45;
	cursor: not-allowed;
}
.srp-artes .srp-artes-cadeado { font-weight: 700; }

/* v9.25.0 — camada compacta: nome + faixa de ícones numa linha; o
 * ajuste fino (X/Y/Tamanho/Opacidade) abre só na camada ativa. */
.srp-artes .srp-artes-camada-item { flex-direction: column; align-items: stretch; }
.srp-artes .srp-artes-camada-topo { display: flex; align-items: center; gap: 8px; width: 100%; }
.srp-artes .srp-artes-camada-nome-in { flex: 1 1 auto; min-width: 60px; }
.srp-artes .srp-artes-camada-acoes { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.srp-artes .srp-camada-ico {
	flex: 0 0 auto; line-height: 1; padding: 6px 8px; min-width: 0;
}
.srp-artes .srp-camada-ico--on {
	background: #1e5c30 !important; border-color: #1e5c30 !important; color: #fff !important;
}
.srp-artes .srp-artes-camada-item.oculta { opacity: .82; }
.srp-artes .srp-artes-camada-item.oculta .srp-artes-camada-nome-in { color: #8a8068; }
.srp-artes .srp-camada-olho { line-height: 1; }
.srp-artes .srp-camada-olho--off {
	background: #e7ddc4 !important;
	border-color: #d8ccae !important;
	color: #a99a6e !important;
}
/* painel de ajuste fino (só na camada ativa) */
.srp-artes .srp-artes-camada-ajuste {
	margin-top: 9px; padding: 10px 10px 4px;
	background: #f2f7ef; border: 1px solid #d7e4d1; border-radius: 10px;
}
.srp-artes .srp-artes-camada-ajuste-cab {
	display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px;
}
.srp-artes .srp-artes-camada-ajuste-fmt {
	font-size: 10.5px; font-weight: 700; letter-spacing: .05em; color: #1e5c30;
	background: #e2eede; border-radius: 999px; padding: 3px 9px; flex: none;
}
.srp-artes .srp-artes-camada-sl-row { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
.srp-artes .srp-artes-camada-sl-lbl { font-size: 11px; color: #33452c; width: 66px; flex: none; }
.srp-artes .srp-artes-camada-ajuste input[type="range"] { flex: 1; min-width: 0; accent-color: #1e5c30; }
.srp-artes .srp-camada-sl-out { font-size: 11px; font-weight: 700; color: #1e5c30; width: 42px; text-align: right; flex: none; }
.srp-artes .srp-artes-nativos { margin: 6px 0 12px; }
.srp-artes .srp-artes-nativos-lbl {
	display: block; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase;
	color: #a8935a; font-weight: 700; margin: 4px 0 6px;
}
.srp-artes .srp-artes-nativos-bts { display: flex; flex-wrap: wrap; gap: 6px; }
.srp-artes .srp-artes-camada-z {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	border-radius: 999px;
	background: #1e5c30;
	color: #fff;
	font-weight: 800;
	font-size: 11px;
}
.srp-artes .srp-artes-camada-nome {
	flex: 1;
	font-weight: 700;
	color: #0e3d1c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* v9.12.0 — item fixo "Texto" na lista de camadas */
.srp-artes .srp-artes-camada-item--fixo {
	background: #f0ece0;
	border-style: dashed;
	color: #6b6353;
}
.srp-artes .srp-artes-camada-item--fixo .srp-artes-camada-z {
	background: #8c781e;
}

/* ═══════════════════════════════════════════════════════════════════════
 * v9.16.0 — ESTÚDIO: duas colunas com prévia fixa, abas de formato,
 * desfazer/refazer e painel "Elementos da arte". Endurecido contra o
 * tema (padrão SRP): cores e bordas explícitas em todos os controles.
 * ═════════════════════════════════════════════════════════════════════ */
.srp-artes .srp-artes-estudio {
	display: grid;
	grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}
/* v9.18.0 — 4a: blindagem contra sobreposição prévia × controles.
 * As duas colunas podem encolher (min-width:0), o conteúdo nunca
 * excede a própria track e a prévia isola seu empilhamento. */
.srp-artes .srp-artes-controles { display: grid; gap: 14px; min-width: 0; max-width: 100%; }
.srp-artes .srp-artes-controles > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.srp-artes .srp-artes-controles select,
.srp-artes .srp-artes-controles input,
.srp-artes .srp-artes-controles textarea { max-width: 100%; box-sizing: border-box; }
.srp-artes .srp-artes-previa { position: sticky; top: 14px; min-width: 0; isolation: isolate; z-index: 1; }
/* v9.34.0 — barra de "Prévia e ajustes" FIXA no topo do painel; só o canvas
 * rola, por barra de rolagem própria. A altura acompanha a janela. */
.srp-artes .srp-artes-previa-card {
	margin: 0; background: #fff;
	display: flex; flex-direction: column;
	max-height: calc(100vh - 28px);
}
.srp-artes .srp-artes-previa-head,
.srp-artes .srp-artes-barra--fixa { flex: 0 0 auto; }
.srp-artes .srp-artes-previa-card > .srp-artes-cv-grid,
.srp-artes .srp-artes-previa-scroll {
	flex: 1 1 auto; overflow-y: auto; overflow-x: hidden;
	scrollbar-gutter: stable both-edges; padding-right: 4px;
}
.srp-artes .srp-artes-previa-scroll { min-height: 0; }
.srp-artes .srp-artes-previa-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}
.srp-artes .srp-artes-label {
	display: block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #1e5c30;
	margin: 0 0 4px;
}

/* ═══════ v9.22.0 — COMBOBOX de curso (Estúdio) ═══════ */
.srp-artes .srp-artes-curso-nativo {
	position: absolute !important;
	width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.srp-artes .srp-artes-combo { position: relative; }
.srp-artes .srp-artes-combo-trigger {
	appearance: none; -webkit-appearance: none; cursor: pointer;
	width: 100%; display: flex; align-items: center; gap: 10px;
	background: #fff; border: 2px solid #1e5c30; border-radius: 11px;
	padding: 11px 14px; font-family: inherit; font-size: 14px; color: #22271f;
	text-align: left; transition: box-shadow .15s;
}
.srp-artes .srp-artes-combo-trigger:hover { box-shadow: 0 0 0 3px rgba(30,92,48,.10); }
.srp-artes .srp-artes-combo-val { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.srp-artes .srp-artes-combo-chevron { flex: none; color: #1e5c30; transition: transform .15s; }
.srp-artes .srp-artes-combo-trigger[aria-expanded="true"] .srp-artes-combo-chevron { transform: rotate(180deg); }
.srp-artes .srp-artes-combo-pop {
	position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px);
	background: #fff; border: 1.5px solid #1e5c30; border-radius: 12px;
	box-shadow: 0 12px 30px rgba(20,40,25,.16); overflow: hidden;
}
.srp-artes .srp-artes-combo-pop[hidden] { display: none; }
.srp-artes .srp-artes-combo-busca {
	display: flex; align-items: center; gap: 8px;
	padding: 11px 13px; background: #f7fbf6; border-bottom: 1px solid #e0e9dc; color: #1e5c30;
}
.srp-artes .srp-artes-combo-input {
	appearance: none; -webkit-appearance: none; flex: 1; min-width: 0;
	border: 0; outline: none; background: transparent;
	font-family: inherit; font-size: 13.5px; color: #22271f;
}
.srp-artes .srp-artes-combo-input::placeholder { color: #9a8f78; }
.srp-artes .srp-artes-combo-conta { font-size: 11px; color: #a99a6e; white-space: nowrap; flex: none; }
.srp-artes .srp-artes-combo-lista { list-style: none; margin: 0; padding: 4px; max-height: 260px; overflow: auto; }
.srp-artes .srp-artes-combo-item {
	display: flex; align-items: center; gap: 9px; cursor: pointer;
	padding: 9px 10px; border-radius: 8px; font-size: 13px; color: #3a4a34;
}
.srp-artes .srp-artes-combo-item:hover,
.srp-artes .srp-artes-combo-item.ativo { background: #eef5ec; }
.srp-artes .srp-artes-combo-item.sel { background: #f3ecdb; color: #22271f; }
.srp-artes .srp-artes-combo-check { flex: none; width: 14px; color: #1e5c30; font-weight: 800; }
.srp-artes .srp-artes-combo-txt { flex: 1; min-width: 0; }
.srp-artes .srp-artes-combo-txt mark { background: #fbefc4; color: #6a4e00; padding: 0 1px; border-radius: 2px; }
.srp-artes .srp-artes-combo-datas { color: #8a8570; }
.srp-artes .srp-artes-combo-badge {
	flex: none; font-size: 10px; font-weight: 600; padding: 2px 7px; border-radius: 999px;
	background: #f0ece0; color: #8a7f60;
}
.srp-artes .srp-artes-combo-badge.on { background: #e7f0e0; color: #2f5d33; }
.srp-artes .srp-artes-combo-vazio { padding: 16px 14px; text-align: center; color: #8a8570; font-size: 13px; }

/* — Abas de formato — */
.srp-artes .srp-artes-fmt-tabs {
	display: inline-flex;
	gap: 4px;
	background: #ede3d0;
	border: 1.5px solid #c8a84b;
	border-radius: 999px;
	padding: 3px;
}
.srp-artes .srp-artes-fmt-tab {
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	border-radius: 999px;
	padding: 6px 16px;
	font: 800 12.5px/1 inherit;
	font-family: inherit;
	letter-spacing: .06em;
	color: #6d5a2e;
	cursor: pointer;
}
.srp-artes .srp-artes-fmt-tab.ativa {
	background: #1e5c30;
	color: #fff;
	box-shadow: 0 1px 4px rgba(20, 40, 25, .35);
}
.srp-artes .srp-artes-cv-card--oculto { display: none !important; }

/* — Barra fixa com histórico — */
.srp-artes .srp-artes-barra--fixa { position: sticky; top: 0; z-index: 3; }
.srp-artes .srp-artes-barra-sep {
	width: 1.5px;
	align-self: stretch;
	background: #d8cba8;
	margin: 2px 2px;
}
.srp-artes .srp-artes-btn-hist[disabled] {
	opacity: .38;
	cursor: not-allowed;
}

/* — Painel Elementos da arte — */
.srp-artes .srp-artes-elementos { margin-top: 10px; display: grid; gap: 6px; }
.srp-artes .srp-artes-elem {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #faf7ef;
	border: 1.5px solid #e3d9c2;
	border-radius: 10px;
	padding: 7px 10px;
	font-size: 12.5px;
}
.srp-artes .srp-artes-elem.ativa { border-color: #2e86c1; background: #eef5fb; }
.srp-artes .srp-artes-elem.oculta { opacity: .55; }
.srp-artes .srp-artes-elem.oculta .srp-artes-elem-nome { text-decoration: line-through; }
.srp-artes .srp-artes-elem-nome {
	flex: 1;
	min-width: 0;
	font-weight: 700;
	color: #23301f;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.srp-artes .srp-artes-elem-nome:hover { color: #1e5c30; }

/* — Editor de substituição (✎) — */
.srp-artes .srp-artes-subst {
	display: none;
	background: #fbf6e7;
	border: 1.5px dashed #c8a84b;
	border-radius: 10px;
	padding: 10px;
	margin: -2px 0 2px;
}
.srp-artes .srp-artes-subst.aberto { display: grid; gap: 8px; }
.srp-artes .srp-artes-subst-campo { display: grid; gap: 3px; }
.srp-artes .srp-artes-subst-campo label {
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #8c781e;
}
.srp-artes .srp-artes-subst-campo input {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border: 1.5px solid #d8cba8;
	border-radius: 8px;
	padding: 7px 9px;
	font-size: 13px;
	font-family: inherit;
	color: #23301f;
}
.srp-artes .srp-artes-subst-campo input:focus {
	outline: none;
	border-color: #1e5c30;
	box-shadow: 0 0 0 2px rgba(30, 92, 48, .18);
}
.srp-artes .srp-artes-subst-acoes { display: flex; gap: 6px; justify-content: flex-end; }

/* — Responsivo: empilha e a prévia deixa de ser fixa — */
@media (max-width: 900px) {
	.srp-artes .srp-artes-estudio { grid-template-columns: 1fr; }
	.srp-artes .srp-artes-previa { position: static; }
}

/* v9.53.0 — Estúdio EMOLDURADO dentro do Painel de Gestão: sem overlay de tela
   cheia, o menu de funções fica visível acima e a coluna de ferramentas usa a
   largura toda (nada de coluna comprimida a ponto de ficar inoperante). */
.srp-artes.srp-artes-emoldurado {
	position: static; inset: auto; z-index: auto;
	width: auto; max-width: none; height: auto; min-height: 0;
	background: none; border-radius: 0; padding: 0;
}
.srp-artes.srp-artes-emoldurado .srp-artes-estudio {
	grid-template-columns: minmax(320px, 460px) minmax(0, 1fr);
	align-items: start; gap: 18px;
}
.srp-artes.srp-artes-emoldurado .srp-artes-controles { min-width: 0; overflow: visible; }
@media (max-width: 900px) {
	.srp-artes.srp-artes-emoldurado .srp-artes-estudio { grid-template-columns: 1fr; }
}

/* ═══ v9.17.1 — aba Artes com a MESMA LARGURA das demais abas do painel:
 * dentro do painel de gestão o estúdio ocupa 100% (sem teto de 1120 px
 * nem centralização própria). ═══ */
.srp-g-tab-panel .srp-artes,
#tab-artes .srp-artes {
	max-width: none;
	width: 100%;
	margin: 0;
}

/* ═══ v9.17.3 — Rótulos fixos (tamanho da fonte) no painel Elementos ═══ */
.srp-artes .srp-artes-rot-titulo {
	margin-top: 10px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #8c781e;
	border-top: 1.5px dashed #d8cba8;
	padding-top: 10px;
}
.srp-artes .srp-artes-rot .srp-artes-rot-nome { cursor: default; }
.srp-artes .srp-artes-rot .srp-artes-rot-nome:hover { color: #23301f; }
.srp-artes .srp-artes-rot-val {
	min-width: 42px;
	text-align: center;
	font-weight: 800;
	font-size: 12px;
	color: #1e5c30;
}

/* ═════════════════════════════════════════════════════════════════════
 * v9.18.0 — Catálogo público: campo de BUSCA em tempo real (Módulo 1)
 * ═════════════════════════════════════════════════════════════════════ */
.srp-artes-pub .srp-artes-pub-busca {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 560px;
	margin: 4px 0 18px;
	background: #fff;
	border: 1.5px solid #d8cba8;
	border-radius: 999px;
	padding: 8px 14px;
	box-shadow: 0 4px 14px rgba(20, 40, 25, .06);
}
.srp-artes-pub .srp-artes-pub-busca:focus-within {
	border-color: #1e5c30;
	box-shadow: 0 0 0 3px rgba(30, 92, 48, .14);
}
.srp-artes-pub .srp-artes-pub-busca-ico { font-size: 15px; opacity: .7; line-height: 1; }
.srp-artes-pub .srp-artes-pub-busca-input {
	appearance: none;
	-webkit-appearance: none;
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	background: transparent;
	font-family: inherit;
	font-size: 15px;
	color: #23301f;
}
.srp-artes-pub .srp-artes-pub-busca-input::placeholder { color: #9a8f78; }
.srp-artes-pub .srp-artes-pub-busca-input::-webkit-search-cancel-button { display: none; }
.srp-artes-pub .srp-artes-pub-busca-x {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: #ede3d0;
	color: #6d5a2e;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
	flex: none;
}
.srp-artes-pub .srp-artes-pub-busca-x:hover { background: #e0d3b6; }
.srp-artes-pub .srp-artes-pub-busca-conta {
	font-size: 12px;
	font-weight: 700;
	color: #8c781e;
	white-space: nowrap;
	flex: none;
}
.srp-artes-pub .srp-artes-pub-card[hidden] { display: none !important; }

/* ═══════ v9.22.0 — Catálogo SENAR: abas, grupos e timeline ═══════ */
.srp-artes-pub .srp-artes-pub-modos {
	display: inline-flex;
	gap: 2px;
	padding: 3px;
	background: #efe6d3;
	border: 1px solid #e0d4b6;
	border-radius: 999px;
	margin: 0 0 18px;
}
.srp-artes-pub .srp-artes-pub-modo {
	appearance: none; -webkit-appearance: none;
	border: 0; background: transparent; cursor: pointer;
	display: inline-flex; align-items: center; gap: 6px;
	font-family: inherit; font-size: 13px; font-weight: 600;
	color: #5a5340; padding: 8px 16px; border-radius: 999px;
	transition: background .15s, color .15s;
}
.srp-artes-pub .srp-artes-pub-modo:hover { color: #1e5c30; }
.srp-artes-pub .srp-artes-pub-modo.ativo { background: #1e5c30; color: #fff; }
.srp-artes-pub .srp-artes-pub-modo svg { width: 15px; height: 15px; }

.srp-artes-pub .srp-artes-pub-grupo { margin: 0 0 26px; }
.srp-artes-pub .srp-artes-pub-grupo[hidden] { display: none !important; }
.srp-artes-pub .srp-artes-pub-grupo-tit {
	display: flex; align-items: center; gap: 10px;
	margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #1e5c30;
}
.srp-artes-pub .srp-artes-pub-grupo-linha { flex: 1; height: 1px; background: #e0d4b6; }
.srp-artes-pub .srp-artes-pub-grupo-conta { font-size: 11px; font-weight: 600; color: #a99a6e; }

/* timeline vertical */
.srp-artes-pub .srp-artes-pub-tl { position: relative; margin: 0 0 20px; padding-left: 8px; }
.srp-artes-pub .srp-artes-pub-tl::before {
	content: ''; position: absolute; left: 46px; top: 6px; bottom: 6px;
	width: 2px; background: #e0d4b6;
}
.srp-artes-pub .srp-artes-pub-tl-item { position: relative; display: flex; gap: 18px; margin: 0 0 16px; }
.srp-artes-pub .srp-artes-pub-tl-item[hidden] { display: none !important; }
.srp-artes-pub .srp-artes-pub-tl-no {
	flex: 0 0 74px; display: flex; align-items: flex-start; justify-content: center; padding-top: 4px;
}
.srp-artes-pub .srp-artes-pub-tl-dia {
	position: relative; z-index: 1;
	background: #1e5c30; color: #fff; font-size: 12px; font-weight: 700;
	padding: 5px 9px; border-radius: 8px; box-shadow: 0 0 0 4px #ffffff;
}
.srp-artes-pub .srp-artes-pub-tl-card { flex: 1; min-width: 0; max-width: 260px; }
.srp-artes-pub .srp-artes-pub-tl-card .srp-artes-pub-card { margin: 0; }
.srp-artes-pub .srp-artes-pub-vazio { margin-top: 6px; }

/* ═════════════════════════════════════════════════════════════════════
 * v9.18.0 — Painel de estilo por elemento (Módulo 4): tipografia,
 * posição X/Y e cor. Paleta SRP. Expansível por elemento.
 * ═════════════════════════════════════════════════════════════════════ */
.srp-artes .srp-artes-est { display: none; background: #fbf6e7; border: 1.5px dashed #c8a84b;
	border-radius: 10px; padding: 10px 12px; margin: -2px 0 4px; }
.srp-artes .srp-artes-est.aberto { display: grid; gap: 12px; }
.srp-artes .srp-artes-est-sec { display: grid; gap: 7px; }
.srp-artes .srp-artes-est-tit { font-size: 10.5px; font-weight: 800; letter-spacing: .07em;
	text-transform: uppercase; color: #8c781e; }
.srp-artes .srp-artes-est-row { display: grid; grid-template-columns: 96px 1fr; align-items: center;
	gap: 8px; font-size: 12px; color: #23301f; }
.srp-artes .srp-artes-est-lb { color: #4a5a3f; }
.srp-artes .srp-artes-est-stepper { display: inline-flex; align-items: center; gap: 8px; }
.srp-artes .srp-artes-est-val { min-width: 44px; text-align: center; font-weight: 700; color: #1e5c30; }
.srp-artes .srp-artes-est-slider { display: flex; align-items: center; gap: 8px; }
.srp-artes .srp-artes-est-slider input[type=range] { flex: 1; accent-color: #1e5c30; min-width: 0; }
.srp-artes .srp-artes-est-out { min-width: 40px; text-align: right; font-weight: 700; color: #1e5c30; font-variant-numeric: tabular-nums; }
.srp-artes .srp-artes-est-xy { display: grid; grid-template-columns: 1fr 58px; align-items: center; gap: 8px; }
.srp-artes .srp-artes-est-xy input[type=range] { accent-color: #1e5c30; min-width: 0; }
.srp-artes .srp-artes-est-num { appearance: none; -webkit-appearance: none; width: 100%; box-sizing: border-box;
	background: #fff; border: 1.5px solid #d8cba8; border-radius: 8px; padding: 5px 6px; font-size: 12px;
	font-family: inherit; color: #23301f; text-align: center; }
.srp-artes .srp-artes-est-num:focus { outline: none; border-color: #1e5c30; box-shadow: 0 0 0 2px rgba(30,92,48,.16); }
.srp-artes .srp-artes-est-seg { display: inline-flex; border: 1.5px solid #c8a84b; border-radius: 8px; overflow: hidden; }
.srp-artes .srp-artes-est-seg button { appearance: none; -webkit-appearance: none; border: 0; background: #fff;
	color: #6d5a2e; padding: 5px 12px; font-size: 11px; font-weight: 700; font-family: inherit; cursor: pointer; }
.srp-artes .srp-artes-est-seg button.ativo { background: #1e5c30; color: #fff; }
.srp-artes .srp-artes-est-dica { font-size: 10.5px; color: #7a6a3a; }
.srp-artes .srp-artes-est-corwrap { display: flex; align-items: center; gap: 10px; }
.srp-artes .srp-artes-est-cor { width: 42px; height: 30px; border: 1.5px solid #d8cba8; border-radius: 8px;
	padding: 2px; cursor: pointer; background: #fff; }
.srp-artes .srp-artes-est-hex { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #23301f; }
.srp-artes .srp-artes-est-corwrap .srp-agenda-btn { margin-left: auto; }
@media (max-width: 480px) {
	.srp-artes .srp-artes-est-row { grid-template-columns: 1fr; align-items: stretch; }
}

/* ═════════════════════════════════════════════════════════════════════
 * v9.19.0 — Formas decorativas + fundo cor/degradê. Paleta SRP.
 * Contidas na coluna de controles (sem invadir a Prévia).
 * ═════════════════════════════════════════════════════════════════════ */
.srp-artes .srp-artes-formas { margin-top: 10px; display: grid; gap: 8px; min-width: 0; max-width: 100%; }
.srp-artes .srp-artes-forma-card {
	background: #fbf6e7; border: 1.5px solid #c8a84b; border-radius: 10px;
	padding: 9px 11px; min-width: 0; max-width: 100%; box-sizing: border-box;
}
.srp-artes .srp-artes-forma-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.srp-artes .srp-artes-forma-nome { flex: 1; min-width: 0; font-weight: 800; font-size: 12.5px; color: #0e3d1c; }
.srp-artes .srp-artes-forma-head > .srp-agenda-btn { flex: 0 0 auto; }
.srp-artes .srp-artes-forma-body { display: grid; gap: 8px; }
.srp-artes .srp-artes-fundocor { min-width: 0; max-width: 100%; }
.srp-artes .srp-artes-fundocor .srp-artes-est-seg { flex-wrap: wrap; }

/* v9.20.1 — editor multilinha da quebra manual (inline no painel) */
.srp-artes .srp-artes-quebra-editor { margin-top: 8px; }
.srp-artes .srp-artes-quebra-ta {
	width: 100%; box-sizing: border-box; min-height: 60px; resize: vertical;
	border: 1.5px solid #d8cba8; border-radius: 8px; padding: 8px 10px;
	font-family: inherit; font-size: 13px; line-height: 1.5; color: #23301f;
	background: #fff;
}
.srp-artes .srp-artes-quebra-ta:focus { outline: none; border-color: #1e5c30; box-shadow: 0 0 0 2px rgba(30,92,48,.16); }
.srp-artes .srp-artes-subst-campo textarea {
	width: 100%; box-sizing: border-box; resize: vertical; min-height: 44px;
	border: 1.5px solid #d8cba8; border-radius: 8px; padding: 7px 9px;
	font-family: inherit; font-size: 13px; line-height: 1.5; color: #23301f; background: #fff;
}
.srp-artes .srp-artes-subst-campo textarea:focus { outline: none; border-color: #1e5c30; }

/* v9.20.2 — nomes editáveis (camadas e formas) */
.srp-artes .srp-artes-camada-nome-in {
	flex: 1; min-width: 0; border: 1px solid transparent; border-radius: 6px;
	padding: 4px 6px; font: inherit; font-weight: 700; font-size: 12.5px; color: #0e3d1c;
	background: transparent;
}
.srp-artes .srp-artes-camada-nome-in:hover { border-color: #d8cba8; background: #fff; }
.srp-artes .srp-artes-camada-nome-in:focus { outline: none; border-color: #1e5c30; background: #fff; box-shadow: 0 0 0 2px rgba(30,92,48,.14); }
.srp-artes .srp-artes-forma-ico { font-weight: 800; color: #1e5c30; margin-right: 4px; }
.srp-artes .srp-artes-forma-nome-in {
	flex: 1; min-width: 0; border: 1px solid transparent; border-radius: 6px;
	padding: 4px 6px; font: inherit; font-weight: 800; font-size: 12.5px; color: #0e3d1c; background: transparent;
}
.srp-artes .srp-artes-forma-nome-in:hover { border-color: #d8cba8; background: #fff; }
.srp-artes .srp-artes-forma-nome-in:focus { outline: none; border-color: #1e5c30; background: #fff; box-shadow: 0 0 0 2px rgba(30,92,48,.14); }

/* v9.20.4 — campo de cor com HEX editável/colável */
.srp-artes .srp-artes-cor-campo { display: inline-flex; align-items: center; gap: 8px; }
.srp-artes .srp-artes-hex-in {
	width: 96px; box-sizing: border-box; border: 1.5px solid #d8cba8; border-radius: 7px;
	padding: 5px 8px; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12.5px;
	letter-spacing: .02em; color: #23301f; background: #fff; text-transform: uppercase;
}
.srp-artes .srp-artes-hex-in:focus { outline: none; border-color: #1e5c30; box-shadow: 0 0 0 2px rgba(30,92,48,.16); }
.srp-artes .srp-artes-hex-in.invalido { border-color: #b3392c; box-shadow: 0 0 0 2px rgba(179,57,44,.15); }

/* v9.26.0 — botões de salvamento no cabeçalho do Estúdio */
.srp-artes .srp-artes-salvar-acoes {
	display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.srp-artes .srp-artes-btn-salvar {
	background: #1e5c30; color: #fff; border: 2px solid #1e5c30; font-weight: 700;
}
.srp-artes .srp-artes-btn-salvar:hover { background: #17491f; border-color: #17491f; }
.srp-artes .srp-artes-btn-salvar-todos {
	border: 2px solid #c8a84b; color: #7a601a; background: #fff;
}
.srp-artes .srp-artes-btn-salvar-todos:hover { background: #fbf3dd; }
.srp-artes .srp-artes-salvar-acoes .srp-agenda-salvo { margin-left: 2px; }
@media (max-width: 640px) {
	.srp-artes .srp-artes-salvar-acoes { width: 100%; }
	.srp-artes .srp-artes-salvar-acoes .srp-agenda-salvo { flex-basis: 100%; }
}

/* ══════════════════════════════════════════════════════════════
   v9.29.0 — Card destaque "Agenda Bimestral" no Catálogo SENAR
   ══════════════════════════════════════════════════════════════ */
.srp-artes-pub-agenda{
  position:relative;display:flex;gap:20px;align-items:center;
  border:2px solid #c8a84b;border-radius:16px;
  background:linear-gradient(180deg,#fffdf6,#fdf7e9);
  padding:20px;margin:6px 0 22px}
.srp-artes-pub-agenda-badge{
  position:absolute;top:-12px;left:20px;background:#c8a84b;color:#3a2f10;
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 12px;border-radius:6px}
.srp-artes-pub-agenda-mini{
  width:132px;flex:0 0 auto;border-radius:10px;overflow:hidden;
  border:1px solid #e2d8c2;background:#e9edee;box-shadow:0 4px 14px rgba(20,30,22,.12)}
.srp-artes-pub-agenda-mini canvas{display:block;width:100%;height:auto}
.srp-artes-pub-agenda-info{flex:1 1 auto;min-width:0}
.srp-artes-pub-agenda-info h3{margin:0 0 4px;color:#1c4a26;font-size:19px;line-height:1.2}
.srp-artes-pub-agenda-info p{margin:0 0 12px;color:#6b6252;font-size:13.5px}
.srp-artes-pub-agenda-botoes{display:flex;gap:10px;flex-wrap:wrap}
.srp-artes-pub-agenda-status{margin:10px 0 0;font-size:12.5px;color:#5a6b52}
.srp-artes-pub-agenda-status--erro{color:#8c2318}
@media(max-width:620px){
  .srp-artes-pub-agenda{flex-direction:column;align-items:stretch}
  .srp-artes-pub-agenda-mini{width:150px;margin:4px auto 0}
  .srp-artes-pub-agenda-info h3{text-align:center}
  .srp-artes-pub-agenda-info p{text-align:center}
  .srp-artes-pub-agenda-botoes{justify-content:center}
}

/* ═══════ v9.34.0 — Visualizador (lightbox) do Catálogo ═══════ */
.srp-artes-lb { position: fixed; inset: 0; z-index: 9999; display: none; }
.srp-artes-lb.aberto { display: block; }
.srp-artes-lb-back { position: absolute; inset: 0; background: rgba(11, 22, 18, .62); backdrop-filter: blur(2px); }
.srp-artes-lb-cx {
	position: relative; margin: 4vh auto; max-width: 560px; width: calc(100% - 32px);
	background: #fff; border-radius: 16px; overflow: hidden;
	box-shadow: 0 30px 70px rgba(0, 0, 0, .4); display: flex; flex-direction: column;
	max-height: 92vh;
}
.srp-artes-lb-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 16px; border-bottom: 1px solid #eee5d3; }
.srp-artes-lb-tit { margin: 0; font-family: 'Playfair Display', Georgia, serif; color: #0f3a1e; font-size: 17px; }
.srp-artes-lb-x { border: 0; background: #f3ead2; color: #6b6455; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; font-size: 14px; }
.srp-artes-lb-tabs { display: flex; gap: 6px; padding: 12px 16px 0; }
.srp-artes-lb-tab { font-weight: 700; font-size: 12.5px; border: 1.5px solid #e3dcc9; background: #fff; color: #6b6455; border-radius: 9px 9px 0 0; padding: 8px 14px; cursor: pointer; }
.srp-artes-lb-tab.ativa { border-color: #1e5c30; color: #0f3a1e; border-bottom-color: #fff; position: relative; top: 1px; }
.srp-artes-lb-palco { flex: 1 1 auto; overflow: auto; background: #faf7f0; display: flex; align-items: center; justify-content: center; padding: 16px; min-height: 0; }
.srp-artes-lb-cv { display: block; border-radius: 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, .18); background: #fff; height: auto; }
.srp-artes-lb-palco.is916 .srp-artes-lb-cv { width: auto; max-height: 62vh; max-width: 100%; }
.srp-artes-lb-palco.is34 .srp-artes-lb-cv { width: auto; max-height: 58vh; max-width: 100%; }
.srp-artes-lb-foot { display: flex; gap: 8px; flex-wrap: wrap; padding: 13px 16px; border-top: 1px solid #eee5d3; }

/* Toggle de período (a partir de agora / todos) — catálogo de artes */
.srp-artes-pub-periodo { display: inline-flex; gap: 4px; background: #f6f2e8; border: 1px solid #e3dcc9; border-radius: 999px; padding: 4px; margin: 0 0 14px; }
.srp-artes-pub-per { font-weight: 700; font-size: 12.5px; border: 0; background: transparent; color: #6b6455; padding: 7px 14px; border-radius: 999px; cursor: pointer; }
.srp-artes-pub-per.ativo { background: #1e5c30; color: #fff; }

/* Status de salvamento agora vive na barra da prévia */
.srp-artes .srp-artes-barra-salvo { font-size: 11.5px; font-weight: 700; color: #0e3d1c; margin-left: 6px; }
.srp-artes .srp-artes-barra-salvo.srp-agenda-salvo--erro { color: #b23b2e; }

/* ═══════════════════════════════════════════════════════════════════════
 * v9.42.0 — SHELL TRAVADO (tela cheia obrigatória, sem toggle)
 * O Estúdio nasce já preso ao viewport: a barra do topo (título +
 * ‹ Voltar ao painel) e a coluna de controles são o único chrome; só a
 * coluna de controles rola, por barra de rolagem DEDICADA. A arte fica
 * SEMPRE 100% visível (contida por altura E largura, centralizada).
 * Correção-chave: min-height:0 nas trilhas do grid — sem isso o scroll
 * vaza para o container inteiro (era a raiz do clipping). 100dvh cobre a
 * barra do navegador no mobile. Sem forma/curso "Hoje inicia" na agenda,
 * o motor de render segue idêntico — a mudança é puramente de layout.
 * ═════════════════════════════════════════════════════════════════════ */
html.srp-artes-shell-lock, body.srp-artes-shell-lock { overflow: hidden !important; }

.srp-artes.srp-artes-shell {
	position: fixed; inset: 0; z-index: 99990;
	margin: 0; max-width: none; width: 100vw; height: 100vh; height: 100dvh;
	display: flex; flex-direction: column; border-radius: 0;
	background: radial-gradient(1200px 700px at 50% -12%, #16311f, #0b1710 62%);
	padding: 0;
}
/* barra do topo: título à esquerda, ‹ Voltar à direita */
.srp-artes.srp-artes-shell .srp-agenda-header {
	flex: 0 0 auto; margin: 0; padding: 10px clamp(12px,2vw,22px);
	display: flex; align-items: center; gap: 14px;
	border-bottom: 1px solid rgba(200,168,75,.22);
}
.srp-artes.srp-artes-shell .srp-agenda-header > div { min-width: 0; }
.srp-artes.srp-artes-shell .srp-agenda-titulo { margin: 0; }
.srp-artes.srp-artes-shell .srp-agenda-regua { display: none; }

/* corpo travado: 2 colunas que preenchem o resto da tela */
.srp-artes.srp-artes-shell .srp-artes-estudio {
	flex: 1 1 auto; min-height: 0; margin: 0; gap: 0;
	grid-template-columns: minmax(300px, 400px) 1fr; align-items: stretch;
}
/* coluna de controles: ÚNICA que rola, barra dedicada dourada */
.srp-artes.srp-artes-shell .srp-artes-controles {
	min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;
	padding: 14px clamp(10px,1.4vw,16px) 28px;
	border-right: 1px solid rgba(200,168,75,.22);
	scrollbar-width: thin; scrollbar-color: #c8a84b #14261a;
}
.srp-artes.srp-artes-shell .srp-artes-controles::-webkit-scrollbar { width: 11px; }
.srp-artes.srp-artes-shell .srp-artes-controles::-webkit-scrollbar-track { background: #14261a; }
.srp-artes.srp-artes-shell .srp-artes-controles::-webkit-scrollbar-thumb {
	background: #c8a84b; border-radius: 8px; border: 2px solid #14261a;
}
/* palco: preenche, prévia não é mais sticky */
.srp-artes.srp-artes-shell .srp-artes-previa {
	position: static; top: auto; min-height: 0; min-width: 0;
	padding: 12px clamp(10px,1.6vw,18px); display: flex;
}
.srp-artes.srp-artes-shell .srp-artes-previa-card {
	flex: 1 1 auto; min-height: 0; max-height: none; margin: 0;
	display: flex; flex-direction: column;
}
.srp-artes.srp-artes-shell .srp-artes-previa-scroll {
	flex: 1 1 auto; min-height: 0; overflow: hidden;
	display: flex; flex-direction: column; scrollbar-gutter: auto; padding-right: 0;
}
/* a arte cabe INTEIRA: contida por altura e largura, centralizada */
.srp-artes.srp-artes-shell .srp-artes-cv-grid {
	flex: 1 1 auto; min-height: 0; gap: 0;
	grid-template-columns: 1fr; align-items: center; justify-items: center;
}
.srp-artes.srp-artes-shell .srp-artes-cv-card {
	min-height: 0; max-height: 100%; display: flex; flex-direction: column;
	align-items: center; justify-content: center;
}
.srp-artes.srp-artes-shell .srp-artes-cv-card canvas {
	width: auto !important; height: auto !important;
	max-width: 100%; max-height: calc(100% - 48px); margin: 0 auto 8px;
}
/* chrome redundante escondido no modo travado (mais espaço pra arte) */
.srp-artes.srp-artes-shell .srp-artes-cv-card .srp-agenda-sub,
.srp-artes.srp-artes-shell .srp-artes-dica { display: none; }
.srp-artes.srp-artes-shell .srp-artes-previa-scroll .srp-agenda-status { flex: 0 0 auto; margin: 0 0 6px; }

@media (max-width: 640px) {
	/* telas estreitas: empilha, arte no topo, controles rolam abaixo */
	.srp-artes.srp-artes-shell .srp-artes-estudio { grid-template-columns: 1fr; grid-template-rows: 1fr auto; }
	.srp-artes.srp-artes-shell .srp-artes-controles { border-right: 0; border-top: 1px solid rgba(200,168,75,.22); max-height: 46vh; }
}

/* ═══════════════════════════════════════════════════════════════════════
 * v9.54.0 — Catálogo SENAR: HERO + barra de comando + FORMATO EM MASSA.
 * O topo deixa de ter só a arte da agenda num bloco vazio: passa a ter
 * título + intro + stats à esquerda e um SPOTLIGHT compacto da agenda à
 * direita; a busca, o alternador de formato e os modos ficam numa barra
 * de comando sticky. O formato escolhido vale para TODO o catálogo.
 * ═══════════════════════════════════════════════════════════════════════ */
.srp-artes-pub .srp-artes-pub-hero{
  display:grid;grid-template-columns:1.35fr .95fr;gap:22px;align-items:stretch;margin-bottom:6px}
.srp-artes-pub .srp-artes-pub-hero-txt{display:flex;flex-direction:column;justify-content:center}
.srp-artes-pub .srp-artes-pub-hero-txt .srp-agenda-header{margin-bottom:0}
.srp-artes-pub .srp-artes-pub-hero-txt .srp-agenda-hint{margin:12px 0 0}
.srp-artes-pub .srp-artes-pub-hero-slot{display:flex;min-width:0}
.srp-artes-pub .srp-artes-pub-hero-slot .srp-artes-pub-agenda{margin:0;flex:1 1 auto}

.srp-artes-pub .srp-artes-pub-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.srp-artes-pub .srp-artes-pub-stat{display:inline-flex;align-items:center;gap:7px;background:#fff;
  border:1px solid #ede3d0;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;color:#1e5c30}
.srp-artes-pub .srp-artes-pub-stat b{color:#22301f}
.srp-artes-pub .srp-artes-pub-stat-dot{width:8px;height:8px;border-radius:50%;background:#2e7d32}

/* barra de comando (sticky) */
.srp-artes-pub .srp-artes-pub-cmd{
  position:sticky;top:8px;z-index:20;display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  background:rgba(245,239,227,.94);backdrop-filter:blur(6px);
  border:1px solid #ede3d0;border-radius:14px;padding:12px;margin:20px 0 0}
.srp-artes-pub .srp-artes-pub-cmd .srp-artes-pub-busca{flex:1 1 240px;margin:0}
.srp-artes-pub .srp-artes-pub-cmd .srp-artes-pub-modos{margin:0}
.srp-artes-pub .srp-artes-pub-cmd .srp-artes-pub-periodo{margin:0}

/* alternador de FORMATO EM MASSA */
.srp-artes-pub .srp-artes-pub-fmt{display:inline-flex;align-items:center;gap:6px;background:#fff;
  border:1.5px solid #c8a84b;border-radius:12px;padding:5px;box-shadow:0 4px 12px rgba(200,168,75,.16)}
.srp-artes-pub .srp-artes-pub-fmt-lbl{font-size:11px;font-weight:800;text-transform:uppercase;
  letter-spacing:.05em;color:#8c781e;padding:0 4px 0 6px}
.srp-artes-pub .srp-artes-pub-fmt-opt{appearance:none;border:0;background:transparent;color:#1e5c30;
  font:700 12.5px 'DM Sans',system-ui,sans-serif;padding:8px 12px;border-radius:9px;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s}
.srp-artes-pub .srp-artes-pub-fmt-opt:hover{background:#f2ecdd}
.srp-artes-pub .srp-artes-pub-fmt-opt.ativo{background:#1e5c30;color:#fff}
.srp-artes-pub .srp-artes-pub-fmt-rect{border:2px solid currentColor;border-radius:2px;display:inline-block}
.srp-artes-pub .srp-artes-pub-fmt-rect--916{width:11px;height:17px}
.srp-artes-pub .srp-artes-pub-fmt-rect--34{width:15px;height:19px}
.srp-artes-pub .srp-artes-pub-fmt-nota{margin:10px 0 0;font-size:12.5px;color:#6b6252}
.srp-artes-pub .srp-artes-pub-fmt-nota b{color:#1e5c30}

/* SPOTLIGHT compacto da agenda (dentro do hero) */
.srp-artes-pub .srp-artes-pub-agenda-mini{width:108px;position:relative;cursor:pointer;transition:transform .15s}
.srp-artes-pub .srp-artes-pub-agenda-mini:hover{transform:translateY(-2px)}
.srp-artes-pub .srp-artes-pub-agenda-ver{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(15,58,30,0);color:#fff;font-weight:700;font-size:11.5px;opacity:0;transition:.15s;border-radius:10px}
.srp-artes-pub .srp-artes-pub-agenda-mini:hover .srp-artes-pub-agenda-ver,
.srp-artes-pub .srp-artes-pub-agenda-mini:focus-visible .srp-artes-pub-agenda-ver{opacity:1;background:rgba(15,58,30,.48)}
.srp-artes-pub .srp-artes-pub-agenda-info h3{font-size:15.5px;margin:0 0 2px}
.srp-artes-pub .srp-artes-pub-agenda-sub{display:block;color:#8c781e;font-weight:700;font-size:11.5px;
  letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px}
.srp-artes-pub .srp-artes-pub-agenda-info p{font-size:12px;margin:0 0 10px}
.srp-artes-pub .srp-artes-pub-agenda-botoes{gap:6px}
/* chips pequenos no lugar dos 4 botões enormes */
.srp-artes-pub .srp-agenda-btn.srp-artes-pub-agenda-chip{
  padding:6px 10px;font-size:11.5px;border-radius:8px;border-width:1.5px}

/* botões do card: principal (1fr) + variações (auto) + WhatsApp (linha toda) */
.srp-artes-pub .srp-artes-pub-botoes{grid-template-columns:1fr auto}
.srp-artes-pub .srp-artes-pub-botoes .srp-artes-bzap{grid-column:1 / -1}

@media(max-width:820px){
  .srp-artes-pub .srp-artes-pub-hero{grid-template-columns:1fr}
  .srp-artes-pub .srp-artes-pub-cmd{position:static}
}