.elementor .e-742962bc-ccf5672{flex-direction:column;}.elementor .e-742962bc-ccf5672{width:100%;min-height:820px;position:relative;z-index:2;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0vw;padding-inline-end:0vw;background-image:url("https://www.amslajes.com.br/wp-content/uploads/2026/06/14-e1782414223315.png");background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:center right;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:start;selector {
  position: relative;

  width: 100vw;
  max-width: 100vw;

  min-height: 820px;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: 0;

  overflow: hidden;

  background-color: #0B0D0F;

  isolation: isolate;
}

@media (max-width: 1024px) {
  selector {
      min-height: 720px;
  }
}

@media (max-width: 767px) {
  selector {
      min-height: 720px;
  }
}\n}.elementor .e-63e07510-e3cecaa{flex-direction:column;/* ==================================================
 SEÇÃO HISTÓRIA — ESTRUTURA PRINCIPAL
================================================== */

position: relative;

width: 100vw;
max-width: 100vw;

min-height: 600px;

margin-top: -80px;
margin-right: calc(50% - 50vw);
margin-bottom: -32px;
margin-left: calc(50% - 50vw);

padding: 280px 8vw 105px;

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

background-color: transparent !important;
background-image: linear-gradient(
  180deg,
  transparent 0%,
  transparent 48%,
  #07090A 48%,
  #07090A 100%
) !important;

overflow: visible;
isolation: isolate;

z-index: 3;


/* ==================================================
 FÁBRICA E ÁREA BRANCA DIAGONAL
================================================== */

&::before {
  content: "";

  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  background-image:
      linear-gradient(
          90deg,
          rgba(245, 246, 246, 1) 0%,
          rgba(245, 246, 246, 1) 23%,
          rgba(245, 246, 246, 0.97) 36%,
          rgba(245, 246, 246, 0.82) 50%,
          rgba(245, 246, 246, 0.42) 68%,
          rgba(245, 246, 246, 0.12) 100%
      ),
      url("https:/");

  background-position:
      center,
      center right;

  background-repeat:
      no-repeat,
      no-repeat;

  background-size:
      cover,
      cover;

  background-blend-mode:
      normal,
      luminosity;

  /*
   * RECORTE SUPERIOR:
   * começa mais baixo à esquerda e sobe à direita.
   *
   * RECORTE INFERIOR:
   * termina mais alto à esquerda e desce à direita.
   *
   * Agora acompanha a inclinação da seção 03.
   */
  clip-path: polygon(
      0 13%,
      100% 0,
      100% 100%,
      0 94.5%
  );

  z-index: 0;

  pointer-events: none;
}


/* ==================================================
 SOMBRA SUAVE NO ENCONTRO COM A SEÇÃO ESCURA
================================================== */

&::after {
  content: "";

  position: absolute;
  left: -2%;
  bottom: 2.2%;

  width: 104%;
  height: 65px;

  background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.05) 40%,
      rgba(0, 0, 0, 0.18) 100%
  );

  transform: rotate(1deg);
  transform-origin: left bottom;

  z-index: 1;

  pointer-events: none;
}


/* ==================================================
 ELEMENTOS INTERNOS
================================================== */

& > * {
  position: relative;
  z-index: 2;
}


/* ==================================================
 PNG FLUTUANTE DO BLOCOK
================================================== */

& > .blocok-flutuante {
  position: absolute !important;
  z-index: 10 !important;
}


/* ==================================================
 CONTEÚDO 25+
================================================== */

& > .conteudo-historia-widget {
  position: relative;
  z-index: 3;
}


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

@media (max-width: 1024px) {

  & {
      min-height: 580px;

      margin-top: -60px;
      margin-bottom: -25px;

      padding: 245px 40px 98px;

      background-image: linear-gradient(
          180deg,
          transparent 0%,
          transparent 48%,
          #07090A 48%,
          #07090A 100%
      ) !important;
  }

  &::before {
      background-image:
          linear-gradient(
              90deg,
              rgba(245, 246, 246, 1) 0%,
              rgba(245, 246, 246, 0.98) 40%,
              rgba(245, 246, 246, 0.72) 68%,
              rgba(245, 246, 246, 0.20) 100%
          ),
          url("https://cobra.art.br/clientes/ams/wp-content/uploads/2026/07/fe3075a3-9e8e-4264-9386-b9cf885cfd5a.png");

      background-position:
          center,
          65% center;

      background-size:
          cover,
          cover;

      clip-path: polygon(
          0 10%,
          100% 0,
          100% 100%,
          0 95%
      );
  }

  &::after {
      bottom: 1.8%;
      height: 50px;
  }
}


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

@media (max-width: 767px) {

  & {
      width: 100%;
      max-width: 100%;

      min-height: 760px;

      margin-top: -35px;
      margin-right: 0;
      margin-bottom: -15px;
      margin-left: 0;

      padding: 220px 24px 110px;

      background-image: linear-gradient(
          180deg,
          transparent 0%,
          transparent 48%,
          #07090A 48%,
          #07090A 100%
      ) !important;
  }

  &::before {
      background-image:
          linear-gradient(
              180deg,
              rgba(245, 246, 246, 0.52) 0%,
              rgba(245, 246, 246, 0.84) 30%,
              rgba(245, 246, 246, 0.97) 58%,
              rgba(245, 246, 246, 1) 100%
          ),
          url("https://cobra.art.br/clientes/ams/wp-content/uploads/2026/07/fe3075a3-9e8e-4264-9386-b9cf885cfd5a.png");

      background-position:
          center,
          70% center;

      background-size:
          cover,
          cover;

      clip-path: polygon(
          0 6%,
          100% 0,
          100% 100%,
          0 97%
      );
  }

  &::after {
      display: none;
  }
}\n}.elementor .e-63e07510-e3cecaa{width:100%;min-height:520px;position:relative;z-index:2;padding-block-start:220px;padding-block-end:65px;padding-inline-start:8vw;padding-inline-end:8vw;background-image:url("https://www.amslajes.com.br/wp-content/uploads/2026/07/fe3075a3-9e8e-4264-9386-b9cf885cfd5a.png");background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:center right;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:start;/* ==================================================
 CONTÊINER DA SEÇÃO HISTÓRIA
================================================== */

position: relative;

width: 100vw;
max-width: 100vw;

min-height: 600px;

/*
 * A seção sobe 80px sobre o Hero.
 * Isso permite que o vídeo apareça na área transparente.
 */
margin-top: -80px;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-bottom: 0;

padding: 280px 8vw 100px;

overflow: visible;

/*
 * Parte superior transparente: revela o vídeo do Hero.
 * Parte inferior preta: prepara a próxima seção escura.
 */
background-color: transparent;
background-image: linear-gradient(
  180deg,
  transparent 0%,
  transparent 48%,
  #0B0D0F 48%,
  #0B0D0F 100%
) !important;

isolation: isolate;


/* ==================================================
 CAMADA DIAGONAL COM FÁBRICA E GRADIENTE
================================================== */

&::before {
  content: "";

  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  background-image:
      linear-gradient(
          90deg,
          rgba(245, 246, 246, 1) 0%,
          rgba(245, 246, 246, 1) 23%,
          rgba(245, 246, 246, 0.97) 36%,
          rgba(245, 246, 246, 0.82) 50%,
          rgba(245, 246, 246, 0.42) 68%,
          rgba(245, 246, 246, 0.12) 100%
      ),
      url("https://cobra.art.br/clientes/ams/wp-content/uploads/2026/07/fe3075a3-9e8e-4264-9386-b9cf885cfd5a.png");

  background-position:
      center,
      center right;

  background-repeat:
      no-repeat,
      no-repeat;

  background-size:
      cover,
      cover;

  background-blend-mode:
      normal,
      luminosity;

  /*
   * Parte superior inclinada:
   * começa mais baixa à esquerda e sobe para a direita.
   *
   * Parte inferior inclinada:
   * começa mais baixa à esquerda e sobe para a direita.
   */
  clip-path: polygon(
      0 13%,
      100% 0,
      100% 88%,
      0 100%
  );

  z-index: 0;

  pointer-events: none;
}


/* ==================================================
 CONTEÚDOS ACIMA DA CAMADA
================================================== */

& > * {
  position: relative;
  z-index: 2;
}


/* ==================================================
 PNG DO BLOCOK
================================================== */

& > .blocok-flutuante {
  position: absolute !important;
  z-index: 10 !important;
}


/* ==================================================
 CONTEÚDO 25+
================================================== */

& > .conteudo-historia-widget {
  position: relative;
  z-index: 2;
}


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

@media (max-width: 1024px) {
  & {
      min-height: 580px;

      margin-top: -60px;

      padding: 245px 40px 95px;

      background-image: linear-gradient(
          180deg,
          transparent 0%,
          transparent 48%,
          #0B0D0F 48%,
          #0B0D0F 100%
      ) !important;
  }

  &::before {
      background-image:
          linear-gradient(
              90deg,
              rgba(245, 246, 246, 1) 0%,
              rgba(245, 246, 246, 0.98) 40%,
              rgba(245, 246, 246, 0.72) 68%,
              rgba(245, 246, 246, 0.20) 100%
          ),
          url("https://cobra.art.br/clientes/ams/wp-content/uploads/2026/07/fe3075a3-9e8e-4264-9386-b9cf885cfd5a.png");

      background-position:
          center,
          65% center;

      background-size:
          cover,
          cover;

      clip-path: polygon(
          0 10%,
          100% 0,
          100% 91%,
          0 100%
      );
  }
}


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

@media (max-width: 767px) {
  & {
      min-height: 760px;

      margin-top: -35px;

      padding: 220px 24px 105px;

      background-image: linear-gradient(
          180deg,
          transparent 0%,
          transparent 48%,
          #0B0D0F 48%,
          #0B0D0F 100%
      ) !important;
  }

  &::before {
      background-image:
          linear-gradient(
              180deg,
              rgba(245, 246, 246, 0.52) 0%,
              rgba(245, 246, 246, 0.84) 30%,
              rgba(245, 246, 246, 0.97) 58%,
              rgba(245, 246, 246, 1) 100%
          ),
          url("https://cobra.art.br/clientes/ams/wp-content/uploads/2026/07/fe3075a3-9e8e-4264-9386-b9cf885cfd5a.png");

      background-position:
          center,
          70% center;

      background-size:
          cover,
          cover;

      clip-path: polygon(
          0 6%,
          100% 0,
          100% 96%,
          0 100%
      );
  }
}\n}.elementor .e-384685fe-cdafb13{width:100%;position:relative;display:flex;flex-direction:column;}.elementor .e-3503974b-820eb79{width:100%;position:relative;display:flex;flex-direction:column;}.elementor .e-3503974b-820eb79{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;}.elementor .e-20502e8-18d6368{flex-direction:column;}.elementor .e-20502e8-18d6368{width:100%;position:relative;padding:0px;}.elementor .e-5808ef28-8a452f5{width:100%;position:relative;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;flex-direction:column;}