.elementor-15345 .elementor-element.elementor-element-c64ad35{--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;}.elementor-15345 .elementor-element.elementor-element-af1c04b{--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;}.elementor-15345 .elementor-element.elementor-element-69f54ec{--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;}.elementor-15345 .elementor-element.elementor-element-a762121{--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;}.elementor-15345 .elementor-element.elementor-element-2e21de18 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15345 .elementor-element.elementor-element-878e5e2{--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;}.elementor-15345 .elementor-element.elementor-element-3bae601{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15345 .elementor-element.elementor-element-93ee553 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15345 .elementor-element.elementor-element-a58a7e9{--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;}.elementor-15345 .elementor-element.elementor-element-1bd3ca2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15345 .elementor-element.elementor-element-a8e451c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15345 .elementor-element.elementor-element-41d96b1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15345 .elementor-element.elementor-element-42e9349e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-15345 .elementor-element.elementor-element-3bae601{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15345 .elementor-element.elementor-element-a8e451c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15345 .elementor-element.elementor-element-41d96b1{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-f7ea6b3 *//* ============================================================
   SEÇÃO DORES — MEGA REALTY
   Arquivo: mr-dores.css
   Cole este bloco em: Elementor → Site Settings → Custom CSS
   ou em um widget HTML junto com o arquivo mr-dores.html
   ============================================================ */

/* ── Reset & tokens ──────────────────────────────────────── */
.mr-dores * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.mr-dores {
  --bg:         #FCFCFC;
  --accent:     #0B5C72;
  --accent2:    #0B7A7C;
  --highlight:  #4AC8CA;
  --text:       #1B252F;
  --text-muted: #6B7A85;
  --divider:    #E0EAEC;
  --card-bg:    #FFFFFF;
  --radius:     14px;

  background: var(--bg);
  color: var(--text);
  font-family: 'Open Sans', sans-serif !important;
  padding: 80px 40px;
}

/* ── Inner container ─────────────────────────────────────── */
.mr-dores__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Eyebrow ─────────────────────────────────────────────── */
.mr-dores__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #4AC8CA !important;
  margin-bottom: 14px !important;
}

.mr-dores__eyebrow::before {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background: #4AC8CA;
  border-radius: 2px;
  flex-shrink: 0;
}

/* ── Título ──────────────────────────────────────────────── */
.mr-dores__title {
  font-family: 'Raleway', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
  color: #1B252F !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

.mr-dores__title span {
  color: #4AC8CA !important;
  font-family: 'Raleway', sans-serif !important;
}

/* ── Intro text ──────────────────────────────────────────── */
.mr-dores__intro {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--text-muted) !important;
  max-width: 720px;
  margin-bottom: 52px !important;
}

.mr-dores__intro strong {
  color: var(--accent) !important;
  font-weight: 700 !important;
}

/* ── Grid de cards ───────────────────────────────────────── */
.mr-dores__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* ── Card ────────────────────────────────────────────────── */
.mr-dores__card {
  background: var(--card-bg);
  border: 1px solid var(--divider);
  border-radius: var(--radius);
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.25s, border-color 0.25s, transform 0.2s;
}

.mr-dores__card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent) 0%, var(--highlight) 100%);
  opacity: 0;
  transition: opacity 0.25s;
}

.mr-dores__card:hover {
  box-shadow: 0 8px 32px rgba(11, 92, 114, 0.10);
  border-color: var(--highlight);
  transform: translateY(-2px);
}

.mr-dores__card:hover::before {
  opacity: 1;
}

/* ── Ícone do card ───────────────────────────────────────── */
.mr-dores__icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #F0F8F9;
  border: 1px solid var(--divider);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  flex-shrink: 0;
}

.mr-dores__icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--accent);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── Card title ──────────────────────────────────────────── */
.mr-dores__card-title {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--accent) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

/* ── Card body ───────────────────────────────────────────── */
.mr-dores__card-body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: var(--text-muted) !important;
}

/* ── Responsivo ──────────────────────────────────────────── */
@media (max-width: 1024px) {
  .mr-dores__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .mr-dores {
    padding: 52px 20px 60px;
  }

  .mr-dores__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .mr-dores__title {
    font-size: 26px !important;
  }

  .mr-dores__intro {
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1bd3ca2 *//* ============================================================
   SEÇÃO PROPÓSITO · VISÃO · VALORES — MEGA REALTY
   Arquivo: mr-pvv.css
   ============================================================ */

.mr-pvv * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.mr-pvv {
  --accent:    #0B5C72;
  --highlight: #4AC8CA;
  --text:      #1B252F;
  --text-muted:#6B7A85;
  --divider:   rgba(11,92,114,0.10);

  background: #FCFCFC;
  font-family: 'Open Sans', sans-serif;
  padding: 56px 40px;
  overflow: hidden;
  position: relative;
}

.mr-pvv::before {
  content: 'MEGA';
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  font-family: 'Raleway', sans-serif;
  font-size: 200px;
  font-weight: 800;
  color: rgba(74,200,202,0.05);
  letter-spacing: -8px;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}

/* ── Inner ───────────────────────────────────────────────────── */
.mr-pvv__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  position: relative;
  z-index: 1;
}

/* ── Header ──────────────────────────────────────────────────── */
.mr-pvv__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mr-pvv__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #4AC8CA !important;
  margin-bottom: 14px !important;
}

.mr-pvv__eyebrow::before {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background: #4AC8CA;
  border-radius: 2px;
  flex-shrink: 0;
}

.mr-pvv__title {
  font-family: 'Raleway', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
  color: #1B252F !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mr-pvv__title span {
  color: #4AC8CA !important;
  font-family: 'Raleway', sans-serif !important;
}

/* ── Grid 3 cards ────────────────────────────────────────────── */
.mr-pvv__cards {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 20px;
  align-items: stretch;
}

/* ── Card base ───────────────────────────────────────────────── */
.mr-pvv__card {
  position: relative;
  padding: 28px 28px 32px;
  border-radius: 16px;
  border: 1px solid var(--divider);
  background: #ffffff;
  box-shadow: 0 2px 16px rgba(11,92,114,0.06);
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
}

.mr-pvv__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(11,92,114,0.11);
}

.mr-pvv__card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent) 0%, var(--highlight) 100%);
  border-radius: 16px 16px 0 0;
}

/* ── Pictograma decorativo ───────────────────────────────────── */
.mr-pvv__icon {
  position: absolute;
  bottom: -8px;
  right: 12px;
  width: 96px;
  height: 96px;
  opacity: 0.07;
  color: #4AC8CA;
  pointer-events: none;
  user-select: none;
}

.mr-pvv__icon svg {
  width: 100%;
  height: 100%;
  fill: #4AC8CA;
}

/* ── Label ───────────────────────────────────────────────────── */
.mr-pvv__card-label {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--accent) !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.mr-pvv__card-label::before {
  content: '';
  width: 4px;
  height: 14px;
  background: var(--highlight);
  border-radius: 2px;
  flex-shrink: 0;
}

/* ── Texto principal ─────────────────────────────────────────── */
.mr-pvv__card-text {
  font-family: 'Raleway', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--text) !important;
  letter-spacing: -0.2px !important;
}

/* ── Lista de valores ────────────────────────────────────────── */
.mr-pvv__values-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.mr-pvv__value-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--divider);
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--text) !important;
  line-height: 1.4 !important;
}

.mr-pvv__value-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.mr-pvv__value-item:first-child {
  padding-top: 0;
}

.mr-pvv__value-item::before {
  content: '';
  width: 18px;
  height: 2px;
  background: var(--highlight);
  border-radius: 2px;
  flex-shrink: 0;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .mr-pvv {
    padding: 52px 20px 56px;
  }

  .mr-pvv::before {
    font-size: 100px;
    right: -10px;
  }

  .mr-pvv__cards {
    grid-template-columns: 1fr;
  }

  .mr-pvv__card-text {
    font-size: 17px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-726c9aa6 *//* ============================================================
   MR-CTA — Seção CTA Portfólio — Desktop + Mobile
   Mega Realty · Elementor Pro (widget HTML)
   ============================================================ */

/* ── Fontes ───────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&family=Open+Sans:wght@400;600;700&display=swap');

/* ── Base desktop-first ──────────────────────────────────── */
.mr-cta-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  background: linear-gradient(135deg, #0D2230 0%, #0B1A22 50%, #071318 100%);
  padding: 80px 60px;
  box-sizing: border-box;
}

/* ── Glows decorativos ──────────────────────────────────── */
.mr-cta-glow-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(74, 200, 202, 0.12) 0%, transparent 70%);
  filter: blur(48px);
  pointer-events: none;
  z-index: 0;
}
.mr-cta-glow-2 {
  position: absolute;
  bottom: -60px;
  left: -80px;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(11, 92, 114, 0.28) 0%, transparent 70%);
  filter: blur(40px);
  pointer-events: none;
  z-index: 0;
}
.mr-cta-glow-3 {
  position: absolute;
  top: -40px;
  right: -60px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(74, 200, 202, 0.10) 0%, transparent 70%);
  filter: blur(36px);
  pointer-events: none;
  z-index: 0;
}

/* ── Layout interno ─────────────────────────────────────── */
.mr-cta-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  width: 100%;
  max-width: 1200px;
}

/* ── Lado esquerdo: texto ────────────────────────────────── */
.mr-cta-body {
  flex: 0 0 380px;
  min-width: 0;
}

.mr-cta-accent-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.mr-cta-accent-line::before {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background: #4AC8CA;
  border-radius: 2px;
  flex-shrink: 0;
}
.mr-cta-accent-line span {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #4AC8CA !important;
}

.mr-cta-title {
  font-family: 'Raleway', sans-serif !important;
  font-size: 48px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -1px !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.mr-cta-title span {
  color: #4AC8CA !important;
  font-family: 'Raleway', sans-serif !important;
}

.mr-cta-sub {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 0 36px !important;
  padding: 0 !important;
  max-width: 340px;
}

.mr-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, #0B5C72 0%, #0B7A7C 100%) !important;
  color: #ffffff !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 16px 28px !important;
  border-radius: 6px !important;
  border: none !important;
  box-shadow: 0 6px 32px rgba(11, 92, 114, 0.5) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
}
.mr-cta-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.10) 0%, transparent 60%);
  pointer-events: none;
}
.mr-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 40px rgba(11, 92, 114, 0.65) !important;
}
.mr-cta-btn:active {
  transform: scale(0.97) !important;
  box-shadow: 0 2px 12px rgba(11, 92, 114, 0.35) !important;
}
.mr-cta-btn svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.mr-cta-btn:hover svg {
  transform: translateX(4px);
}

.mr-cta-stats {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
}
.mr-cta-stats-dots {
  display: flex;
  gap: 4px;
}
.mr-cta-stats-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4AC8CA;
  opacity: 0.3;
  display: block;
}
.mr-cta-stats-dots span:first-child { opacity: 1; }
.mr-cta-stats-dots span:nth-child(2) { opacity: 0.6; }
.mr-cta-stats-text {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.35) !important;
  letter-spacing: 0.3px !important;
}
.mr-cta-stats-text strong {
  color: rgba(255, 255, 255, 0.65) !important;
  font-weight: 600 !important;
}

/* ── Lado direito: cards visuais ─────────────────────────── */
/*
   Conta:
   max-width inner = 1200px
   texto (flex: 0 0 380px) + gap (48px) = 428px
   visuals = 1200 - 428 = 772px  ← o leque ocupa ~64% dos 1200px

   Cada card: width = 44% de 772px ≈ 340px
   Espaçamento left: 0 / 18% / 36% / 56%
   Card 4: left = 56% de 772 = 432px + 340px largura = 772px ← encosta exato
*/
.mr-cta-visuals {
  position: relative;
  flex: 1 1 0;        /* ocupa todo o espaço restante após texto + gap */
  height: 390px;
  z-index: 1;
}

.mr-img-card {
  position: absolute !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  border: 1.5px solid rgba(74, 200, 202, 0.22) !important;
  background: #0B141A !important;
}
.mr-img-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  pointer-events: none !important;
}

/* Desktop: 4 cards em leque — preenchem todo o .mr-cta-visuals */
.mr-img-1 {
  width: 44% !important;
  height: 70% !important;
  top: 2% !important;
  left: 0% !important;
  transform: rotate(-6deg) !important;
  z-index: 1 !important;
  filter: brightness(0.72) !important;
  transition: transform 0.08s linear !important;
}
.mr-img-2 {
  width: 44% !important;
  height: 70% !important;
  top: 8% !important;
  left: 18% !important;
  transform: rotate(-2deg) !important;
  z-index: 2 !important;
  filter: brightness(0.84) !important;
  transition: transform 0.08s linear !important;
}
.mr-img-3 {
  width: 44% !important;
  height: 70% !important;
  top: 14% !important;
  left: 36% !important;
  transform: rotate(2deg) !important;
  z-index: 3 !important;
  filter: brightness(0.92) !important;
  transition: transform 0.08s linear !important;
}
.mr-img-4 {
  width: 44% !important;
  height: 70% !important;
  top: 20% !important;
  left: 56% !important;
  transform: rotate(5.5deg) !important;
  z-index: 4 !important;
  filter: brightness(1) !important;
  transition: transform 0.08s linear !important;
}

/* ══════════════════════════════════════════════════════════
   MOBILE — max-width 767px
   ══════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  .mr-cta-wrap {
    flex-direction: column;
    align-items: center;
    padding: 34px 24px 54px;
  }

  .mr-cta-inner {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }

  .mr-cta-body {
    flex: none;
  }

  .mr-cta-visuals {
    flex: none;
    order: -1;
    width: 100%;
    max-width: 320px;
    height: 210px;
    align-self: center;
    margin-bottom: 36px;
  }

  /* Esconde cards 3 e 4 no mobile */
  .mr-img-3,
  .mr-img-4 {
    display: none !important;
  }

  /* Restaura posição original dos 2 cards no mobile */
  .mr-img-1 {
    width: 55% !important;
    height: 72% !important;
    top: 10% !important;
    left: 2% !important;
    transform: rotate(-4deg) !important;
    filter: brightness(0.88) !important;
  }
  .mr-img-2 {
    width: 55% !important;
    height: 72% !important;
    top: 18% !important;
    left: auto !important;
    right: 2% !important;
    transform: rotate(3.5deg) !important;
    filter: brightness(1) !important;
  }

  .mr-cta-title {
    font-size: 30px !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
  }

  .mr-cta-sub {
    font-size: 14px !important;
    max-width: none;
    margin-bottom: 28px !important;
  }

  .mr-cta-btn {
    padding: 15px 24px !important;
  }

  .mr-cta-glow-1 {
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    height: 260px;
  }
  .mr-cta-glow-2 {
    bottom: 60px;
    left: -40px;
    width: 180px;
    height: 180px;
  }
  .mr-cta-glow-3 {
    bottom: 80px;
    right: -40px;
    top: auto;
    width: 160px;
    height: 160px;
  }
}/* End custom CSS */