/* XTOR Movies v32 — tipografia cristalina e capa integrada ao destaque. */
:root {
  --xtor-crystal: #e9fbff;
  --xtor-cyan: #57ddff;
  --xtor-cyan-deep: #075983;
}

/* Marca: mantém o X em 3D e dá nitidez real ao nome abaixo dele. */
.brand--3d .brand__type {
  color: var(--xtor-crystal);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: var(--xtor-crystal);
  -webkit-text-stroke: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: clamp(10px, .88vw, 13px);
  font-weight: 900;
  letter-spacing: .15em;
  line-height: 1.08;
  text-rendering: geometricPrecision;
  text-shadow: 0 1px 0 #164866, 0 2px 0 #082b41, 0 5px 8px rgba(0, 0, 0, .48);
  transform: perspective(180px) rotateX(13deg) translateZ(17px);
}

/* Navegação: preenchimento sólido e alto contraste, sem o contorno borrado. */
.topbar nav a {
  position: relative;
  isolation: isolate;
  color: var(--xtor-crystal);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: var(--xtor-crystal);
  -webkit-text-stroke: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: clamp(14px, 1.15vw, 17px);
  font-weight: 800;
  letter-spacing: .012em;
  line-height: 1.1;
  text-rendering: geometricPrecision;
  text-shadow: 0 1px 0 #07547c, 0 2px 0 rgba(2, 32, 53, .98), 0 5px 10px rgba(0, 0, 0, .42);
  filter: none;
  transform: none;
  transition: color .18s ease, transform .18s ease, text-shadow .18s ease;
}
.topbar nav a::after {
  position: absolute;
  right: 2px;
  bottom: 4px;
  left: 2px;
  height: 2px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--xtor-cyan), transparent);
  box-shadow: 0 0 7px rgba(87, 221, 255, .58);
  transform: scaleX(0);
  transition: transform .2s ease;
}
.topbar nav a:hover,
.topbar nav a:focus-visible,
.topbar nav a.is-active {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke: 0;
  filter: none;
  text-shadow: 0 1px 0 #0a6795, 0 2px 0 #07334e, 0 0 8px rgba(96, 225, 255, .45);
  transform: translateY(-1px);
}
.topbar nav a:hover::after,
.topbar nav a:focus-visible::after,
.topbar nav a.is-active::after { transform: scaleX(1); }

/* Destaque: tipografia nítida, mais compacta e com uma hierarquia confortável. */
.hero__eyebrow,
.hero__title small,
.hero__title strong,
.hero__meta,
.hero__description,
.hero__legal {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  text-rendering: geometricPrecision;
}
.hero__eyebrow { font-size: 10px; letter-spacing: .13em; text-shadow: none; }
.hero__title { max-width: 610px; margin: 13px 0 9px; text-shadow: 0 3px 9px rgba(0, 0, 0, .58); }
.hero__title small { color: #ccefff; margin-bottom: 7px; font-size: 9px; font-weight: 850; letter-spacing: .23em; }
.hero__title strong {
  color: #f4fdff;
  -webkit-text-fill-color: #f4fdff;
  font-size: clamp(36px, 4.45vw, 62px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: .9;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .64);
}
.hero__meta { color: #d9eff7; gap: 8px; font-size: 12px; line-height: 1.35; text-shadow: 0 1px 2px rgba(0, 0, 0, .58); }
.hero__description { color: #e5f4f8; max-width: 510px; margin-top: 12px; font-size: 14px; font-weight: 550; line-height: 1.5; text-shadow: 0 1px 2px rgba(0, 0, 0, .62); }

/* A capa agora acompanha a leitura do destaque em vez de encobrir o X 3D. */
.hero__selection-cover {
  z-index: 2;
  position: relative;
  inset: auto;
  width: min(390px, 46vw);
  max-width: 100%;
  aspect-ratio: 16 / 9;
  margin: 18px 0 2px;
  opacity: 1;
  transform: none;
  border-color: rgba(138, 231, 255, .64);
  box-shadow: 0 18px 43px rgba(0, 0, 0, .58), 0 0 22px rgba(49, 220, 255, .16);
}
.hero__selection-cover span { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 8px; letter-spacing: .14em; }
.hero__actions { margin-top: 18px; }

@media (max-width: 1120px) {
  .topbar nav a { font-size: 13px; }
  .hero__selection-cover { width: min(360px, 50vw); }
}
@media (max-width: 720px) {
  .brand--3d .brand__type { font-size: 7px; letter-spacing: .13em; text-shadow: 0 1px 0 #164866, 0 3px 5px rgba(0, 0, 0, .5); }
  .topbar nav a { font-size: 14px; letter-spacing: .015em; text-shadow: 0 1px 0 #07547c, 0 2px 0 rgba(2, 32, 53, .98); }
  .topbar nav a::after { bottom: 7px; }
  .hero { min-height: 0; padding-bottom: 62px; }
  .hero__title { max-width: 100%; }
  .hero__title strong { font-size: clamp(34px, 10.8vw, 49px); line-height: .94; }
  .hero__description { max-width: 350px; font-size: 13px; }
  .hero__selection-cover { width: min(100%, 350px); margin-top: 16px; }
}