/* GTA6AGORA — sistema visual Neon Noir / Vice City */
:root {
  --bg-primary: #09090b;
  --bg-secondary: #0f0f13;
  --bg-surface: rgba(20, 20, 24, .75);
  --bg-surface-solid: #141418;
  --bg-elevated: rgba(28, 28, 34, .88);
  --accent-pink: #ff2a6d;
  --accent-pink-strong: #ff0055;
  --accent-orange: #ff7000;
  --accent-purple: #8f49d8;
  --accent-cyan: #28d7e5;
  --text-main: #fff;
  --text-muted: #a0a0a0;
  --text-soft: #94a3b8;
  --border-glass: rgba(255, 255, 255, .09);
  --border-hover: rgba(255, 255, 255, .2);
  --shadow-soft: 0 12px 40px rgba(0, 0, 0, .35);
  --shadow-card: 0 24px 60px rgba(0, 0, 0, .45);
  --shadow-neon: 0 16px 40px rgba(255, 42, 109, .2);
  --sunset-gradient: linear-gradient(110deg, #ff7000 0%, #ff2a6d 48%, #8f49d8 100%);
  --font-main: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ease-premium: cubic-bezier(.22, 1, .36, 1);
}

html {
  background: var(--bg-primary);
  color-scheme: dark;
}

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 42, 109, .07), transparent 25rem),
    radial-gradient(circle at 88% 28%, rgba(143, 73, 216, .06), transparent 28rem),
    var(--bg-primary);
  color: var(--text-main);
  font-family: var(--font-main);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body, button, input, textarea, select {
  font-family: var(--font-main);
}

h1, h2, h3, h4, h5, h6,
.section-title,
.nav-link,
.btn,
.card-title,
.news-title {
  font-family: var(--font-main);
}

h1, h2, h3,
.section-title,
.nav-link,
.btn {
  text-transform: uppercase;
  letter-spacing: .075em;
}

p, .hero-desc, .card-text, .news-excerpt, .article-excerpt {
  color: var(--text-muted);
  line-height: 1.72;
}

::selection {
  background: var(--accent-pink);
  color: #fff;
}

/* Navbar */
.site-header .header-inner {
  background: rgba(15, 15, 18, .68);
  border-color: var(--border-glass);
  box-shadow: var(--shadow-soft);
}

.site-header.is-scrolled .header-inner {
  background: rgba(9, 9, 11, .86);
  border-color: rgba(255, 255, 255, .13);
}

.site-header .nav-link {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  transition: color .3s ease, background .3s ease, transform .35s var(--ease-premium), box-shadow .3s ease;
}

.site-header .nav-link:hover {
  color: var(--text-main);
  background: rgba(255, 255, 255, .08);
}

.site-header .nav-link.active {
  color: #09090b;
  background: #fff;
  border-color: #fff;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .25);
}

.site-header .logo img {
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .25));
}

/* Botões */
.btn,
.card-link,
button {
  transition: transform .35s var(--ease-premium), opacity .3s ease, background-color .3s ease,
    color .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.btn-pink,
.btn-primary,
.btn-login,
.btn-lg.btn-pink {
  background: #fff;
  color: #09090b;
  border-color: #fff;
}

.btn-pink:hover,
.btn-primary:hover,
.btn-login:hover,
.btn-lg.btn-pink:hover {
  background: var(--accent-pink);
  color: #fff;
  border-color: var(--accent-pink);
  transform: translateY(-2px);
  box-shadow: var(--shadow-neon);
}

.btn-dark,
.btn-outline,
.card-link {
  background: rgba(255, 255, 255, .035);
  color: #fff;
  border-color: rgba(255, 255, 255, .2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.btn-dark:hover,
.btn-outline:hover,
.card-link:hover {
  background: #fff;
  color: #09090b;
  border-color: #fff;
  transform: translateY(-2px);
}

/* Hero */
.hero {
  background: var(--bg-primary);
}

.hero-overlay {
  background:
    linear-gradient(90deg, rgba(9, 9, 11, .95) 0%, rgba(9, 9, 11, .72) 32%, rgba(9, 9, 11, .12) 68%),
    linear-gradient(0deg, var(--bg-primary) 0%, rgba(9, 9, 11, .18) 38%, transparent 68%);
}

.hero-title {
  color: #fff;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: .94;
  text-shadow: 0 14px 42px rgba(0, 0, 0, .42);
}

.hero-title::after,
.section-title::after {
  background: var(--sunset-gradient);
  border-radius: 999px;
  box-shadow: 0 8px 30px rgba(255, 42, 109, .22);
}

.hero-desc {
  color: rgba(255, 255, 255, .7);
}

/* Seções e títulos */
section,
.explore,
.news,
.secondary-highlights {
  background-color: transparent;
}

.explore,
.news,
.secondary-highlights,
.page-section,
.content-section {
  padding-top: clamp(80px, 9vw, 140px);
  padding-bottom: clamp(80px, 9vw, 140px);
}

.section-title {
  color: #fff;
  font-weight: 800;
  letter-spacing: .035em;
}

.section-subtitle,
.eyebrow,
.meta,
.card-meta,
.news-meta,
.article-meta {
  color: var(--text-soft);
}

/* Cards e superfícies */
.explore-card,
.news-card,
.article-card,
.category-card,
.account-card,
.auth-card,
.form-card,
.sidebar-card,
.widget,
.panel {
  background: linear-gradient(145deg, rgba(24, 24, 29, .82), rgba(14, 14, 18, .9));
  border: 1px solid var(--border-glass);
  border-radius: 20px;
  box-shadow: 0 16px 46px rgba(0, 0, 0, .2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
  transition: transform .45s var(--ease-premium), border-color .35s ease, box-shadow .45s ease;
}

.explore-card:hover,
.news-card:hover,
.article-card:hover,
.category-card:hover {
  transform: translateY(-8px);
  border-color: var(--border-hover);
  box-shadow: var(--shadow-card);
}

.explore-card img,
.news-card img,
.article-card img,
.category-card img {
  transition: transform .75s var(--ease-premium), filter .5s ease;
}

.explore-card:hover img,
.news-card:hover img,
.article-card:hover img,
.category-card:hover img {
  transform: scale(1.055);
  filter: saturate(1.08) contrast(1.04);
}

.card-grad,
.card-overlay {
  background: linear-gradient(0deg, rgba(9, 9, 11, .98) 8%, rgba(9, 9, 11, .62) 48%, transparent 100%);
}

.card-title,
.news-title,
.article-title {
  color: #fff;
  font-weight: 750;
  letter-spacing: .025em;
}

/* Formulários e conta */
input,
textarea,
select,
.header-search-input {
  color: #fff;
  background: rgba(255, 255, 255, .045);
  border-color: rgba(255, 255, 255, .12);
}

input:focus,
textarea:focus,
select:focus,
.header-search-input:focus {
  border-color: var(--accent-pink);
  box-shadow: 0 0 0 3px rgba(255, 42, 109, .14);
  outline: none;
}

/* Rodapé e newsletter */
.newsletter,
.site-footer,
footer {
  background: #070709;
  border-color: rgba(255, 255, 255, .08);
}

/* Aparição premium */
.vi-reveal {
  opacity: 0;
  transform: translateY(28px) scale(.992);
  transition: opacity .75s ease, transform .9s var(--ease-premium);
}

.vi-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media (max-width: 1050px) {
  h1, h2, h3, .section-title, .nav-link, .btn {
    letter-spacing: .055em;
  }

  .explore,
  .news,
  .secondary-highlights,
  .page-section,
  .content-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}