/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 22 2026 | 20:17:02 */
/* =========================
   RESET ANTI-ELEMENTOR
========================= */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* =========================
   ELEMENTOR FIX
========================= */

.elementor,
.elementor-section,
.elementor-container,
.elementor-widget,
.elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* =========================
   CONTAINER FIX
========================= */

:root {
  --container: 1200px;
}

.container {
  width: 100%;
  max-width: var(--container);
  margin-left: auto;
  margin-right: auto;

  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}

/* =========================
   GRID FIX
========================= */

section,
div,
img,
video,
svg {
  max-width: 100%;
}

.hero,
.problem-inner,
.compare-grid,
.bento,
.for-who-grid,
.funnel-inner,
.bio-inner {
  width: 100%;
  overflow: hidden;
}

/* =========================
   HERO FIX
========================= */

.hero {
  display: grid;
  grid-template-columns: 54% 46%;
  min-width: 0;
}

.hero-content,
.hero-photo {
  min-width: 0;
}

/* =========================
   IMAGE FIX
========================= */

img {
  display: block;
  height: auto;
}

/* =========================
   MOBILE FIX
========================= */

@media (max-width: 768px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero,
  .problem-inner,
  .compare-grid,
  .bento,
  .for-who-grid,
  .funnel-inner,
  .bio-inner {
    grid-template-columns: 1fr !important;
  }

  .hero-photo {
    width: 100%;
    overflow: hidden;
  }

  .hero-photo img {
    width: 100%;
    object-fit: cover;
  }
}

/* REMOVE LIMITAÇÃO DO ELEMENTOR */

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100% !important;
}

.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  width: 100% !important;
  max-width: 100% !important;
}

/* FULL BLEED */

body .elementor {
  width: 100vw;
  overflow-x: hidden;
}