.elementor-10 .elementor-element.elementor-element-022c7c4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-984ee35 *//*
  ARSYSTEM COMPRESSORES
  Página HUB: Serviços para Sistemas de Ar Comprimido
  Local de instalação: CSS personalizado do contêiner da página
  Não adicionar tags <style> neste campo.
*/

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

.ars-services-hero,
.ars-services-hero *,
.ars-services-hero *::before,
.ars-services-hero *::after {
  box-sizing: border-box;
}

.ars-services-hero :where(
  h1,
  p,
  nav,
  span,
  a,
  div
) {
  margin: 0;
  padding: 0;
}

.ars-services-hero {
  --ars-services-dark: #132632;
  --ars-services-dark-deep: #08141c;
  --ars-services-green: #cff3bd;
  --ars-services-white: #ffffff;
  --ars-services-muted: rgba(255, 255, 255, 0.84);

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

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

  position: relative;
  isolation: isolate;

  width: 100%;
  min-width: 0;
  height: 400px;
  overflow: hidden;

  background-color: var(--ars-services-dark);

  color: var(--ars-services-white);
  font-family: var(--ars-services-text);
}

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

/* =========================================================
   IMAGEM DE FUNDO
========================================================= */



/* =========================================================
   CAMADA ESCURA
========================================================= */



.ars-services-hero__shade {
  position: absolute;
  inset: 0;
  z-index: -1;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.03) 0%,
      rgba(0, 0, 0, 0.15) 100%
    );

  pointer-events: none;
}

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

.ars-services-hero__container {
  display: flex;
  align-items: center;

  width: min(1280px, calc(100% - 80px));
  height: 100%;

  margin: 0 auto;
}

.ars-services-hero__content {
  width: 100%;
  max-width: 1120px;
  min-width: 0;

  padding: 26px 0;
}

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

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

  margin-bottom: 24px;

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

  font-family: var(--ars-services-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ars-services-hero__breadcrumb-link {
  color: rgba(255, 255, 255, 0.68);

  transition: color 0.22s ease;
}

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

.ars-services-hero__breadcrumb-link:focus-visible,
.ars-services-hero__button:focus-visible {
  outline: 2px solid var(--ars-services-green);
  outline-offset: 4px;
}

.ars-services-hero__separator {
  color: rgba(255, 255, 255, 0.38);
}

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

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

.ars-services-hero__title {
  width: 100%;
  max-width: 1120px;

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

  font-family: var(--ars-services-title);
  font-size: clamp(40px, 4.1vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.045em;

  text-shadow:
    0 5px 22px
    rgba(0, 0, 0, 0.24);

  white-space: nowrap;
}

/* =========================================================
   DESCRIÇÃO
========================================================= */

.ars-services-hero__description {
  width: 100%;
  max-width: 850px;

  margin-top: 18px;

  color: var(--ars-services-muted);

  font-family: var(--ars-services-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.01em;

  text-shadow:
    0 3px 14px
    rgba(0, 0, 0, 0.18);
}

/* =========================================================
   CTA
========================================================= */

.ars-services-hero__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;

  margin-top: 27px;
}

.ars-services-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;

  min-height: 52px;
  padding: 15px 32px;

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

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

  box-shadow:
    0 9px 24px
    rgba(207, 243, 189, 0.24);

  cursor: pointer;

  font-family: var(--ars-services-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;

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

.ars-services-hero__button::after {
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;

  content: "→";
}

.ars-services-hero__button:hover {
  border-color: var(--ars-services-white);

  background-color: var(--ars-services-white);
  color: var(--ars-services-dark) !important;

  box-shadow:
    0 12px 28px
    rgba(207, 243, 189, 0.32);

  transform: translateY(-2px);
}

/* =========================================================
   ANIMAÇÃO DE ENTRADA
========================================================= */

.ars-services-hero__breadcrumb,
.ars-services-hero__title,
.ars-services-hero__description,
.ars-services-hero__buttons {
  opacity: 0;

  transform: translateY(10px);

  animation:
    arsServicesDarkHeroReveal
    0.58s
    cubic-bezier(0.22, 1, 0.36, 1)
    forwards;
}

.ars-services-hero__title {
  animation-delay: 0.06s;
}

.ars-services-hero__description {
  animation-delay: 0.12s;
}

.ars-services-hero__buttons {
  animation-delay: 0.18s;
}

@keyframes arsServicesDarkHeroReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@media (max-width: 992px) {
  

  

  .ars-services-hero__container {
    width: min(calc(100% - 48px), 900px);
  }

  .ars-services-hero__content {
    max-width: 720px;
  }

  .ars-services-hero__title {
    font-size: clamp(38px, 5.5vw, 52px);
    white-space: normal;
  }
}

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

@media (max-width: 767px) {
  .ars-services-hero {
    height: auto;
    min-height: 450px;
  }

  

  

  .ars-services-hero__container {
    width: min(calc(100% - 32px), 540px);
  }

  .ars-services-hero__content {
    padding: 54px 0 44px;
  }

  .ars-services-hero__breadcrumb {
    gap: 6px;
    margin-bottom: 22px;

    font-size: 11px;
  }

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

    font-size: clamp(34px, 10vw, 44px);
    line-height: 1.06;
  }

  .ars-services-hero__description {
    max-width: 100%;

    margin-top: 19px;

    font-size: 16px;
    line-height: 1.62;
  }

  .ars-services-hero__buttons {
    margin-top: 25px;
  }

  .ars-services-hero__button {
    width: 100%;
  }
}

/* =========================================================
   CELULARES MENORES
========================================================= */

@media (max-width: 380px) {
  .ars-services-hero__container {
    width: calc(100% - 24px);
  }

  .ars-services-hero__title {
    font-size: 33px;
  }
}

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

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

.ars-all-services,
.ars-all-services *,
.ars-all-services *::before,
.ars-all-services *::after {
  box-sizing: border-box;
}

.ars-all-services :where(
  h2,
  h3,
  p,
  a,
  span,
  article,
  div,
  svg
) {
  margin: 0;
  padding: 0;
}

.ars-all-services {
  --ars-as-dark: #132632;
  --ars-as-green: #cff3bd;
  --ars-as-green-strong: #5f9243;
  --ars-as-white: #ffffff;
  --ars-as-bg: #f8f8f8;
  --ars-as-text: #536168;
  --ars-as-muted: #758188;
  --ars-as-border: #e3e9e5;

  width: 100%;
  min-width: 0;
  padding: 68px 0 84px;

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

  font-family:
    var(--ars-font-text, "Inter", Arial, sans-serif);
}

.ars-all-services a {
  color: inherit;
  text-decoration: none !important;
}

.ars-all-services__container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.ars-all-services__group + .ars-all-services__group {
  margin-top: 68px;
}

/* =========================================================
   CABEÇALHO DO GRUPO
========================================================= */

.ars-all-services__group-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(280px, 0.55fr);
  align-items: end;
  gap: 40px;

  margin-bottom: 26px;
  padding-bottom: 18px;

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

.ars-all-services__group-title {
  color: var(--ars-as-dark);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(27px, 2.6vw, 38px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.04em;
}


.ars-all-services__group-title-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  color: inherit;

  transition:
    color 0.22s ease,
    gap 0.22s ease;
}

.ars-all-services__group-title-link::after {
  width: 24px;
  height: 24px;

  flex: 0 0 24px;

  background:
    no-repeat center / 18px 18px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23132632' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M9 7h8v8'/%3E%3C/svg%3E");

  content: "";

  transition: transform 0.22s ease;
}

.ars-all-services__group-title-link:hover,
.ars-all-services__group-title-link:focus-visible {
  gap: 16px;

  color: var(--ars-as-green-strong);
}

.ars-all-services__group-title-link:hover::after,
.ars-all-services__group-title-link:focus-visible::after {
  transform: translate(3px, -3px);
}

.ars-all-services__group-title-link:focus-visible {
  outline: 2px solid rgba(95, 146, 67, 0.35);
  outline-offset: 5px;
}

.ars-all-services__group-description {
  max-width: 520px;

  color: var(--ars-as-muted);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}

/* =========================================================
   GRIDS
========================================================= */

.ars-all-services__grid {
  display: grid;
  gap: 20px;

  width: 100%;
  min-width: 0;
}

.ars-all-services__grid--4,
.ars-all-services__grid--3,
.ars-all-services__grid--2 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* =========================================================
   ITEM
========================================================= */

.ars-all-services__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;

  border: 1px solid var(--ars-as-border);
  border-radius: 7px;

  background: var(--ars-as-white);

  box-shadow:
    0 10px 26px
    rgba(19, 38, 50, 0.07);

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

.ars-all-services__item:hover {
  border-color: rgba(19, 38, 50, 0.18);

  box-shadow:
    0 18px 38px
    rgba(19, 38, 50, 0.12);

  transform: translateY(-5px);
}

.ars-all-services__card {
  position: relative;
  isolation: isolate;

  display: block;

  width: 100%;
  min-width: 0;
  height: clamp(290px, 23vw, 350px);
  overflow: hidden;

  background-color: #dce3e7;
  background-image: var(--ars-card-image);
  background-repeat: no-repeat;
  background-position: var(--ars-card-position, center);
  background-size: cover;
}

.ars-all-services__card::before {
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    linear-gradient(
      180deg,
      rgba(19, 38, 50, 0.02) 0%,
      rgba(19, 38, 50, 0.05) 48%,
      rgba(19, 38, 50, 0.26) 100%
    );

  pointer-events: none;

  content: "";
}

.ars-all-services__card:focus-visible {
  outline: 3px solid rgba(207, 243, 189, 0.92);
  outline-offset: -4px;
}

/* =========================================================
   HOVER VERDE
========================================================= */

.ars-all-services__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

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

  overflow: hidden;

  pointer-events: none;
}

.ars-all-services__overlay::before {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 48px;
  height: 48px;

  border-radius: 50%;

  background: rgba(207, 243, 189, 0.97);

  transform:
    translate(-50%, -50%)
    scale(0);

  transition:
    transform 0.56s
    cubic-bezier(.22, 1, .36, 1);

  content: "";
}

.ars-all-services__overlay-copy {
  position: relative;
  z-index: 1;

  max-width: calc(100% - 54px);

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

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(21px, 1.9vw, 29px);
  font-weight: 700;
  line-height: 1.07;
  letter-spacing: -0.035em;
  text-align: center;

  opacity: 0;

  transform: translateY(10px);

  transition:
    opacity 0.24s ease 0.12s,
    transform 0.30s
    cubic-bezier(.22, 1, .36, 1)
    0.12s;
}

.ars-all-services__card:hover
.ars-all-services__overlay::before,
.ars-all-services__card:focus-visible
.ars-all-services__overlay::before {
  transform:
    translate(-50%, -50%)
    scale(24);
}

.ars-all-services__card:hover
.ars-all-services__overlay-copy,
.ars-all-services__card:focus-visible
.ars-all-services__overlay-copy {
  opacity: 1;

  transform: translateY(0);
}

/* =========================================================
   NÚMERO
========================================================= */

.ars-all-services__number {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 4;

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

  width: 44px;
  height: 44px;

  border-radius: 5px;

  background: rgba(255, 255, 255, 0.95);
  color: var(--ars-as-dark);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;

  box-shadow:
    0 8px 18px
    rgba(19, 38, 50, 0.12);
}

/* =========================================================
   FAIXA BRANCA INTERNA
========================================================= */

.ars-all-services__pill {
  position: absolute;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 4;
  isolation: isolate;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  min-height: 72px;
  padding: 16px 16px 16px 18px;
  overflow: hidden;

  border: 1px solid rgba(19, 38, 50, 0.10);
  border-radius: 5px;

  background: rgba(255, 255, 255, 0.97);
  color: var(--ars-as-dark);

  box-shadow:
    0 9px 22px
    rgba(19, 38, 50, 0.11);

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

  transition:
    border-color 0.28s ease,
    color 0.28s ease,
    transform 0.28s ease;
}

.ars-all-services__pill::before {
  position: absolute;
  inset: 0;
  z-index: -1;

  background: var(--ars-as-dark);

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

  transition:
    transform 0.34s
    cubic-bezier(.22, 1, .36, 1);

  content: "";
}

.ars-all-services__card:hover
.ars-all-services__pill,
.ars-all-services__card:focus-visible
.ars-all-services__pill {
  border-color: var(--ars-as-dark);

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

  transform: translateY(-2px);
}

.ars-all-services__card:hover
.ars-all-services__pill::before,
.ars-all-services__card:focus-visible
.ars-all-services__pill::before {
  transform: scaleX(1);
}

.ars-all-services__title {
  min-width: 0;
  max-width: calc(100% - 42px);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(15px, 1.2vw, 18px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.02em;

  overflow-wrap: anywhere;
}

.ars-all-services__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  flex: 0 0 34px;

  border-radius: 5px;

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

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

.ars-all-services__arrow svg {
  width: 18px;
  height: 18px;

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

.ars-all-services__card:hover
.ars-all-services__arrow,
.ars-all-services__card:focus-visible
.ars-all-services__arrow {
  background: var(--ars-as-green);
  color: var(--ars-as-dark);

  transform: translate(3px, -3px);
}

/* =========================================================
   CORPO DO CARD
========================================================= */

.ars-all-services__body {
  display: flex;
  flex: 1;
  flex-direction: column;

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

.ars-all-services__body-description {
  color: var(--ars-as-text);

  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.62;
}

.ars-all-services__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  align-self: flex-start;

  margin-top: auto;
  padding-top: 18px;

  color: var(--ars-as-muted);

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;

  transition:
    color 0.22s ease,
    gap 0.22s ease;
}

.ars-all-services__more::after {
  width: 18px;
  height: 1px;

  background: currentColor;

  content: "";
}

.ars-all-services__more:hover,
.ars-all-services__more:focus-visible {
  gap: 12px;

  color: var(--ars-as-green-strong);
}

.ars-all-services__more:focus-visible {
  outline: 2px solid rgba(95, 146, 67, 0.35);
  outline-offset: 4px;
}

/* =========================================================
   AJUSTES DE ENQUADRAMENTO
========================================================= */


.ars-all-services__card--retrofit {
  --ars-card-position: 72% center;
}


/* =========================================================
   REFORMA + INSTALAÇÃO DE AR LADO A LADO
========================================================= */

.ars-all-services__paired-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;

  width: 100%;
  min-width: 0;
  margin-top: 68px;
}

.ars-all-services__paired-groups
.ars-all-services__group {
  min-width: 0;
}

.ars-all-services__paired-groups
.ars-all-services__group
+
.ars-all-services__group {
  margin-top: 0;
}

.ars-all-services__paired-groups
.ars-all-services__group-heading {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.ars-all-services__paired-groups
.ars-all-services__grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

@media (max-width: 1080px) {
  .ars-all-services__grid--4,
  .ars-all-services__grid--3,
  .ars-all-services__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ars-all-services__card {
    height: 330px;
  }
}


@media (max-width: 900px) {
  .ars-all-services__paired-groups {
    grid-template-columns: minmax(0, 1fr);
    gap: 68px;
  }
}

@media (max-width: 767px) {
  .ars-all-services {
    padding: 50px 0 62px;
  }

  .ars-all-services__container {
    width: min(calc(100% - 32px), 540px);
  }


  .ars-all-services__paired-groups {
    display: block;
    margin-top: 54px;
  }

  .ars-all-services__paired-groups
  .ars-all-services__group
  +
  .ars-all-services__group {
    margin-top: 54px;
  }

  .ars-all-services__group + .ars-all-services__group {
    margin-top: 54px;
  }

  .ars-all-services__group-heading {
    grid-template-columns: 1fr;
    gap: 10px;

    margin-bottom: 20px;
    padding-bottom: 15px;
  }

  .ars-all-services__group-title {
    font-size: 29px;
  }

  .ars-all-services__group-description {
    font-size: 13.5px;
  }

  .ars-all-services__grid--4,
  .ars-all-services__grid--3,
  .ars-all-services__grid--2 {
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
  }

  .ars-all-services__item:hover {
    transform: none;
  }

  .ars-all-services__card {
    height: clamp(290px, 83vw, 340px);
  }

  .ars-all-services__overlay {
    display: none;
  }

  .ars-all-services__title {
    font-size: 17px;
  }
}

@media (max-width: 380px) {
  .ars-all-services__container {
    width: calc(100% - 24px);
  }

  .ars-all-services__card {
    height: 285px;
  }

  .ars-all-services__pill {
    right: 12px;
    bottom: 12px;
    left: 12px;
    padding: 14px 12px 14px 15px;
  }

  .ars-all-services__body {
    padding-right: 17px;
    padding-left: 17px;
  }

  .ars-all-services__title {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ars-all-services__item,
  .ars-all-services__card,
  .ars-all-services__overlay::before,
  .ars-all-services__overlay-copy,
  .ars-all-services__pill,
  .ars-all-services__pill::before,
  .ars-all-services__arrow,
  .ars-all-services__more {
    transition: none !important;
  }
}

/* =========================================================
   CELULAR — CARDS EMPILHADOS COM TÍTULOS VISÍVEIS
   O desktop e o tablet permanecem com o grid original.
========================================================= */

@media (max-width: 767px) {
  .ars-all-services {
    --ars-stack-top: 76px;
    --ars-stack-step: 70px;

    overflow: visible;
  }

  .ars-all-services__container,
  .ars-all-services__group,
  .ars-all-services__grid {
    overflow: visible;
  }

  .ars-all-services__group {
    position: relative;
  }

  .ars-all-services__grid--4,
  .ars-all-services__grid--3,
  .ars-all-services__grid--2 {
    display: block;

    padding-bottom: 28px;
  }

  .ars-all-services__item {
    position: sticky;

    width: 100%;
    margin: 0 0 22px;

    overflow: hidden;

    border-radius: 7px;

    background: var(--ars-as-white);

    transform: none !important;

    box-shadow:
      0 15px 34px
      rgba(19, 38, 50, 0.12),
      0 -1px 0
      rgba(19, 38, 50, 0.05);
  }

  .ars-all-services__item:nth-child(1) {
    top: var(--ars-stack-top);
    z-index: 21;
  }

  .ars-all-services__item:nth-child(2) {
    top: calc(
      var(--ars-stack-top) +
      (var(--ars-stack-step) * 1)
    );
    z-index: 22;
  }

  .ars-all-services__item:nth-child(3) {
    top: calc(
      var(--ars-stack-top) +
      (var(--ars-stack-step) * 2)
    );
    z-index: 23;
  }

  .ars-all-services__item:nth-child(4) {
    top: calc(
      var(--ars-stack-top) +
      (var(--ars-stack-step) * 3)
    );
    z-index: 24;
  }

  .ars-all-services__card {
    height: clamp(290px, 83vw, 340px);

    border-radius: 0;
  }

  /*
   * Número e título passam para o topo do card.
   * Assim eles permanecem visíveis quando o card seguinte
   * cobre o conteúdo do card anterior.
   */
  .ars-all-services__number {
    top: 12px;
    left: 12px;

    width: 46px;
    height: 54px;

    border-radius: 5px;

    font-size: 13px;
  }

  .ars-all-services__pill {
    top: 12px;
    right: 12px;
    bottom: auto;
    left: 66px;

    min-height: 54px;
    padding: 10px 11px 10px 14px;

    border-radius: 5px;
  }

  .ars-all-services__title {
    max-width: calc(100% - 39px);

    font-size: 16px;
    line-height: 1.12;
  }

  .ars-all-services__arrow {
    width: 31px;
    height: 31px;

    flex-basis: 31px;
  }

  .ars-all-services__arrow svg {
    width: 16px;
    height: 16px;
  }

  .ars-all-services__body {
    min-height: 122px;
    padding: 20px 18px 18px;

    background: var(--ars-as-white);
  }

  .ars-all-services__body-description {
    font-size: 13.5px;
    line-height: 1.58;
  }

  .ars-all-services__more {
    padding-top: 15px;
  }

  .ars-all-services__overlay {
    display: none;
  }
}

@media (max-width: 380px) {
  .ars-all-services {
    --ars-stack-top: 70px;
    --ars-stack-step: 66px;
  }

  .ars-all-services__number {
    top: 10px;
    left: 10px;

    width: 43px;
    height: 50px;
  }

  .ars-all-services__pill {
    top: 10px;
    right: 10px;
    left: 60px;

    min-height: 50px;
    padding:
      9px
      9px
      9px
      12px;
  }

  .ars-all-services__title {
    font-size: 15px;
  }
}

.ars-maintenance-pillars,
.ars-maintenance-pillars *,
.ars-maintenance-pillars *::before,
.ars-maintenance-pillars *::after {
  box-sizing: border-box;
}

.ars-maintenance-pillars :where(
  h2,
  h3,
  p,
  span,
  div,
  article,
  strong,
  button
) {
  margin: 0;
  padding: 0;
}

.ars-maintenance-pillars {
  --ars-mp-dark: #132632;
  --ars-mp-green: #cff3bd;
  --ars-mp-green-strong: #5f9243;
  --ars-mp-orange: #f58220;
  --ars-mp-text: #526069;
  --ars-mp-muted: #7a878d;
  --ars-mp-white: #ffffff;
  --ars-mp-border: rgba(19, 38, 50, 0.10);

  position: relative;
  z-index: 20;
  isolation: isolate;

  width: 100%;
  min-width: 0;
  padding: 88px 0 64px;
  overflow: visible !important;

  background: var(--ars-mp-white);
  color: var(--ars-mp-dark);

  font-family: var(--ars-font-text, "Inter", Arial, sans-serif);
}

.ars-maintenance-pillars__container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  overflow: visible !important;
}

/* ===== LAYOUT 50% / 50% ===== */
.ars-maintenance-pillars__layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Divisão exata em 50/50 */
  gap: clamp(40px, 5vw, 80px);
  align-items: start;

  width: 100%;
  min-width: 0;
  overflow: visible !important;
}

/* =========================================================
   COLUNA ESQUERDA (50%)
========================================================= */

.ars-maintenance-pillars__heading {
  position: sticky;
  top: 100px;
  min-width: 0;
  padding-right: 20px; /* Alívio visual no centro */
}

.ars-maintenance-pillars__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 17px;

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

  font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ars-maintenance-pillars__eyebrow::before {
  width: 30px;
  height: 2px;
  background: var(--ars-mp-green);
  content: "";
}

.ars-maintenance-pillars__title {
  width: 100%;
  color: var(--ars-mp-dark);

  font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(34px, 3.8vw, 48px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.043em;

  overflow-wrap: anywhere;
}

.ars-maintenance-pillars__title .ars-highlight {
  position: relative;
  z-index: 1;
  display: inline;
  color: inherit;
}

.ars-maintenance-pillars__title .ars-highlight::after {
  position: absolute;
  right: -0.035em;
  bottom: 0.07em;
  left: -0.035em;
  z-index: -1;

  height: 0.33em;
  border-radius: 999px;
  background: var(--ars-mp-green);

  content: "";
}

.ars-maintenance-pillars__intro {
  width: 100%;
  margin-top: 22px;

  color: var(--ars-mp-muted);

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

/* =========================================================
   BOTÃO DA COLUNA ESQUERDA
========================================================= */

.ars-maintenance-pillars__left-button {
  position: relative;
  isolation: isolate;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 50px;
  margin-top: 28px;
  padding: 14px 24px;
  overflow: hidden;

  border: 1px solid var(--ars-mp-orange);
  border-radius: 6px;
  outline: none;

  background: var(--ars-mp-orange);
  color: #ffffff;

  font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.035em;
  text-transform: uppercase;

  cursor: pointer;

  transition: border-color 0.28s ease, transform 0.28s ease;
}

.ars-maintenance-pillars__left-button::before {
  position: absolute;
  inset: 0;
  z-index: -1;

  background: var(--ars-mp-dark);

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

  transition: transform 0.34s cubic-bezier(.22, 1, .36, 1);

  content: "";
}

.ars-maintenance-pillars__left-button:hover,
.ars-maintenance-pillars__left-button:focus-visible {
  border-color: var(--ars-mp-dark);
  transform: translateY(-2px);
}

.ars-maintenance-pillars__left-button:hover::before,
.ars-maintenance-pillars__left-button:focus-visible::before {
  transform: scaleX(1);
}

.ars-maintenance-pillars__left-button:focus-visible {
  outline: 3px solid rgba(245, 130, 32, 0.32);
  outline-offset: 4px;
}

.ars-maintenance-pillars__left-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  transition: transform 0.28s ease;
}

.ars-maintenance-pillars__left-button-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ars-maintenance-pillars__left-button:hover .ars-maintenance-pillars__left-button-icon,
.ars-maintenance-pillars__left-button:focus-visible .ars-maintenance-pillars__left-button-icon {
  transform: translateX(3px);
}

/* =========================================================
   COLUNA DIREITA / PILARES EMPILHÁVEIS (50%)
========================================================= */

.ars-maintenance-pillars__stack {
  position: relative;
  min-width: 0;
  padding-bottom: 0;
  overflow: visible !important;
}

.ars-maintenance-pillars__item {
  --ars-stack-top: 112px;
  --ars-stack-index: 1;

  position: sticky;
  top: var(--ars-stack-top);
  z-index: var(--ars-stack-index);

  min-width: 0;
  min-height: 270px;
  padding: 18px 0 56px 36px;

  background: var(--ars-mp-white);
}

.ars-maintenance-pillars__item::before {
  position: absolute;
  top: 0;
  bottom: 40px;
  left: 0;

  width: 4px;
  border-radius: 5px;

  background: linear-gradient(
    180deg,
    var(--ars-mp-green-strong) 0%,
    #91c879 48%,
    var(--ars-mp-green) 100%
  );

  content: "";
}

.ars-maintenance-pillars__item::after {
  position: absolute;
  right: 0;
  bottom: 22px;
  left: 36px;

  height: 1px;
  background: linear-gradient(
    90deg,
    var(--ars-mp-border) 0%,
    rgba(19, 38, 50, 0) 92%
  );

  content: "";
}

.ars-maintenance-pillars__item:last-child::after {
  display: none;
}

.ars-maintenance-pillars__header-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 14px;
}

.ars-maintenance-pillars__number {
  color: var(--ars-mp-green-strong);
  font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.ars-maintenance-pillars__tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  background: rgba(207, 243, 189, 0.4);
  color: var(--ars-mp-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.ars-maintenance-pillars__item-title {
  width: 100%;
  color: var(--ars-mp-dark);
  font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(24px, 2.5vw, 32px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
}

.ars-maintenance-pillars__text {
  width: 100%;
  margin-top: 16px;
  color: var(--ars-mp-text);
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.ars-maintenance-pillars__text strong {
  color: var(--ars-mp-dark);
  font-weight: 700;
}

.ars-maintenance-pillars__item:not(:first-child) {
  box-shadow: 0 -28px 34px rgba(255, 255, 255, 0.98);
}

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

@media (max-width: 992px) {
  .ars-maintenance-pillars { 
    padding: 66px 0 76px; 
  }
  
  .ars-maintenance-pillars__layout { 
    grid-template-columns: 1fr; /* Quebra para 1 coluna no tablet e mobile */
    gap: 48px; 
  }

  .ars-maintenance-pillars__heading { 
    position: relative; 
    top: 0;
    padding-right: 0;
  }

  /* Topo do Sticky adaptado para telas menores */
  .ars-maintenance-pillars__item:nth-child(1) { --ars-stack-top: 70px !important; }
  .ars-maintenance-pillars__item:nth-child(2) { --ars-stack-top: 90px !important; }
  .ars-maintenance-pillars__item:nth-child(3) { --ars-stack-top: 110px !important; }
}

@media (max-width: 600px) {
  .ars-maintenance-pillars { padding: 52px 0 58px; }
  .ars-maintenance-pillars__container { width: min(calc(100% - 32px), 540px); }
  .ars-maintenance-pillars__layout { gap: 38px; }
  .ars-maintenance-pillars__eyebrow { align-items: flex-start; font-size: 10px; line-height: 1.35; }
  .ars-maintenance-pillars__eyebrow::before { margin-top: 6px; }
  .ars-maintenance-pillars__title { font-size: 31px; line-height: 1.08; }
  .ars-maintenance-pillars__intro { margin-top: 18px; font-size: 14.5px; line-height: 1.68; }
  .ars-maintenance-pillars__left-button { width: 100%; min-height: 50px; margin-top: 22px; }

  .ars-maintenance-pillars__item { 
    padding: 16px 0 46px 22px; 
  }

  .ars-maintenance-pillars__item::before { bottom: 30px; width: 3px; }
  .ars-maintenance-pillars__item::after { bottom: 17px; left: 22px; }
  .ars-maintenance-pillars__item-title { font-size: 24px; }
  .ars-maintenance-pillars__text { margin-top: 14px; font-size: 14.5px; line-height: 1.68; }
}

@media (max-width: 380px) {
  .ars-maintenance-pillars__container { width: calc(100% - 24px); }
}

@media (prefers-reduced-motion: reduce) {
  .ars-maintenance-pillars__heading,
  .ars-maintenance-pillars__item { scroll-behavior: auto !important; position: relative !important; top: auto !important; }
  .ars-maintenance-pillars__left-button,
  .ars-maintenance-pillars__left-button::before,
  .ars-maintenance-pillars__left-button-icon { transition: none !important; }
}

/* =========================================================
       SERVIÇOS POR NECESSIDADE — ARSYSTEM COMPRESSORES
    
       Compatível com Widget HTML do Elementor Pro.
    
       Fontes carregadas globalmente no <head>:
       --ars-font-title: "Outfit", Arial, sans-serif;
       --ars-font-text: "Inter", Arial, sans-serif;
    
       Não utiliza:
       - importação de fontes
       - Font Awesome
       - IDs internos
       - tags estruturais de documento
    
       Inclui:
       - prévia flutuante com imagem no hover
       - botão visual sobreposto à imagem
       - posicionamento acompanhado pelo cursor
    ========================================================= */
    
    /* =========================================================
       RESET ISOLADO
    ========================================================= */
    
    .ars-needs-list,
    .ars-needs-list *,
    .ars-needs-list *::before,
    .ars-needs-list *::after {
        box-sizing: border-box;
    }
    
    .ars-needs-list a {
        color: inherit;
        text-decoration: none !important;
    }
    
    .ars-needs-list h2,
    .ars-needs-list h3,
    .ars-needs-list p {
        margin: 0;
    }
    
    /* =========================================================
       SEÇÃO
    ========================================================= */
    
    .ars-needs-list {
        --ars-dark: #132632;
        --ars-green: #cff3bd;
        --ars-green-strong: #65934f;
        --ars-white: #ffffff;
        --ars-light: #f8f8f8;
        --ars-text: #617078;
        --ars-border: rgba(19, 38, 50, 0.14);
    
        width: 100%;
        padding: 82px 0;
    
        background-color: var(--ars-white);
        color: var(--ars-dark);
    
        font-family:
            var(--ars-font-text, "Inter", Arial, sans-serif);
    }
    
    .ars-needs-list__container {
        width: min(1280px, calc(100% - 40px));
        margin: 0 auto;
    }
    
    /* =========================================================
       CABEÇALHO
    ========================================================= */
    
    .ars-needs-list__header {
        max-width: 820px;
        margin-bottom: 42px;
    }
    
    .ars-needs-list__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    
        margin-bottom: 16px;
    
        color: var(--ars-green-strong);
    
        font-family:
            var(--ars-font-title, "Outfit", Arial, sans-serif);
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }
    
    .ars-needs-list__eyebrow-marker {
        position: relative;
    
        display: inline-flex;
        align-items: center;
        justify-content: center;
    
        width: 20px;
        height: 20px;
    
        flex: 0 0 20px;
    
        border: 1px solid rgba(101, 147, 79, 0.22);
        border-radius: 50%;
    
        background-color: rgba(207, 243, 189, 0.62);
    }
    
    .ars-needs-list__eyebrow-marker::after {
        width: 7px;
        height: 7px;
    
        border-radius: 50%;
    
        background-color: var(--ars-green-strong);
    
        content: "";
    }
    
    .ars-needs-list__title {
        max-width: 760px;
    
        color: var(--ars-dark);
    
        font-family:
            var(--ars-font-title, "Outfit", Arial, sans-serif);
        font-size: clamp(34px, 3.8vw, 50px);
        font-weight: 700;
        line-height: 1.07;
        letter-spacing: -0.045em;
    }
    
    .ars-needs-list__description {
        max-width: 720px;
        margin-top: 18px;
    
        color: var(--ars-text);
    
        font-size: 15px;
        font-weight: 400;
        line-height: 1.7;
    }
    
    /* =========================================================
       LISTA
    ========================================================= */
    
    .ars-needs-list__items {
        border-top: 2px solid var(--ars-dark);
    }
    
    /* =========================================================
       ITEM CLICÁVEL
    ========================================================= */
    
    .ars-needs-list__item {
        position: relative;
        z-index: 1;
        isolation: isolate;
    
        display: grid;
        grid-template-columns:
            58px
            minmax(0, 1fr)
            minmax(210px, 280px);
        align-items: center;
        gap: 24px;
    
        min-height: 118px;
        padding: 24px 12px;
    
        border-bottom: 1px solid var(--ars-border);
    
        transition:
            background-color 0.28s ease,
            padding 0.28s ease;
    }
    
    .ars-needs-list__item::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    
        width: 4px;
    
        background-color: var(--ars-green);
    
        transform: scaleY(0);
        transform-origin: bottom;
    
        transition:
            transform 0.3s
            cubic-bezier(.22, 1, .36, 1);
    
        content: "";
    }
    
    .ars-needs-list__item:hover,
    .ars-needs-list__item:focus-visible {
        padding-right: 20px;
        padding-left: 24px;
    
        background-color: var(--ars-light);
    }
    
    /*
       Eleva o item ativo acima dos itens seguintes.
       Sem esta regra, o conteúdo das próximas linhas pode
       aparecer sobre a prévia flutuante.
    */
    .ars-needs-list__item.is-previewing {
        z-index: 1000;
    }
    
    .ars-needs-list__item:hover::before,
    .ars-needs-list__item:focus-visible::before {
        transform: scaleY(1);
    }
    
    .ars-needs-list__item:focus-visible {
        outline: 3px solid var(--ars-green);
        outline-offset: 3px;
    }
    
    /* =========================================================
       ÍCONE
    ========================================================= */
    
    .ars-needs-list__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    
        width: 52px;
        height: 52px;
    
        border: 1px solid rgba(19, 38, 50, 0.20);
        border-radius: 6px;
    
        background-color: var(--ars-white);
        color: var(--ars-dark);
    
        transition:
            border-color 0.28s ease,
            background-color 0.28s ease,
            color 0.28s ease,
            transform 0.28s ease;
    }
    
    .ars-needs-list__icon svg {
        width: 23px;
        height: 23px;
    
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    
    .ars-needs-list__item:hover
    .ars-needs-list__icon,
    .ars-needs-list__item:focus-visible
    .ars-needs-list__icon {
        border-color: var(--ars-dark);
    
        background-color: var(--ars-dark);
        color: var(--ars-green);
    
        transform: translateY(-2px);
    }
    
    /* =========================================================
       CONTEÚDO
    ========================================================= */
    
    .ars-needs-list__copy {
        min-width: 0;
    }
    
    .ars-needs-list__question {
        margin-bottom: 6px;
    
        color: var(--ars-dark);
    
        font-family:
            var(--ars-font-title, "Outfit", Arial, sans-serif);
        font-size: 19px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: -0.018em;
    }
    
    .ars-needs-list__hint {
        max-width: 700px;
    
        color: var(--ars-text);
    
        font-size: 13px;
        font-weight: 400;
        line-height: 1.58;
    }
    
    /* =========================================================
       DESTINO
    ========================================================= */
    
    .ars-needs-list__target {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
    
        min-width: 0;
    
        color: var(--ars-dark);
    
        font-family:
            var(--ars-font-title, "Outfit", Arial, sans-serif);
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35;
        text-align: right;
    }
    
    .ars-needs-list__arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    
        width: 40px;
        height: 40px;
    
        flex: 0 0 40px;
    
        border: 1px solid rgba(19, 38, 50, 0.18);
        border-radius: 4px;
    
        background-color: var(--ars-white);
        color: var(--ars-dark);
    
        transition:
            border-color 0.28s ease,
            background-color 0.28s ease,
            color 0.28s ease,
            transform 0.28s ease;
    }
    
    .ars-needs-list__arrow svg {
        width: 17px;
        height: 17px;
    
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    
    .ars-needs-list__item:hover
    .ars-needs-list__arrow,
    .ars-needs-list__item:focus-visible
    .ars-needs-list__arrow {
        border-color: var(--ars-green);
    
        background-color: var(--ars-green);
        color: var(--ars-dark);
    
        transform: translateX(3px);
    }
    
    
    /* =========================================================
       PRÉVIA FLUTUANTE NO HOVER
    
       A imagem acompanha o cursor somente em desktop,
       em dispositivos com mouse ou trackpad.
    
       Composição:
       - botão à esquerda
       - imagem à direita
    ========================================================= */
    
    .ars-needs-list__preview {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    
        display: block;
    
        width: 470px;
        height: 220px;
    
        opacity: 0;
        visibility: hidden;
    
        pointer-events: none;
    
        will-change:
            transform,
            opacity;
    
        transition:
            opacity 0.18s ease,
            visibility 0.18s ease;
    }
    
    /* detalhe verde atrás da imagem */
    .ars-needs-list__preview-decoration {
        position: absolute;
        top: 8px;
        left: 166px;
        z-index: 1;
    
        display: block;
    
        width: 296px;
        height: 204px;
    
        border-radius: 8px;
    
        background-color: var(--ars-green);
    
        clip-path:
            inset(
                0 0 0 100%
                round 8px
            );
    
        transition:
            clip-path
            0.36s
            cubic-bezier(.19, 1, .22, 1);
    }
    
    /* área da imagem */
    .ars-needs-list__preview-media {
        position: absolute;
        top: 0;
        left: 158px;
        z-index: 2;
    
        display: block;
    
        width: 312px;
        height: 220px;
        overflow: hidden;
    
        border: 2px solid var(--ars-dark);
        border-radius: 8px;
    
        background-color: var(--ars-white);
    
        box-shadow:
            0 18px 42px
            rgba(19, 38, 50, 0.24);
    
        clip-path:
            inset(
                0 0 0 100%
                round 8px
            );
    
        transition:
            clip-path
            0.42s
            cubic-bezier(.19, 1, .22, 1);
    
        will-change: clip-path;
    }
    
    .ars-needs-list__preview-image {
        display: block;
    
        width: 100%;
        height: 100%;
    
        background-color: var(--ars-white);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    
        opacity: 0;
    
        transform:
            translateX(-14%)
            scale(1.08);
    
        transition:
            opacity 0.24s ease,
            transform
            0.5s
            cubic-bezier(.19, 1, .22, 1);
    
        will-change:
            transform,
            opacity;
    }
    
    /* botão visual sobreposto */
    .ars-needs-list__preview-button {
        position: absolute;
        top: 50%;
        left: 14px;
        z-index: 4;
    
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    
        width: 190px;
        min-height: 66px;
        padding: 11px 12px 11px 20px;
    
        border: 1px solid rgba(255, 255, 255, 0.10);
        border-radius: 6px;
    
        background-color: var(--ars-dark);
        color: var(--ars-white);
    
        box-shadow:
            0 16px 34px
            rgba(19, 38, 50, 0.26);
    
        opacity: 0;
    
        transform:
            translateY(-50%)
            translateX(26px)
            scaleX(0.74);
    
        transform-origin: right center;
    
        transition:
            opacity 0.22s ease 0.14s,
            transform
            0.38s
            cubic-bezier(.19, 1, .22, 1)
            0.12s;
    
        will-change:
            transform,
            opacity;
    }
    
    .ars-needs-list__preview-button-text {
        display: block;
    
        color: var(--ars-white);
    
        font-family:
            var(--ars-font-title, "Outfit", Arial, sans-serif);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }
    
    .ars-needs-list__preview-button-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    
        width: 36px;
        height: 36px;
    
        flex: 0 0 36px;
    
        border-radius: 4px;
    
        background-color: var(--ars-green);
        color: var(--ars-dark);
    
        transition:
            transform 0.32s ease;
    }
    
    .ars-needs-list__preview-button-icon svg {
        width: 19px;
        height: 19px;
    
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    
        transform: rotate(-45deg);
    
        transition:
            transform 0.32s ease;
    }
    
    /* estado visível */
    .ars-needs-list__item.is-previewing
    .ars-needs-list__preview {
        opacity: 1;
        visibility: visible;
    }
    
    .ars-needs-list__item.is-previewing
    .ars-needs-list__preview-decoration {
        clip-path:
            inset(
                0 0 0 0
                round 8px
            );
    }
    
    .ars-needs-list__item.is-previewing
    .ars-needs-list__preview-media {
        clip-path:
            inset(
                0 0 0 0
                round 8px
            );
    }
    
    .ars-needs-list__item.is-previewing
    .ars-needs-list__preview-image {
        opacity: 1;
    
        transform:
            translateX(0)
            scale(1.02);
    }
    
    .ars-needs-list__item.is-previewing
    .ars-needs-list__preview-button {
        opacity: 1;
    
        transform:
            translateY(-50%)
            translateX(0)
            scaleX(1);
    }
    
    .ars-needs-list__item.is-previewing
    .ars-needs-list__preview-button-icon {
        transform: translateX(2px);
    }
    
    .ars-needs-list__item.is-previewing
    .ars-needs-list__preview-button-icon svg {
        transform: rotate(0deg);
    }
    
    /* =========================================================
       TABLET
    ========================================================= */
    
    @media (max-width: 920px) {
        .ars-needs-list__preview {
            display: none;
        }
    
        .ars-needs-list__item {
            grid-template-columns:
                52px
                minmax(0, 1fr);
            grid-template-areas:
                "icon copy"
                "icon target";
            gap: 8px 18px;
        }
    
        .ars-needs-list__icon {
            grid-area: icon;
        }
    
        .ars-needs-list__copy {
            grid-area: copy;
        }
    
        .ars-needs-list__target {
            grid-area: target;
    
            justify-content: flex-start;
    
            text-align: left;
        }
    }
    
    /* =========================================================
       CELULAR
    ========================================================= */
    
    @media (max-width: 767px) {
        .ars-needs-list {
            padding: 62px 0;
        }
    
        .ars-needs-list__container {
            width: min(
                calc(100% - 32px),
                540px
            );
        }
    
        .ars-needs-list__header {
            margin-bottom: 32px;
        }
    
        .ars-needs-list__title {
            font-size: clamp(32px, 10vw, 42px);
        }
    
        .ars-needs-list__description {
            font-size: 14.5px;
            line-height: 1.64;
        }
    
        .ars-needs-list__item {
            grid-template-columns:
                46px
                minmax(0, 1fr)
                38px;
            grid-template-areas:
                "icon copy arrow";
            gap: 14px;
    
            min-height: 0;
            padding: 20px 4px;
        }
    
        .ars-needs-list__item:hover,
        .ars-needs-list__item:focus-visible {
            padding-right: 8px;
            padding-left: 12px;
        }
    
        .ars-needs-list__icon {
            width: 46px;
            height: 46px;
        }
    
        .ars-needs-list__question {
            font-size: 17px;
        }
    
        .ars-needs-list__hint {
            margin-top: 4px;
    
            font-size: 12px;
        }
    
        .ars-needs-list__target {
            display: contents;
        }
    
        .ars-needs-list__target-label {
            position: absolute;
    
            width: 1px;
            height: 1px;
            overflow: hidden;
    
            clip-path: inset(50%);
    
            white-space: nowrap;
        }
    
        .ars-needs-list__arrow {
            grid-area: arrow;
    
            width: 38px;
            height: 38px;
    
            flex-basis: 38px;
        }
    }
    
    /* =========================================================
       MOVIMENTO REDUZIDO
    ========================================================= */
    
    @media (prefers-reduced-motion: reduce) {
        .ars-needs-list *,
        .ars-needs-list *::before,
        .ars-needs-list *::after {
            transition-duration: 0.01ms !important;
        }
    }

/* =========================================================
   FAQ + DIFERENCIAIS — ARSYSTEM COMPRESSORES

   Compatível com Widget HTML do Elementor Pro.

   Fontes carregadas globalmente no <head>:
   --ars-font-title: "Outfit", Arial, sans-serif;
   --ars-font-text: "Inter", Arial, sans-serif;

   Não utiliza:
   - importação de fontes
   - Font Awesome
   - JavaScript
   - IDs internos
   - tags estruturais de documento
========================================================= */

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

.ars-faq-benefits,
.ars-faq-benefits *,
.ars-faq-benefits *::before,
.ars-faq-benefits *::after {
    box-sizing: border-box;
}

.ars-faq-benefits h2,
.ars-faq-benefits h3,
.ars-faq-benefits p {
    margin: 0;
}

.ars-faq-benefits summary {
    list-style: none;
}

.ars-faq-benefits summary::-webkit-details-marker {
    display: none;
}

/* =========================================================
   SEÇÃO
========================================================= */

.ars-faq-benefits {
    --ars-dark: #132632;
    --ars-green: #cff3bd;
    --ars-green-strong: #65934f;
    --ars-white: #ffffff;
    --ars-light: #f8f8f8;
    --ars-text: #617078;
    --ars-border: rgba(19, 38, 50, 0.14);

    position: relative;

    width: 100%;
    padding: 82px 0;
    overflow: hidden;

    background-color: var(--ars-white);
    color: var(--ars-dark);

    font-family:
        var(--ars-font-text, "Inter", Arial, sans-serif);
}

.ars-faq-benefits::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.018) 1px,
            transparent 1px
        );

    background-size: 72px 72px;
    opacity: 0.34;

    pointer-events: none;

    content: "";
}

.ars-faq-benefits__container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1.02fr)
        minmax(0, 1fr);
    gap: 36px;

    width: min(1280px, calc(100% - 40px));
    margin: 0 auto;
}

/* =========================================================
   CABEÇALHOS
========================================================= */

.ars-faq-benefits__header {
    max-width: 600px;
    margin-bottom: 32px;
}

.ars-faq-benefits__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 15px;

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

    font-family:
        var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.ars-faq-benefits__marker {
    position: relative;

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

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

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

    background-color: rgba(207, 243, 189, 0.62);
}

.ars-faq-benefits__marker::after {
    width: 7px;
    height: 7px;

    border-radius: 50%;

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

    content: "";
}

.ars-faq-benefits__title {
    color: var(--ars-dark);

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

.ars-faq-benefits__intro {
    max-width: 570px;
    margin-top: 16px;

    color: var(--ars-text);

    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.68;
}

/* =========================================================
   COLUNAS
========================================================= */

.ars-faq-benefits__faq,
.ars-faq-benefits__benefits {
    min-width: 0;
}

/* =========================================================
   FAQ
========================================================= */

.ars-faq-benefits__questions {
    display: grid;
    gap: 14px;
}

.ars-faq-benefits__question {
    overflow: hidden;

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

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

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

.ars-faq-benefits__question[open] {
    border-color:
        rgba(101, 147, 79, 0.42);

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

.ars-faq-benefits__summary {
    position: relative;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        42px;
    align-items: center;
    gap: 18px;

    min-height: 72px;
    padding: 16px 18px 16px 22px;

    color: var(--ars-dark);

    font-family:
        var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;

    cursor: pointer;
}

.ars-faq-benefits__summary:hover {
    background-color: var(--ars-light);
}

.ars-faq-benefits__summary:focus-visible {
    outline: 3px solid var(--ars-green);
    outline-offset: -3px;
}

.ars-faq-benefits__toggle {
    position: relative;

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

    width: 40px;
    height: 40px;

    border: 1px solid rgba(19, 38, 50, 0.14);
    border-radius: 4px;

    background-color: var(--ars-light);
    color: var(--ars-dark);

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

.ars-faq-benefits__toggle::before,
.ars-faq-benefits__toggle::after {
    position: absolute;

    width: 16px;
    height: 2px;

    border-radius: 2px;

    background-color: currentColor;

    content: "";

    transition:
        transform 0.28s ease;
}

.ars-faq-benefits__toggle::after {
    transform: rotate(90deg);
}

.ars-faq-benefits__question[open]
.ars-faq-benefits__toggle {
    border-color: var(--ars-dark);

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

    transform: rotate(180deg);
}

.ars-faq-benefits__question[open]
.ars-faq-benefits__toggle::after {
    transform: rotate(0deg);
}

.ars-faq-benefits__answer {
    padding: 0 76px 22px 22px;

    color: var(--ars-text);

    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.68;
}

/* =========================================================
   DIFERENCIAIS
========================================================= */

.ars-faq-benefits__cards {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.ars-faq-benefits__card {
    position: relative;
    isolation: isolate;

    min-height: 164px;
    padding: 19px 20px 18px;
    overflow: hidden;

    border: 1px solid rgba(207, 243, 189, 0.15);
    border-radius: 6px;

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

    box-shadow:
        0 14px 30px
        rgba(19, 38, 50, 0.12);

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

.ars-faq-benefits__card::before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;

    width: 68px;
    height: 68px;

    background:
        linear-gradient(
            225deg,
            rgba(207, 243, 189, 0.72) 50%,
            transparent 50%
        );

    content: "";
}

.ars-faq-benefits__card:hover {
    border-color:
        rgba(207, 243, 189, 0.78);

    background-color: #1b3544;

    box-shadow:
        0 18px 36px
        rgba(19, 38, 50, 0.18);

    transform: translateY(-3px);
}

.ars-faq-benefits__card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    margin-bottom: 13px;

    border: 1px solid rgba(207, 243, 189, 0.28);
    border-radius: 50%;

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

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

.ars-faq-benefits__card-icon svg {
    width: 19px;
    height: 19px;

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

.ars-faq-benefits__card-title {
    margin-bottom: 7px;

    color: var(--ars-white);

    font-family:
        var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;

    transition:
        color 0.3s ease;
}

.ars-faq-benefits__card-description {
    color: rgba(255, 255, 255, 0.72);

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.5;

    transition:
        color 0.3s ease;
}

.ars-faq-benefits__card:hover
.ars-faq-benefits__card-icon {
    border-color: var(--ars-green);

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

    transform: translateY(-2px);
}


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

@media (max-width: 1024px) {
    .ars-faq-benefits__container {
        grid-template-columns: 1fr;
        gap: 58px;
    }

    .ars-faq-benefits__header {
        max-width: 760px;
    }
}

/* =========================================================
   CELULAR
========================================================= */

@media (max-width: 767px) {
    .ars-faq-benefits {
        padding: 60px 0;
    }

    .ars-faq-benefits__container {
        width: min(
            calc(100% - 32px),
            540px
        );

        gap: 50px;
    }

    .ars-faq-benefits__header {
        margin-bottom: 28px;
    }

    .ars-faq-benefits__title {
        font-size: clamp(32px, 10vw, 42px);
    }

    .ars-faq-benefits__summary {
        grid-template-columns:
            minmax(0, 1fr)
            38px;

        min-height: 68px;
        padding: 15px 14px 15px 18px;

        font-size: 15px;
    }

    .ars-faq-benefits__toggle {
        width: 38px;
        height: 38px;
    }

    .ars-faq-benefits__answer {
        padding:
            0 18px 20px;

        font-size: 13px;
    }

    .ars-faq-benefits__cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ars-faq-benefits__card {
        min-height: 0;
        padding: 18px 18px 17px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .ars-faq-benefits *,
    .ars-faq-benefits *::before,
    .ars-faq-benefits *::after {
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   CORREÇÕES VISUAIS — VERSÃO SEO SEM QUEBRAR O LAYOUT
========================================================= */

/*
 * O H1 permanece com o texto original e pode quebrar de forma
 * controlada. Isso impede extrapolação horizontal em qualquer tela.
 */
.ars-services-hero__title {
  max-width: 1040px;
  white-space: normal !important;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}

/*
 * As imagens permanecem como background, exatamente como no
 * layout aprovado. Apenas reforçamos o comportamento de encaixe
 * para evitar interferências do Elementor ou do tema.
 */


.ars-all-services__card {
  background-repeat: no-repeat !important;
  background-position: var(--ars-card-position, center) !important;
  background-size: cover !important;
}

/* Evita quebra agressiva em títulos dos cards e grupos. */
.ars-all-services__group-title,
.ars-all-services__title,
.ars-maintenance-pillars__title,
.ars-maintenance-pillars__item-title,
.ars-needs-list__title,
.ars-faq-benefits__title {
  max-width: 100%;
  word-break: normal;
  overflow-wrap: normal;
}

/* Proteção contra overflow horizontal causado por widgets externos. */
.ars-services-hero,
.ars-all-services,
.ars-maintenance-pillars,
.ars-needs-list,
.ars-faq-benefits {
  max-width: 100%;
  overflow-x: clip;
}

@media (max-width: 992px) {
  
}

@media (max-width: 767px) {
  

  .ars-services-hero__title {
    text-wrap: pretty;
  }
}


/* =========================================================
   CORREÇÕES FINAIS — HUB DE SERVIÇOS

   - fontes fornecidas globalmente pelo <head>;
   - links de atendimento abrem o formulário lateral;
   - cards normais no celular, sem empilhamento sticky;
   - pilares sem sticky em tablet e celular;
   - CTA final comercial, sem imagem.
========================================================= */

.ars-maintenance-pillars__left-button,
.ars-maintenance-pillars__left-button:visited {
  color: #ffffff;
  text-decoration: none !important;
}

.ars-services-final-cta,
.ars-services-final-cta *,
.ars-services-final-cta *::before,
.ars-services-final-cta *::after {
  box-sizing: border-box;
}

.ars-services-final-cta {
  width: 100%;
  padding: 0 0 84px;
  overflow: hidden;

  background: #ffffff;
  color: #ffffff;

  font-family:
    var(--ars-font-text, "Inter", Arial, sans-serif);
}

.ars-services-final-cta__container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.ars-services-final-cta__card {
  position: relative;
  isolation: isolate;

  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 36px;

  padding: clamp(34px, 4vw, 54px);
  overflow: hidden;

  border: 1px solid rgba(207, 243, 189, 0.16);
  border-radius: 8px;

  background:
    linear-gradient(
      135deg,
      #132632 0%,
      #0d202b 100%
    );

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



.ars-services-final-cta__content {
  min-width: 0;
}

.ars-services-final-cta__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin: 0 0 13px;

  color: #cff3bd;

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.ars-services-final-cta__eyebrow::before {
  width: 28px;
  height: 2px;
  flex: 0 0 28px;

  background: #cff3bd;

  content: "";
}

.ars-services-final-cta__title {
  max-width: 760px;
  margin: 0;

  color: #ffffff;

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(29px, 3vw, 43px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

.ars-services-final-cta__text {
  max-width: 760px;
  margin: 16px 0 0;

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

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

.ars-services-final-cta__button,
.ars-services-final-cta__button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;

  min-height: 52px;
  padding: 15px 25px;

  border: 1px solid #cff3bd;
  border-radius: 6px;

  background: #cff3bd;
  color: #132632 !important;

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;

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

.ars-services-final-cta__button::after {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;

  content: "→";
}

.ars-services-final-cta__button:hover,
.ars-services-final-cta__button:focus-visible {
  border-color: #ffffff;
  background: #ffffff;
  color: #132632 !important;

  transform: translateY(-2px);
}

.ars-services-final-cta__button:focus-visible {
  outline: 3px solid rgba(207, 243, 189, 0.38);
  outline-offset: 4px;
}

@media (max-width: 992px) {
  .ars-maintenance-pillars__item,
  .ars-maintenance-pillars__item:nth-child(1),
  .ars-maintenance-pillars__item:nth-child(2),
  .ars-maintenance-pillars__item:nth-child(3) {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 767px) {
  .ars-all-services__grid--4,
  .ars-all-services__grid--3,
  .ars-all-services__grid--2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;

    padding-bottom: 0;
  }

  .ars-all-services__item,
  .ars-all-services__item:nth-child(1),
  .ars-all-services__item:nth-child(2),
  .ars-all-services__item:nth-child(3),
  .ars-all-services__item:nth-child(4) {
    position: relative;
    top: auto;
    z-index: auto;

    width: 100%;
    margin: 0;
  }

  .ars-all-services__card {
    height: clamp(200px, 58vw, 225px);
  }

  .ars-all-services__pill {
    top: auto;
    right: 12px;
    bottom: 12px;
    left: 12px;

    min-height: 58px;
    padding: 11px 12px 11px 15px;
  }

  .ars-all-services__number {
    top: 12px;
    left: 12px;

    width: 44px;
    height: 44px;
  }

  .ars-all-services__body {
    min-height: 0;
    padding: 19px 18px 18px;
  }

  .ars-maintenance-pillars__item {
    min-height: 0;
  }

  .ars-services-final-cta {
    padding-bottom: 62px;
  }

  .ars-services-final-cta__container {
    width: min(calc(100% - 32px), 540px);
  }

  .ars-services-final-cta__card {
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;

    padding: 31px 24px;
  }

  .ars-services-final-cta__button {
    width: 100%;
    white-space: normal;
  }
}

@media (max-width: 380px) {
  .ars-all-services__card {
    height: 200px;
  }

  .ars-services-final-cta__container {
    width: calc(100% - 24px);
  }

  .ars-services-final-cta__card {
    padding-right: 20px;
    padding-left: 20px;
  }
}

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

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

.ars-services-hero,
.ars-services-final-cta__card {
  background: #132632 !important;
  background-image: none !important;
}

.ars-services-hero::before,
.ars-services-hero::after,
.ars-services-hero__shade,
.ars-services-final-cta__card::before {
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  content: none !important;
}/* End custom CSS */