/* ------------------------------------------------------------------ */
/* Vídeo "A Lenda" numa moldura dourada em arco                       */
/* ------------------------------------------------------------------ */
.bosque-lenda { margin: 10px auto 80px; text-align: center; }
.bosque-lenda__rotulo {
	display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 0 22px;
	font-family: var(--fonte-titulo); color: var(--dourado); font-size: .95rem; letter-spacing: .32em; text-transform: uppercase;
}
.bosque-lenda__rotulo::before, .bosque-lenda__rotulo::after { content: ""; width: 60px; height: 1px; background: linear-gradient(90deg, transparent, var(--dourado)); }
.bosque-lenda__rotulo::after { background: linear-gradient(90deg, var(--dourado), transparent); }

.moldura {
	--arco: 50% 50% 8px 8px / 20% 20% 8px 8px;
	position: relative; width: min(400px, 86vw); margin: 0 auto; padding: 12px;
	border-radius: var(--arco);
	background: linear-gradient(160deg, #fff3c4 0%, #d9b54a 22%, #8a6a1c 45%, #f2d67e 62%, #a8801f 80%, #f6e3a1 100%);
	box-shadow: 0 0 0 1px rgba(38, 49, 26, .9), 0 0 50px rgba(217, 181, 74, .28), 0 30px 60px rgba(0, 0, 0, .55);
}
.moldura::before { /* filete verde musgo entre o ouro e o vídeo */
	content: ""; position: absolute; inset: 7px; border-radius: var(--arco);
	border: 2px solid rgba(38, 49, 26, .85); pointer-events: none;
}
.moldura::after { /* halo que respira */
	content: ""; position: absolute; inset: -30px; z-index: -1; border-radius: var(--arco);
	background: radial-gradient(ellipse at center, rgba(255, 214, 110, .22), transparent 65%);
	animation: logo-brilho 5s ease-in-out infinite alternate;
}
.moldura__janela {
	position: relative; overflow: hidden; border-radius: 50% 50% 4px 4px / 18.5% 18.5% 4px 4px;
	background: #050a06; box-shadow: inset 0 0 30px rgba(0, 0, 0, .8);
	aspect-ratio: 720 / 1254;
}
.moldura__janela video { display: block; width: 100%; height: 100%; object-fit: cover; }
.moldura__joia { /* pedra no topo do arco */
	position: absolute; left: 50%; top: -14px; z-index: 3; translate: -50% 0;
	width: 34px; height: 34px; rotate: 45deg; border-radius: 4px;
	background: radial-gradient(circle at 35% 30%, #d8f1c0, #56682c 55%, #26311a);
	box-shadow: 0 0 0 3px #d9b54a, 0 0 0 5px #26311a, 0 0 18px rgba(217, 181, 74, .7);
}
.moldura__canto { position: absolute; z-index: 3; color: #26311a; font-size: 1.1rem; line-height: 1; text-shadow: 0 1px 0 rgba(255, 240, 190, .6); }
.moldura__canto--1 { left: 14px; bottom: 12px; }
.moldura__canto--2 { right: 14px; bottom: 12px; }
.moldura__play {
	position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
	border: 0; cursor: pointer; background: linear-gradient(180deg, rgba(5, 10, 6, .1), rgba(5, 10, 6, .55));
	color: var(--dourado-claro); font: 600 .78rem var(--fonte-ui); letter-spacing: .2em; text-transform: uppercase;
	transition: background .3s;
}
.moldura__play:hover { background: linear-gradient(180deg, rgba(5, 10, 6, 0), rgba(5, 10, 6, .4)); }
.moldura__play span {
	display: grid; place-items: center; width: 74px; height: 74px; border-radius: 50%;
	background: rgba(24, 30, 14, .7); border: 1px solid rgba(246, 227, 161, .8);
	box-shadow: 0 0 30px rgba(217, 181, 74, .45); backdrop-filter: blur(4px);
}
.moldura__play svg { width: 26px; height: 26px; margin-left: 4px; }
.moldura.is-tocando .moldura__play { display: none; }
.bosque-lenda__legenda { margin: 26px auto 0; max-width: 460px; font-size: .95rem; color: var(--tinta-suave); font-style: italic; }
@media (prefers-reduced-motion: reduce) { .moldura::after { animation: none; } }