/* Modal do álbum: player do Spotify OU lista manual de faixas. Criado por album-modal.js */
html.gpc-album-modal-open { overflow: hidden; }

.gpc-album-modal {
	--gpc-album-accent: var(--neutral4, #8394b0);
	box-sizing: border-box;
	width: min(560px, calc(100% - 32px));
	max-height: calc(100dvh - 32px);
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--gpc-album-radius, 0);
	background: var(--secondary, #2A5D91);
	color: var(--white, #ffffff);
	overflow: hidden;
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.8);
}
.gpc-album-modal[open] { display: flex; flex-direction: column; }
.gpc-album-modal::backdrop { background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(3px); }

.gpc-album-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.gpc-album-modal__title { margin: 0; font-size: 1rem; font-weight: 700; letter-spacing: 0.04em; font-family: var(--main-font); }
.gpc-album-modal__close {
	display: grid;
	place-items: center;
	flex: none;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	background: none;
	color: inherit;
	font: inherit;
	line-height: 1;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease;
}
.gpc-album-modal__close:hover { border-color: var(--gpc-album-accent); color: var(--gpc-album-accent); }

.gpc-album-modal__body { padding: 1.25rem; overflow-y: auto; }
.gpc-album-modal__body iframe { display: block; width: 100%; height: 352px; border: 0; border-radius: 12px; }
.gpc-album-modal__body .gpc-tracklist { margin: 0; }

.gpc-album-modal__foot { padding: 0 1.25rem 1.25rem; font-size: 0.85rem; }
.gpc-album-modal__foot a { color: var(--gpc-album-accent); font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; }
.gpc-album-modal__foot a:hover { text-decoration: underline; }
.gpc-album-modal__notice { margin: 0 0 0.6rem; opacity: 0.6; }

.gpc-album-modal :focus-visible { outline: 2px solid var(--gpc-album-accent); outline-offset: 3px; }

@media (prefers-reduced-motion: no-preference) {
	.gpc-album-modal[open] { animation: gpc-album-modal-in 0.22s ease; }
	@keyframes gpc-album-modal-in { from { opacity: 0; transform: translateY(12px) scale(0.98); } }
}