/* VipClick Field Interface — shared visual system */
:root {
  color-scheme: light;
  --vc-canvas: #f5f7fa;
  --vc-surface: #ffffff;
  --vc-surface-soft: #edf2f7;
  --vc-ink: #111827;
  --vc-muted: #526174;
  --vc-line: #dce4ec;
  --vc-amber: #eba20b;
  --vc-amber-deep: #ce8100;
  --vc-green: #07866b;
  --vc-shadow: 0 20px 54px rgba(38, 56, 78, .10), 0 3px 12px rgba(38, 56, 78, .06);
  --vc-motion: cubic-bezier(.22, .75, .22, 1);
  --vc-header-height: 60px;
}

html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
  background: var(--vc-canvas) !important;
  color: var(--vc-ink) !important;
  font-family: Manrope, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
::selection { color: #17202c; background: #f3c65d; }

/* A compact, centered nav keeps the familiar site map while giving it room. */
.vc-site-header {
  top: 0 !important;
  color: var(--vc-ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  isolation: isolate;
}
.vc-site-header #vc-ann { display: none !important; }
/* header edge-to-edge owned by site-polish.css */
.vc-site-header[data-vc-scrolled="true"] > div.mx-auto {
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 34px rgba(30,48,68,.11) !important;
}
.vc-site-header img[src*="brand-logo"] {
  width: 40px !important; height: 40px !important;
  filter: drop-shadow(0 4px 7px rgba(38,56,78,.12));
}
.vc-site-header nav[aria-label="Navegação Principal"] { gap: 4px; }
.vc-site-header nav[aria-label="Navegação Principal"] > a,
.vc-site-header nav[aria-label="Navegação Principal"] > div > button {
  border-radius: 10px;
  transition: color .25s var(--vc-motion), background .25s var(--vc-motion), transform .25s var(--vc-motion);
}
.vc-site-header nav[aria-label="Navegação Principal"] > a:hover,
.vc-site-header nav[aria-label="Navegação Principal"] > div > button:hover {
  color: var(--vc-ink) !important;
  background: #f0f3f7;
  transform: translateY(-1px);
}
.vc-site-header a[aria-label*="Carrinho"] {
  border-color: var(--vc-line) !important;
  box-shadow: 0 3px 12px rgba(36,52,71,.08) !important;
}
.vc-site-header > div.mx-auto a[href^="/login?tab=register"] {
  color: #1a2028 !important;
  background: linear-gradient(110deg,#f6bd3c,#eba20b 76%,#d98d00) !important;
  border: 1px solid rgba(220,151,14,.24) !important;
  box-shadow: 0 7px 18px rgba(38,56,78,.12) !important;
}
.vc-site-header > div.mx-auto a[href^="/login?tab=register"]:hover { filter: brightness(1.04); transform: translateY(-1px); }
.vc-site-header a[href*="register"] {
  color: #1a2028 !important;
  background-color: var(--vc-amber) !important;
  background-image: linear-gradient(110deg,#f6bd3c,#eba20b 76%,#d98d00) !important;
  border-color: rgba(220,151,14,.24) !important;
  box-shadow: 0 7px 18px rgba(38,56,78,.12) !important;
}

main {
  background: var(--vc-canvas) !important;
  color: var(--vc-ink) !important;
}
main > section[class*="bg-[#EEF3F8]"],
main > section[class*="bg-[#F8FAFC]"],
main section[class*="bg-[#EEF3F8]"],
main section[class*="bg-[#F8FAFC]"] {
  background-color: var(--vc-canvas) !important;
  border-color: var(--vc-line) !important;
}
main h1, main h2, main h3 {
  color: var(--vc-ink);
  text-wrap: balance;
  letter-spacing: -.035em;
}
main p { color: var(--vc-muted); text-wrap: pretty; }
main [class*="text-[#475569]"], main [class*="text-slate-500"], main [class*="text-gray-500"] {
  color: var(--vc-muted) !important;
}
main [class*="border-[#DCE4EC]"] { border-color: var(--vc-line) !important; }

/* Homepage: keep the real operator art and existing rotating Macro/ESP copy central. */
/* #inicio owned by site-polish.css */
#inicio span[class*="clamp(140px"] {
  opacity: .28;
  filter: none !important;
}
#inicio span[class*="clamp(150px"] { opacity: .66; filter: none !important; }
#inicio .hero-character {
  filter: drop-shadow(0 28px 28px rgba(21,34,49,.18));
  transform-style: preserve-3d;
  transition: transform .8s var(--vc-motion), filter .8s var(--vc-motion);
}
#inicio:hover .hero-character {
  transform: translate3d(0,-5px,16px) scale(1.012);
  filter: drop-shadow(0 34px 34px rgba(21,34,49,.23));
}
#inicio .font-heading { text-shadow: 0 1px rgba(255,255,255,.18); }
#inicio button[aria-label*="Próximo"], #inicio button[aria-label*="Anterior"] {
  border-color: var(--vc-line) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 8px 24px rgba(31,48,68,.10) !important;
}
#inicio a.button-sheen {
  color: #171d26 !important;
  background: linear-gradient(105deg, #f7bb35, #eba20b 72%, #dc9305) !important;
  box-shadow: 0 10px 22px rgba(38,56,78,.13) !important;
}

/* Actual gameplay demos get the strongest depth cue; the content stays in focus. */
main div.rounded-3xl:has(video) {
  padding: 8px !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg,#fff,#eaf0f6) !important;
  box-shadow: 0 24px 56px rgba(25,43,63,.15), 0 4px 12px rgba(25,43,63,.07) !important;
}
main div.rounded-3xl:has(video) > div,
main div.rounded-3xl:has(video) video {
  border-radius: 19px !important;
}
main video {
  display: block;
  background: #10151b;
  object-fit: cover;
}
main video:focus-visible { outline: 3px solid var(--vc-amber); outline-offset: 4px; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion: reduce) {
  main div.rounded-3xl:has(video):hover { transform: perspective(1200px) rotateX(.7deg) rotateY(-.8deg) translateY(-2px); }
}

/* Surface hierarchy: reserve elevation for content groups and real actions. */
main article, main [data-vc-card] {
  border-color: var(--vc-line) !important;
  box-shadow: 0 8px 24px rgba(34,51,70,.065) !important;
  transition: transform .42s var(--vc-motion), box-shadow .42s var(--vc-motion), border-color .42s var(--vc-motion);
}
/* The three proof points read as an editorial strip, not as three generic tiles. */
#inicio + section article.luxury-card-hover {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 18px 22px !important;
}
#inicio + section .grid > div:nth-child(n+2) > article.luxury-card-hover {
  border-left: 1px solid var(--vc-line) !important;
}
#inicio + section article.luxury-card-hover:hover {
  transform: translateY(-2px);
  box-shadow: none !important;
}
@media (hover:hover) and (pointer:fine) {
  main article:hover, main [data-vc-card]:hover {
    transform: translateY(-4px);
    border-color: #cbd6e2 !important;
    box-shadow: 0 18px 38px rgba(34,51,70,.11) !important;
  }
}
a[class*="bg-gradient-to-r"], button[class*="bg-gradient-to-r"],
a[class*="bg-[#F5"], button[class*="bg-[#F5"],
a[class*="bg-amber-"], button[class*="bg-amber-"] {
  color: #1c2026 !important;
  box-shadow: 0 9px 22px rgba(38,56,78,.13) !important;
  transition: transform .28s var(--vc-motion), box-shadow .28s var(--vc-motion), filter .28s var(--vc-motion) !important;
}
a[class*="bg-gradient-to-r"]:hover, button[class*="bg-gradient-to-r"]:hover,
a[class*="bg-amber-"]:hover, button[class*="bg-amber-"]:hover {
  transform: translateY(-2px);
  filter: brightness(1.02);
  box-shadow: 0 13px 28px rgba(38,56,78,.17) !important;
}
a.button-sheen, button.button-sheen {
  box-shadow: 0 8px 20px rgba(38,56,78,.13) !important;
}
a.button-sheen:hover, button.button-sheen:hover {
  box-shadow: 0 13px 26px rgba(38,56,78,.17) !important;
}
button[class*="border-[#F5B025]"] {
  box-shadow: 0 6px 16px rgba(38,56,78,.09) !important;
}
.luxury-card-hover:hover {
  border-color: #cbd6e2 !important;
  box-shadow: 0 16px 36px rgba(38,56,78,.12), 0 6px 16px rgba(0,0,0,.05), -4px -4px 16px #fff !important;
}
main a:focus-visible, main button:focus-visible, header a:focus-visible, header button:focus-visible {
  outline: 3px solid rgba(206,129,0,.78) !important;
  outline-offset: 3px;
}

/* Public copy and help pages share a calmer reading surface. */
main > section:has(h1), main > div:has(> h1) { scroll-margin-top: 82px; }
main details, main [role="tablist"] {
  border-color: var(--vc-line) !important;
}
main summary { cursor: pointer; }
footer {
  background: #fff !important;
  border-color: var(--vc-line) !important;
}

/* Checkout: remove the decorative curtain and restore the brand's light canvas. */
body:has(.planos-cards-reveal) > div.relative.flex.min-h-screen {
  background: var(--vc-canvas) !important;
}
body:has(.planos-cards-reveal) .golden-curtain-stage { display: none !important; }
body:has(.planos-cards-reveal) [class*="bg-[#06070A]"] {
  color: var(--vc-ink) !important;
  background: var(--vc-canvas) !important;
}
body:has(.planos-cards-reveal) [class*="bg-[#06070A]"] [class*="text-white"] {
  color: var(--vc-ink) !important;
}
body:has(.planos-cards-reveal) [class*="bg-[#06070A]"] [class*="text-slate-300"],
body:has(.planos-cards-reveal) [class*="bg-[#06070A]"] [class*="text-slate-400"] {
  color: var(--vc-muted) !important;
}
body:has(.planos-cards-reveal) .planos-cards-reveal button[class*="bg-[#0B0D13]"] {
  color: var(--vc-ink) !important;
  background: linear-gradient(112deg,#fff4d8,#fffaf0) !important;
  border: 1px solid rgba(206,129,0,.52) !important;
  box-shadow: 0 8px 22px rgba(38,56,78,.08) !important;
}
body:has(.planos-cards-reveal) .planos-cards-reveal button[class*="bg-[#0D1017]"] {
  color: var(--vc-ink) !important;
  background: #fff !important;
  border: 1px solid var(--vc-line) !important;
  box-shadow: 0 5px 16px rgba(34,51,70,.055) !important;
}
body:has(.planos-cards-reveal) [class*="bg-[#0A0D14]"] {
  color: var(--vc-muted) !important;
  background: #edf2f7 !important;
  border-color: var(--vc-line) !important;
  box-shadow: none !important;
}
body:has(.planos-cards-reveal) [class*="bg-[#0A0D14]"] button[class*="text-slate-400"] { color: var(--vc-muted) !important; }
body:has(.planos-cards-reveal) [class*="bg-[#0B0D13]/90"] {
  color: var(--vc-muted) !important;
  background: #edf2f7 !important;
  border-color: var(--vc-line) !important;
}
body:has(.planos-cards-reveal) [class*="bg-[#0B0D13]/90"] [class*="text-white"] { color: var(--vc-ink) !important; }
body:has(.planos-cards-reveal) main aside {
  color: var(--vc-ink) !important;
  background: #fff !important;
  border: 1px solid var(--vc-line) !important;
  box-shadow: var(--vc-shadow) !important;
}
body:has(.planos-cards-reveal) main aside [class*="text-white"] { color: var(--vc-ink) !important; }
body:has(.planos-cards-reveal) main aside [class*="text-slate-300"],
body:has(.planos-cards-reveal) main aside [class*="text-slate-400"] { color: var(--vc-muted) !important; }
/* input styling owned by site-polish.css */

/* Client area: keep the six working destinations, but put them in one calm cockpit. */
body:has(.cockpit-container) .festive-top-bar,
body:has(.cockpit-container) .golden-curtain-stage,
body:has(.cockpit-container) #holiday-garland-wrap,
body:has(.cockpit-container) #vc-santa-flyer { display: none !important; }
body:has(.cockpit-container) header.top-navbar {
  position: sticky !important;
  inset: 0 0 auto !important;
  z-index: 50 !important;
  height: 60px !important;
  color: var(--vc-ink) !important;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--vc-line) !important;
  box-shadow: 0 8px 24px rgba(30,48,68,.06) !important;
  backdrop-filter: blur(14px) !important;
}
body:has(.cockpit-container) .top-navbar a,
body:has(.cockpit-container) .top-navbar button,
body:has(.cockpit-container) .top-navbar nav { color: var(--vc-ink) !important; }
body:has(.cockpit-container) .cockpit-container {
  display: grid !important;
  grid-template-columns: minmax(208px, 244px) minmax(0,1fr) !important;
  align-items: start !important;
  gap: clamp(16px,2.2vw,28px) !important;
  width: min(100%, 1440px) !important;
  min-height: calc(100svh - 60px) !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 24px clamp(16px,3.2vw,44px) 42px !important;
  background: var(--vc-canvas) !important;
}
body:has(.cockpit-container) .cockpit-sidebar {
  position: static !important;
  width: auto !important;
  min-height: 0 !important;
  height: max-content !important;
  align-self: start !important;
  padding: 14px !important;
  color: var(--vc-ink) !important;
  background: #fff !important;
  border: 1px solid var(--vc-line) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px rgba(34,51,70,.075) !important;
}
body:has(.cockpit-container) .avatar-solar-box {
  padding: 12px !important;
  background: linear-gradient(145deg,#fff9e9,#fff) !important;
  border: 1px solid rgba(235,162,11,.35) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.8), 0 8px 20px rgba(161,112,24,.09) !important;
}
body:has(.cockpit-container) .solar-avatar-disc {
  color: #1d232b !important;
  background: linear-gradient(145deg,#ffd36a,#eba20b 72%,#d48900) !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 2px rgba(235,162,11,.45), 0 8px 16px rgba(180,116,0,.2) !important;
}
body:has(.cockpit-container) .user-profile-name { color: var(--vc-ink) !important; }
body:has(.cockpit-container) .user-profile-email { color: var(--vc-muted) !important; }
body:has(.cockpit-container) .badge-full-access {
  color: #674400 !important;
  background: #fff2cf !important;
  border: 1px solid rgba(235,162,11,.32) !important;
  box-shadow: none !important;
}
body:has(.cockpit-container) .nav-menu-btn {
  min-height: 40px !important;
  color: #526174 !important;
  background: transparent !important;
  border-radius: 11px !important;
  transition: background .24s var(--vc-motion), color .24s var(--vc-motion), transform .24s var(--vc-motion) !important;
}
body:has(.cockpit-container) .nav-menu-btn:hover { color: var(--vc-ink) !important; background: #f3f6f9 !important; transform: translateX(2px); }
body:has(.cockpit-container) .nav-menu-btn.active {
  color: #252018 !important;
  background: #fff3d6 !important;
  box-shadow: inset 3px 0 0 var(--vc-amber) !important;
}
body:has(.cockpit-container) .nav-menu-btn.active .nav-menu-btn-icon { color: var(--vc-amber-deep) !important; }
body:has(.cockpit-container) .nav-menu-pill-count { color: #76520b !important; background: #fff3d6 !important; }
body:has(.cockpit-container) .btn-discord-pill {
  color: #414b58 !important;
  background: #f3f6fa !important;
  border: 1px solid var(--vc-line) !important;
  box-shadow: none !important;
}
body:has(.cockpit-container) .cockpit-main-stage { min-width: 0 !important; width: auto !important; height: auto !important; min-height: 0 !important; }
body:has(.cockpit-container) .main-stage-header { margin: 2px 0 16px !important; }
body:has(.cockpit-container) .stage-title { color: var(--vc-ink) !important; letter-spacing: -.04em !important; }
body:has(.cockpit-container) .festive-tag-pill { color: #79550c !important; background: #fff1cb !important; border-color: #f0d28a !important; }
body:has(.cockpit-container) .stat-pill {
  color: #536174 !important;
  background: #fff !important;
  border: 1px solid var(--vc-line) !important;
  border-radius: 999px !important;
}
body:has(.cockpit-container) .credential-slim-bar {
  color: var(--vc-ink) !important;
  background: #fff !important;
  border: 1px solid var(--vc-line) !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 22px rgba(34,51,70,.05) !important;
}
body:has(.cockpit-container) .cred-label { color: var(--vc-muted) !important; }
body:has(.cockpit-container) .cred-email-badge { color: #182230 !important; background: #f4f7fa !important; border-color: var(--vc-line) !important; }
body:has(.cockpit-container) .btn-copy-gold {
  color: #20252c !important;
  background: linear-gradient(110deg,#f6bd3c,#eba20b) !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px rgba(198,128,6,.17) !important;
}
body:has(.cockpit-container) .tab-panel-container { min-height: 0 !important; height: auto !important; }
body:has(.cockpit-container) .tab-pane.active { animation: vc-pane-in .42s var(--vc-motion) both; }
@keyframes vc-pane-in { from { opacity: .5; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
body:has(.cockpit-container) .section-headline { color: var(--vc-ink) !important; border-color: var(--vc-line) !important; }
body:has(.cockpit-container) .product-compact-tile,
body:has(.cockpit-container) .quick-action-tile,
body:has(.cockpit-container) .pane-card,
body:has(.cockpit-container) .step-card,
body:has(.cockpit-container) .order-row-item {
  color: var(--vc-ink) !important;
  background: #fff !important;
  border: 1px solid var(--vc-line) !important;
  border-radius: 15px !important;
  box-shadow: 0 7px 22px rgba(34,51,70,.05) !important;
}
body:has(.cockpit-container) .pane-card-title { color: var(--vc-ink) !important; }
body:has(.cockpit-container) .pane-card-sub { color: var(--vc-muted) !important; }
body:has(.cockpit-container) .footer-telemetry-bar { color: var(--vc-muted) !important; background: #edf2f7 !important; border-color: var(--vc-line) !important; }
body:has(.cockpit-container) .tele-val { color: var(--vc-ink) !important; }

@media (max-width: 900px) {
  body:has(.cockpit-container) .cockpit-container { grid-template-columns: 1fr !important; }
  body:has(.cockpit-container) .cockpit-sidebar > div:first-child { display: grid !important; gap: 12px !important; }
  body:has(.cockpit-container) .sidebar-nav-menu { display: flex !important; gap: 6px !important; overflow-x: auto !important; padding: 2px 0 6px !important; }
  body:has(.cockpit-container) .nav-menu-btn { flex: 0 0 auto !important; width: max-content !important; }
  body:has(.cockpit-container) .nav-menu-btn:hover { transform: translateY(-1px); }
  body:has(.cockpit-container) .nav-menu-btn.active { box-shadow: inset 0 -3px 0 var(--vc-amber) !important; }
  body:has(.cockpit-container) .stage-quick-stats { flex-wrap: wrap !important; }
}
@media (max-width: 560px) {
  body:has(.cockpit-container) .cockpit-container { padding: 16px 12px 30px !important; gap: 14px !important; }
  body:has(.cockpit-container) .cockpit-sidebar { border-radius: 16px !important; }
  body:has(.cockpit-container) .products-compact-grid { grid-template-columns: 1fr !important; }
  body:has(.cockpit-container) .quick-actions-row { grid-template-columns: 1fr !important; }
  body:has(.cockpit-container) .credential-slim-bar { flex-wrap: wrap !important; gap: 8px !important; }
}
html { scrollbar-width: thin !important; scrollbar-color: #aebbc9 var(--vc-canvas) !important; }
::-webkit-scrollbar, *::-webkit-scrollbar { display: block !important; width: 8px !important; height: 8px !important; }
::-webkit-scrollbar-track, *::-webkit-scrollbar-track { background: var(--vc-canvas) !important; }
::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb { background: #b5c0cd !important; border: 2px solid var(--vc-canvas); border-radius: 99px; }

/* Scroll entry is activated only by the companion script, so failed JS never hides content. */
.vc-motion-ready [data-vc-reveal] {
  opacity: 0;
  transform: translate3d(0,22px,0);
  transition: opacity .72s var(--vc-motion), transform .72s var(--vc-motion);
  will-change: opacity, transform;
}
.vc-motion-ready [data-vc-reveal][data-vc-visible="true"] { opacity: 1; transform: none; }
.vc-depth-card {
  transform: perspective(1100px) rotateX(var(--vc-tilt-x, 0deg)) rotateY(var(--vc-tilt-y, 0deg)) translateY(0);
  transform-style: preserve-3d;
  transition: transform .48s var(--vc-motion), box-shadow .48s var(--vc-motion);
  will-change: transform;
}
.vc-depth-card[data-vc-hover="true"] { box-shadow: 0 26px 52px rgba(25,43,63,.2) !important; }

@media (max-width: 1023px) {
  /* header edge-to-edge owned by site-polish.css */
}
@media (max-width: 639px) {
  :root { --vc-header-height: 56px; }
  /* header edge-to-edge owned by site-polish.css */
  .vc-site-header img[src*="brand-logo"] { width: 36px !important; height: 36px !important; }
  #inicio { background: radial-gradient(ellipse at 50% 36%,rgba(221,230,240,.72),transparent 48%), #f5f7fa !important; }
  #inicio span[class*="clamp(140px"] { opacity: .19; }
  #inicio span[class*="clamp(150px"] { opacity: .48; }
  #inicio + section article.luxury-card-hover { padding: 16px 6px !important; }
  #inicio + section .grid > div:nth-child(n+2) > article.luxury-card-hover { border-left: 0 !important; border-top: 1px solid var(--vc-line) !important; }
  main div.rounded-3xl:has(video) { padding: 5px !important; border-radius: 20px !important; }
  main div.rounded-3xl:has(video) > div, main div.rounded-3xl:has(video) video { border-radius: 15px !important; }
  .vc-motion-ready [data-vc-reveal] { transform: translate3d(0,14px,0); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .vc-motion-ready [data-vc-reveal] { opacity: 1; transform: none; }
  .vc-depth-card { transform: none !important; }
}