/* Gentill Mob v9 - finalização estética, pré-cadastro dedicado e estrada minimalista */
:root {
  --gentill-v9-yellow: #f2b631;
  --gentill-v9-green: #9bf65b;
  --gentill-v9-ink: #050b15;
  --gentill-v9-panel: rgba(7, 18, 33, 0.72);
  --gentill-v9-line: rgba(255, 255, 255, 0.14);
  --gentill-v9-ease: cubic-bezier(.16, 1, .3, 1);
}

html, body {
  overflow-x: clip !important;
  max-width: 100% !important;
  background: #050b15 !important;
}
@supports not (overflow-x: clip) {
  html, body { overflow-x: hidden !important; }
}

body.gentill-v9 {
  background:
    radial-gradient(circle at 50% -10%, rgba(242, 182, 49, 0.12), transparent 32rem),
    radial-gradient(circle at 85% 10%, rgba(99, 150, 255, 0.10), transparent 34rem),
    linear-gradient(180deg, #050b15 0%, #071121 46%, #050b15 100%) !important;
}

#gentill-live-canvas,
#gentill-cursor-aura,
.gentill-v6-ambient,
.gentill-v6-cursor-aura,
.gentill-v7-bg,
.gentill-v7-aura {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.gentill-v9-road-canvas,
.gentill-v9-road-aura {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.gentill-v9-road-canvas {
  width: 100vw;
  height: 100vh;
  opacity: .92;
  mix-blend-mode: screen;
}
.gentill-v9-road-aura {
  width: min(64vw, 760px);
  height: min(64vw, 760px);
  left: 0;
  top: 0;
  inset: auto;
  border-radius: 999px;
  transform: translate3d(-50%, -50%, 0);
  background:
    radial-gradient(circle, rgba(242, 182, 49, .20) 0%, rgba(242, 182, 49, .10) 26%, rgba(70, 139, 255, .065) 48%, transparent 76%);
  filter: blur(48px);
  opacity: .70;
  transition: opacity 700ms var(--gentill-v9-ease);
}
body.gentill-v9-pointer .gentill-v9-road-aura { opacity: .96; }

.gentill-mob-page,
.gentill-mob-header,
.gentill-mob-main,
.gentill-mob-footer {
  position: relative;
  z-index: 1;
}
.gentill-mob-main,
.gentill-mob-page { background: transparent !important; }

body.gentill-v9 .gentill-mob-section {
  background: linear-gradient(180deg, rgba(5, 11, 21, .77), rgba(5, 11, 21, .60)) !important;
}
body.gentill-v9 .gentill-mob-section.gentill-mob-dark {
  background:
    radial-gradient(circle at 14% 14%, rgba(242, 182, 49, .075), transparent 26rem),
    linear-gradient(180deg, rgba(4, 10, 19, .88), rgba(5, 11, 21, .72)) !important;
}

/* Homogeneidade visual */
body.gentill-v9 .gentill-mob-panel,
body.gentill-v9 .gentill-mob-card,
body.gentill-v9 .gentill-mob-model-card,
body.gentill-v9 .gentill-mob-value-card,
body.gentill-v9 .gentill-mob-experience-card,
body.gentill-v9 .gentill-mob-mini-card,
body.gentill-v9 .gentill-driver-form,
body.gentill-v9 .gentill-driver-summary-card {
  border-color: rgba(255,255,255,.135) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.073), rgba(255,255,255,.026)),
    rgba(5, 12, 24, .70) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 22px 68px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.055) !important;
  transition:
    transform 760ms var(--gentill-v9-ease),
    border-color 760ms var(--gentill-v9-ease),
    box-shadow 760ms var(--gentill-v9-ease),
    background-color 760ms var(--gentill-v9-ease),
    opacity 760ms var(--gentill-v9-ease) !important;
}
body.gentill-v9 .gentill-mob-panel:hover,
body.gentill-v9 .gentill-mob-card:hover,
body.gentill-v9 .gentill-mob-model-card:hover,
body.gentill-v9 .gentill-mob-value-card:hover,
body.gentill-v9 .gentill-mob-experience-card:hover,
body.gentill-v9 .gentill-mob-mini-card:hover {
  transform: translate3d(0, -5px, 0);
  border-color: rgba(242,182,49,.38) !important;
  box-shadow: 0 30px 86px rgba(0,0,0,.32), 0 0 54px rgba(242,182,49,.075), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* Header e menu */
body.gentill-v9 .gentill-mob-header {
  backdrop-filter: blur(20px);
}
body.gentill-v9 .gentill-mob-header .gentill-mob-contact,
body.gentill-v9 .gentill-mob-nav-menu-panel .gentill-mob-contact {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 .95rem !important;
  border-radius: 999px !important;
  font-size: .84rem !important;
  line-height: 1 !important;
  white-space: nowrap;
  letter-spacing: -.01em;
  max-width: max-content;
  box-shadow: 0 12px 30px rgba(242, 182, 49, .18) !important;
}
body.gentill-v9 .gentill-mob-nav-menu-panel .gentill-mob-contact {
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  margin-top: .35rem;
}
body.gentill-v9 .gentill-mob-nav-menu-panel {
  max-width: calc(100vw - 2rem) !important;
  overflow-x: hidden !important;
}
body.gentill-v9 .gentill-mob-nav-menu-panel nav,
body.gentill-v9 .gentill-mob-nav-menu-panel a {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Pré-cadastro dedicado */
body.gentill-driver-page .gentill-driver-page-main {
  min-height: 100vh;
}
body.gentill-driver-page .gentill-driver-page-hero {
  padding-top: clamp(5.5rem, 10vw, 8rem) !important;
}
body.gentill-driver-page .gentill-driver-workspace {
  grid-template-columns: minmax(0, 1.08fr) minmax(21rem, .92fr);
}
body.gentill-driver-page .gentill-driver-section-only-note {
  color: rgba(255,255,255,.70);
}

/* Movimento de entrada por scroll */
body.gentill-v9 .gentill-v9-motion {
  opacity: 0;
  transform: translate3d(0, 32px, 0) scale(.985);
  filter: blur(5px);
  will-change: transform, opacity, filter;
}
body.gentill-v9 .gentill-v9-motion.is-inview {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  transition:
    opacity 860ms var(--gentill-v9-ease),
    transform 860ms var(--gentill-v9-ease),
    filter 860ms var(--gentill-v9-ease);
}
body.gentill-v9 .gentill-v9-motion:nth-child(2) { transition-delay: 70ms; }
body.gentill-v9 .gentill-v9-motion:nth-child(3) { transition-delay: 120ms; }
body.gentill-v9 .gentill-v9-motion:nth-child(4) { transition-delay: 170ms; }

body.gentill-v9 .gentill-road-progress {
  position: fixed;
  left: 0;
  top: 0;
  height: 2px;
  width: 0;
  z-index: 1100;
  background: linear-gradient(90deg, rgba(242,182,49,.25), rgba(242,182,49,.95), rgba(155,246,91,.7));
  box-shadow: 0 0 20px rgba(242,182,49,.42);
  pointer-events: none;
}

@media (max-width: 1020px) {
  body.gentill-driver-page .gentill-driver-workspace { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  body.gentill-v9 .gentill-mob-header .gentill-mob-contact { display: none !important; }
  body.gentill-v9 .gentill-v9-road-aura { width: 92vw; height: 92vw; filter: blur(48px); }
  body.gentill-v9 .gentill-v9-road-canvas { opacity: .78; }
}
@media (prefers-reduced-motion: reduce) {
  .gentill-v9-road-canvas,
  .gentill-v9-road-aura,
  .gentill-road-progress { display: none !important; }
  body.gentill-v9 .gentill-v9-motion { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }
}


/* Gentill Mob v10 - ajustes finais de menu, estrada e pré-cadastro */
body.gentill-v10 .gentill-mob-nav nav {
  flex-wrap: nowrap !important;
  gap: clamp(8px, .72vw, 14px) !important;
}
body.gentill-v10 .gentill-mob-nav nav a,
body.gentill-v10 .gentill-mob-nav .nav-pre-cadastro,
body.gentill-v10 .gentill-mob-contact,
body.gentill-v10 .btn-driver-header {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  flex: 0 0 auto !important;
}
body.gentill-v10 .gentill-mob-header .btn-driver-header {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-size: clamp(12px, .82vw, 13px) !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 8px 20px rgba(242,182,49,.16) !important;
  transform: none !important;
}
body.gentill-v10 .gentill-mob-header .btn-driver-header:hover {
  transform: translate3d(0, -1px, 0) !important;
  box-shadow: 0 10px 24px rgba(242,182,49,.22) !important;
}
body.gentill-v10 .gentill-mob-nav-menu-panel .btn-driver-header {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  justify-content: center !important;
  font-size: 14px !important;
}
body.gentill-v10 .gentill-mob-nav-menu-panel,
body.gentill-v10 .gentill-mob-nav-menu-panel nav,
body.gentill-v10 .gentill-mob-nav-menu-panel a {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body.gentill-v10 .gentill-v9-road-canvas {
  opacity: 1 !important;
  mix-blend-mode: screen !important;
  filter: saturate(1.18) contrast(1.08) !important;
}
body.gentill-v10 .gentill-v9-road-aura {
  opacity: .88 !important;
  background:
    radial-gradient(circle, rgba(242,182,49,.28) 0%, rgba(242,182,49,.15) 24%, rgba(84,142,255,.11) 48%, transparent 74%) !important;
}
body.gentill-v10.gentill-v9-pointer .gentill-v9-road-aura { opacity: 1 !important; }
body.gentill-v10 .gentill-mob-section {
  background: linear-gradient(180deg, rgba(5,11,21,.58), rgba(5,11,21,.39)) !important;
}
body.gentill-v10 .gentill-mob-section.gentill-mob-dark {
  background:
    radial-gradient(circle at 16% 18%, rgba(242,182,49,.095), transparent 30rem),
    linear-gradient(180deg, rgba(4,10,19,.68), rgba(5,11,21,.48)) !important;
}
body.gentill-v10 .gentill-mob-hero::after,
body.gentill-v10 .gentill-mob-section::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 180px;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(242,182,49,.035), transparent);
  opacity: .65;
  z-index: 0;
}
body.gentill-v10 .gentill-driver-confirmations legend::after {
  content: "LGPD";
  display: inline-flex;
  margin-left: 10px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px;
  color: #071121;
  background: var(--gentill-v9-yellow);
  vertical-align: middle;
}
body.gentill-v10 .gentill-driver-check a,
body.gentill-v10 .gentill-driver-note a,
body.gentill-v10 .gentill-mob-footer a {
  color: var(--gentill-v9-yellow) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(242,182,49,.35);
}
body.gentill-v10 .gentill-driver-form input[aria-invalid="true"],
body.gentill-v10 .gentill-driver-form select[aria-invalid="true"],
body.gentill-v10 .gentill-driver-form textarea[aria-invalid="true"] {
  border-color: rgba(255,88,88,.85) !important;
  box-shadow: 0 0 0 3px rgba(255,88,88,.16) !important;
}
@media (max-width: 1160px) {
  body.gentill-v10 .gentill-mob-nav nav { gap: 8px !important; }
  body.gentill-v10 .gentill-mob-nav nav a { font-size: 13px !important; }
  body.gentill-v10 .gentill-mob-header .btn-driver-header { padding: 0 12px !important; }
}
@media (max-width: 760px) {
  body.gentill-v10 .gentill-v9-road-canvas { opacity: .94 !important; }
  body.gentill-v10 .gentill-mob-section { background: linear-gradient(180deg, rgba(5,11,21,.68), rgba(5,11,21,.52)) !important; }
}