
    .gold-text-gradient {
      background: linear-gradient(135deg, #F7E49D 0%, #D4AF37 60%, #AA8323 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .blur-backdrop {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }
    .spa-route {
      display: none;
      animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    .spa-route.active-route {
      display: block;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }
  
:focus-visible{outline:2px solid #d4af37;outline-offset:4px}
[hidden]{display:none!important}
[id^="pol-"]{scroll-margin-top:120px}
.demo-notice{padding:12px 18px;border:1px solid #d4af3766;border-radius:12px;background:#181818;color:#f6e08d;font-size:12px;line-height:1.7;margin-bottom:24px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#f6e08d;color:#090909;padding:12px}
.skip-link:focus{top:12px}
@media(max-width:420px){header .tracking-wider{letter-spacing:.025em}footer .space-x-6{flex-wrap:wrap;gap:12px}footer .space-x-6>*{margin-left:0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mobile hero: original photograph precedes detail copy and counters. */
.hero-mobile-lead,.hero-scroll-cue{display:none}
#home-details{scroll-margin-top:110px}
@keyframes hero-arrow-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(max-width:1023px){
 #route-home .hero-shell{padding-top:16px;padding-bottom:36px}
 #route-home .hero-grid{display:flex;flex-direction:column;gap:14px;align-items:stretch}
 #route-home .hero-copy,#route-home .hero-intro,#route-home .hero-action{display:contents}
 #route-home .hero-copy>*,#route-home .hero-intro>*,#route-home .hero-action>*{margin-top:0!important;margin-bottom:0}
 #route-home .hero-badge{order:1;align-self:flex-start;max-width:100%;font-size:10px;letter-spacing:.08em;padding:6px 12px}
 #route-home .hero-title{order:2;font-size:clamp(26px,7vw,36px);line-height:1.15}
 #route-home .hero-mobile-lead{display:block;order:3;color:#d4d4d4;font-size:14px;line-height:1.5;max-width:48ch}
 #route-home .hero-photo{order:4;min-width:0}
 #route-home .hero-photo-frame{max-width:420px}
 #route-home .hero-photo-image{aspect-ratio:auto;height:clamp(220px,38svh,340px);max-height:none}
 #route-home .hero-photo img{object-position:center 38%}
 #route-home .hero-cta{order:5;width:100%;max-width:420px;align-self:center;min-height:56px;padding:16px 18px;text-align:center;letter-spacing:.075em;line-height:1.5}
 #route-home .hero-scroll-cue{display:flex;order:6;align-self:center;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;background:transparent;color:#d4af37;font:inherit;font-size:12px;cursor:pointer}
 .hero-scroll-arrow{animation:hero-arrow-drift 2.4s ease-in-out infinite}
 #route-home .hero-description{order:7}
 #route-home .hero-detail{order:8}
 #route-home .hero-metrics{order:9;min-width:0}
}
@media(prefers-reduced-motion:reduce){.hero-scroll-arrow{animation:none!important}}

/* Keep the driver's face unobstructed on the narrowest phones. */
@media(max-width:359px){#route-home .hero-photo-label{display:none}}

/* Official invitation and sharing, in the existing lower hero position. */
.hero-share-group{max-width:460px}
.hero-button-row{display:flex;align-items:stretch;gap:12px}
#route-home .hero-button-row .hero-cta,.share-site-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer}
#route-home .hero-button-row .hero-cta{color:#090909;letter-spacing:.04em;box-shadow:0 6px 20px #d4af3726}
.share-site-button{color:#fff;background:#090909;border:1px solid #d4af37}
.share-site-button:hover{background:#d4af371a}
.share-site-button svg{flex:none;color:#d4af37}
.hero-button-row a:focus-visible,.hero-button-row button:focus-visible,.share-options a:focus-visible,.share-options button:focus-visible{outline:2px solid #d4af37;outline-offset:4px}
.share-options{margin-top:12px;padding:12px;border:1px solid #d4af3755;border-radius:16px;background:#141414;color:#fff;font-size:13px}
.share-options[hidden],.share-options [hidden]{display:none}
.share-options>a,.share-options>button{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;color:#fff;background:transparent;border:1px solid #d4af37;border-radius:999px;margin:0 8px 8px 0;text-decoration:none;cursor:pointer}
.share-options p{color:#d4d4d4;margin:0;font-size:12px}
.share-options label{display:block;margin:8px 0}
.share-options input{display:block;width:100%;padding:10px;color:#fff;background:#090909;border:1px solid #d4af37;border-radius:8px}
@media(max-width:1023px){
 header a[href="#/participar"]{display:none!important}
 #route-home .hero-share-group{order:5;width:100%;max-width:420px;align-self:center}
 #route-home .hero-button-row .hero-cta{order:0;width:auto;max-width:none;min-height:48px;padding:12px 14px;letter-spacing:.02em;flex:1}
 .hero-button-row{gap:8px}
 .share-site-button{padding:12px 14px;flex:1}
}
@media(max-width:359px){#route-home .hero-button-row .hero-cta,.share-site-button{font-size:11px;padding:12px 9px;gap:5px}}

.interest-confirmation{padding:28px 24px;background:#090909;color:#fff;border:1px solid #d4af3766;border-radius:24px;text-align:center}
.interest-confirmation[hidden],#form-manifestacao[hidden],#box-participar .demo-notice[hidden],.interest-confirmation [hidden]{display:none!important}
.confirmation-icon{display:block;margin:0 auto 18px;color:#d4af37}
.interest-confirmation h3{font-family:Georgia,serif;font-size:clamp(24px,5vw,32px);font-weight:600;line-height:1.2;margin:0 0 14px}
.interest-confirmation p{color:#d4d4d4;font-size:14px;line-height:1.65;margin:0 0 20px}
.interest-confirmation .confirmation-category{color:#e4c661;font-weight:600;margin-bottom:12px}
.interest-confirmation>button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:12px;padding:13px 16px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer}
.confirmation-primary{color:#090909;border:1px solid #d4af37}
.interest-confirmation>button:focus-visible{outline:2px solid #d4af37;outline-offset:4px}
@media(max-width:420px){.interest-confirmation{padding:24px 16px}}
