/* Lançamento (patterns/lancamento.php): a contagem como o placar de uma transmissão, dentro da célula da grade.
   Texto à esquerda e placar à direita; embaixo, os planos com o preço de agora e o do lançamento, e o botão. */

.gvsx-launch__inner {
	display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	grid-template-areas: "texto placar" "planos acao";
	align-items: center; gap: var(--gvsx-s-7) var(--gvsx-s-9);
}
.gvsx-launch__text { grid-area: texto; margin: 0; }
.gvsx-launch__text p:last-child { margin-bottom: 0; }
.gvsx-launch__text p b { color: var(--gvsx-accent-text); font-weight: 700; }
.gvsx-launch__tag { display: flex; align-items: center; flex-wrap: wrap; gap: 0.6rem; margin: 0 0 var(--gvsx-s-4); font-family: var(--gvsx-font-mono); font-size: 0.78rem; color: var(--gvsx-text-3); text-transform: uppercase; letter-spacing: 0.06em; }

/* placar: dias : horas : min : seg */
.gvsx-launch__clock {
	grid-area: placar; justify-self: end;
	display: flex; align-items: flex-start; gap: clamp(0.35rem, 1vw, 0.75rem);
	padding: clamp(1rem, 2vw, 1.5rem) clamp(1.1rem, 2.4vw, 1.9rem);
	border: 1px solid var(--gvsx-line-strong); border-radius: var(--gvsx-radius-l);
	background: var(--gvsx-bg-2); box-shadow: var(--gvsx-shadow-1);
}
.gvsx-launch__unit { display: grid; justify-items: center; gap: 0.45rem; min-width: 2.2ch; }
.gvsx-launch__unit b, .gvsx-launch__sep {
	font-family: var(--gvsx-font-mono); font-weight: 700; font-size: clamp(2.4rem, 5.2vw, 4.25rem); line-height: 1;
	font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--gvsx-text);
}
.gvsx-launch__sep { color: var(--gvsx-text-3); opacity: 0.6; }
.gvsx-launch__unit small { font-family: var(--gvsx-font-display); font-stretch: 85%; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gvsx-text-3); }

/* planos: o preço de agora em destaque, o do lançamento embaixo */
.gvsx-launch__plans { grid-area: planos; display: flex; flex-wrap: wrap; gap: var(--gvsx-s-4) var(--gvsx-s-8); margin: 0; padding: var(--gvsx-s-5) 0 0; list-style: none; border-top: 1px solid var(--gvsx-line); }
.gvsx-launch__plans li { display: grid; gap: 0.3rem; }
.gvsx-launch__plan { font-family: var(--gvsx-font-display); font-stretch: 85%; font-weight: 700; font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gvsx-text-2); }
.gvsx-launch__now { font-family: var(--gvsx-font-mono); font-weight: 700; font-size: 1.6rem; line-height: 1.1; color: var(--gvsx-accent-text); }
.gvsx-launch__after { font-size: 0.85rem; color: var(--gvsx-text-3); }
.gvsx-launch__after span { color: var(--gvsx-text-2); }
.gvsx-launch__cta { grid-area: acao; justify-self: end; align-self: end; margin: 0; }

/* no zero (assets/js/lancamento.js) a seção sai antes de ser retirada */
.gvsx-launch { transition: opacity var(--gvsx-dur-3) var(--gvsx-ease-out); }
.gvsx-launch.is-fim { opacity: 0; }

@media (max-width: 899px) {
	.gvsx-launch__inner { grid-template-columns: minmax(0, 1fr); grid-template-areas: "texto" "placar" "planos" "acao"; gap: var(--gvsx-s-6); }
	.gvsx-launch__clock { justify-self: stretch; justify-content: space-between; }
	.gvsx-launch__plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gvsx-s-4); }
	.gvsx-launch__now { font-size: 1.35rem; }
	.gvsx-launch__cta { justify-self: stretch; }
	.gvsx-launch__cta .gvsx-btn { width: 100%; justify-content: center; }
}
@media (max-width: 380px) {
	.gvsx-launch__clock { padding-inline: 0.8rem; }
	.gvsx-launch__unit b, .gvsx-launch__sep { font-size: 2.1rem; }
}
@media (prefers-reduced-motion: reduce) { .gvsx-launch { transition: none; } }