/* =====================================================================
   GVSX Mod 27 (inc/mod27.php): destaque da câmera em primeira pessoa (gvsx_pov_spot) nos cards das edições, no
   produto e na página Conteúdo do patch, e os mods que entraram depois do lançamento.
   ===================================================================== */

/* compacto: card da edição e topo do produto */
.gvsx-povspot--card {
	display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 12px;
	padding: 6px 14px 6px 6px; border: 1px solid rgb(var(--gvsx-glow-rgb) / 0.45); border-radius: var(--gvsx-radius-m);
	background: var(--gvsx-accent-soft); color: var(--gvsx-text-2); text-decoration: none;
	transition: border-color var(--gvsx-dur-2) var(--gvsx-ease-out);
}
.gvsx-povspot--card .gvsx-povspot__img { display: block; width: 64px; height: 64px; border-radius: calc(var(--gvsx-radius-m) - 4px); object-fit: cover; object-position: 60% 70%; background: #0B0F0C; }
.gvsx-povspot__txt { display: grid; gap: 3px; min-width: 0; font-size: 0.85rem; line-height: 1.35; }
.gvsx-povspot__txt strong { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 0.98rem; line-height: 1.2; color: var(--gvsx-text); }
.gvsx-povspot__go { color: var(--gvsx-accent-text); }
.gvsx-povspot--card:focus-visible { outline: 2px solid var(--gvsx-accent); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .gvsx-povspot--card:hover { border-color: var(--gvsx-accent); text-decoration: none; } }
.gvsx-edition__list .gvsx-edition__pov { display: block; margin-bottom: 3px; }
.gvsx-product__head .gvsx-povspot--card { margin-top: 1rem; max-width: 30rem; }

/* grande: Conteúdo do patch e "O que vem no patch" do produto */
.gvsx-povspot--big {
	position: relative; isolation: isolate; display: flex; align-items: flex-end;
	min-height: clamp(300px, 34vw, 440px); margin: 0 0 clamp(1.5rem, 3vw, 2rem);
	border-radius: var(--gvsx-radius-l); overflow: hidden; background: #050705; color: var(--gvsx-media-text);
}
.gvsx-povspot--big .gvsx-povspot__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 65%; }
.gvsx-povspot--big::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(20deg, rgb(3 6 4 / 0.9), rgb(3 6 4 / 0.25) 55%, rgb(3 6 4 / 0) 75%); }
.gvsx-povspot__body { display: grid; justify-items: start; gap: 0.6rem; max-width: 38rem; padding: clamp(1.25rem, 3vw, 2.25rem); }
.gvsx-povspot__body h3 { margin: 0; font-size: clamp(2rem, 4.2vw, 3.4rem); line-height: 0.95; color: var(--gvsx-media-text); }
.gvsx-povspot__body p { margin: 0; color: var(--gvsx-media-text-2); }
.gvsx-povspot__body .gvsx-povspot__note { font-size: 0.88rem; }
.gvsx-povspot__body .gvsx-btn { margin-top: 0.4rem; }
@media (max-width: 781px) {
	.gvsx-povspot--big { min-height: 420px; }
	.gvsx-povspot--big::before { background: linear-gradient(to top, rgb(3 6 4 / 0.92), rgb(3 6 4 / 0.35) 60%, rgb(3 6 4 / 0) 85%); }
}

/* Conteúdo do patch: os que entraram depois do lançamento, numa faixa e com o selo na lista */
.gvsx-cp__news { margin: 0 0 clamp(1.5rem, 3vw, 2rem); padding: 1.1rem 1.25rem 1.2rem; border: 1px solid rgb(var(--gvsx-glow-rgb) / 0.45); border-radius: var(--gvsx-radius-l); background: var(--gvsx-accent-soft); }
.gvsx-cp__news h3 { display: flex; align-items: baseline; gap: 0.75rem; margin: 0 0 0.75rem; font-family: var(--gvsx-font-text); font-size: 1rem; font-weight: 600; letter-spacing: 0; line-height: 1.3; }
.gvsx-cp__news h3 small { font-family: var(--gvsx-font-mono); font-size: 0.78rem; color: var(--gvsx-text-3); }
.gvsx-cp__news ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gvsx-cp__news li { padding: 0.35rem 0.75rem; border: 1px solid var(--gvsx-line); border-radius: 999px; background: var(--gvsx-surface); font-size: 0.88rem; color: var(--gvsx-text); }
.gvsx-cp__card li[data-gvsx-new]::after {
	content: "Novo"; display: inline-block; margin-left: 0.5em; padding: 0.05em 0.5em; border-radius: 999px; vertical-align: 0.1em;
	background: var(--gvsx-accent-soft); color: var(--gvsx-accent-text);
	font: 600 0.68rem/1.5 var(--gvsx-font-mono); letter-spacing: 0.06em; text-transform: uppercase;
}