.elementor-31 .elementor-element.elementor-element-395a63a{--display:flex;--min-height:850px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:0.87;--overlay-mix-blend-mode:luminosity;--margin-top:-131px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-395a63a::before, .elementor-31 .elementor-element.elementor-element-395a63a > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-395a63a > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-395a63a > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-395a63a > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-395a63a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000007A 23%, #000000 82%);}.elementor-31 .elementor-element.elementor-element-395a63a::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-31 .elementor-element.elementor-element-395a63a.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-2e7c5b30{width:100%;max-width:100%;margin:81px 81px calc(var(--kit-widget-spacing, 0px) + 81px) 81px;}.elementor-31 .elementor-element.elementor-element-2e7c5b30.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-33346a11{--display:flex;}.elementor-31 .elementor-element.elementor-element-7976bd0f{--display:flex;}.elementor-31 .elementor-element.elementor-element-7976bd0f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-5f357544{width:100%;max-width:100%;}.elementor-31 .elementor-element.elementor-element-1b6aa064{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-1b6aa064:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-1b6aa064 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-31 .elementor-element.elementor-element-588c59df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-14b8fccd{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31 .elementor-element.elementor-element-20f2042f{text-align:start;}.elementor-31 .elementor-element.elementor-element-20f2042f img{width:61%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-4d4ecf0a{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-31 .elementor-element.elementor-element-4d4ecf0a.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-4d4ecf0a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:32px;color:#8A8A8A;}.elementor-31 .elementor-element.elementor-element-45f21572{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-5949c854{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-31 .elementor-element.elementor-element-5949c854.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-5949c854 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:19px;font-weight:400;line-height:32px;color:#8A8A8A;}.elementor-31 .elementor-element.elementor-element-254bc4d3{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-31 .elementor-element.elementor-element-254bc4d3.elementor-element{--align-self:flex-start;}.elementor-31 .elementor-element.elementor-element-254bc4d3 .elementor-social-icon{background-color:#555555;}.elementor-31 .elementor-element.elementor-element-254bc4d3 .elementor-social-icon i{color:#A2A2A2;}.elementor-31 .elementor-element.elementor-element-254bc4d3 .elementor-social-icon svg{fill:#A2A2A2;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-395a63a{--width:103.406%;}}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-395a63a{--min-height:650px;--padding-top:50px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-395a63a{--min-height:63vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:52px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-2e7c5b30{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31 .elementor-element.elementor-element-20f2042f{text-align:center;}.elementor-31 .elementor-element.elementor-element-4d4ecf0a{padding:5px 10px 6px 10px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-31 .elementor-element.elementor-element-4d4ecf0a .elementor-heading-title{font-size:21px;line-height:1.2em;}.elementor-31 .elementor-element.elementor-element-5949c854{padding:5px 10px 6px 10px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-31 .elementor-element.elementor-element-5949c854 .elementor-heading-title{font-size:21px;line-height:1.2em;}.elementor-31 .elementor-element.elementor-element-254bc4d3.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-2e7c5b30 *//* ==========================================================================
   ILUMINAÇÃO PREMIUM SPINNING - MOVING HEADS & PAR LEDS
   ========================================================================== */

.spin-hex-logo-wrapper {
    position: relative;
    overflow: visible !important;
    display: inline-block;
    width: 100%;
    max-width: 380px;
}

/* 🔦 MOVING HEADS (CONES DE LUZ SEM JORDAS DURAS) */
.hex-moving-head {
    position: absolute;
    top: -140px; /* Origem acima da logo */
    width: 350px; /* Mais largo para o gradiente trabalhar sem cortes */
    height: 420px;
    /* Cone perfeito gerado por ângulo, com suavização nativa nas transições */
    background: conic-gradient(from 160deg at 50% 0%, 
        transparent 0deg, 
        rgba(0, 181, 224, 0.4) 12deg, 
        rgba(0, 181, 224, 0.65) 20deg, 
        rgba(0, 181, 224, 0.65) 20deg, 
        rgba(0, 181, 224, 0.4) 28deg, 
        transparent 40deg
    );
    /* Máscara para sumir com a base do feixe de forma ultra suave */
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 85%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 85%);
    filter: blur(4px); /* Blur leve apenas para quebrar a risca do gradiente */
    mix-blend-mode: screen;
    transform-origin: top center;
    pointer-events: none;
    z-index: 4;
}

.light-left {
    left: -20%;
    animation: hexSweepLeft 6.5s ease-in-out infinite;
}

.light-right {
    right: -20%;
    animation: hexSweepRight 5.2s ease-in-out infinite;
}

/* 🟢 PAR LEDS (EFEITO GLOW PULSANTE NAS LATERAIS) */
.hex-par-led {
    position: absolute;
    top: 45%;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(0, 181, 224, 0.35) 0%, rgba(0, 181, 224, 0.05) 55%, transparent 75%);
    filter: blur(20px);
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 2;
    animation: parLedGlow 3.5s ease-in-out infinite alternate;
}

.par-left {
    left: -160px;
}

.par-right {
    right: -160px;
    animation-delay: 1.75s; /* Descompassado para dar ritmo de festa */
}

/* LOGO CENTRAL */
.spin-hex-main-logo {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0px 12px 40px rgba(0, 181, 224, 0.45)) !important;
}

/* ==========================================================================
   TIMING E RITMO DAS ANIMAÇÕES
   ========================================================================== */

@keyframes hexSweepLeft {
    0%, 100% { transform: rotate(-28deg) scaleX(0.9); opacity: 0.6; }
    50% { transform: rotate(18deg) scaleX(1.15); opacity: 0.95; }
}

@keyframes hexSweepRight {
    0%, 100% { transform: rotate(25deg) scaleX(1.1); opacity: 0.9; }
    50% { transform: rotate(-22deg) scaleX(0.85); opacity: 0.55; }
}

@keyframes parLedGlow {
    0% { opacity: 0.3; transform: scale(0.85); }
    100% { opacity: 1; transform: scale(1.1); }
}

/* Ajuste Mobile */
@media (max-width: 900px) {
    .hex-moving-head {
        top: -100px;
        height: 280px;
        width: 240px;
    }
    .hex-par-led {
        width: 160px;
        height: 160px;
    }
    .par-left { left: -90px; }
    .par-right { right: -90px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5520714c *//* ==========================================================================
   PONTE DE CONEXÃO E BACKLIGHT DA BIKE
   ========================================================================== */
.hs-tech-bridge {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mono-bg-deep); /* #030303 */
    margin-top: -10px;
    margin-bottom: -5px;
    position: relative;
    z-index: 15;
}

.hs-tech-bridge svg {
    width: 100%;
    max-width: 580px; /* Alinhamento milimétrico com a largura do console da bike */
    height: 100%;
    overflow: visible;
}

/* Linha de circuito secundária recuada */
.hs-tech-bridge .hs-bridge-path {
    stroke: rgba(255, 255, 255, 0.04);
    stroke-width: 1.5px;
    fill: none;
}

/* Linha laser cian com efeito neon */
.hs-tech-bridge .hs-bridge-path-active {
    stroke: var(--mono-cyan);
    stroke-width: 2px;
    fill: none;
    filter: drop-shadow(0px 0px 8px var(--mono-glow));
    animation: bridgeLaserPulse 3s ease-in-out infinite alternate;
}

/* Ponto de energia focado */
.hs-tech-bridge .hs-bridge-node {
    fill: #060608;
    stroke: var(--mono-cyan);
    stroke-width: 2px;
    filter: drop-shadow(0px 0px 6px var(--mono-glow));
}

/* UPGRADE DO CONSOLE: Evita o efeito de "corte" contra o fundo escuro */
.hex-engine-container {
    position: relative;
    z-index: 10;
    /* Linha superior iluminada para receber o conector */
    border-top: 1.5px solid rgba(0, 181, 224, 0.3) !important; 
    /* Brilho traseiro que faz a caixa descolar do fundo preto */
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.9), 0 -20px 50px rgba(0, 181, 224, 0.04) !important;
}

/* Animação do pulso de luz do conector */
@keyframes bridgeLaserPulse {
    0% { opacity: 0.5; filter: drop-shadow(0px 0px 4px var(--mono-glow)); }
    100% { opacity: 1; filter: drop-shadow(0px 0px 10px var(--mono-glow)); }
}

/* Correção de espaçamento responsivo */
@media (max-width: 600px) {
    .hs-tech-bridge {
        height: 40px;
        margin-top: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f357544 *//* ==========================================================================
   CORREÇÃO CIRÚRGICA: HOTSPOTS ENGINE
   ========================================================================== */
.hex-showroom-section {
    background-color: #030303 !important;
    padding: 60px 20px !important;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center; /* Centraliza o bloco da bike */
}

/* Força o wrapper a colar nas bordas exatas da imagem */
.hotspot-wrapper {
    position: relative !important;
    display: inline-block !important; /* Elemento chave: encolhe o container até o tamanho real da imagem */
    width: 100% !important;
    max-width: 780px !important; /* Limita para não estourar em telas gigantes */
    margin: 0 auto !important;
    background: #09090b;
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8);
}

.hotspot-wrapper picture,
.hotspot-wrapper img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Os Alvos (Hotspots) */
.hotspot {
    position: absolute !important;
    z-index: 100;
}

.hotspot__dot {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #030303 !important;
    border: 2px solid var(--mono-cyan) !important;
    color: var(--mono-cyan) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    transform: translate(-50%, -50%) !important; /* Centraliza o clique exatamente no pixel correto */
    padding: 0 !important;
    box-shadow: 0 0 12px rgba(0, 181, 224, 0.3);
}

.hotspot__dot::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    border: 1.5px solid var(--mono-cyan);
    animation: hotspotPulse 2s infinite;
}

@keyframes hotspotPulse {
    0% { transform: scale(1); opacity: 0.7; }
    100% { transform: scale(1.6); opacity: 0; }
}

.hotspot__dot:hover,
.hotspot__dot.active-btn {
    background: var(--mono-cyan) !important;
    color: #030303 !important;
}

/* POPOVERS DESKTOP (Efeito flutuante refinado) */
.hotspot__popover {
    position: absolute !important;
    background: rgba(14, 14, 18, 0.94) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 16px !important;
    width: 240px !important;
    border-radius: 12px !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    z-index: 500;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.hotspot.desktop-visible .hotspot__popover {
    opacity: 1;
    visibility: visible;
}

/* Direcionamento inteligente para não cortar texto nas laterais */
.hotspot.pos-esquerda .hotspot__popover {
    left: 25px;
    top: 50%;
    transform: translateY(-50%) translateX(10px);
}
.hotspot.pos-esquerda.desktop-visible .hotspot__popover { transform: translateY(-50%) translateX(0); }

.hotspot.pos-direita .hotspot__popover {
    right: 25px;
    top: 50%;
    left: auto;
    transform: translateY(-50%) translateX(-10px);
}
.hotspot.pos-direita.desktop-visible .hotspot__popover { transform: translateY(-50%) translateX(0); }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4d4ecf0a */.destaque {
  background: linear-gradient(to right, #ff9600 0%, #ff9600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5949c854 */.destaque {
  background: linear-gradient(to right, #ff9600 0%, #ff9600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}/* End custom CSS */