/* h2 Elementor page layout restore (homepage + landing pages) */
.elementor-widget-container { word-wrap: break-word; }
.elementor img { max-width: 100%; height: auto; }
.elementor .e-con-boxed > .e-con-inner { max-width: 1140px; margin-left: auto; margin-right: auto; padding: 10px 15px; }
.elementor-16 .elementor-element-e4738df.e-con-boxed > .e-con-inner,
.elementor-1470 .elementor-element-55e35c1.e-con-boxed > .e-con-inner {
  max-width: none;
  padding: 0 !important;
}
.elementor .e-flex { display: flex; flex-wrap: wrap; }
.elementor .e-con { width: 100%; }

/* Homepage carousel — same width as content images below (1140px boxed) */
.elementor-16 .elementor-element-4a12004 {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.elementor-16 .elementor-element-4a12004 .e-con-inner {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 10px 15px !important;
  overflow: hidden;
  box-sizing: border-box;
}
.elementor-16 .elementor-element-0fff71d {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.elementor-16 .elementor-widget-image-carousel .elementor-widget-container {
  overflow: hidden;
  max-width: 1140px;
  margin: 0 auto;
}
.elementor-16 .elementor-image-carousel-wrapper,
.elementor-16 .elementor-swiper,
.elementor-16 .swiper {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden !important;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
}
.elementor-16 .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  aspect-ratio: auto !important;
  max-height: none !important;
  transition: transform 0.35s ease;
  will-change: transform;
}
.elementor-16 .swiper-slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.elementor-16 .swiper-slide-inner,
.elementor-16 .swiper-slide > a {
  margin: 0;
  padding: 0;
  line-height: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.elementor-16 .swiper-slide-image {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center;
  aspect-ratio: auto !important;
}

/* Content banners: scale to column/framework, do not stretch page or crop */
.elementor-widget-image {
  max-width: 100%;
  overflow: hidden;
}
.elementor-widget-image .elementor-widget-container {
  max-width: 100%;
  line-height: 0;
}
.elementor-widget-image img,
.elementor img.attachment-full,
.elementor img.attachment-large,
.elementor img.size-full,
.elementor img.size-large {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain !important;
  object-position: center center;
  aspect-ratio: 16 / 9;
}

/* Never let logo inherit banner full-width rules */
#site-header #site-logo,
#site-header #site-logo-inner,
#site-header .custom-logo-link {
  display: flex;
  align-items: center;
  max-width: 140px;
}
#site-header .custom-logo,
.custom-logo,
img.custom-logo {
  width: auto !important;
  max-width: 140px !important;
  max-height: 40px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

/* Download buttons - love678 layout, no extra whitespace */
.elementor-16 .elementor-element-e4738df.e-flex,
.elementor-1470 .elementor-element-55e35c1 {
  display: block !important;
  flex-wrap: nowrap !important;
  min-height: 0 !important;
  height: auto !important;
}
.elementor-16 .elementor-element-e4738df,
.elementor-1470 .elementor-element-55e35c1 {
  position: static;
  width: 100%;
  max-width: 100%;
  background: #fff;
  padding: 10px 15px 4px;
  margin: 0;
  z-index: auto;
  pointer-events: auto;
  box-shadow: none;
  overflow: visible;
}
.elementor-16 .elementor-element-e4738df > .e-con-inner,
.elementor-1470 .elementor-element-55e35c1 {
  display: grid !important;
  grid-template-columns: auto auto !important;
  justify-content: center;
  align-items: center;
  gap: 18px;
  width: fit-content !important;
  max-width: calc(100% - 20px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  flex-wrap: nowrap !important;
}
.elementor-16 .elementor-element-e4738df > .e-con-inner > .elementor-element-4ac8887,
.elementor-16 .elementor-element-e4738df > .e-con-inner > .elementor-element-d36ca22,
.elementor-1470 .elementor-element-55e35c1 > .elementor-element-7bb3f46,
.elementor-1470 .elementor-element-55e35c1 > .elementor-element-c9eda9c {
  --width: auto !important;
  --flex-grow: 0 !important;
  --flex-shrink: 0 !important;
  --flex-basis: auto !important;
  --container-widget-width: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: center !important;
}
.elementor-16 .elementor-element-e4738df .elementor-widget-container,
.elementor-1470 .elementor-element-55e35c1 .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
/* Android left, iOS right */
.elementor-16 .elementor-element-d36ca22 { order: 1; grid-column: 1; }
.elementor-16 .elementor-element-4ac8887 { order: 2; grid-column: 2; }
.elementor-1470 .elementor-element-7bb3f46 { order: 1; grid-column: 1; }
.elementor-1470 .elementor-element-c9eda9c { order: 2; grid-column: 2; }
.elementor-16 .elementor-element-e4738df .elementor-widget-button,
.elementor-1470 .elementor-element-55e35c1 .elementor-widget-button {
  width: auto !important;
  margin: 0 !important;
  max-width: none !important;
}
.elementor-16 .elementor-element-e4738df .elementor-element.down,
.elementor-1470 .elementor-element-55e35c1 .elementor-element.down {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}
.elementor-16 .elementor-element-e4738df .elementor-button-wrapper,
.elementor-1470 .elementor-element-55e35c1 .elementor-button-wrapper {
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  line-height: 1 !important;
}
.elementor-16 .elementor-element-e4738df .elementor-button,
.elementor-1470 .elementor-element-55e35c1 .elementor-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 49px !important;
  height: auto !important;
  padding: 10px 18px !important;
  background-color: #db1919 !important;
  color: #fff !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  letter-spacing: 0;
  text-transform: none;
  border: none !important;
  cursor: pointer;
  text-shadow: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  transition: background-color 0.2s ease;
  box-sizing: border-box;
  white-space: nowrap !important;
  margin: 0 !important;
  overflow: visible !important;
}
.elementor-16 .elementor-element-e4738df .elementor-button:hover,
.elementor-1470 .elementor-element-55e35c1 .elementor-button:hover {
  background-color: #b30000 !important;
  color: #fff !important;
}
.elementor-16 .elementor-element-e4738df .elementor-button-text,
.elementor-1470 .elementor-element-55e35c1 .elementor-button-text {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: inherit !important;
  color: inherit !important;
  white-space: nowrap !important;
}
.elementor-16 .elementor-element-e4738df .elementor-button-icon,
.elementor-1470 .elementor-element-55e35c1 .elementor-button-icon {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
}
/* Other pages - keep generic red button fallback */
.elementor-button-success .elementor-button,
.elementor-widget-button .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 20px;
  background-color: #d32f2f !important;
  color: #fff !important;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  border: none;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.22);
}
.elementor-button-success .elementor-button:hover,
.elementor-widget-button .elementor-button:hover {
  background-color: #b71c1c !important;
  color: #fff !important;
}
.elementor-16 .elementor-element-e4738df .elementor-button-content-wrapper,
.elementor-1470 .elementor-element-55e35c1 .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-wrap: nowrap;
}
.elementor-16 .elementor-element-e4738df .elementor-button-icon svg,
.elementor-1470 .elementor-element-55e35c1 .elementor-button-icon svg {
  width: 1em;
  height: 1em;
}
.elementor-button-content-wrapper { display: inline-flex; align-items: center; gap: 10px; }
.elementor-button-icon svg { fill: currentColor; width: 1.15em; height: 1.15em; flex-shrink: 0; }

/* Tight gap between buttons and H1 (love678 spacing) */
.elementor-16 .elementor-element-d84682c > .e-con-inner {
  padding-top: 0 !important;
}
.elementor-16 .elementor-element-d84682c h1.elementor-heading-title {
  margin-top: 8px;
  margin-bottom: 0.6em;
}

@media (max-width: 640px) {
  /* Stack Android/iOS CTAs — avoid horizontal overflow on narrow BR phones */
  .elementor-16 .elementor-element-e4738df > .e-con-inner,
  .elementor-1470 .elementor-element-55e35c1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
  }
  .elementor-16 .elementor-element-e4738df .elementor-button,
  .elementor-1470 .elementor-element-55e35c1 .elementor-button {
    font-size: 15px !important;
    padding: 12px 16px !important;
    min-height: 48px !important;
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .elementor-16 .elementor-element-e4738df > .e-con-inner > .elementor-element,
  .elementor-1470 .elementor-element-55e35c1 > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .elementor-16 .elementor-element-e4738df .elementor-button-wrapper,
  .elementor-1470 .elementor-element-55e35c1 .elementor-button-wrapper {
    width: 100% !important;
  }
  .elementor-heading-title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
}

/* Blog guides — inside Elementor boxed column */
#h2-blog-guides {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 8px 0 24px;
}

/* Inline “Saiba mais” — same width/padding as soft-article & e-con-inner (works outside .elementor) */
#h2-inline-links {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 16px auto 24px;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.7;
  color: #1f2937;
}
#h2-inline-links a {
  color: #0f766e;
  font-weight: 600;
}
#h2-blog-guides .elementor-heading-title {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin: 0 0 12px;
  color: #111827;
}
#h2-blog-guides ul {
  margin: 0 0 0 1.2em;
  padding: 0;
  line-height: 1.75;
}

#h2-soft-article { max-width: 1140px; margin: 40px auto; padding: 24px 15px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; line-height: 1.9; color: #1f2937; font-size: 16px; box-sizing: border-box; }
#h2-soft-article h2 { font-size: clamp(1.25rem, 3vw, 1.75rem); margin-bottom: 16px; color: #111827; }

/* FAQ — same 1140 column as soft-article / Elementor */
#h2-faq {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 32px;
  padding: 40px 0;
  background: #f8fafc;
  box-sizing: border-box;
}
#h2-faq .h2-faq-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
#h2-faq #h2-faq-title {
  font-size: 1.6rem;
  margin: 0 0 20px;
  color: #111;
}
#h2-faq .h2-faq-item {
  margin: 0 0 18px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}
#h2-faq .h2-faq-item h3 {
  margin: 0 0 8px;
  font-size: 1.05rem;
}
#h2-faq .h2-faq-item p {
  margin: 0;
  line-height: 1.6;
  color: #374151;
}
#h2-faq .h2-faq-note {
  margin: 16px 0 0;
  font-size: 13px;
  color: #6b7280;
}
#h2-faq .h2-faq-note a {
  color: #0f766e;
}

.elementor-heading-title { color: #222; font-weight: 700; margin: 1.2em 0 0.6em; line-height: 1.35; }
.elementor-16 h1.elementor-heading-title { font-size: clamp(1.4rem, 4vw, 2rem); }
.elementor-16 h2.elementor-heading-title { font-size: clamp(1.2rem, 3vw, 1.5rem); }
.elementor-widget-text-editor { color: #444; line-height: 1.85; font-size: 16px; }
.elementor-widget-text-editor p { margin-bottom: 1em; }
.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul { margin: 0 0 1em 1.25em; padding: 0; }
.elementor-widget-text-editor li { margin-bottom: 0.5em; }
.elementor-widget-image img { display: block; margin: 12px auto; border-radius: 4px; }

/* Header brand bar */
#site-header.minimal-header { background-color: #f58428 !important; border-bottom: none !important; }
#site-header .main-menu > li > a,
#site-header .main-menu > li > a .text-wrap { color: #fff !important; }
#site-header .main-menu > li > a:hover .text-wrap { opacity: 0.9; }
/* App dropdown: force dark text on white panel (do not inherit header white) */
#site-header .main-menu .sub-menu,
#site-header .dropdown-menu .sub-menu {
  background: #fff !important;
}
#site-header .main-menu .sub-menu a,
#site-header .main-menu .sub-menu a.menu-link,
#site-header .main-menu .sub-menu a .text-wrap,
#site-header .dropdown-menu .sub-menu a,
#site-header .dropdown-menu .sub-menu a.menu-link,
#site-header .dropdown-menu .sub-menu a .text-wrap {
  color: #111 !important;
  opacity: 1 !important;
}
#site-header .main-menu .sub-menu a:hover,
#site-header .main-menu .sub-menu a:hover .text-wrap,
#site-header .dropdown-menu .sub-menu a:hover,
#site-header .dropdown-menu .sub-menu a:hover .text-wrap {
  color: #111 !important;
  background: #f3f4f6;
  opacity: 1 !important;
}
#site-header .custom-logo { max-height: 40px; max-width: 140px; width: auto; height: auto; }
#site-header .hamburger-inner,
#site-header .hamburger-inner::before,
#site-header .hamburger-inner::after { background-color: #fff; }
#site-header .icon-magnifier { color: #fff; }

/* CSS-only carets (no Font Awesome webfont dependency) */
#site-header .nav-arrow,
#scroll-top .scroll-top-icon {
  display: inline-block;
  width: 0.55em;
  height: 0.55em;
  margin-left: 0.4em;
  vertical-align: middle;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-0.12em);
  line-height: 0;
  color: inherit;
}
#scroll-top .scroll-top-icon {
  margin-left: 0;
  transform: rotate(-135deg) translateY(0.05em);
  border-color: #fff;
}
#site-header .icon-magnifier {
  font-family: inherit !important;
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: middle;
}
#site-header .icon-magnifier::before { content: none !important; }
#site-header .icon-magnifier::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  background: currentColor;
  right: -5px;
  bottom: -1px;
  transform: rotate(45deg);
  border-radius: 1px;
}

/* Mobile SEO: 44×44px+ tap targets for menu / search */
#site-header .oceanwp-mobile-menu-icon .mobile-menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 48px;
  padding: 12px;
  box-sizing: border-box;
}
#site-header .hamburger-box {
  width: 24px;
  height: 18px;
}
#site-header .search-toggle-li > a,
#site-header .search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

/* Prevent wide tables from breaking mobile layout */
.seo-table-wrap,
.elementor-widget-text-editor table,
.elementor-widget-html table,
#h2-soft-article table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.elementor-widget-text-editor table,
#h2-soft-article table {
  width: 100% !important;
}

/* OceanWP shell — full width for local file:// and desktop */
.boxed-layout #wrap,
#outer-wrap,
#wrap {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: #fff;
}
body.boxed-layout,
body {
  background: #fff !important;
}
body.home #main { padding-top: 0; }
#content-wrap.container { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 15px 30px; }
.content-full-screen #content-wrap.container { max-width: 100%; padding-left: 0; padding-right: 0; }
#site-navigation-wrap .dropdown-menu > li > a { padding: 0 14px; }

/* Other Elementor pages (slot, about, contact, apk) */
.elementor-page .elementor-widget-image img,
.elementor-page .elementor-widget-text-editor img { max-width: 100%; height: auto; display: block; }

/* ===== Brazil Google Mobile SEO (CWV / tap / readability) ===== */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-size: 16px;
  line-height: 1.6;
  overflow-x: clip;
  padding-left: env(safe-area-inset-left, 0);
  padding-right: env(safe-area-inset-right, 0);
}
img, video { max-width: 100%; height: auto; }
#mobile-dropdown {
  -webkit-overflow-scrolling: touch;
  max-height: min(80vh, 640px);
  overflow-y: auto;
}
#mobile-dropdown .menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 12px 16px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .elementor-button-success.down .elementor-button,
  .cms-download-btn {
    width: 100%;
    max-width: 100%;
  }
}
a, button, .elementor-button, input, select, textarea {
  touch-action: manipulation;
}
.elementor-button,
.elementor-button-link,
a.elementor-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#site-header .mobile-menu,
#site-header .oceanwp-mobile-menu-icon a {
  cursor: pointer;
}
/* Reduce CLS: reserve only the outer viewport — never the wrapper (nested frame) */
.elementor-widget-image-carousel .swiper {
  aspect-ratio: 16 / 9;
  overflow: hidden !important;
}
.elementor-widget-image-carousel .swiper-wrapper {
  aspect-ratio: auto !important;
  max-height: none !important;
}
.elementor-widget-image-carousel .swiper-slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* LCP: avoid lazy on first carousel slide */
.elementor-widget-image-carousel .swiper-slide-active img,
.elementor-widget-image-carousel .swiper-slide:first-child img {
  content-visibility: visible;
}
/* Prefer content visibility for below-fold blocks on mobile (CWV) */
@media (max-width: 767px) {
  #h2-soft-article,
  #h2-faq,
  #h2-blog-guides,
  #h2-inline-links,
  #right-sidebar {
    content-visibility: auto;
    contain-intrinsic-size: 1px 420px;
  }
  body.blog #primary.content-area,
  body.blog #right-sidebar.sidebar-primary {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100%;
    padding-right: 0;
  }
  /* Keep first screen text editors paint-critical; defer later sections via parent */
  #h2-faq .h2-faq-item + .h2-faq-item {
    content-visibility: auto;
    contain-intrinsic-size: 1px 120px;
  }
}

/* h2-touch-44 */
#site-header .oceanwp-mobile-menu-icon .mobile-menu {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
}
#site-header .hamburger-box {
  width: 22px;
  height: 18px;
}