/* WP Rocket lazy background variables (originally set by JS) */
:root {
  --wpr-bg-fba34844-4b06-4bfa-ba86-89984fa986a5: url('../assets/lp.quartavia.com.br/wp-content/uploads/2026/01/Mockup-content-1170-px-x-2532-px-optimized.webp');
  --wpr-bg-d8084480-da88-4e3a-8db3-a882be0f1baa: url('../assets/lp.quartavia.com.br/wp-content/plugins/wp-rocket/assets/img/youtube.png');
}

.elementor-element-c99d861,
.elementor-element-ed9b31f,
.elementor-element-5a0027d,
.elementor-element-82506fe {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  inset: auto !important;
  transform: none !important;
}

.elementor-element-c99d861.elementor-sticky,
.elementor-element-c99d861.elementor-sticky--active,
.elementor-element-c99d861.elementor-sticky--effects,
.elementor-element-ed9b31f.elementor-sticky,
.elementor-element-ed9b31f.elementor-sticky--active,
.elementor-element-ed9b31f.elementor-sticky--effects,
.elementor-element-5a0027d.elementor-sticky,
.elementor-element-5a0027d.elementor-sticky--active,
.elementor-element-5a0027d.elementor-sticky--effects,
.elementor-element-82506fe.elementor-sticky,
.elementor-element-82506fe.elementor-sticky--active,
.elementor-element-82506fe.elementor-sticky--effects {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  inset: auto !important;
  transform: none !important;
}

[data-id="b631887"].elementor-invisible {
  visibility: visible;
}

[data-id="b631887"] .carousel-manual-fix {
  overflow: hidden;
}

[data-id="b631887"] .swiper-wrapper {
  display: flex;
  align-items: stretch;
  transition: transform 0.45s ease;
  will-change: transform;
}

[data-id="b631887"] .swiper-slide {
  box-sizing: border-box;
  height: auto;
  padding: 0 10px;
}

[data-id="b631887"] .swiper-slide > div,
[data-id="b631887"] .swiper-slide .e-con-inner,
[data-id="b631887"] .swiper-slide .e-con-full {
  height: 100%;
}

[data-id="b631887"] .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}

[data-id="b631887"] .manual-carousel-bullet {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  padding: 0;
  cursor: pointer;
}

[data-id="b631887"] .manual-carousel-bullet.is-active {
  background: #ff4401;
}

[data-id="b631887"] .elementor-custom-embed-image-overlay,
[data-id="b631887"] .elementor-wrapper.elementor-open-inline {
  display: none !important;
}

[data-id="b631887"] .carousel-manual-fix > .swiper-wrapper {
  overflow: visible !important;
}

@media (max-width: 767px) {
  [data-id="b631887"] .swiper-slide {
    padding: 0 6px;
  }
}

/* Infinite scrolling logos ticker */
.ql-logos-bar {
  overflow: hidden;
  background: #fff;
  padding: 22px 0;
}
.ql-logos-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: ql-scroll 18s linear infinite;
}
.ql-logos-bar:hover .ql-logos-track {
  animation-play-state: paused;
}
.ql-logos-track img {
  height: 52px;
  width: auto;
  object-fit: contain;
  opacity: 0.72;
  filter: grayscale(100%);
  margin: 0 44px;
  flex-shrink: 0;
}
@keyframes ql-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 767px) {
  .ql-logos-track img {
    height: 42px;
    margin: 0 32px;
  }
}

/* ── Mobile overflow fixes (hybrid page) ── */
/* Override Elementor/WP body overflow-x:hidden which breaks position:sticky */
html, body {
  overflow-x: visible !important;
}
/* Clip horizontal overflow on wrapper elements instead */
main,
.elementor,
.ql-logos-bar {
  overflow-x: clip;
}

/* story-steps grid auto-column sizes to intrinsic content width — constrain it */
.story-steps {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* Elementor reset.css sets button{white-space:nowrap} which is inherited by
   .story-proof-quote (a <p> inside <button class="story-proof-card">) */
.story-proof-quote {
  white-space: normal !important;
  overflow: hidden;
}

/* Elementor reset.css sets button:hover/focus{background:#CC3366} — override for video cards */
.video-proof-feature,
.video-proof-feature:hover,
.video-proof-feature:focus,
.video-proof-feature:active,
.video-proof-card,
.video-proof-card:hover,
.video-proof-card:focus,
.video-proof-card:active {
  background-color: rgba(255, 255, 255, 0.92) !important;
  color: inherit !important;
}

/* Remove 3-line clamp — show full quote text
   Also fix white-space:nowrap inherited from Elementor button reset */
.video-proof-quote {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  white-space: normal !important;
}

/* Center the × button in the video modal */
.video-modal__close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Move logo up in hero section — mobile only */
@media (max-width: 767px) {
  .elementor-element-81c3c44 {
    margin-top: -120px !important;
    margin-bottom: -20px !important;
  }
}