.elementor-754 .elementor-element.elementor-element-90c0030{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-e787a48 *//* ===== EFEITO GLOW (LUXO) ===== */
.cursor-glow {
  position: fixed;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(200,16,46,0.25), transparent 70%);
  pointer-events: none;
  z-index: 2;
  transform: translate(-50%, -50%);
}

/* ===== ENTRADA CINEMATOGRÁFICA ===== */
#wrapper {
  opacity: 0;
  filter: blur(8px);
  animation: fadeCinema 1.2s ease forwards;
}

@keyframes fadeCinema {
  to {
    opacity: 1;
    filter: blur(0);
  }
}

/* ===== HOVER PREMIUM ===== */
.car-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 20px 40px rgba(200,16,46,0.25);
}

/* ===== BOTÃO MAGNÉTICO ===== */
.notify-form button {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.notify-form button:hover {
  box-shadow: 0 0 20px rgba(200,16,46,0.6);
}

/* ===== PARALLAX SUAVE ===== */
#hero {
  will-change: transform;
}/* End custom CSS */