.elementor-88 .elementor-element.elementor-element-def4b1b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-e76c768 *//*
  ARSYSTEM COMPRESSORES
  Página: Compressor Isento de Óleo ELGi Série AB de 15 a 150 HP
  Local de instalação: CSS personalizado do contêiner da página
  Não adicionar tags <style> neste campo.
*/

.ars-ab-hero,
.ars-ab-hero *,
.ars-ab-hero *::before,
.ars-ab-hero *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ars-ab-hero a {
  color: inherit;
  text-decoration: none !important;
}

.ars-ab-hero {
  --ars-ab-dark: #132632;
  --ars-ab-dark-deep: #0c1d27;
  --ars-ab-green: #cff3bd;
  --ars-ab-white: #ffffff;

  position: relative;
  isolation: isolate;

  width: 100%;
  min-width: 0;
  overflow: hidden;

  background:
    linear-gradient(
      112deg,
      var(--ars-ab-dark-deep) 0%,
      var(--ars-ab-dark) 72%,
      #18313f 100%
    );

  color: var(--ars-ab-white);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
}





.ars-ab-hero__container {
  position: relative;
  z-index: 3;

  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 24px;
}

.ars-ab-hero__content {
  position: relative;
  z-index: 3;

  width: min(82%, 1080px);
}

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

.ars-ab-hero__breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;

  margin: 0 0 20px;

  color: rgba(255, 255, 255, 0.68);

  font-family:
    var(--ars-font-text, "Inter", Arial, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.ars-ab-hero__breadcrumb-link {
  transition: color 0.25s ease;
}

.ars-ab-hero__breadcrumb-link:hover,
.ars-ab-hero__breadcrumb-link:focus-visible {
  color: var(--ars-ab-green);
}

.ars-ab-hero__breadcrumb-link:focus-visible {
  outline: 2px solid var(--ars-ab-green);
  outline-offset: 3px;
}

.ars-ab-hero__separator {
  color: rgba(255, 255, 255, 0.34);
}

.ars-ab-hero__breadcrumb-current {
  color: var(--ars-ab-green);
  font-weight: 700;
}

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

.ars-ab-hero__title {
  max-width: 1080px;

  color: var(--ars-ab-white);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(32px, 3.25vw, 50px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.ars-ab-hero__subtitle {
  max-width: 900px;
  margin-top: 10px;

  color: rgba(255, 255, 255, 0.96);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(20px, 2.1vw, 31px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.ars-ab-hero__highlight {
  color: var(--ars-ab-green);
}

/* =========================================================
   ATRIBUTOS
========================================================= */

.ars-ab-hero__features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;

  margin-top: 30px;
}

.ars-ab-hero__feature {
  position: relative;

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

  min-height: 38px;
  padding: 8px 24px 8px 18px;

  border: 1px solid rgba(207, 243, 189, 0.34);

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.065) 100%
    );

  color: var(--ars-ab-white);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;

  -webkit-clip-path:
    polygon(
      0 0,
      calc(100% - 12px) 0,
      100% 50%,
      calc(100% - 12px) 100%,
      0 100%,
      10px 50%
    );

  clip-path:
    polygon(
      0 0,
      calc(100% - 12px) 0,
      100% 50%,
      calc(100% - 12px) 100%,
      0 100%,
      10px 50%
    );

  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);

  transition:
    border-color 0.24s ease,
    background-color 0.24s ease,
    transform 0.24s ease;
}

.ars-ab-hero__feature:first-child {
  padding-left: 16px;

  -webkit-clip-path:
    polygon(
      0 0,
      calc(100% - 12px) 0,
      100% 50%,
      calc(100% - 12px) 100%,
      0 100%
    );

  clip-path:
    polygon(
      0 0,
      calc(100% - 12px) 0,
      100% 50%,
      calc(100% - 12px) 100%,
      0 100%
    );
}

.ars-ab-hero__feature:hover {
  border-color: rgba(207, 243, 189, 0.62);
  background-color: rgba(255, 255, 255, 0.10);
  transform: translateY(-2px);
}

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

@media (max-width: 1050px) {
  .ars-ab-hero__content {
    width: 86%;
  }

  .ars-ab-hero__title {
    font-size: clamp(30px, 4vw, 43px);
  }

  .ars-ab-hero__feature {
    font-size: 10px;
  }
}

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

@media (max-width: 767px) {
  .ars-ab-hero__container {
    padding: 36px 20px;
  }

  .ars-ab-hero__content {
    width: 100%;
  }

  .ars-ab-hero__breadcrumb {
    gap: 6px;
    margin-bottom: 18px;
    font-size: 10px;
  }

  .ars-ab-hero__title {
    max-width: 100%;

    font-size: clamp(27px, 7.8vw, 36px);
    line-height: 1.06;
  }

  .ars-ab-hero__subtitle {
    max-width: 95%;
    margin-top: 12px;

    font-size: clamp(19px, 5.5vw, 25px);
  }

  .ars-ab-hero__features {
    gap: 8px;
    margin-top: 24px;
  }

  .ars-ab-hero__feature {
    min-height: 36px;
    padding: 8px 20px 8px 16px;

    font-size: 9.5px;
  }

  
}

@media (max-width: 520px) {
  .ars-ab-hero__features {
    display: grid;
    grid-template-columns:
      minmax(82px, 0.92fr)
      minmax(82px, 0.92fr)
      minmax(0, 1.16fr);
    align-items: stretch;
    gap: 5px;

    width: 100%;
    margin-top: 22px;
  }

  .ars-ab-hero__feature,
  .ars-ab-hero__feature:first-child {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 8px 14px 8px 10px;

    justify-content: center;

    font-size: 8px;
    line-height: 1.2;
    letter-spacing: 0.025em;
    text-align: center;
    white-space: normal;

    -webkit-clip-path:
      polygon(
        0 0,
        calc(100% - 10px) 0,
        100% 50%,
        calc(100% - 10px) 100%,
        0 100%
      );

    clip-path:
      polygon(
        0 0,
        calc(100% - 10px) 0,
        100% 50%,
        calc(100% - 10px) 100%,
        0 100%
      );
  }
}

@media (max-width: 420px) {
  .ars-ab-hero__container {
    padding: 32px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ars-ab-hero__breadcrumb-link,
  .ars-ab-hero__feature {
    transition: none;
  }
}

/* ========================================================= */

.ars-ab-overview,
.ars-ab-overview *,
.ars-ab-overview *::before,
.ars-ab-overview *::after {
  box-sizing: border-box;
}

.ars-ab-overview {
  --ars-eo-dark: #132632;
  --ars-eo-dark-deep: #0c1d27;
  --ars-eo-green: #cff3bd;
  --ars-eo-green-strong: #65934f;
  --ars-eo-text: #526069;
  --ars-eo-border: #e3e9e1;
  --ars-eo-soft: #f4f8f2;
  --ars-eo-title: var(--ars-font-title, "Outfit", Arial, sans-serif);
  --ars-eo-body: var(--ars-font-text, "Inter", Arial, sans-serif);

  width: 100%;
  margin: 0;
  padding: 72px 24px;
  overflow: clip;

  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--ars-eo-dark);
  font-family: var(--ars-eo-body);
}

.ars-ab-overview :where(h2, h3, p, figure) {
  margin: 0;
  padding: 0;
}

.ars-ab-overview a {
  text-decoration: none !important;
}

.ars-ab-overview__container {
  display: grid;
  grid-template-columns: minmax(360px, 0.88fr) minmax(0, 1.32fr);
  gap: clamp(42px, 5vw, 76px);
  align-items: start;

  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}

/* =========================================================
   GALERIA
========================================================= */

.ars-ab-overview__media {
  position: sticky;
  top: 112px;
  align-self: start;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 540px;
  padding: 34px;
  overflow: hidden;

  border: 1px solid var(--ars-eo-border);
  border-radius: 16px;

  background-color: #ffffff !important;
  background-image: none !important;

  box-shadow: 0 24px 48px rgba(19, 38, 50, 0.08);
}

.ars-ab-overview__media::before {
  position: absolute;
  top: 0;
  right: 0;

  width: 110px;
  height: 8px;

  border-radius: 0 16px 0 8px;

  background: var(--ars-eo-green);

  content: "";
}

.ars-ab-overview__stage {
  position: relative;
  z-index: 1;
  isolation: isolate;

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

  width: 100%;
  height: 390px;
  overflow: hidden;

  background-color: #ffffff !important;
  background-image: none !important;
}

.ars-ab-overview__image {
  position: relative;
  z-index: 1;

  display: block;

  width: 100% !important;
  max-width: 500px !important;
  height: 100% !important;

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

  background-color: #ffffff !important;
  background-image: none !important;

  filter: drop-shadow(0 18px 20px rgba(19, 38, 50, 0.12));

  opacity: 1;
  transform: scale(1);

  transition:
    opacity 0.22s ease,
    transform 0.22s ease;
}

.ars-ab-overview__image.is-changing {
  opacity: 0;
  transform: scale(0.985);
}

/* =========================================================
   MINIATURAS
========================================================= */

.ars-ab-overview__thumbs {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;

  width: 100%;
  max-width: 370px;
  margin-top: 18px;
}

.ars-ab-overview__thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent;

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

  width: 100%;
  height: 72px;
  padding: 6px;
  overflow: hidden;

  border: 2px solid #dce5d8 !important;
  border-radius: 9px;

  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--ars-eo-dark) !important;

  box-shadow: 0 5px 12px rgba(19, 38, 50, 0.05);

  font: inherit;
  text-shadow: none !important;
  cursor: pointer;

  transition:
    border-color 0.22s ease,
    background-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.ars-ab-overview__thumb::before,
.ars-ab-overview__thumb::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

.ars-ab-overview__thumb:hover,
.ars-ab-overview__thumb:focus,
.ars-ab-overview__thumb:focus-visible,
.ars-ab-overview__thumb:active {
  border-color: var(--ars-eo-green-strong) !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--ars-eo-dark) !important;
  box-shadow: 0 7px 16px rgba(19, 38, 50, 0.10);
  transform: translateY(-2px);
}

.ars-ab-overview__thumb:focus,
.ars-ab-overview__thumb:focus-visible {
  outline: 3px solid rgba(101, 147, 79, 0.22) !important;
  outline-offset: 2px;
}

.ars-ab-overview__thumb.is-active,
.ars-ab-overview__thumb.is-active:hover,
.ars-ab-overview__thumb.is-active:focus,
.ars-ab-overview__thumb.is-active:focus-visible,
.ars-ab-overview__thumb.is-active:active {
  border-color: var(--ars-eo-dark) !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--ars-eo-dark) !important;
  box-shadow: 0 7px 16px rgba(19, 38, 50, 0.12);
}

.ars-ab-overview__thumb-image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center;
  background-color: transparent !important;
  background-image: none !important;
}

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

.ars-ab-overview__content {
  min-width: 0;
}

.ars-ab-overview__header {
  padding-bottom: 25px;

  border-bottom: 1px solid var(--ars-eo-border);
}

.ars-ab-overview__eyebrow {
  display: block;

  margin-bottom: 9px;

  color: var(--ars-eo-green-strong);

  font-family: var(--ars-eo-title);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.ars-ab-overview__title {
  width: 100%;

  color: var(--ars-eo-dark);

  font-family: var(--ars-eo-title);
  font-size: clamp(29px, 2.45vw, 38px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;

  white-space: nowrap;
}

.ars-ab-overview__powers {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 17px;
}

.ars-ab-overview__powers-label {
  margin-right: 3px;

  color: var(--ars-eo-text);

  font-family: var(--ars-eo-title);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.ars-ab-overview__power {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 54px;
  min-height: 32px;
  padding: 6px 11px;

  border: 1px solid rgba(101, 147, 79, 0.22);
  border-radius: 999px;

  background: var(--ars-eo-green);
  color: var(--ars-eo-dark);

  font-family: var(--ars-eo-title);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.ars-ab-overview__intro {
  margin-top: 28px !important;

  color: var(--ars-eo-text);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.ars-ab-overview__intro strong {
  color: var(--ars-eo-dark);
  font-weight: 700;
}

/* =========================================================
   BOTÕES
========================================================= */

.ars-ab-overview__actions {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 12px;

  width: 100%;
  margin-top: 22px;
}

.ars-ab-overview__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-width: 220px;
  min-height: 52px;
  margin: 0;
  padding: 14px 22px;

  flex: 1 1 220px;

  border: 2px solid var(--ars-eo-dark);
  border-radius: 8px;

  background: var(--ars-eo-dark);
  color: #ffffff !important;

  font-family: var(--ars-eo-title);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: uppercase;

  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.ars-ab-overview__button::after {
  font-size: 20px;
  line-height: 1;

  content: "→";
}

.ars-ab-overview__button svg {
  width: 19px;
  height: 19px;

  flex: 0 0 19px;

  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ars-ab-overview__button:hover,
.ars-ab-overview__button:focus-visible {
  border-color: var(--ars-eo-green);

  background: var(--ars-eo-green);
  color: var(--ars-eo-dark) !important;

  box-shadow: 0 12px 24px rgba(19, 38, 50, 0.14);

  transform: translateY(-2px);
}

.ars-ab-overview__button--catalog {
  border-color: var(--ars-eo-green);

  background: var(--ars-eo-green);
  color: var(--ars-eo-dark) !important;
}

.ars-ab-overview__button--catalog::after {
  content: none;
}

.ars-ab-overview__button--catalog:hover,
.ars-ab-overview__button--catalog:focus-visible {
  border-color: var(--ars-eo-dark);

  background: var(--ars-eo-dark);
  color: #ffffff !important;
}

.ars-ab-overview__button:focus-visible {
  outline: 3px solid rgba(101, 147, 79, 0.28);
  outline-offset: 3px;
}

/* =========================================================
   TECNOLOGIAS E CONFIGURAÇÕES
========================================================= */

.ars-ab-overview__options {
  margin-top: 28px;
}

.ars-ab-overview__options-title {
  margin-bottom: 16px !important;

  color: var(--ars-eo-dark);

  font-family: var(--ars-eo-title);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.ars-ab-overview__option-list {
  display: grid;
  gap: 14px;
}

.ars-ab-overview__option {
  position: relative;

  padding: 18px 20px 18px 54px;

  border: 1px solid var(--ars-eo-border);
  border-radius: 10px;

  background: var(--ars-eo-soft);
}

.ars-ab-overview__option::before {
  position: absolute;
  top: 21px;
  left: 20px;

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

  width: 20px;
  height: 20px;

  border-radius: 50%;

  background: var(--ars-eo-green);
  color: var(--ars-eo-dark);

  font-family: var(--ars-eo-title);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;

  content: "✓";
}

.ars-ab-overview__option p {
  color: var(--ars-eo-text);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
}

.ars-ab-overview__option strong {
  color: var(--ars-eo-dark);
  font-weight: 800;
}

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

@media (max-width: 1024px) {
  .ars-ab-overview__media {
    top: 92px;
  }

  .ars-ab-overview__container {
    grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);
    gap: 34px;
  }

  .ars-ab-overview__media {
    min-height: 500px;
    padding: 24px;
  }

  .ars-ab-overview__stage {
    height: 350px;
  }

  .ars-ab-overview__title {
    white-space: normal;
  }

  .ars-ab-overview__actions {
    gap: 10px;
  }

  .ars-ab-overview__button {
    min-width: 190px;
  }
}

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

@media (max-width: 767px) {
  .ars-ab-overview {
    padding: 48px 20px;
    overflow: hidden;
  }

  .ars-ab-overview__media {
    position: relative;
    top: auto;
  }

  .ars-ab-overview__container {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .ars-ab-overview__media {
    min-height: 420px;
    padding: 22px;

    border-radius: 12px;
  }

  .ars-ab-overview__stage {
    height: 280px;
  }

  .ars-ab-overview__image {
    max-width: 100% !important;
  }

  .ars-ab-overview__thumbs {
    max-width: 330px;
    gap: 8px;

    margin-top: 15px;
  }

  .ars-ab-overview__thumb {
    height: 64px;
    padding: 5px;
  }

  .ars-ab-overview__header {
    padding-bottom: 22px;
  }

  .ars-ab-overview__title {
    font-size: clamp(28px, 8.2vw, 36px);

    white-space: normal;
  }

  .ars-ab-overview__powers {
    gap: 7px;
  }

  .ars-ab-overview__powers-label {
    width: 100%;
    margin: 0 0 3px;
  }

  .ars-ab-overview__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ars-ab-overview__button {
    width: 100%;
    min-width: 0;
  }

  .ars-ab-overview__intro {
    margin-top: 23px !important;

    font-size: 15px;
    line-height: 1.72;
  }

  .ars-ab-overview__option {
    padding: 17px 17px 17px 49px;
  }

  .ars-ab-overview__option::before {
    top: 20px;
    left: 17px;
  }

  .ars-ab-overview__option p {
    font-size: 14.5px;
    line-height: 1.65;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ars-ab-overview__image,
  .ars-ab-overview__thumb,
  .ars-ab-overview__button {
    transition: none;
  }

  .ars-ab-overview__button:hover,
  .ars-ab-overview__button:focus-visible {
    transform: none;
  }
}

/* ========================================================= */

/* =========================================================
   AJUSTES COMPLEMENTARES — VISÃO GERAL DA SÉRIE AB
   Este bloco permanece junto da segunda seção.
========================================================= */

.ars-ab-overview__caption {
  width: 100%;
  max-width: 430px;
  margin-top: 14px !important;

  color: #718087;

  font-family: var(--ars-eo-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

/* Catálogo com padrão visual de arquivo PDF */
.ars-ab-overview__button--catalog {
  border-color: #ec1c24;
  background: transparent;
  color: #ec1c24 !important;
}

.ars-ab-overview__button--catalog svg {
  stroke: currentColor;
}

.ars-ab-overview__button--catalog:hover,
.ars-ab-overview__button--catalog:focus-visible {
  border-color: #ec1c24;
  background: rgba(236, 28, 36, 0.07);
  color: #c9171e !important;
}

.ars-ab-overview__button--catalog:focus-visible {
  outline: 3px solid rgba(236, 28, 36, 0.22);
  outline-offset: 3px;
}

/*
 * A correção começa no tablet para impedir que o compressor
 * permaneça sobre o texto. A galeria deixa de ser sticky e
 * ocupa uma linha própria acima do conteúdo.
 */
@media (max-width: 1024px) {
  .ars-ab-overview {
    padding: 56px 24px;
    overflow: hidden;
  }

  .ars-ab-overview__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }

  .ars-ab-overview__media {
    position: relative;
    top: auto;
    align-self: auto;

    width: 100%;
    max-width: 720px;
    min-height: 0;
    margin: 0 auto;
    padding: 26px;

    overflow: hidden;
  }

  .ars-ab-overview__stage {
    width: 100%;
    height: 340px;
    min-height: 0;
  }

  .ars-ab-overview__image {
    width: 100% !important;
    max-width: 560px !important;
    height: 100% !important;
  }

  .ars-ab-overview__content {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .ars-ab-overview__title {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .ars-ab-overview {
    padding: 48px 20px;
  }

  .ars-ab-overview__container {
    gap: 30px;
  }

  .ars-ab-overview__media {
    max-width: 100%;
    padding: 20px;
    border-radius: 12px;
  }

  .ars-ab-overview__stage {
    height: 250px;
  }

  .ars-ab-overview__image {
    max-width: 100% !important;
  }

  .ars-ab-overview__thumbs {
    width: 100%;
    max-width: 330px;
    margin-top: 14px;
  }

  .ars-ab-overview__thumb {
    height: 62px;
  }

  .ars-ab-overview__caption {
    margin-top: 12px !important;
    font-size: 11.5px;
  }

  .ars-ab-overview__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .ars-ab-overview__button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .ars-ab-overview__stage {
    height: 220px;
  }

  .ars-ab-overview__media {
    padding: 17px;
  }

  .ars-ab-overview__thumb {
    height: 58px;
  }
}

/* ========================================================= */

/* =========================================================
   RESET ISOLADO E VARIÁVEIS
========================================================= */

.ars-ab-opening,
.ars-ab-opening *,
.ars-ab-opening *::before,
.ars-ab-opening *::after {
  box-sizing: border-box;
}

.ars-ab-opening :where(h2, p) {
  margin: 0;
  padding: 0;
}

.ars-ab-opening {
  --ars-opening-dark: #132632;
  --ars-opening-dark-deep: #0c1d27;
  --ars-opening-green: #cff3bd;
  --ars-opening-title: var(--ars-font-title, "Outfit", Arial, sans-serif);
  --ars-opening-body: var(--ars-font-text, "Inter", Arial, sans-serif);

  position: relative;

  display: flex;
  align-items: center;

  width: 100%;
  min-width: 0;
  min-height: 360px;
  padding: 75px 0;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 72% 45%,
      rgba(207, 243, 189, 0.13),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #091820 0%,
      var(--ars-opening-dark-deep) 42%,
      var(--ars-opening-dark) 100%
    );

  color: #ffffff;
  font-family: var(--ars-opening-body);
  isolation: isolate;
}

/* Grade técnica decorativa */



.ars-ab-opening__container {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1240px;
  min-width: 0;
  margin: 0 auto;
  padding: 0 24px;
}

/* =========================================================
   TEXTO GIGANTE AO FUNDO
========================================================= */

.ars-ab-opening__ghost {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;

  color: rgba(255, 255, 255, 0.038);

  font-family: var(--ars-opening-title);
  font-size: clamp(7rem, 15vw, 15rem);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;

  pointer-events: none;
  user-select: none;

  transform: translate(-50%, -50%);
}

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

.ars-ab-opening__content {
  position: relative;
  z-index: 2;

  max-width: 1050px;
  padding: 3px 0 25px 26px;

  border-left: 6px solid var(--ars-opening-green);
}

.ars-ab-opening__content::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 6px;

  border-radius: 0 5px 5px 0;
  background: var(--ars-opening-green);

  transform: scaleX(0);
  transform-origin: left;

  transition:
    transform 0.8s
    cubic-bezier(0.22, 1, 0.36, 1);

  content: "";
}

.ars-ab-opening__title {
  color: #ffffff;

  font-family: var(--ars-opening-title);
  font-size: clamp(30px, 4vw, 49px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.035em;

  opacity: 0;
  transform: translateX(-30px);

  transition:
    opacity 0.75s ease,
    transform 0.75s
    cubic-bezier(0.22, 1, 0.36, 1);
}

.ars-ab-opening__description {
  max-width: 930px;
  margin-top: 20px !important;

  color: rgba(255, 255, 255, 0.82);

  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.7;

  opacity: 0;
  transform: translateY(16px);

  transition:
    opacity 0.65s ease 0.3s,
    transform 0.65s ease 0.3s;
}

.ars-ab-opening__description strong {
  color: var(--ars-opening-green);
  font-weight: 800;
}

/* Estado visível acionado pelo JavaScript */

.ars-ab-opening.ars-ab-opening--visible
  .ars-ab-opening__content::after {
  transform: scaleX(1);
}

.ars-ab-opening.ars-ab-opening--visible
  .ars-ab-opening__title,
.ars-ab-opening.ars-ab-opening--visible
  .ars-ab-opening__description {
  opacity: 1;
  transform: none;
}

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

@media (max-width: 767px) {
  .ars-ab-opening {
    min-height: 400px;
    padding: 62px 0;
  }

  .ars-ab-opening__container {
    padding: 0 20px;
  }

  .ars-ab-opening__ghost {
    font-size: clamp(5rem, 28vw, 8rem);
  }

  .ars-ab-opening__content {
    padding-left: 17px;
    padding-bottom: 20px;

    border-left-width: 4px;
  }

  .ars-ab-opening__content::after {
    height: 4px;
  }

  .ars-ab-opening__title {
    font-size: clamp(28px, 8vw, 37px);
  }

  .ars-ab-opening__description {
    font-size: 15px;
    line-height: 1.68;
  }
}

/* =========================================================
   MOVIMENTO REDUZIDO
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ars-ab-opening *,
  .ars-ab-opening *::before,
  .ars-ab-opening *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .ars-ab-opening__title,
  .ars-ab-opening__description {
    opacity: 1 !important;
    transform: none !important;
  }

  .ars-ab-opening__content::after {
    transform: scaleX(1) !important;
  }
}

/* ========================================================= */

.ars-ab-water-section,
.ars-ab-water-section *,
.ars-ab-water-section *::before,
.ars-ab-water-section *::after {
  box-sizing: border-box;
}

.ars-ab-water-section :where(
  h2,
  h3,
  p,
  span,
  div,
  article,
  img,
  ul,
  li
) {
  margin: 0;
  padding: 0;
}

.ars-ab-water-section {
  --ars-section-dark: #132632;
  --ars-section-dark-deep: #0c1d27;
  --ars-section-green: #cff3bd;
  --ars-section-green-strong: #5f9243;
  --ars-section-text: #526069;
  --ars-section-muted: #718089;
  --ars-section-border: #dfe7e2;
  --ars-section-bg: #f8f8f8;
  --ars-section-white: #ffffff;

  --ars-section-title: var(--ars-font-title, "Outfit", Arial, sans-serif);
  --ars-section-body: var(--ars-font-text, "Inter", Arial, sans-serif);

  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;

  min-height: auto;
  padding: 75px 0 75px;
  overflow: hidden;

  background: var(--ars-section-bg);
  color: var(--ars-section-dark);

  font-family: var(--ars-section-body);
}

.ars-ab-water-section__container {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}

.ars-ab-water-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 1.02fr);
  gap: clamp(28px, 3vw, 40px);
  align-items: center;
}

/* =========================================================
   COLUNA DE TEXTO
========================================================= */

.ars-ab-water-section__content {
  min-width: 0;
}

.ars-ab-water-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 11px;

  color: var(--ars-section-green-strong);

  font-family: var(--ars-section-title);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.ars-ab-water-section__eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  flex: 0 0 28px;
  background: var(--ars-section-green);
}

.ars-ab-water-section__title {
  max-width: 590px;

  color: var(--ars-section-dark);

  font-family: var(--ars-section-title);
  font-size: clamp(32px, 3.2vw, 50px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -0.05em;
}

.ars-ab-water-section__description {
  max-width: 620px;
  margin-top: 12px;

  color: var(--ars-section-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}

.ars-ab-water-section__description strong {
  color: var(--ars-section-dark);
  font-weight: 800;
}

.ars-ab-water-section__list {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  list-style: none;
}

.ars-ab-water-section__item {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  align-items: start;

  padding: 10px 12px;

  border: 1px solid rgba(19, 38, 50, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.ars-ab-water-section__item:hover {
  transform: translateY(-2px);
  border-color: rgba(95, 146, 67, 0.26);
  box-shadow: 0 12px 26px rgba(19, 38, 50, 0.07);
}

.ars-ab-water-section__item-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 34px;
  padding: 0 10px;

  border-radius: 999px;
  background: rgba(207, 243, 189, 0.55);
  color: var(--ars-section-dark);

  font-family: var(--ars-section-title);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ars-ab-water-section__item-text {
  color: var(--ars-section-text);
  font-size: 15px;
  line-height: 1.6;
}

.ars-ab-water-section__item-text strong {
  color: var(--ars-section-dark);
  font-weight: 800;
}

.ars-ab-water-section__note {
  max-width: 620px;
  margin-top: 12px;

  color: var(--ars-section-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

/* =========================================================
   COLUNA VISUAL
========================================================= */

.ars-ab-water-section__visual-wrap {
  position: relative;
  min-width: 0;
}

.ars-ab-water-section__visual-card {
  position: relative;
  min-height: 400px;
  padding: 22px;
  overflow: hidden;

  border: 1px solid var(--ars-section-border);
  border-radius: 20px;

  background:
    radial-gradient(
      circle at 18% 16%,
      rgba(207, 243, 189, 0.42) 0%,
      rgba(207, 243, 189, 0) 26%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f1f6f2 100%
    );

  box-shadow:
    0 14px 40px rgba(19, 38, 50, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.ars-ab-water-section__visual-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(19, 38, 50, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(19, 38, 50, 0.025) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.8;
  pointer-events: none;
}

.ars-ab-water-section__visual-card::after {
  content: "";
  position: absolute;
  right: -65px;
  bottom: -65px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(19, 38, 50, 0.08) 0%,
      rgba(19, 38, 50, 0) 68%
    );
  pointer-events: none;
}

.ars-ab-water-section__product-area {
  position: relative;
  z-index: 2;

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

  min-height: 340px;
}

.ars-ab-water-section__product-image {
  display: block;
  width: auto;
  max-width: min(100%, 330px);
  max-height: 310px;
  object-fit: contain;
  filter:
    drop-shadow(0 24px 28px rgba(19, 38, 50, 0.13))
    drop-shadow(0 8px 10px rgba(19, 38, 50, 0.08));
}

/* =========================================================
   BADGES FLUTUANTES
========================================================= */

.ars-ab-water-section__badge-circle {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 3;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 108px;
  height: 108px;
  padding: 11px;

  border: 3px solid var(--ars-section-dark);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(19, 38, 50, 0.12);

  text-align: center;
}

.ars-ab-water-section__badge-circle small {
  display: block;

  color: var(--ars-section-dark);

  font-family: var(--ars-section-title);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ars-ab-water-section__badge-circle strong {
  margin-top: 4px;

  color: var(--ars-section-dark);

  font-family: var(--ars-section-title);
  font-size: 28px;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.04em;
}

.ars-ab-water-section__badge-circle span {
  margin-top: 5px;

  color: var(--ars-section-dark);

  font-family: var(--ars-section-title);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ars-ab-water-section__badge-pill {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 3;

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

  min-height: 58px;
  padding: 12px 16px;

  border-radius: 14px;
  background: var(--ars-section-dark);
  color: #ffffff;

  box-shadow: 0 16px 34px rgba(19, 38, 50, 0.22);
  text-align: center;
}

.ars-ab-water-section__badge-pill strong {
  display: block;

  font-family: var(--ars-section-title);
  font-size: 22px;
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.03em;
}

.ars-ab-water-section__badge-pill span {
  display: block;
  margin-top: 4px;

  color: rgba(255, 255, 255, 0.84);

  font-family: var(--ars-section-title);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ars-ab-water-section__floating-label {
  position: absolute;
  top: 26px;
  right: 26px;
  z-index: 3;

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

  min-height: 30px;
  padding: 7px 12px;

  border: 1px solid rgba(19, 38, 50, 0.08);
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.9);
  color: var(--ars-section-green-strong);

  font-family: var(--ars-section-title);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 10px 18px rgba(19, 38, 50, 0.08);
}

/* =========================================================
   RESPONSIVO
========================================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .ars-ab-water-section {
    min-height: calc(100svh - 90px);
    padding: 14px 0;
  }

  .ars-ab-water-section__visual-card {
    min-height: 360px;
  }

  .ars-ab-water-section__product-area {
    min-height: 305px;
  }

  .ars-ab-water-section__product-image {
    max-width: min(100%, 280px);
    max-height: 275px;
  }

  .ars-ab-water-section__list {
    gap: 6px;
    margin-top: 13px;
  }

  .ars-ab-water-section__item {
    padding: 8px 11px;
  }
}

@media (max-width: 1024px) {
  .ars-ab-water-section__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .ars-ab-water-section__content {
    max-width: none;
  }

  .ars-ab-water-section__title,
  .ars-ab-water-section__description,
  .ars-ab-water-section__note {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .ars-ab-water-section {
    display: block;
    min-height: 0;
    padding: 24px 0;
  }

  .ars-ab-water-section__container {
    width: min(calc(100% - 32px), 560px);
  }

  .ars-ab-water-section__visual-card {
    min-height: 400px;
    padding: 22px;
    border-radius: 16px;
  }

  .ars-ab-water-section__product-area {
    min-height: 315px;
  }

  .ars-ab-water-section__product-image {
    max-width: min(100%, 240px);
    max-height: 280px;
  }

  .ars-ab-water-section__badge-circle {
    top: 16px;
    left: 16px;
    width: 98px;
    height: 98px;
    padding: 10px;
  }

  .ars-ab-water-section__badge-circle strong {
    font-size: 22px;
  }

  .ars-ab-water-section__badge-circle span {
    font-size: 8.5px;
  }

  .ars-ab-water-section__floating-label {
    top: 16px;
    right: 16px;
    min-height: 30px;
    padding: 7px 11px;
    font-size: 9px;
  }

  .ars-ab-water-section__badge-pill {
    right: 16px;
    bottom: 16px;
    left: 16px;
    min-height: 60px;
    padding: 12px 14px;
  }

  .ars-ab-water-section__badge-pill strong {
    font-size: 20px;
  }

  .ars-ab-water-section__title {
    font-size: clamp(29px, 8vw, 38px);
  }

  .ars-ab-water-section__description {
    font-size: 14.5px;
    line-height: 1.72;
  }

  .ars-ab-water-section__item {
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 14px 14px;
    border-radius: 12px;
  }

  .ars-ab-water-section__item-number {
    min-height: 32px;
    font-size: 12px;
  }

  .ars-ab-water-section__item-text {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .ars-ab-water-section__floating-label {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ars-ab-water-section *,
  .ars-ab-water-section *::before,
  .ars-ab-water-section *::after {
    transition: none !important;
  }
}

/* ========================================================= */

/* =========================================================
   RESET ISOLADO
========================================================= */

.ars-ab-waterpath-section,
.ars-ab-waterpath-section *,
.ars-ab-waterpath-section *::before,
.ars-ab-waterpath-section *::after {
  box-sizing: border-box;
}

.ars-ab-waterpath-section :where(
  h2,
  p,
  span,
  div,
  figure,
  ul,
  li,
  img
) {
  margin: 0;
  padding: 0;
}

.ars-ab-waterpath-section {
  --ars-ab-waterpath-dark: #132632;
  --ars-ab-waterpath-dark-deep: #0c1d27;
  --ars-ab-waterpath-green: #cff3bd;
  --ars-ab-waterpath-green-main: #248b35;
  --ars-ab-waterpath-green-soft: #edf8ef;
  --ars-ab-waterpath-text: #526069;
  --ars-ab-waterpath-border: #dfe7e2;
  --ars-ab-waterpath-bg: #ffffff;
  --ars-ab-waterpath-white: #ffffff;

  --ars-ab-waterpath-title:
    var(--ars-font-title, "Outfit", Arial, sans-serif);

  --ars-ab-waterpath-body:
    var(--ars-font-text, "Inter", Arial, sans-serif);

  display: flex;
  align-items: center;

  width: 100%;
  min-width: 0;
  min-height: calc(100svh - 110px);
  padding: 22px 0;
  overflow: hidden;

  background: #ffffff;

  color: var(--ars-ab-waterpath-dark);
  font-family: var(--ars-ab-waterpath-body);
}

.ars-ab-waterpath-section__container {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}

.ars-ab-waterpath-section__grid {
  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(430px, 1.08fr);
  align-items: center;
  gap: clamp(34px, 4vw, 62px);
}

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

.ars-ab-waterpath-section__content {
  min-width: 0;
}

.ars-ab-waterpath-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 14px;

  color: var(--ars-ab-waterpath-green-main);

  font-family: var(--ars-ab-waterpath-title);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.ars-ab-waterpath-section__eyebrow::before {
  width: 32px;
  height: 2px;
  flex: 0 0 32px;

  background: var(--ars-ab-waterpath-green-main);

  content: "";
}

.ars-ab-waterpath-section__title {
  max-width: 610px;

  color: var(--ars-ab-waterpath-dark);

  font-family: var(--ars-ab-waterpath-title);
  font-size: clamp(32px, 3.2vw, 50px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -0.05em;
}

.ars-ab-waterpath-section__description {
  max-width: 620px;
  margin-top: 18px;

  color: var(--ars-ab-waterpath-text);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}

.ars-ab-waterpath-section__description strong {
  color: var(--ars-ab-waterpath-dark);
  font-weight: 800;
}

/* =========================================================
   BENEFÍCIOS
========================================================= */

.ars-ab-waterpath-section__list {
  display: grid;
  gap: 12px;

  margin-top: 24px;

  list-style: none;
}

.ars-ab-waterpath-section__item {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: start;
  gap: 13px;

  padding: 2px 0;
}

.ars-ab-waterpath-section__item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;
  margin-top: 1px;

  border-radius: 50%;

  background: var(--ars-ab-waterpath-green-soft);
  color: var(--ars-ab-waterpath-green-main);
}

.ars-ab-waterpath-section__item-icon svg {
  width: 16px;
  height: 16px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ars-ab-waterpath-section__item-text {
  color: var(--ars-ab-waterpath-text);

  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.ars-ab-waterpath-section__item-text strong {
  color: var(--ars-ab-waterpath-dark);
  font-weight: 800;
}

/* =========================================================
   PAINEL VISUAL
========================================================= */

.ars-ab-waterpath-section__visual {
  position: relative;

  min-width: 0;
  padding: 24px 22px 22px;
}

.ars-ab-waterpath-section__visual-card {
  position: relative;

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

  min-height: 440px;
  padding: 46px 54px 42px;
  overflow: hidden;

  border: 1px solid rgba(36, 139, 53, 0.22);
  border-radius: 20px;

  background:
    radial-gradient(
      circle at 78% 24%,
      rgba(207, 243, 189, 0.64),
      transparent 29%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f1f8f2 58%,
      #e7f4e9 100%
    );

  box-shadow:
    0 24px 50px rgba(19, 38, 50, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.ars-ab-waterpath-section__visual-card::before {
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(
      rgba(19, 38, 50, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(19, 38, 50, 0.025) 1px,
      transparent 1px
    );
  background-size: 38px 38px;

  opacity: 0.75;
  pointer-events: none;

  content: "";
}

.ars-ab-waterpath-section__visual-card::after {
  position: absolute;
  right: -95px;
  bottom: -105px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(36, 139, 53, 0.12),
      transparent 68%
    );

  pointer-events: none;

  content: "";
}

.ars-ab-waterpath-section__image {
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
  max-width: 540px;
  max-height: 345px;

  object-fit: contain;
  object-position: center;

  filter:
    drop-shadow(0 25px 28px rgba(19, 38, 50, 0.16))
    drop-shadow(0 8px 12px rgba(19, 38, 50, 0.08));
}

/* =========================================================
   SELO ATÉ 8 COMPRESSORES
========================================================= */

.ars-ab-waterpath-section__machine-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 142px;
  height: 142px;
  padding: 16px;

  border: 5px solid #ffffff;
  border-radius: 50%;

  background: var(--ars-ab-waterpath-dark);
  color: #ffffff;

  box-shadow:
    0 18px 34px rgba(19, 38, 50, 0.22),
    0 0 0 1px rgba(19, 38, 50, 0.05);

  text-align: center;
}

.ars-ab-waterpath-section__machine-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  font-family: var(--ars-ab-waterpath-title);
  line-height: 1;
}

.ars-ab-waterpath-section__machine-top span {
  color: var(--ars-ab-waterpath-green);

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  transform: rotate(-90deg);
}

.ars-ab-waterpath-section__machine-top strong {
  color: #ffffff;

  font-size: 58px;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.ars-ab-waterpath-section__machine-caption {
  margin-top: 2px;

  color: rgba(255, 255, 255, 0.9);

  font-family: var(--ars-ab-waterpath-title);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* =========================================================
   SELO PAINEL TOUCH
========================================================= */

.ars-ab-waterpath-section__touch-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  min-height: 58px;
  padding: 13px 20px;

  border: 1px solid rgba(19, 38, 50, 0.1);
  border-radius: 12px;

  background: #ffffff;
  color: var(--ars-ab-waterpath-dark);

  box-shadow: 0 14px 28px rgba(19, 38, 50, 0.13);

  font-family: var(--ars-ab-waterpath-title);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.ars-ab-waterpath-section__touch-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  border-radius: 7px;

  background: var(--ars-ab-waterpath-green-soft);
  color: var(--ars-ab-waterpath-green-main);
}

.ars-ab-waterpath-section__touch-icon svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   TELAS DESKTOP MAIS BAIXAS
   Sem alterar a tipografia padronizada.
========================================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .ars-ab-waterpath-section {
    min-height: calc(100svh - 90px);
    padding: 14px 0;
  }

  .ars-ab-waterpath-section__grid {
    gap: 34px;
  }

  .ars-ab-waterpath-section__description {
    margin-top: 13px;
  }

  .ars-ab-waterpath-section__list {
    gap: 8px;
    margin-top: 17px;
  }

  .ars-ab-waterpath-section__visual-card {
    min-height: 390px;
    padding-top: 38px;
    padding-bottom: 34px;
  }

  .ars-ab-waterpath-section__image {
    max-height: 305px;
  }

  .ars-ab-waterpath-section__machine-badge {
    width: 124px;
    height: 124px;
  }

  .ars-ab-waterpath-section__machine-top strong {
    font-size: 50px;
  }
}

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

@media (max-width: 1024px) {
  .ars-ab-waterpath-section {
    display: block;
    min-height: 0;
    padding: 54px 0;
  }

  .ars-ab-waterpath-section__grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .ars-ab-waterpath-section__content {
    max-width: 760px;
  }

  .ars-ab-waterpath-section__title,
  .ars-ab-waterpath-section__description {
    max-width: none;
  }

  .ars-ab-waterpath-section__visual {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
}

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

@media (max-width: 767px) {
  .ars-ab-waterpath-section {
    padding: 38px 0;
  }

  .ars-ab-waterpath-section__container {
    width: min(calc(100% - 32px), 560px);
  }

  .ars-ab-waterpath-section__title {
    font-size: clamp(29px, 8vw, 38px);
  }

  .ars-ab-waterpath-section__description {
    font-size: 14.5px;
    line-height: 1.72;
  }

  .ars-ab-waterpath-section__item-text {
    font-size: 14px;
  }

  .ars-ab-waterpath-section__visual {
    padding: 20px 8px 24px;
  }

  .ars-ab-waterpath-section__visual-card {
    min-height: 350px;
    padding: 56px 22px 58px;

    border-radius: 16px;
  }

  .ars-ab-waterpath-section__image {
    max-width: 100%;
    max-height: 265px;
  }

  .ars-ab-waterpath-section__machine-badge {
    top: 0;
    right: 0;

    width: 104px;
    height: 104px;
    padding: 12px;
  }

  .ars-ab-waterpath-section__machine-top span {
    font-size: 10px;
  }

  .ars-ab-waterpath-section__machine-top strong {
    font-size: 42px;
  }

  .ars-ab-waterpath-section__machine-caption {
    font-size: 8.5px;
  }

  .ars-ab-waterpath-section__touch-badge {
    right: 8px;
    bottom: 0;
    left: 8px;

    justify-content: center;

    min-height: 54px;
    padding: 12px 16px;

    font-size: 14px;
  }
}


.ars-ab-waterpath-section__machine-top strong {
  font-size: 39px;
  letter-spacing: -0.045em;
}

@media (min-width: 1025px) and (max-height: 820px) {
  .ars-ab-waterpath-section__machine-top strong {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .ars-ab-waterpath-section__machine-top strong {
    font-size: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ars-ab-waterpath-section *,
  .ars-ab-waterpath-section *::before,
  .ars-ab-waterpath-section *::after {
    transition: none !important;
  }
}

/* ========================================================= */

/* =========================================================
   RESET ISOLADO
========================================================= */

.ars-ab-closedwater-section,
.ars-ab-closedwater-section *,
.ars-ab-closedwater-section *::before,
.ars-ab-closedwater-section *::after {
  box-sizing: border-box;
}

.ars-ab-closedwater-section :where(
  h2,
  p,
  span,
  div,
  figure,
  ul,
  li,
  img
) {
  margin: 0;
  padding: 0;
}

.ars-ab-closedwater-section {
  --ars-feature-dark: #132632;
  --ars-feature-dark-deep: #0c1d27;
  --ars-feature-green: #cff3bd;
  --ars-feature-green-main: #248b35;
  --ars-feature-green-soft: #edf8ef;
  --ars-feature-text: #526069;
  --ars-feature-border: #dfe7e2;
  --ars-feature-white: #ffffff;

  --ars-feature-title:
    var(--ars-font-title, "Outfit", Arial, sans-serif);

  --ars-feature-body:
    var(--ars-font-text, "Inter", Arial, sans-serif);

  display: flex;
  align-items: center;

  width: 100%;
  min-width: 0;
  min-height: calc(100svh - 110px);
  padding: 22px 0;
  overflow: hidden;

  background: #ffffff;

  color: var(--ars-feature-dark);
  font-family: var(--ars-feature-body);
}

.ars-ab-closedwater-section__container {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}

.ars-ab-closedwater-section__grid {
  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(430px, 1.08fr);
  align-items: center;
  gap: clamp(34px, 4vw, 62px);
}

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

.ars-ab-closedwater-section__content {
  min-width: 0;
}

.ars-ab-closedwater-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 14px;

  color: var(--ars-feature-green-main);

  font-family: var(--ars-feature-title);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.ars-ab-closedwater-section__eyebrow::before {
  width: 32px;
  height: 2px;
  flex: 0 0 32px;

  background: var(--ars-feature-green-main);

  content: "";
}

.ars-ab-closedwater-section__title {
  max-width: 610px;

  color: var(--ars-feature-dark);

  font-family: var(--ars-feature-title);
  font-size: clamp(32px, 3.2vw, 50px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -0.05em;
}

.ars-ab-closedwater-section__description {
  max-width: 620px;
  margin-top: 18px;

  color: var(--ars-feature-text);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}

.ars-ab-closedwater-section__description strong {
  color: var(--ars-feature-dark);
  font-weight: 800;
}

/* =========================================================
   BENEFÍCIOS
========================================================= */

.ars-ab-closedwater-section__list {
  display: grid;
  gap: 12px;

  margin-top: 24px;

  list-style: none;
}

.ars-ab-closedwater-section__item {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: start;
  gap: 13px;

  padding: 2px 0;
}

.ars-ab-closedwater-section__item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;
  margin-top: 1px;

  border-radius: 50%;

  background: var(--ars-feature-green-soft);
  color: var(--ars-feature-green-main);
}

.ars-ab-closedwater-section__item-icon svg {
  width: 16px;
  height: 16px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ars-ab-closedwater-section__item-text {
  color: var(--ars-feature-text);

  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.ars-ab-closedwater-section__item-text strong {
  color: var(--ars-feature-dark);
  font-weight: 800;
}

/* =========================================================
   PAINEL VISUAL
========================================================= */

.ars-ab-closedwater-section__visual {
  position: relative;

  min-width: 0;
  padding: 24px 22px 22px;
}

.ars-ab-closedwater-section__visual-card {
  position: relative;

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

  min-height: 440px;
  padding: 46px 54px 42px;
  overflow: hidden;

  border: 1px solid rgba(36, 139, 53, 0.22);
  border-radius: 20px;

  background:
    radial-gradient(
      circle at 78% 24%,
      rgba(207, 243, 189, 0.64),
      transparent 29%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f1f8f2 58%,
      #e7f4e9 100%
    );

  box-shadow:
    0 24px 50px rgba(19, 38, 50, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.ars-ab-closedwater-section__visual-card::before {
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(
      rgba(19, 38, 50, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(19, 38, 50, 0.025) 1px,
      transparent 1px
    );
  background-size: 38px 38px;

  opacity: 0.75;
  pointer-events: none;

  content: "";
}

.ars-ab-closedwater-section__visual-card::after {
  position: absolute;
  right: -95px;
  bottom: -105px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(36, 139, 53, 0.12),
      transparent 68%
    );

  pointer-events: none;

  content: "";
}

.ars-ab-closedwater-section__image {
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
  max-width: 540px;
  max-height: 345px;

  object-fit: contain;
  object-position: center;

  filter:
    drop-shadow(0 25px 28px rgba(19, 38, 50, 0.16))
    drop-shadow(0 8px 12px rgba(19, 38, 50, 0.08));
}

/* =========================================================
   SELO CIRCULAR
========================================================= */

.ars-ab-closedwater-section__machine-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 142px;
  height: 142px;
  padding: 16px;

  border: 5px solid #ffffff;
  border-radius: 50%;

  background: var(--ars-feature-dark);
  color: #ffffff;

  box-shadow:
    0 18px 34px rgba(19, 38, 50, 0.22),
    0 0 0 1px rgba(19, 38, 50, 0.05);

  text-align: center;
}

.ars-ab-closedwater-section__machine-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  font-family: var(--ars-feature-title);
  line-height: 1;
}

.ars-ab-closedwater-section__machine-top span {
  color: var(--ars-feature-green);

  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  transform: rotate(-90deg);
}

.ars-ab-closedwater-section__machine-top strong {
  color: #ffffff;

  font-size: 43px;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.ars-ab-closedwater-section__machine-caption {
  margin-top: 2px;

  color: rgba(255, 255, 255, 0.9);

  font-family: var(--ars-feature-title);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* =========================================================
   SELO INFERIOR
========================================================= */

.ars-ab-closedwater-section__touch-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  min-height: 58px;
  padding: 13px 20px;

  border: 1px solid rgba(19, 38, 50, 0.1);
  border-radius: 12px;

  background: #ffffff;
  color: var(--ars-feature-dark);

  box-shadow: 0 14px 28px rgba(19, 38, 50, 0.13);

  font-family: var(--ars-feature-title);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.ars-ab-closedwater-section__touch-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  border-radius: 7px;

  background: var(--ars-feature-green-soft);
  color: var(--ars-feature-green-main);
}

.ars-ab-closedwater-section__touch-icon svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   TELAS DESKTOP MAIS BAIXAS
========================================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .ars-ab-closedwater-section {
    min-height: calc(100svh - 90px);
    padding: 14px 0;
  }

  .ars-ab-closedwater-section__grid {
    gap: 34px;
  }

  .ars-ab-closedwater-section__description {
    margin-top: 13px;
  }

  .ars-ab-closedwater-section__list {
    gap: 8px;
    margin-top: 17px;
  }

  .ars-ab-closedwater-section__visual-card {
    min-height: 390px;
    padding-top: 38px;
    padding-bottom: 34px;
  }

  .ars-ab-closedwater-section__image {
    max-height: 305px;
  }

  .ars-ab-closedwater-section__machine-badge {
    width: 124px;
    height: 124px;
  }

  .ars-ab-closedwater-section__machine-top strong {
    font-size: 37px;
  }
}

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

@media (max-width: 1024px) {
  .ars-ab-closedwater-section {
    display: block;
    min-height: 0;
    padding: 54px 0;
  }

  .ars-ab-closedwater-section__grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .ars-ab-closedwater-section__content {
    max-width: 760px;
  }

  .ars-ab-closedwater-section__title,
  .ars-ab-closedwater-section__description {
    max-width: none;
  }

  .ars-ab-closedwater-section__visual {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
}

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

@media (max-width: 767px) {
  .ars-ab-closedwater-section {
    padding: 38px 0;
  }

  .ars-ab-closedwater-section__container {
    width: min(calc(100% - 32px), 560px);
  }

  .ars-ab-closedwater-section__title {
    font-size: clamp(29px, 8vw, 38px);
  }

  .ars-ab-closedwater-section__description {
    font-size: 14.5px;
    line-height: 1.72;
  }

  .ars-ab-closedwater-section__item-text {
    font-size: 14px;
  }

  .ars-ab-closedwater-section__visual {
    padding: 20px 8px 24px;
  }

  .ars-ab-closedwater-section__visual-card {
    min-height: 350px;
    padding: 56px 22px 58px;

    border-radius: 16px;
  }

  .ars-ab-closedwater-section__image {
    max-width: 100%;
    max-height: 265px;
  }

  .ars-ab-closedwater-section__machine-badge {
    top: 0;
    right: 0;

    width: 104px;
    height: 104px;
    padding: 12px;
  }

  .ars-ab-closedwater-section__machine-top span {
    font-size: 9px;
  }

  .ars-ab-closedwater-section__machine-top strong {
    font-size: 31px;
  }

  .ars-ab-closedwater-section__machine-caption {
    font-size: 8px;
  }

  .ars-ab-closedwater-section__touch-badge {
    right: 8px;
    bottom: 0;
    left: 8px;

    justify-content: center;

    min-height: 54px;
    padding: 12px 16px;

    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ars-ab-closedwater-section *,
  .ars-ab-closedwater-section *::before,
  .ars-ab-closedwater-section *::after {
    transition: none !important;
  }
}

/* ========================================================= */

/* =========================================================
     ARSYSTEM COMPRESSORES | SÉRIE AB | RAIO-X TÉCNICO (HOTSPOTS)
     Identidade Arsystem + focos de luz + feixes interativos
     ========================================================= */

  #ars-bloco-raiox-ab,
  #ars-bloco-raiox-ab * { box-sizing: border-box; }

  #ars-bloco-raiox-ab {
    --ars-primary: #248B35;     /* Azul Principal ARSYSTEM */
    --ars-dark: #132632;        /* Azul Marinho Profundo */
    --ars-yellow: #CFF3BD;      /* Amarelo ARSYSTEM para os Hotspots */
    --ars-light: #DCE7D7;       /* Azul Claro */
    --ars-slate: #263840;       /* Texto base escuro */
    --ars-bg: #FFFFFF;          /* Fundo dos cards */
    --ars-border: #DCE7D7;      /* Bordas em Azul Claro */
    --ars-muted: #5E6D73;       /* Texto de apoio */
    --number-dark: #132632;
    
    --font-titles: var(--ars-font-title, "Outfit", Arial, sans-serif);
    --font-text: var(--ars-font-text, "Inter", Arial, sans-serif);

    width: 100%;
    background-color: var(--ars-bg);
    color: var(--ars-slate);
    position: relative;
    min-height: 850px;
    padding: 80px 24px 60px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: var(--font-text);
    background:
      radial-gradient(circle at 50% 20%, rgba(36, 139, 53, 0.05) 0%, transparent 50%),
      radial-gradient(circle at 20% 80%, rgba(19, 38, 50, 0.03) 0%, transparent 50%);
  }

  /* --- CABEÇALHO --- */
  #ars-bloco-raiox-ab .ars-ab-header-wrap {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 40;
  }

  /* --- EYEBROW MINIMALISTA B2B --- */
  #ars-bloco-raiox-ab .ars-minimal-eyebrow {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-titles);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ars-primary); 
    margin-bottom: 16px;
  }

  #ars-bloco-raiox-ab .ars-minimal-eyebrow::before {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background-color: var(--ars-yellow);
    margin-right: 12px;
  }

  #ars-bloco-raiox-ab .ars-ab-main-title {
    font-family: var(--font-titles);
    font-weight: 800;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    color: var(--ars-dark);
    line-height: 1.15;
    margin: 0;
    letter-spacing: -0.02em;
  }

  /* --- ESTRUTURA GRID DESKTOP --- */
  #ars-bloco-raiox-ab .ars-ab-boxed-content {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: center;
    z-index: 10;
  }

  @media (min-width: 1025px) {
    #ars-bloco-raiox-ab .ars-ab-boxed-content {
      grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
    }
  }

  #ars-bloco-raiox-ab .ars-ab-col-left,
  #ars-bloco-raiox-ab .ars-ab-col-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  #ars-bloco-raiox-ab .ars-ab-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 30;
    min-width: 0;
  }

  /* --- IMAGEM CENTRAL & HOTSPOTS (AMARELOS) --- */
  #ars-bloco-raiox-ab .ars-ab-fixed-compressor-wrap {
    position: relative;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    transition: all 0.3s ease;
  }

  #ars-bloco-raiox-ab .ars-ab-compressor-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 15px 30px rgba(19, 38, 50, 0.15));
  }

  #ars-bloco-raiox-ab .ars-ab-hotspot {
    position: absolute;
    width: 16px;
    height: 16px;
    background: rgba(207, 243, 189, 0.6); 
    border: 2px solid var(--ars-yellow);
    border-radius: 50%;
    z-index: 3000;
    transition: all 0.4s ease;
    cursor: pointer;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #ars-bloco-raiox-ab .ars-ab-hotspot span {
    font-family: var(--font-titles);
    font-weight: 800;
    font-size: 10px;
    color: var(--ars-dark); 
    opacity: 0;
    position: absolute;
    transition: 0.3s;
  }

  #ars-bloco-raiox-ab .ars-ab-hotspot:hover,
  #ars-bloco-raiox-ab .ars-ab-hotspot.ars-ab-active,
  #ars-bloco-raiox-ab .ars-ab-hotspot.ars-ab-is-locked {
    opacity: 1 !important;
    transform: scale(2.4);
    background: var(--ars-yellow);
    border-color: #fff;
    box-shadow: 0 0 25px rgba(207, 243, 189, 0.8); 
    z-index: 4000;
  }

  #ars-bloco-raiox-ab .ars-ab-hotspot:hover span,
  #ars-bloco-raiox-ab .ars-ab-hotspot.ars-ab-active span,
  #ars-bloco-raiox-ab .ars-ab-hotspot.ars-ab-is-locked span {
    opacity: 1 !important;
    transform: scale(0.8);
  }

  #ars-bloco-raiox-ab .ars-ab-hotspot.ars-ab-blink { animation: ars-ab-pulse-flash 1.2s ease-in-out; opacity: 1; }
  @keyframes ars-ab-pulse-flash { 
    0% { transform: scale(1); } 
    40% { transform: scale(3.5); background: var(--ars-yellow); } 
    100% { transform: scale(1); } 
  }

  #ars-bloco-raiox-ab .ars-ab-onboarding-pulse { animation: ars-ab-pulse-soft 1.5s infinite ease-in-out; }
  @keyframes ars-ab-pulse-soft { 
    0% { box-shadow: 0 0 0 0 rgba(207, 243, 189, 0.6); transform: scale(1); } 
    70% { box-shadow: 0 0 0 12px rgba(207, 243, 189, 0); transform: scale(1.02); } 
    100% { box-shadow: 0 0 0 0 rgba(207, 243, 189, 0); transform: scale(1); } 
  }

  /* --- SVG FEIXE DE LUZ (BEAM) --- */
  #ars-bloco-raiox-ab #ars-ab-beam-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 20;
  }

  #ars-bloco-raiox-ab .ars-ab-beam-line {
    stroke: var(--ars-primary);
    stroke-width: 2.5;
    filter: drop-shadow(0 0 6px var(--ars-primary));
    opacity: 0;
    transition: opacity 0.4s ease;
    stroke-dasharray: 8 8;
  }

  #ars-bloco-raiox-ab .ars-ab-beam-active { opacity: 0.85; animation: ars-ab-beam-flow 1.5s linear infinite; }
  @keyframes ars-ab-beam-flow { from { stroke-dashoffset: 32; } to { stroke-dashoffset: 0; } }

  /* --- CARDS LATERAIS (DESKTOP) --- */
  #ars-bloco-raiox-ab .ars-ab-card-slot {
    position: relative;
    height: 70px;
    z-index: 10;
    transition: z-index 0.1s ease;
  }

  #ars-bloco-raiox-ab .ars-ab-card-slot:hover,
  #ars-bloco-raiox-ab .ars-ab-card-slot.ars-ab-has-lock-item { z-index: 5000 !important; }

  #ars-bloco-raiox-ab .ars-ab-feature-card {
    position: absolute;
    top: 0; left: 0; width: 100%;
    min-height: 65px; max-height: 65px;
    padding: 0.8rem 1rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ars-border);
    border-radius: 1rem;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
  }

  #ars-bloco-raiox-ab .ars-ab-card-slot.ars-ab-expand-up .ars-ab-feature-card { top: auto; bottom: 0; }

  #ars-bloco-raiox-ab .ars-ab-card-head { display: flex; align-items: center; gap: 16px; }

  #ars-bloco-raiox-ab .ars-ab-item-number {
    font-family: var(--font-titles); font-size: 1.4rem; font-weight: 800;
    color: var(--number-dark); line-height: 1;
    transition: all 0.3s ease;
  }

  #ars-bloco-raiox-ab .ars-ab-card-title {
    color: var(--ars-dark); font-family: var(--font-titles); font-size: 0.85rem; font-weight: 700;
    margin: 0; transition: all 0.3s ease;
  }

  #ars-bloco-raiox-ab .ars-ab-chevron-indicator {
    margin-left: auto; color: #94A3B8; width: 16px;
    height: 16px; transition: all 0.4s ease; flex-shrink: 0;
  }

  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-left-side:hover,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-left-side.ars-ab-active,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-left-side.ars-ab-is-locked { transform: translateX(12px); }

  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-right-side:hover,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-right-side.ars-ab-active,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-right-side.ars-ab-is-locked { transform: translateX(-12px); }

  #ars-bloco-raiox-ab .ars-ab-feature-card::-webkit-scrollbar { width: 4px; }
  #ars-bloco-raiox-ab .ars-ab-feature-card::-webkit-scrollbar-thumb { background: var(--ars-primary); border-radius: 10px; }
  #ars-bloco-raiox-ab .ars-ab-feature-card::-webkit-scrollbar-track { background: transparent; }

  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-active,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked {
    background-color: var(--ars-dark) !important;
    border-color: var(--ars-dark);
    box-shadow: 0 30px 60px -12px rgba(19, 38, 50, 0.6);
    max-height: 800px;
    padding: 1.5rem;
    overflow: hidden;
  }

  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-active .ars-ab-card-title,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked .ars-ab-card-title { color: #fff; font-size: 1.1rem; }
  
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-active .ars-ab-item-number,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked .ars-ab-item-number,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-active .ars-ab-chevron-indicator,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked .ars-ab-chevron-indicator { color: var(--ars-yellow); }
  
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-active .ars-ab-chevron-indicator,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked .ars-ab-chevron-indicator { transform: rotate(180deg); }

  /* Textos Internos Cards */
  #ars-bloco-raiox-ab .ars-ab-standard-info { max-height: 0; opacity: 0; margin: 0; font-size: 0.85rem; line-height: 1.5; transition: 0.4s; color: #fff; }
  #ars-bloco-raiox-ab .ars-ab-exclusive-info { max-height: 0; opacity: 0; margin: 0; font-size: 0.95rem; line-height: 1.6; transition: 0.5s; color: rgba(255,255,255,0.9); border-top: 1px solid rgba(255,255,255,0.15); }
  #ars-bloco-raiox-ab .ars-ab-read-more-trigger { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: var(--ars-yellow); opacity: 0; margin-top: 8px; transition: 0.3s; display: inline-flex; align-items: center; gap: 5px; transform: translateY(10px); }

  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-active .ars-ab-standard-info,
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked .ars-ab-standard-info { max-height: 300px; opacity: 1; margin-top: 0.75rem; }
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-active .ars-ab-read-more-trigger { opacity: 1; transform: translateY(0); }
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked .ars-ab-read-more-trigger { display: none; }
  #ars-bloco-raiox-ab .ars-ab-feature-card.ars-ab-is-locked .ars-ab-exclusive-info { max-height: 600px; opacity: 1; margin-top: 1rem; padding-top: 1rem; }

  /* Efeito Blur Restante */
  #ars-bloco-raiox-ab.ars-ab-has-lock .ars-ab-card-slot:not(.ars-ab-has-lock-item) .ars-ab-feature-card { background: rgba(255,255,255,0.4); border-color: transparent; box-shadow: none; }
  #ars-bloco-raiox-ab.ars-ab-has-lock .ars-ab-card-slot:not(.ars-ab-has-lock-item) .ars-ab-card-title,
  #ars-bloco-raiox-ab.ars-ab-has-lock .ars-ab-card-slot:not(.ars-ab-has-lock-item) .ars-ab-standard-info,
  #ars-bloco-raiox-ab.ars-ab-has-lock .ars-ab-card-slot:not(.ars-ab-has-lock-item) .ars-ab-read-more-trigger { opacity: 0.2; filter: blur(2px); }
  #ars-bloco-raiox-ab.ars-ab-has-lock .ars-ab-card-slot:not(.ars-ab-has-lock-item) .ars-ab-item-number { opacity: 1; color: var(--ars-dark); }

  /* =========================================================
     VISÃO MOBILE (SCROLL HORIZONTAL INTELIGENTE)
     ========================================================= */
  #ars-bloco-raiox-ab .ars-ab-mobile-quick { display: none; }
  #ars-bloco-raiox-ab .ars-ab-mobile-quick-top { margin-top: 30px; }
  #ars-bloco-raiox-ab .ars-ab-mobile-tip { display: block; text-align: center; font-size: 0.8rem; color: var(--ars-muted); font-weight: 700; margin-bottom: 15px; }
  
  #ars-bloco-raiox-ab .ars-ab-mobile-index { 
    display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; margin-bottom: 12px; padding-bottom: 8px; position: relative; scroll-behavior: smooth; -webkit-overflow-scrolling: touch;
  }
  
  #ars-bloco-raiox-ab .ars-ab-mobile-index::-webkit-scrollbar { height: 6px; }
  #ars-bloco-raiox-ab .ars-ab-mobile-index::-webkit-scrollbar-track { background: rgba(36, 139, 53, 0.1); border-radius: 10px; }
  #ars-bloco-raiox-ab .ars-ab-mobile-index::-webkit-scrollbar-thumb { background: var(--ars-primary); border-radius: 10px; }

  #ars-bloco-raiox-ab .ars-ab-mobile-num-btn {
    flex: 0 0 calc(25% - 6px); 
    appearance: none;
    background: #fff; border: 1px solid var(--ars-border); 
    color: var(--ars-dark);
    border-radius: 12px; min-height: 42px; padding: 8px 6px; 
    font-family: var(--font-titles); font-weight: 800; font-size: 0.9rem;
    cursor: pointer; transition: all 0.22s ease; box-shadow: 0 3px 10px rgba(0,0,0,0.04);
    display: flex; align-items: center; justify-content: center;
  }

  #ars-bloco-raiox-ab .ars-ab-mobile-num-btn.ars-is-active { 
    background: var(--ars-dark); color: var(--ars-yellow); border-color: var(--ars-dark);
    box-shadow: 0 8px 18px rgba(19, 38, 50, 0.3); 
  }

  /* Painel Mobile de Informação */
  #ars-bloco-raiox-ab .ars-ab-mobile-panel { background: #fff; border: 1px solid var(--ars-border); border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.05); overflow: hidden; }
  #ars-bloco-raiox-ab .ars-ab-mobile-panel-head { display: flex; align-items: center; gap: 12px; padding: 15px; border-bottom: 1px solid var(--ars-border); background: var(--ars-bg); }
  #ars-bloco-raiox-ab .ars-ab-mobile-panel-num { font-family: var(--font-titles); font-weight: 800; font-size: 1rem; color: var(--ars-dark); background: var(--ars-yellow); padding: 5px 12px; border-radius: 6px; }
  #ars-bloco-raiox-ab .ars-ab-mobile-panel-title { margin: 0; font-family: var(--font-titles); font-weight: 800; color: var(--ars-dark); font-size: 1rem; }
  #ars-bloco-raiox-ab .ars-ab-mobile-panel-body { padding: 15px; color: var(--ars-slate); font-size: 0.9rem; line-height: 1.5; }
  #ars-bloco-raiox-ab .ars-ab-mobile-panel-body p { margin: 0; }
  #ars-bloco-raiox-ab .ars-ab-mobile-panel-body p + p { margin-top: 8px; }
  #ars-bloco-raiox-ab .ars-ab-mobile-panel-mini { color: var(--ars-muted); font-size: 0.85rem; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--ars-border); }

  @media (max-width: 1024px) {
    #ars-bloco-raiox-ab { padding: 40px 20px; min-height: auto; }
    #ars-bloco-raiox-ab .ars-ab-fixed-compressor-wrap { max-width: 500px; margin-top: 20px; }
    #ars-bloco-raiox-ab #ars-ab-beam-container,
    #ars-bloco-raiox-ab .ars-ab-col-left,
    #ars-bloco-raiox-ab .ars-ab-col-right { display: none !important; }
    #ars-bloco-raiox-ab .ars-ab-boxed-content { display: block !important; }
    #ars-bloco-raiox-ab .ars-ab-mobile-quick { display: block; }
    
    #ars-bloco-raiox-ab .ars-ab-hotspot { display: flex !important; opacity: 0.8 !important; transform: scale(1.6) !important; background: rgba(207, 243, 189, 0.9) !important; border-color: #fff !important; }
    #ars-bloco-raiox-ab .ars-ab-hotspot span { opacity: 1 !important; color: var(--ars-dark) !important; }
    #ars-bloco-raiox-ab .ars-ab-hotspot.ars-ab-active-mobile { background: var(--ars-yellow) !important; transform: scale(2.4) !important; box-shadow: 0 0 20px rgba(207, 243, 189, 0.9) !important; z-index: 200 !important; }
  }

  @media (max-width: 420px) {
    #ars-bloco-raiox-ab { padding-left: 16px; padding-right: 16px; }
    #ars-bloco-raiox-ab .ars-ab-mobile-num-btn { min-height: 40px; font-size: 0.86rem; }
    #ars-bloco-raiox-ab .ars-ab-mobile-panel-title { font-size: 0.9rem; }
  }

  @media (prefers-reduced-motion: reduce) {
    #ars-bloco-raiox-ab .ars-ab-feature-card,
    #ars-bloco-raiox-ab .ars-ab-hotspot,
    #ars-bloco-raiox-ab .ars-ab-mobile-num-btn { transition: none !important; animation: none !important; }
  }

  /* Ajustes Arsystem: três cards por lateral e respiro editorial */
  #ars-bloco-raiox-ab .ars-ab-header-wrap { max-width: 920px; margin-left: auto; margin-right: auto; margin-bottom: 48px; }
  #ars-bloco-raiox-ab .ars-ab-intro { max-width: 820px; margin: 20px auto 0; color: var(--ars-muted); font-size: clamp(0.96rem, 1.4vw, 1.08rem); line-height: 1.72; }
  #ars-bloco-raiox-ab .ars-ab-intro strong { color: var(--ars-dark); font-weight: 700; }
  #ars-bloco-raiox-ab .ars-ab-col-left,
  #ars-bloco-raiox-ab .ars-ab-col-right { min-height: 360px; justify-content: space-between; gap: 24px; }
  #ars-bloco-raiox-ab .ars-ab-card-slot { height: 86px; }
  #ars-bloco-raiox-ab .ars-ab-feature-card { min-height: 78px; max-height: 78px; padding: 1rem; }
  #ars-bloco-raiox-ab .ars-inline-icon svg { display: block; width: 14px; height: 14px; }
  #ars-bloco-raiox-ab .ars-ab-hotspot { padding: 0; appearance: none; }
  #ars-bloco-raiox-ab .ars-ab-hotspot:focus-visible,
  #ars-bloco-raiox-ab .ars-ab-feature-card:focus-visible { outline: 3px solid rgba(36, 139, 53, 0.35); outline-offset: 4px; }

  @media (max-width: 1024px) {
    #ars-bloco-raiox-ab .ars-ab-header-wrap { margin-bottom: 28px; }
    #ars-bloco-raiox-ab .ars-ab-intro { margin-top: 16px; }
    #ars-bloco-raiox-ab .ars-ab-col-left,
    #ars-bloco-raiox-ab .ars-ab-col-right { min-height: 0; }
  }

/* ========================================================= */

#ars-bloco-specs-ab,
    #ars-bloco-specs-ab * {
        box-sizing: border-box;
    }

    #ars-bloco-specs-ab {
        --ars-ab-primary: #248B35;
        --ars-ab-dark: #132632;
        --ars-ab-light: #CFF3BD;
        --ars-ab-text: #263840;
        --ars-ab-muted: #5E6D73;
        --ars-ab-bg: #F8F8F8;
        --ars-ab-border: rgba(36, 139, 53, 0.16);
        --ars-ab-title-font: var(--ars-font-title, 'Outfit', Arial, sans-serif);
        --ars-ab-text-font: var(--ars-font-text, 'Inter', Arial, sans-serif);
        width: 100%;
        padding: 80px 20px;
        background: #FFFFFF;
        color: var(--ars-ab-text);
        font-family: var(--ars-ab-text-font);
        -webkit-font-smoothing: antialiased;
    }

    #ars-bloco-specs-ab .ars-ab-container {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }

    #ars-bloco-specs-ab .ars-ab-header {
        max-width: 920px;
        margin: 0 auto 38px;
        text-align: center;
    }

    #ars-bloco-specs-ab .ars-ab-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 14px;
        color: var(--ars-ab-primary);
        font-family: var(--ars-ab-title-font);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        line-height: 1.3;
        text-transform: uppercase;
    }

    #ars-bloco-specs-ab .ars-ab-eyebrow::before {
        content: '';
        width: 28px;
        height: 2px;
        flex: 0 0 28px;
        background: var(--ars-ab-light);
    }

    #ars-bloco-specs-ab .ars-ab-title {
        margin: 0 0 12px;
        color: var(--ars-ab-dark);
        font-family: var(--ars-ab-title-font);
        font-size: clamp(2rem, 4vw, 3.25rem);
        font-weight: 800;
        letter-spacing: -0.035em;
        line-height: 1.05;
    }

    #ars-bloco-specs-ab .ars-ab-subtitle {
        max-width: 850px;
        margin: 0 auto;
        color: var(--ars-ab-muted);
        font-size: 1rem;
        line-height: 1.65;
    }

    #ars-bloco-specs-ab .ars-ab-desktop-wrap {
        width: 100%;
        overflow-x: auto;
        border: 1px solid var(--ars-ab-border);
        border-radius: 16px;
        background: #FFFFFF;
        box-shadow: 0 18px 42px rgba(19, 38, 50, 0.08);
        -webkit-overflow-scrolling: touch;
        scrollbar-color: rgba(36, 139, 53, 0.38) #EEF4EC;
        scrollbar-width: thin;
    }

    #ars-bloco-specs-ab .ars-ab-desktop-wrap::-webkit-scrollbar { height: 9px; }
    #ars-bloco-specs-ab .ars-ab-desktop-wrap::-webkit-scrollbar-track { background: #EEF4EC; }
    #ars-bloco-specs-ab .ars-ab-desktop-wrap::-webkit-scrollbar-thumb { background: rgba(36, 139, 53, 0.38); border-radius: 99px; }

    #ars-bloco-specs-ab .ars-ab-table {
        width: 100%;
        min-width: 1180px;
        border-collapse: separate;
        border-spacing: 0;
    }

    #ars-bloco-specs-ab .ars-ab-table th,
    #ars-bloco-specs-ab .ars-ab-table td {
        text-align: center;
        vertical-align: middle;
    }

    #ars-bloco-specs-ab .ars-ab-table thead th {
        padding: 15px 9px;
        border-right: 1px solid rgba(255, 255, 255, 0.12);
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        background: var(--ars-ab-primary);
        color: #FFFFFF;
        font-family: var(--ars-ab-title-font);
        font-size: 0.71rem;
        font-weight: 700;
        letter-spacing: 0.035em;
        line-height: 1.25;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #ars-bloco-specs-ab .ars-ab-table thead tr:first-child th:first-child { border-radius: 15px 0 0; }
    #ars-bloco-specs-ab .ars-ab-table thead tr:first-child th:last-child { border-radius: 0 15px 0 0; }

    #ars-bloco-specs-ab .ars-ab-table td {
        padding: 15px 9px;
        border-right: 1px solid rgba(19, 38, 50, 0.045);
        border-bottom: 1px solid var(--ars-ab-border);
        background: #FFFFFF;
        color: var(--ars-ab-text);
        font-size: 0.82rem;
        font-weight: 500;
        line-height: 1.3;
        transition: background-color 0.25s ease, color 0.25s ease, opacity 0.25s ease;
        white-space: nowrap;
    }

    #ars-bloco-specs-ab .ars-ab-table th:first-child,
    #ars-bloco-specs-ab .ars-ab-table td:first-child {
        position: sticky;
        left: 0;
        z-index: 4;
        min-width: 160px;
        box-shadow: 10px 0 18px -18px rgba(19, 38, 50, 0.7);
    }

    #ars-bloco-specs-ab .ars-ab-table thead th:first-child { z-index: 8; }

    #ars-bloco-specs-ab .ars-ab-parent-row {
        cursor: pointer;
        outline: none;
    }

    #ars-bloco-specs-ab .ars-ab-parent-row td { background: var(--ars-ab-bg); }
    #ars-bloco-specs-ab .ars-ab-parent-row:hover td { background: #F1FAED; }
    #ars-bloco-specs-ab .ars-ab-parent-row:focus-visible td { box-shadow: inset 0 0 0 2px var(--ars-ab-primary); }

    #ars-bloco-specs-ab .ars-ab-parent-model {
        padding-left: 20px !important;
        color: var(--ars-ab-primary) !important;
        font-family: var(--ars-ab-title-font);
        font-size: 0.92rem !important;
        font-weight: 800 !important;
        text-align: left !important;
    }

    #ars-bloco-specs-ab .ars-ab-expand-text {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 6px 10px;
        border-radius: 6px;
        background: rgba(207, 243, 189, 0.62);
        color: var(--ars-ab-primary);
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    #ars-bloco-specs-ab .ars-ab-icon {
        display: block;
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
        fill: currentColor;
    }

    #ars-bloco-specs-ab .ars-ab-child-header,
    #ars-bloco-specs-ab .ars-ab-child-row { display: none; }

    #ars-bloco-specs-ab .ars-ab-child-header th {
        padding: 10px 7px;
        border-right: 1px solid rgba(36, 139, 53, 0.08);
        border-bottom: 1px solid rgba(36, 139, 53, 0.14);
        background: #EAF7E4;
        color: var(--ars-ab-dark);
        font-family: var(--ars-ab-title-font);
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.025em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #ars-bloco-specs-ab .ars-ab-child-row td:first-child { background: #FFFFFF; }
    #ars-bloco-specs-ab .ars-ab-child-row:hover td { background: #FAFCF9; color: var(--ars-ab-primary); }
    #ars-bloco-specs-ab .ars-ab-child-row:hover td:first-child { background: #FAFCF9; }

    #ars-bloco-specs-ab .ars-ab-child-model {
        padding-left: 34px !important;
        color: var(--ars-ab-dark) !important;
        font-family: var(--ars-ab-title-font);
        font-weight: 700 !important;
        text-align: left !important;
    }

    #ars-bloco-specs-ab .ars-ab-model-group.is-expanded .ars-ab-child-header,
    #ars-bloco-specs-ab .ars-ab-model-group.is-expanded .ars-ab-child-row { display: table-row; }

    #ars-bloco-specs-ab .ars-ab-model-group.is-expanded .ars-ab-parent-row td {
        background: var(--ars-ab-dark);
        color: #FFFFFF;
    }

    #ars-bloco-specs-ab .ars-ab-model-group.is-expanded .ars-ab-parent-row td:first-child,
    #ars-bloco-specs-ab .ars-ab-model-group.is-expanded .ars-ab-parent-model { color: #FFFFFF !important; }

    #ars-bloco-specs-ab .ars-ab-model-group.is-expanded .ars-ab-expand-text {
        background: var(--ars-ab-light);
        color: var(--ars-ab-dark);
    }

    #ars-bloco-specs-ab .ars-ab-model-group.is-expanded .ars-ab-icon-plus { transform: rotate(45deg); }

    #ars-bloco-specs-ab .ars-ab-desktop-wrap.has-expanded .ars-ab-model-group:not(.is-expanded) .ars-ab-parent-row td:not(:first-child) { opacity: 0.46; }

    #ars-bloco-specs-ab .ars-ab-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 52px;
        padding: 5px 8px;
        border-radius: 999px;
        font-family: var(--ars-ab-title-font);
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        line-height: 1;
        text-transform: uppercase;
    }

    #ars-bloco-specs-ab .ars-ab-badge-fixed { background: #EEF1F2; color: #4D6068; }
    #ars-bloco-specs-ab .ars-ab-badge-vfd { background: var(--ars-ab-light); color: var(--ars-ab-dark); }

    #ars-bloco-specs-ab .ars-ab-unit {
        display: block;
        margin-top: 3px;
        font-family: var(--ars-ab-text-font);
        font-size: 0.6rem;
        font-weight: 500;
        letter-spacing: 0;
        opacity: 0.8;
        text-transform: none;
    }

    #ars-bloco-specs-ab .ars-ab-mobile { display: none; }

    #ars-bloco-specs-ab .ars-ab-note {
        max-width: 1050px;
        margin: 22px auto 0;
        color: #718087;
        font-size: 0.79rem;
        line-height: 1.6;
        text-align: center;
    }

    @media (max-width: 767px) {
        #ars-bloco-specs-ab { padding: 58px 14px; }
        #ars-bloco-specs-ab .ars-ab-header { margin-bottom: 28px; }
        #ars-bloco-specs-ab .ars-ab-eyebrow { font-size: 0.68rem; letter-spacing: 0.1em; }
        #ars-bloco-specs-ab .ars-ab-title { font-size: clamp(1.85rem, 9vw, 2.45rem); }
        #ars-bloco-specs-ab .ars-ab-subtitle { font-size: 0.94rem; line-height: 1.58; }
        #ars-bloco-specs-ab .ars-ab-desktop-wrap { display: none; }
        #ars-bloco-specs-ab .ars-ab-mobile { display: flex; flex-direction: column; gap: 12px; }

        #ars-bloco-specs-ab .ars-ab-mobile-accordion {
            overflow: hidden;
            border: 1px solid var(--ars-ab-border);
            border-radius: 14px;
            background: #FFFFFF;
            box-shadow: 0 8px 22px rgba(19, 38, 50, 0.06);
        }

        #ars-bloco-specs-ab .ars-ab-mobile-button {
            width: 100%;
            min-height: 64px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 17px 18px;
            border: 0;
            background: var(--ars-ab-primary);
            color: #FFFFFF;
            font-family: var(--ars-ab-title-font);
            font-size: 1rem;
            font-weight: 800;
            line-height: 1.25;
            text-align: left;
            cursor: pointer;
        }

        #ars-bloco-specs-ab .ars-ab-mobile-button:focus-visible { outline: 3px solid var(--ars-ab-light); outline-offset: -4px; }
        #ars-bloco-specs-ab .ars-ab-mobile-button[aria-expanded='true'] { background: var(--ars-ab-dark); }
        #ars-bloco-specs-ab .ars-ab-mobile-button[aria-expanded='true'] .ars-ab-icon-down { transform: rotate(180deg); }
        #ars-bloco-specs-ab .ars-ab-icon-down { transition: transform 0.25s ease; }

        #ars-bloco-specs-ab .ars-ab-mobile-content {
            display: none;
            padding: 12px;
            background: var(--ars-ab-bg);
        }

        #ars-bloco-specs-ab .ars-ab-mobile-button[aria-expanded='true'] + .ars-ab-mobile-content {
            display: grid;
            gap: 12px;
        }

        #ars-bloco-specs-ab .ars-ab-mobile-card {
            padding: 16px;
            border: 1px solid var(--ars-ab-border);
            border-radius: 12px;
            background: #FFFFFF;
        }

        #ars-bloco-specs-ab .ars-ab-mobile-card-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 14px;
        }

        #ars-bloco-specs-ab .ars-ab-mobile-card h4 {
            margin: 0;
            color: var(--ars-ab-dark);
            font-family: var(--ars-ab-title-font);
            font-size: 1.05rem;
            font-weight: 800;
        }

        #ars-bloco-specs-ab .ars-ab-mobile-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px 10px;
        }

        #ars-bloco-specs-ab .ars-ab-mobile-grid div {
            min-width: 0;
            padding-top: 10px;
            border-top: 1px solid rgba(36, 139, 53, 0.12);
        }

        #ars-bloco-specs-ab .ars-ab-mobile-grid span,
        #ars-bloco-specs-ab .ars-ab-mobile-grid strong { display: block; }
        #ars-bloco-specs-ab .ars-ab-mobile-grid span { margin-bottom: 4px; color: #718087; font-size: 0.68rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; }
        #ars-bloco-specs-ab .ars-ab-mobile-grid strong { color: var(--ars-ab-text); font-size: 0.78rem; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
        #ars-bloco-specs-ab .ars-ab-note { margin-top: 18px; font-size: 0.74rem; text-align: left; }
    }

    @media (max-width: 380px) {
        #ars-bloco-specs-ab .ars-ab-mobile-grid { grid-template-columns: 1fr; }
    }

    @media (prefers-reduced-motion: reduce) {
        #ars-bloco-specs-ab *,
        #ars-bloco-specs-ab *::before,
        #ars-bloco-specs-ab *::after { scroll-behavior: auto !important; transition: none !important; }
    }

/* ========================================================= */

.ars-ab-sales-cta,
.ars-ab-sales-cta *,
.ars-ab-sales-cta *::before,
.ars-ab-sales-cta *::after {
  box-sizing: border-box;
}

.ars-ab-sales-cta :where(h2, p) {
  margin: 0;
  padding: 0;
}

.ars-ab-sales-cta {
  --ars-sales-dark: #132632;
  --ars-sales-green: #cff3bd;
  --ars-sales-green-hover: #b8e8a4;
  --ars-sales-title: var(--ars-font-title, "Outfit", Arial, sans-serif);
  --ars-sales-body: var(--ars-font-text, "Inter", Arial, sans-serif);

  width: 100%;
  padding: 82px 24px 92px;
  overflow: hidden;

  background: #ffffff;
  color: #ffffff;
  font-family: var(--ars-sales-body);
}

.ars-ab-sales-cta a {
  text-decoration: none !important;
}

.ars-ab-sales-cta__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.ars-ab-sales-cta__box {
  position: relative;
  isolation: isolate;

  width: 100%;
  padding: 52px 48px;
  overflow: hidden;

  border-radius: 16px;
  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(207, 243, 189, 0.12),
      transparent 30%
    ),
    var(--ars-sales-dark);

  box-shadow: 0 22px 46px rgba(19, 38, 50, 0.14);
}



.ars-ab-sales-cta__content {
  position: relative;
  z-index: 1;

  max-width: 850px;
}

.ars-ab-sales-cta__eyebrow {
  display: block;
  margin-bottom: 10px;

  color: var(--ars-sales-green);

  font-family: var(--ars-sales-title);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ars-ab-sales-cta__title {
  max-width: 780px;

  color: #ffffff;

  font-family: var(--ars-sales-title);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.ars-ab-sales-cta__text {
  max-width: 760px;
  margin-top: 16px !important;

  color: rgba(255, 255, 255, 0.76);

  font-size: 15.5px;
  line-height: 1.7;
}

.ars-ab-sales-cta__text strong {
  color: #ffffff;
  font-weight: 800;
}

.ars-ab-sales-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  min-height: 50px;
  margin-top: 25px;
  padding: 14px 24px;

  border: 1px solid var(--ars-sales-green);
  border-radius: 8px;

  background: var(--ars-sales-green);
  color: var(--ars-sales-dark) !important;

  font-family: var(--ars-sales-title);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: uppercase;

  transition:
    background-color 0.22s ease,
    border-color 0.22s ease,
    transform 0.22s ease;
}

.ars-ab-sales-cta__button::after {
  font-size: 19px;
  line-height: 1;
  content: "→";
}

.ars-ab-sales-cta__button:hover,
.ars-ab-sales-cta__button:focus-visible {
  border-color: var(--ars-sales-green-hover);
  background: var(--ars-sales-green-hover);
  transform: translateY(-2px);
}

.ars-ab-sales-cta__button:focus-visible {
  outline: 3px solid rgba(207, 243, 189, 0.28);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .ars-ab-sales-cta {
    padding: 64px 24px 76px;
  }

  .ars-ab-sales-cta__box {
    padding: 40px 34px;
  }
}

@media (max-width: 600px) {
  .ars-ab-sales-cta {
    padding: 54px 20px 68px;
  }

  .ars-ab-sales-cta__box {
    padding: 32px 24px;
    border-radius: 12px;
  }

  .ars-ab-sales-cta__title {
    font-size: clamp(26px, 8vw, 34px);
  }

  .ars-ab-sales-cta__text {
    font-size: 14.5px;
    line-height: 1.65;
  }

  .ars-ab-sales-cta__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ars-ab-sales-cta__button {
    transition: none !important;
  }

  .ars-ab-sales-cta__button:hover,
  .ars-ab-sales-cta__button:focus-visible {
    transform: none;
  }
}

/* =========================================================
   FUNDOS ESCUROS UNIFORMES — SEM GRADES OU FORMAS
========================================================= */

.ars-ab-hero,
.ars-ab-opening,
.ars-ab-sales-cta__box {
  background: #132632 !important;
  background-image: none !important;
}

.ars-ab-hero::before,
.ars-ab-hero::after,
.ars-ab-opening::before,
.ars-ab-sales-cta__box::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  content: none !important;
}/* End custom CSS */