.elementor-34 .elementor-element.elementor-element-3dc4d46{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-34 .elementor-element.elementor-element-3dc4d46:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-3dc4d46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A2540;}.elementor-34 .elementor-element.elementor-element-c623351{--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-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-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 );}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-c623351{--content-width:1220px;}}@media(max-width:1024px){.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-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-3dc4d46 *//* =========================================================
   GRUPO S.O.P - PRODUTOS / HERO
   Primeira seção da página de produtos
   ========================================================= */

.elementor-34 .elementor-element.elementor-element-3dc4d46 {
  position: relative !important;

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

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

  padding: 8px 0 8px !important;

  overflow: hidden !important;
}

.elementor-34 .elementor-element.elementor-element-3dc4d46,
.elementor-34 .elementor-element.elementor-element-3dc4d46 * {
  box-sizing: border-box !important;
}

/* Remove margens padrão */
.elementor-34 .elementor-element.elementor-element-3dc4d46 .elementor-widget,
.elementor-34 .elementor-element.elementor-element-3dc4d46 .elementor-widget-container {
  margin: 0 !important;
}

/* Grid sutil de fundo */
.elementor-34 .elementor-element.elementor-element-3dc4d46::before {
  content: "" !important;

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

  z-index: 1 !important;

  background-image:
    linear-gradient(rgba(91,197,242,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91,197,242,0.055) 1px, transparent 1px) !important;

  background-size: 80px 80px !important;

  opacity: 0.70 !important;

  pointer-events: none !important;
}

/* Luz azul suave no fundo */
.elementor-34 .elementor-element.elementor-element-3dc4d46::after {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;
  left: 28% !important;

  width: 680px !important;
  height: 340px !important;

  transform: translate(-50%, -50%) !important;

  background: radial-gradient(
    circle,
    rgba(91, 197, 242, 0.08) 0%,
    rgba(91, 197, 242, 0.035) 38%,
    rgba(91, 197, 242, 0) 72%
  ) !important;

  z-index: 1 !important;

  pointer-events: none !important;
}

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

.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-inner,
.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-inner > .e-con-inner {
  position: relative !important;
  z-index: 3 !important;

  width: 100% !important;
  max-width: 1220px !important;

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

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

  gap: 22px !important;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-breadcrumb .elementor-heading-title,
.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-breadcrumb .elementor-widget-container,
.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-breadcrumb p {
  color: #C3D2E6 !important;

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

  letter-spacing: 0.28em !important;

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

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

.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-title .elementor-heading-title,
.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-title .elementor-widget-container {
  color: #FFFFFF !important;

  font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
  font-size: clamp(44px, 5vw, 68px) !important;
  font-weight: 900 !important;
  line-height: 1.02em !important;

  letter-spacing: -0.055em !important;

  max-width: 760px !important;

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

  text-shadow: 0 14px 38px rgba(0, 18, 38, 0.42) !important;
}

/* =========================================================
   TEXTO DE APOIO
   ========================================================= */

.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text .elementor-widget-container,
.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text .elementor-heading-title,
.elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text p {
  color: #D6E2F2 !important;

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

  max-width: 640px !important;

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

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

@media (max-width: 1024px) {
  .elementor-34 .elementor-element.elementor-element-3dc4d46 {
    min-height: 360px !important;
    padding: 76px 0 72px !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46::before {
    background-size: 68px 68px !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-inner,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-inner > .e-con-inner {
    padding: 0 28px !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-title .elementor-heading-title,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-title .elementor-widget-container {
    max-width: 720px !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text .elementor-widget-container,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text .elementor-heading-title,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text p {
    max-width: 620px !important;
  }
}

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

@media (max-width: 767px) {
  .elementor-34 .elementor-element.elementor-element-3dc4d46 {
    min-height: auto !important;
    padding: 62px 0 58px !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46::before {
    background-size: 52px 52px !important;
    opacity: 0.50 !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46::after {
    left: 50% !important;
    width: 420px !important;
    height: 300px !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-inner,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-inner > .e-con-inner {
    padding: 0 20px !important;
    gap: 18px !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-breadcrumb .elementor-heading-title,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-breadcrumb .elementor-widget-container,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-breadcrumb p {
    font-size: 10px !important;
    letter-spacing: 0.22em !important;
    line-height: 1.4em !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-title .elementor-heading-title,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-title .elementor-widget-container {
    font-size: 38px !important;
    line-height: 1.08em !important;
    letter-spacing: -0.045em !important;
    max-width: 100% !important;
  }

  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text .elementor-widget-container,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text .elementor-heading-title,
  .elementor-34 .elementor-element.elementor-element-3dc4d46 .sop-products-hero-text p {
    font-size: 15px !important;
    line-height: 1.65em !important;
    max-width: 100% !important;
  }
}/* End custom CSS */