
/* Gentill Mob v13 - Refinamento de comunicação, menu modal, reveal e fundo único */
:root {
  --gm-z-road: 0;
  --gm-z-content: 10;
  --gm-z-header: 1200;
  --gm-z-mobile-trigger: 4200;
  --gm-z-dialog: 5200;
  --gm-yellow: #f2b631;
  --gm-ink: #040914;
  --gm-panel: rgba(8, 14, 25, .82);
  --gm-border: rgba(255,255,255,.12);
  --gm-ease: cubic-bezier(.16, 1, .3, 1);
}
html, body { max-width: 100%; overflow-x: clip !important; background: var(--gm-ink) !important; }
@supports not (overflow-x: clip) { html, body { overflow-x: hidden !important; } }
body.gentill-v13 {
  background:
    radial-gradient(circle at 50% 72%, rgba(242, 182, 49, .14), transparent 34rem),
    radial-gradient(circle at 78% 8%, rgba(75, 135, 255, .12), transparent 32rem),
    linear-gradient(180deg, #040914 0%, #071322 46%, #040914 100%) !important;
}
body.gentill-v13 #gentill-live-canvas,
body.gentill-v13 #gentill-cursor-aura,
body.gentill-v13 #gentill-road-v11-canvas,
body.gentill-v13 .gentill-road-v11-glow,
body.gentill-v13 .gentill-v6-ambient,
body.gentill-v13 .gentill-v6-cursor-aura,
body.gentill-v13 .gentill-v7-bg,
body.gentill-v13 .gentill-v7-aura,
body.gentill-v13 .gentill-v9-road-canvas,
body.gentill-v13 .gentill-v9-road-aura { display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
.gentill-v13-road-bg { position: fixed; inset: 0; z-index: var(--gm-z-road); pointer-events: none !important; overflow: hidden; }
#gentill-v13-road-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none!important; opacity:.96; }
.gentill-v13-road-bg::after { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(180deg, rgba(4,9,20,.22), rgba(4,9,20,.05) 36%, rgba(4,9,20,.42) 100%); }
.gentill-mob-header, .gentill-mob-main, .gentill-mob-footer { position: relative; z-index: var(--gm-z-content); }
.gentill-mob-header { z-index: var(--gm-z-header)!important; }
.gentill-mob-section, .gentill-mob-panel, .gentill-mob-model-card, .gentill-mob-feature, .gentill-mob-mini-card, .gentill-mob-rule-panel, .gentill-driver-card, .gentill-driver-summary-card {
  backdrop-filter: blur(14px);
}
.gentill-v13 .gentill-mob-section:not(.gentill-mob-hero) { background: rgba(4,9,20,.38); }
.gentill-v13 .gentill-mob-dark { background: rgba(3,8,18,.56)!important; }
.gentill-v13 .gentill-mob-nav nav[aria-label="Seções da página"] { gap: clamp(.65rem, .9vw, 1.05rem); }
.gentill-v13 .gentill-mob-nav nav[aria-label="Seções da página"] a { white-space: nowrap!important; line-height: 1; }
.gentill-v13 .nav-pre-cadastro { white-space: nowrap!important; min-width:max-content; }
.gentill-v13 .btn-driver-header { min-height:40px!important; height:40px!important; padding:0 16px!important; font-size:13px!important; line-height:1!important; white-space:nowrap!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; }
.v13-mobile-menu-trigger { display:none; position:fixed; top:12px; right:12px; z-index:var(--gm-z-mobile-trigger); width:46px; height:46px; border:1px solid rgba(255,255,255,.16); border-radius:16px; background:rgba(6,12,22,.94); color:#fff; box-shadow:0 18px 46px rgba(0,0,0,.36); -webkit-tap-highlight-color: transparent; touch-action: manipulation; cursor:pointer; }
.v13-mobile-menu-trigger span:not(.sr-only) { position:absolute; left:13px; right:13px; height:2px; border-radius:999px; background:#fff; transition: transform .28s var(--gm-ease), opacity .22s var(--gm-ease), top .28s var(--gm-ease); }
.v13-mobile-menu-trigger span:nth-child(2) { top:15px; }
.v13-mobile-menu-trigger span:nth-child(3) { top:22px; }
.v13-mobile-menu-trigger span:nth-child(4) { top:29px; }
.v13-mobile-menu-trigger[aria-expanded="true"] span:nth-child(2) { top:22px; transform: rotate(45deg); }
.v13-mobile-menu-trigger[aria-expanded="true"] span:nth-child(3) { opacity:0; }
.v13-mobile-menu-trigger[aria-expanded="true"] span:nth-child(4) { top:22px; transform: rotate(-45deg); }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.v13-mobile-menu-dialog { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; padding:0; margin:0; border:0; background:transparent; color:#fff; z-index:var(--gm-z-dialog); overflow:hidden; }
.v13-mobile-menu-dialog::backdrop { background:rgba(1,4,10,.64); backdrop-filter:blur(12px); }
.v13-mobile-menu-dialog:not([open]) { display:none!important; }
.v13-mobile-menu-panel { position:absolute; top:0; right:0; width:min(88vw, 370px); height:100%; padding:82px 20px 24px; background:linear-gradient(180deg, rgba(7,13,24,.98), rgba(4,9,18,.98)); border-left:1px solid rgba(255,255,255,.14); box-shadow:-28px 0 100px rgba(0,0,0,.48); transform:translateX(102%); transition:transform .36s var(--gm-ease); overflow-y:auto; overflow-x:hidden; }
.v13-mobile-menu-dialog.is-open .v13-mobile-menu-panel { transform:translateX(0); }
.v13-mobile-menu-close { position:absolute; top:16px; right:16px; width:42px; height:42px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff; font-size:26px; line-height:1; cursor:pointer; }
.v13-mobile-menu-panel nav { display:grid; gap:10px; }
.v13-mobile-menu-panel a { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 14px; border-radius:16px; color:#fff; text-decoration:none; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); font-weight:700; white-space:nowrap; }
.v13-mobile-menu-panel a:active, .v13-mobile-menu-panel a:focus-visible { outline:2px solid rgba(242,182,49,.7); outline-offset:2px; }
.v13-mobile-menu-panel .v13-menu-cta { color:#08101b; background:linear-gradient(135deg, #f8cf5a, #f2b631); border-color:rgba(242,182,49,.7); }
body.v13-menu-open { overflow:hidden!important; touch-action:none; }
.v13-experience-detail { appearance:none; border:1px solid rgba(242,182,49,.34); border-radius:999px; background:rgba(242,182,49,.12); color:#ffe19a; padding:.52rem .82rem; font:inherit; font-weight:800; cursor:pointer; transition:transform .24s var(--gm-ease), background .24s var(--gm-ease), border-color .24s var(--gm-ease); -webkit-tap-highlight-color:transparent; }
.v13-experience-detail:hover, .v13-experience-detail:focus-visible { transform:translateY(-1px); background:rgba(242,182,49,.18); border-color:rgba(242,182,49,.55); outline:none; }
.v13-experience-dialog { width:min(94vw, 920px); max-height:min(86dvh, 780px); padding:0; border:1px solid rgba(255,255,255,.14); border-radius:28px; background:linear-gradient(180deg, rgba(8,14,24,.98), rgba(4,9,18,.98)); color:#fff; box-shadow:0 34px 120px rgba(0,0,0,.58); overflow:hidden; z-index:var(--gm-z-dialog); }
.v13-experience-dialog::backdrop { background:rgba(1,4,10,.66); backdrop-filter:blur(10px); }
.v13-experience-dialog:not([open]) { display:none!important; }
.v13-experience-modal { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:0; }
.v13-experience-media { min-height:360px; display:grid; place-items:center; background:radial-gradient(circle at 50% 50%, rgba(242,182,49,.18), transparent 54%), rgba(255,255,255,.035); }
.v13-experience-media img { max-width:min(78%, 280px); max-height:520px; object-fit:contain; filter:drop-shadow(0 30px 55px rgba(0,0,0,.38)); }
.v13-experience-content { padding:34px; display:grid; align-content:center; gap:14px; }
.v13-modal-kicker { color:#f2b631; font-weight:900; text-transform:uppercase; letter-spacing:.16em; font-size:.78rem; margin:0; }
.v13-experience-content h3 { margin:0; font-size:clamp(1.6rem, 3.2vw, 2.55rem); line-height:1.08; }
.v13-experience-content p { margin:0; color:rgba(236,242,250,.8); line-height:1.75; }
.v13-experience-points { display:grid; gap:.7rem; margin:.5rem 0 0; padding:0; list-style:none; }
.v13-experience-points li { color:rgba(236,242,250,.86); padding-left:1.15rem; position:relative; line-height:1.55; }
.v13-experience-points li::before { content:""; position:absolute; left:0; top:.58em; width:.48rem; height:.48rem; border-radius:99px; background:#f2b631; box-shadow:0 0 0 .28rem rgba(242,182,49,.12); }
.v13-modal-close { position:absolute; top:14px; right:14px; width:42px; height:42px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.08); color:#fff; cursor:pointer; font-size:24px; z-index:2; }
body.v13-js [data-v13-reveal] { opacity:0; transform:translateY(24px); filter:blur(8px); transition: opacity 760ms var(--gm-ease), transform 760ms var(--gm-ease), filter 760ms var(--gm-ease); transition-delay:var(--v13-delay,0ms); }
body.v13-js [data-v13-reveal].is-visible { opacity:1; transform:translateY(0); filter:blur(0); }
body.v13-js [data-v13-reveal="zoom"] { transform:translateY(18px) scale(.975); }
body.v13-js [data-v13-reveal="left"] { transform:translateX(-22px); }
body.v13-js [data-v13-reveal="right"] { transform:translateX(22px); }
body.v13-js [data-v13-reveal].is-visible { transform:none; }
@media (max-width: 900px) {
  .gentill-v13 .gentill-mob-nav > nav[aria-label="Seções da página"],
  .gentill-v13 .gentill-mob-nav > .btn-driver-header,
  .gentill-v13 .gentill-mob-nav > details.gentill-mob-nav-menu { display:none!important; visibility:hidden!important; pointer-events:none!important; }
  .v13-mobile-menu-trigger { display:inline-flex; }
  .gentill-v13 .gentill-mob-header { min-height:72px; }
  .gentill-v13 .gentill-mob-nav { min-height:72px; padding-right:70px; }
  .gentill-v13 .gentill-mob-header .gentill-mob-logo img { max-width:min(10rem, 55vw)!important; }
}
@media (max-width: 680px) {
  .v13-experience-modal { grid-template-columns:1fr; }
  .v13-experience-media { min-height:250px; }
  .v13-experience-content { padding:26px 22px 28px; }
  .v13-experience-dialog { border-radius:22px; }
}
@media (prefers-reduced-motion: reduce) {
  body.v13-js [data-v13-reveal] { opacity:1!important; transform:none!important; filter:none!important; transition:none!important; }
  .v13-mobile-menu-panel, .v13-experience-detail { transition:none!important; }
  #gentill-v13-road-canvas { display:none!important; }
}
