.elementor-29 .elementor-element.elementor-element-5f6479a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-5f6479a:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5f6479a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FB;}.elementor-29 .elementor-element.elementor-element-a93a9a3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-26deacb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-97c8967{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-29 .elementor-element.elementor-element-f5eab01{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--flex-wrap:nowrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-c8421f5 .elementor-button{background-color:#25D366;}.elementor-29 .elementor-element.elementor-element-c8421f5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-29 .elementor-element.elementor-element-a783334{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-65440b0{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-1e4bb98{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-d74293e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-8dd9f92 .elementor-button{background-color:#25D366;}.elementor-29 .elementor-element.elementor-element-8dd9f92 .elementor-button-content-wrapper{flex-direction:row;}.elementor-29 .elementor-element.elementor-element-32746eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-32746eb:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-32746eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FB;}.elementor-29 .elementor-element.elementor-element-4659482{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-4aa4a6b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-481f6fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:nowrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-31f5be5 .elementor-icon-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-3fe61f9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-8d22c1c .elementor-icon-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-51fb0a3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-7b93e29 .elementor-icon-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-d816fd4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-7e5a5e0 .elementor-icon-wrapper{text-align:center;}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-a93a9a3{--content-width:1220px;}.elementor-29 .elementor-element.elementor-element-a783334{--content-width:1220px;}.elementor-29 .elementor-element.elementor-element-4659482{--content-width:1220px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for button, class: .elementor-element-8dd9f92 */body .elementor-29 .elementor-element.elementor-element-8dd9f92.sop-about-button .elementor-button { background: #25D366 !important; color: #0A2540 !important; border: 1px solid #25D366 !important; }
body .elementor-29 .elementor-element.elementor-element-8dd9f92.sop-about-button .elementor-button:hover { background: #1FBE5A !important; border-color: #1FBE5A !important; color: #0A2540 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65440b0 */@media (min-width: 1024.9px) {
  body .elementor-29 .elementor-element.elementor-element-65440b0.sop-about-card > .sop-about-media { grid-column: 2 !important; grid-row: 1 !important; }
  body .elementor-29 .elementor-element.elementor-element-65440b0.sop-about-card > .sop-about-content { grid-column: 1 !important; grid-row: 1 !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f6479a *//* =========================================================
   GRUPO S.O.P - HOME / SOBRE A S.O.P
   Card institucional com imagem + texto
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-5f6479a {
  width: 100% !important;

  background: #F4F7FB !important;
  color: #0A2540 !important;

  padding: 0 0 92px !important;

  overflow: hidden !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a,
.elementor-29 .elementor-element.elementor-element-5f6479a * {
  box-sizing: border-box !important;
}

/* Remove margens padrão */
.elementor-29 .elementor-element.elementor-element-5f6479a .elementor-widget,
.elementor-29 .elementor-element.elementor-element-5f6479a .elementor-widget-container {
  margin: 0 !important;
}

/* =========================================================
   CONTAINER INTERNO
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner > .e-con-inner {
  width: 100% !important;
  max-width: 1220px !important;

  margin: 0 auto !important;
  padding: 0 24px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card > .e-con-inner {
  width: 100% !important;

  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: 64px !important;

  align-items: center !important;

  background: #FFFFFF !important;

  border: 1px solid #DCE6F2 !important;
  border-radius: 22px !important;

  padding: 56px !important;

  box-shadow: 0 18px 50px rgba(10, 37, 64, 0.045) !important;
}

/* =========================================================
   ÁREA DA IMAGEM
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media {
  position: relative !important;

  width: 100% !important;
  min-height: 360px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #F7F9FC !important;

  border: 1px dashed rgba(10, 37, 64, 0.24) !important;
  border-radius: 16px !important;

  overflow: hidden !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media > .e-con-inner {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Placeholder enquanto não tiver imagem */
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media::before {
  content: "Foto: equipe / fundador" !important;

  position: absolute !important;
  inset: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: rgba(10, 37, 64, 0.62) !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;

  pointer-events: none !important;
}

/* Imagem */
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-image,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-image .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-image img {
  width: 100% !important;
  height: 100% !important;

  min-height: 360px !important;

  object-fit: cover !important;
  object-position: center center !important;

  display: block !important;

  transition: transform .35s ease !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card:hover .sop-about-image img {
  transform: scale(1.035) !important;
}

/* Esconde o placeholder quando houver imagem */
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media:has(img)::before {
  display: none !important;
}

/* =========================================================
   CONTEÚDO
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content > .e-con-inner {
  width: 100% !important;
  max-width: 560px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 22px !important;

  padding: 0 !important;
  margin: 0 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-kicker .elementor-heading-title,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-kicker .elementor-widget-container {
  color: #0E5FB8 !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1em !important;

  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-heading-title,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-widget-container {
  color: #0A2540 !important;

  font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
  font-size: clamp(34px, 3.2vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.06em !important;

  letter-spacing: -0.045em !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-text .elementor-widget-container,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-text .elementor-heading-title,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-text p {
  color: #4B5F78 !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.75em !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-text p + p {
  margin-top: 18px !important;
}

/* =========================================================
   BOTÃO
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button {
  margin-top: 6px !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button .elementor-button {
  min-height: 48px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  color: #0A2540 !important;

  border: 1px solid rgba(10, 37, 64, 0.78) !important;
  border-radius: 9px !important;

  padding: 14px 26px !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1em !important;

  text-decoration: none !important;

  box-shadow: none !important;

  transition:
    background .22s ease,
    color .22s ease,
    border-color .22s ease,
    transform .22s ease !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button .elementor-button:hover {
  background: #0A2540 !important;
  color: #FFFFFF !important;
  border-color: #0A2540 !important;
  transform: translateY(-2px) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-29 .elementor-element.elementor-element-5f6479a {
    padding: 0 0 78px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner > .e-con-inner {
    padding: 0 28px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 38px !important;

    padding: 42px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media {
    min-height: 330px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-image img {
    min-height: 330px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content > .e-con-inner {
    max-width: 100% !important;
  }
}

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

@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-5f6479a {
    padding: 0 0 64px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner > .e-con-inner {
    padding: 0 20px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card > .e-con-inner {
    gap: 30px !important;

    border-radius: 18px !important;

    padding: 22px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media {
    min-height: 245px !important;
    border-radius: 14px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-image img {
    min-height: 245px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content > .e-con-inner {
    gap: 18px !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-heading-title,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-widget-container {
    font-size: 31px !important;
    line-height: 1.08em !important;
    letter-spacing: -0.035em !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-text .elementor-widget-container,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-text .elementor-heading-title,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-text p {
    font-size: 14.5px !important;
    line-height: 1.7em !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button .elementor-button {
    width: 100% !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button .elementor-button {
    padding: 15px 20px !important;
  }
}

/* Ajuste visual conforme referência */
.elementor-29 .elementor-element.elementor-element-5f6479a {
  padding: 85px 0 75px !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner {
  max-width: 1272px !important;
  padding: 0 24px !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner > .e-con-inner {
  max-width: none !important;
  padding: 0 !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card > .e-con-inner {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 56px !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media {
  min-height: 420px !important;
  background: #EEF1F5 !important;
  border: 1px dashed rgba(10, 37, 64, 0.24) !important;
  border-radius: 20px !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media::before {
  content: "▧\A Foto: equipe / obra" !important;
  white-space: pre !important;
  line-height: 2.2em !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content > .e-con-inner {
  max-width: 584px !important;
  gap: 18px !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-kicker,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-kicker p,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-kicker .elementor-text-editor {
  color: #0E5FB8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1em !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-heading-title,
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-widget-container {
  font-size: 36px !important;
  line-height: 1.08em !important;
  letter-spacing: -0.04em !important;
}
@media (max-width: 1024px) {
  .elementor-29 .elementor-element.elementor-element-5f6479a { padding: 70px 0 !important; }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner { padding: 0 28px !important; }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media { min-height: 330px !important; }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content > .e-con-inner { max-width: 100% !important; }
}
@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-5f6479a { padding: 56px 0 60px !important; }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-inner { padding: 0 20px !important; }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-card > .e-con-inner { gap: 30px !important; }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media { min-height: 245px !important; border-radius: 14px !important; }
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-heading-title,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-title .elementor-widget-container { font-size: 31px !important; line-height: 1.08em !important; }
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media::before {
  content: "Foto: equipe / obra" !important;
  padding-top: 32px !important;
}
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media::after {
  content: "" !important;
  position: absolute !important;
  left: calc(50% - 11px) !important;
  top: calc(50% - 27px) !important;
  width: 22px !important;
  height: 18px !important;
  border: 2px solid rgba(10, 37, 64, 0.30) !important;
  border-radius: 3px !important;
  background:
    radial-gradient(circle at 72% 28%, rgba(10, 37, 64, 0.30) 0 2px, transparent 2.5px),
    linear-gradient(135deg, transparent 45%, rgba(10, 37, 64, 0.30) 46% 52%, transparent 53%) !important;
  pointer-events: none !important;
}

/* Botões conforme referência visual */
.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content {
  display: grid !important;
  grid-template-columns: 210px 210px !important;
  column-gap: 14px !important;
  row-gap: 18px !important;
  align-items: start !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content > :not(.sop-about-button) {
  grid-column: 1 / -1 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button {
  width: 210px !important;
  margin-top: 6px !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button .elementor-button {
  width: 210px !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .elementor-element-85bb17f .elementor-button {
  background: #1565C0 !important;
  color: #FFFFFF !important;
  border: 1px solid #1565C0 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .elementor-element-c8421f5 .elementor-button {
  background: #25D366 !important;
  color: #0A2540 !important;
  border: 1px solid #25D366 !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .elementor-element-85bb17f .elementor-button:hover {
  background: #0E5FB8 !important;
  border-color: #0E5FB8 !important;
  color: #FFFFFF !important;
}

.elementor-29 .elementor-element.elementor-element-5f6479a .elementor-element-c8421f5 .elementor-button:hover {
  background: #1FBE5A !important;
  border-color: #1FBE5A !important;
  color: #0A2540 !important;
}

@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content {
    grid-template-columns: 1fr !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-content > * {
    grid-column: 1 !important;
  }

  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button,
  .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-button .elementor-button {
    width: 100% !important;
  }
}

body .elementor-29 .elementor-element.elementor-element-5f6479a .sop-about-media::after { display: none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32746eb *//* =========================================================
   GRUPO S.O.P - REVENDA SERJÃO / BENEFÍCIOS
   Cards comerciais da revenda
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-32746eb {
  width: 100% !important;

  background: #F4F7FB !important;
  color: #0A2540 !important;

  padding: 82px 0 86px !important;

  overflow: hidden !important;
}

.elementor-29 .elementor-element.elementor-element-32746eb,
.elementor-29 .elementor-element.elementor-element-32746eb * {
  box-sizing: border-box !important;
}

/* Remove margens padrão */
.elementor-29 .elementor-element.elementor-element-32746eb .elementor-widget,
.elementor-29 .elementor-element.elementor-element-32746eb .elementor-widget-container {
  margin: 0 !important;
}

/* =========================================================
   CONTAINER INTERNO
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-inner,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-inner > .e-con-inner {
  width: 100% !important;
  max-width: 1220px !important;

  margin: 0 auto !important;
  padding: 0 24px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

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

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-grid,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-grid > .e-con-inner {
  width: 100% !important;

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;

  align-items: stretch !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* =========================================================
   CARD
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card > .e-con-inner {
  width: 100% !important;
  min-height: 226px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  gap: 18px !important;

  background: #FFFFFF !important;

  border: 1px solid #DCE6F2 !important;
  border-radius: 16px !important;

  padding: 30px 26px !important;

  box-shadow: 0 16px 42px rgba(10, 37, 64, 0.035) !important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease !important;
}

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card:hover {
  transform: translateY(-4px) !important;

  border-color: rgba(14, 95, 184, 0.28) !important;

  box-shadow: 0 24px 60px rgba(10, 37, 64, 0.08) !important;
}

/* =========================================================
   ÍCONE
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon {
  width: 52px !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #EAF3FF !important;

  border-radius: 12px !important;

  margin: 0 !important;
}

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon {
  width: 100% !important;
  height: 100% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #0E5FB8 !important;

  font-size: 22px !important;
}

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon i {
  color: #0E5FB8 !important;
}

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg {
  width: 22px !important;
  height: 22px !important;

  fill: none !important;
  stroke: #0E5FB8 !important;
}

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg path {
  stroke: #0E5FB8 !important;
}

/* =========================================================
   TÍTULO
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-title .elementor-heading-title,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-title .elementor-widget-container {
  color: #0A2540 !important;

  font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.16em !important;

  letter-spacing: -0.035em !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   TEXTO
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-text .elementor-widget-container,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-text .elementor-heading-title,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-text p {
  color: #4B5F78 !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.65em !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-29 .elementor-element.elementor-element-32746eb {
    padding: 74px 0 76px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-inner,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-inner > .e-con-inner {
    padding: 0 28px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-grid,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-grid > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card > .e-con-inner {
    min-height: 210px !important;
  }
}

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

@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-32746eb {
    padding: 58px 0 62px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-inner,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-inner > .e-con-inner {
    padding: 0 20px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-grid,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefits-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card > .e-con-inner {
    min-height: auto !important;

    border-radius: 15px !important;

    padding: 26px 22px !important;

    gap: 16px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon {
    width: 50px !important;
    height: 50px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-title .elementor-heading-title,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-title .elementor-widget-container {
    font-size: 20px !important;
  }

  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-text .elementor-widget-container,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-text .elementor-heading-title,
  .elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-text p {
    font-size: 14.5px !important;
  }
}

/* =========================================================
   CORREÇÃO - ÍCONES MAIS VISÍVEIS / REVENDA SERJÃO
   Cole no final do CSS da seção serjao-benefits-section
   ========================================================= */

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon {
  width: 52px !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #E3F0FF !important;

  border: 1px solid rgba(14, 95, 184, 0.12) !important;
  border-radius: 12px !important;

  margin: 0 !important;

  opacity: 1 !important;
}

/* Container interno do ícone */
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 1 !important;
}

/* Ícone Elementor */
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon {
  width: 100% !important;
  height: 100% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #0E5FB8 !important;

  font-size: 24px !important;

  opacity: 1 !important;
}

/* Ícones Font Awesome */
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon i,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon i {
  color: #0E5FB8 !important;
  opacity: 1 !important;
}

/* Ícones SVG */
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon svg {
  width: 24px !important;
  height: 24px !important;

  color: #0E5FB8 !important;

  fill: #0E5FB8 !important;
  stroke: #0E5FB8 !important;

  opacity: 1 !important;
}

/* Partes internas dos SVGs */
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg path,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg circle,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg rect,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg line,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg polyline,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-icon .elementor-icon svg polygon {
  fill: #0E5FB8 !important;
  stroke: #0E5FB8 !important;
  opacity: 1 !important;
}

/* Hover do card */
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card:hover .serjao-benefit-icon {
  background: #D7EAFF !important;
  border-color: rgba(14, 95, 184, 0.24) !important;
}

.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card:hover .serjao-benefit-icon .elementor-icon,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card:hover .serjao-benefit-icon i,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card:hover .serjao-benefit-icon svg,
.elementor-29 .elementor-element.elementor-element-32746eb .serjao-benefit-card:hover .serjao-benefit-icon svg path {
  color: #0A2540 !important;
  fill: #0A2540 !important;
  stroke: #0A2540 !important;
  opacity: 1 !important;
}/* End custom CSS */