.elementor-112 .elementor-element.elementor-element-1ca2c2c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-2cf9b88 *//*
  ARSYSTEM — RECUPERAÇÃO DE COMPRESSORES
  Cole este conteúdo em: Container > Avançado > CSS personalizado.
  Não adicione as tags <style> e </style>.
*/

.ars-recovery-page,
.ars-recovery-page *,
.ars-recovery-page *::before,
.ars-recovery-page *::after {box-sizing: border-box;}

.ars-recovery-page {width: 100%;
  min-width: 0;
  overflow: visible;

  background: #ffffff;
  color: #132632;}

.ars-recovery-page__main {display: grid;
  grid-template-columns:
    minmax(0, 7fr)
    minmax(280px, 3fr);
  align-items: start;
  gap: 34px;

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

  margin: 0 auto;
  padding: 68px 0 72px;

  overflow: visible;}

.ars-recovery-page__content,
.ars-recovery-page__sidebar {min-width: 0;}

.ars-recovery-page__content {display: grid;
  gap: 52px;}

.ars-recovery-page__sidebar {position: relative;
  align-self: stretch;
  overflow: visible;}

.ars-recovery-page__sidebar-inner {position: -webkit-sticky !important;
  position: sticky !important;
  top: 90px;

  display: grid;
  align-self: start;
  gap: 30px;

  height: max-content;
  overflow: visible;}

.ars-recovery-page__reviews {width: min(
    1280px,
    calc(100% - 40px)
  );

  margin: 0 auto;
  padding: 10px 0 66px;}

.ars-recovery-page
>
.ars-recovery-cards {display: none;}

.ars-recovery-page__desktop-cta {display: block;}

.ars-recovery-page__mobile-help {display: none;}

@media (max-width: 767px) {
.ars-recovery-page
  >
  .ars-recovery-cards {display: block;}

.ars-recovery-cards {padding: 24px 0 40px;}

.ars-recovery-cards__grid {grid-template-columns: minmax(0, 1fr);
    gap: 20px;}

.ars-recovery-cards__card {height: clamp(190px, 50vw, 225px);}

.ars-recovery-cards__number {top: 12px;
    left: 12px;

    width: 38px;
    height: 38px;

    font-size: 13px;}

.ars-recovery-cards__pill {right: 12px;
    bottom: 12px;
    left: 12px;

    min-height: 66px;
    padding: 10px 11px 10px 14px;}

.ars-recovery-cards__title {font-size: 16px;}

.ars-recovery-cards__description {font-size: 11px;}

.ars-recovery-cards__arrow {width: 30px;
    height: 30px;
    flex-basis: 30px;}

.ars-recovery-scope {display: flex;
    flex-direction: column;}

.ars-recovery-scope__content {order: 1;
    margin-top: 0;}

.ars-recovery-scope__gallery {order: 2;
    margin-top: 28px;}
}

@media (max-width: 900px) {
.ars-recovery-page__main {grid-template-columns:
      minmax(0, 1fr);

    gap: 42px;

    width: min(
      calc(100% - 40px),
      760px
    );}

.ars-recovery-page__sidebar-inner {position: static !important;
    top: auto;
    height: auto;}
}

@media (max-width: 767px) {
.ars-recovery-page__main {width: min(
      calc(100% - 32px),
      540px
    );

    padding: 46px 0 54px;}

.ars-recovery-page__content {gap: 42px;}

.ars-recovery-page__desktop-cta {display: none;}

.ars-recovery-page__mobile-help {display: block;}

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

    padding-bottom: 52px;}
}

@media (max-width: 380px) {
.ars-recovery-page__main,
  .ars-recovery-page__reviews {width: calc(100% - 24px);}

.ars-recovery-cards__card {height: 185px;}
}

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

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

.ars-recovery-hero {--ars-rh-dark: #132632;
  --ars-rh-green: #cff3bd;
  --ars-rh-green-strong: #5f9243;
  --ars-rh-muted: #65737a;
  --ars-rh-border: #e5e8ea;
  --ars-rh-light: #f8f8f8;

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

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

  position: relative;
  isolation: isolate;

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

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

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

  font-family: var(--ars-rh-font-text);}

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

.ars-recovery-hero__container {width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0;}

.ars-recovery-hero__content {width: 100%;
  min-width: 0;
  max-width: 1180px;}

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

  width: 100%;
  margin-bottom: 24px;

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

  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;}

.ars-recovery-hero__breadcrumb-link {color: var(--ars-rh-muted);

  transition: color 0.24s ease;}

.ars-recovery-hero__breadcrumb-link:hover,
.ars-recovery-hero__breadcrumb-link:focus-visible {color: var(--ars-rh-dark);}

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

.ars-recovery-hero__separator {display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #a7b0b4;

  font-size: 12px;
  line-height: 1;}

.ars-recovery-hero__breadcrumb-current {min-width: 0;

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

  font-weight: 700;

  overflow-wrap: anywhere;}

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

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

  font-family: var(--ars-rh-font-title);
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.045em;

  overflow-wrap: normal;
  word-break: normal;}

.ars-recovery-hero__description {width: 100%;
  max-width: 830px;
  margin-top: 24px;

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

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

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

  transform: translateY(12px);

  animation:
    arsRecoveryHeroReveal
    0.62s
    cubic-bezier(.22, 1, .36, 1)
    forwards;}

.ars-recovery-hero__title {animation-delay: 0.07s;}

.ars-recovery-hero__description {animation-delay: 0.14s;}

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

@media (max-width: 992px) {
.ars-recovery-hero__title {font-size: clamp(33px, 5.5vw, 44px);}

.ars-recovery-hero__description {max-width: 760px;}
}

@media (max-width: 767px) {
.ars-recovery-hero__container {width: min(calc(100% - 32px), 540px);
    padding: 58px 0 42px;}

.ars-recovery-hero__breadcrumb {gap: 6px;
    margin-bottom: 20px;

    font-size: 12px;}

.ars-recovery-hero__separator {font-size: 11px;}

.ars-recovery-hero__title {max-width: none;

    font-size: clamp(31px, 9vw, 40px);
    line-height: 1.07;}

.ars-recovery-hero__description {max-width: none;
    margin-top: 18px;

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

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

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

.ars-recovery-cards,
.ars-recovery-cards *,
.ars-recovery-cards *::before,
.ars-recovery-cards *::after {box-sizing: border-box;}

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

.ars-recovery-cards {--ars-rc-dark: #132632;
  --ars-rc-green: #cff3bd;
  --ars-rc-green-strong: #5f9243;
  --ars-rc-text: #536168;
  --ars-rc-muted: #758188;
  --ars-rc-white: #ffffff;

  width: 100%;
  min-width: 0;
  padding: 26px 0 50px;

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

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

.ars-recovery-cards a {color: inherit;
  text-decoration: none !important;}

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

.ars-recovery-cards__grid {display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 20px;

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

.ars-recovery-cards__item {min-width: 0;}

.ars-recovery-cards__card {position: relative;
  isolation: isolate;

  display: block;

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

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

  background-color: #dce3e7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

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

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

.ars-recovery-cards__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) 50%,
      rgba(19, 38, 50, 0.24) 100%
    );

  pointer-events: none;

  content: "";}

.ars-recovery-cards__card:hover,
.ars-recovery-cards__card:focus-visible {border-color: rgba(19, 38, 50, 0.18);

  box-shadow:
    0 17px 34px
    rgba(19, 38, 50, 0.13);

  transform: translateY(-4px);}

.ars-recovery-cards__card:focus-visible {outline: 3px solid rgba(207, 243, 189, 0.90);
  outline-offset: 4px;}

.ars-recovery-cards__hover-overlay {position: absolute;
  inset: 0;
  z-index: 2;

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

  overflow: hidden;

  pointer-events: none;}

.ars-recovery-cards__hover-overlay::before {position: absolute;
  top: 50%;
  left: 50%;

  width: 48px;
  height: 48px;

  border-radius: 50%;

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

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

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

  content: "";}

.ars-recovery-cards__hover-copy {position: relative;
  z-index: 1;

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

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

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(21px, 1.9vw, 28px);
  font-weight: 700;
  line-height: 1.08;
  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-recovery-cards__card:hover
.ars-recovery-cards__hover-overlay::before,
.ars-recovery-cards__card:focus-visible
.ars-recovery-cards__hover-overlay::before {transform:
    translate(-50%, -50%)
    scale(22);}

.ars-recovery-cards__card:hover
.ars-recovery-cards__hover-copy,
.ars-recovery-cards__card:focus-visible
.ars-recovery-cards__hover-copy {opacity: 1;

  transform: translateY(0);}

.ars-recovery-cards__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.94);
  color: var(--ars-rc-dark);

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

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

.ars-recovery-cards__pill {position: absolute;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 4;
  isolation: isolate;

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

  min-height: 84px;
  padding: 14px 14px 14px 18px;
  overflow: hidden;

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

  background: rgba(255, 255, 255, 0.96);
  color: var(--ars-rc-dark);

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

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

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

.ars-recovery-cards__pill::before {position: absolute;
  inset: 0;
  z-index: -1;

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

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

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

  content: "";}

.ars-recovery-cards__card:hover
.ars-recovery-cards__pill,
.ars-recovery-cards__card:focus-visible
.ars-recovery-cards__pill {border-color: var(--ars-rc-dark);

  color: #ffffff;

  transform: translateY(-2px);}

.ars-recovery-cards__card:hover
.ars-recovery-cards__pill::before,
.ars-recovery-cards__card:focus-visible
.ars-recovery-cards__pill::before {transform: scaleX(1);}

.ars-recovery-cards__content {display: flex;
  flex-direction: column;
  gap: 5px;

  min-width: 0;
  max-width: calc(100% - 42px);}

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

  overflow-wrap: anywhere;}

.ars-recovery-cards__description {color: var(--ars-rc-text);

  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.35;

  overflow-wrap: anywhere;

  transition: color 0.28s ease;}

.ars-recovery-cards__card:hover
.ars-recovery-cards__description,
.ars-recovery-cards__card:focus-visible
.ars-recovery-cards__description {color: rgba(255, 255, 255, 0.82);}

.ars-recovery-cards__arrow {display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;

  width: 34px;
  height: 34px;

  border-radius: 5px;

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

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

.ars-recovery-cards__arrow svg {width: 18px;
  height: 18px;

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

.ars-recovery-cards__card:hover
.ars-recovery-cards__arrow,
.ars-recovery-cards__card:focus-visible
.ars-recovery-cards__arrow {background: var(--ars-rc-green);
  color: var(--ars-rc-dark);

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

.ars-recovery-cards__more {display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-top: 12px;
  padding-left: 5px;

  color: var(--ars-rc-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-recovery-cards__more::after {width: 18px;
  height: 1px;

  background: currentColor;

  content: "";}

.ars-recovery-cards__more:hover,
.ars-recovery-cards__more:focus-visible {gap: 12px;

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

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

.ars-recovery-cards__card--unidade {background-image:
    url("/wp-content/uploads/2026/08/recuperacao-unidade-compressora-grande-sp.webp");}

.ars-recovery-cards__card--modulo {background-image:
    url("/wp-content/uploads/2026/08/controller-panel-for-atlas-copco-elektronikon-compressor.webp");}

.ars-recovery-cards__card--placa {background-image:
    url("/wp-content/uploads/2026/08/placa-compressor-de-ar-parafuso-atlas-copco.webp");}

.ars-recovery-cards__card--retifica {background-image:
    url("/wp-content/uploads/2026/08/retifica-unidade-compressora.webp");}

@media (max-width: 1180px) {
.ars-recovery-cards__grid {gap: 16px;}

.ars-recovery-cards__card {height: clamp(280px, 26vw, 330px);}

.ars-recovery-cards__pill {right: 13px;
    bottom: 13px;
    left: 13px;

    padding-right: 12px;
    padding-left: 16px;}

.ars-recovery-cards__title {font-size: 15px;}
}

@media (max-width: 900px) {
.ars-recovery-cards {padding: 30px 0 52px;}

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

.ars-recovery-cards__card {height: 330px;}

.ars-recovery-cards__title {font-size: 18px;}

.ars-recovery-cards__description {font-size: 12px;}
}

@media (max-width: 767px) {
.ars-recovery-cards {padding: 28px 0 46px;

    overflow: visible;}

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

.ars-recovery-cards__grid {grid-template-columns: 1fr;
    gap: 26px;}

.ars-recovery-cards__card {width: 100%;
    height: clamp(190px, 50vw, 225px);

    transform: none;}

.ars-recovery-cards__card:hover,
  .ars-recovery-cards__card:focus-visible,
  .ars-recovery-cards__card:active {transform: none;}

.ars-recovery-cards__hover-overlay {display: none;}

.ars-recovery-cards__pill {min-height: 82px;}

.ars-recovery-cards__title {font-size: 17px;}

.ars-recovery-cards__description {font-size: 11.5px;}

.ars-recovery-cards__more {margin-top: 11px;}
}

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

.ars-recovery-cards__grid {gap: 22px;}

.ars-recovery-cards__card {height: 185px;}

.ars-recovery-cards__pill {right: 12px;
    bottom: 12px;
    left: 12px;

    min-height: 80px;
    padding: 13px 11px 13px 14px;}

.ars-recovery-cards__title {font-size: 16px;}
}

@media (prefers-reduced-motion: reduce) {
.ars-recovery-cards__card,
  .ars-recovery-cards__pill,
  .ars-recovery-cards__pill::before,
  .ars-recovery-cards__arrow,
  .ars-recovery-cards__more,
  .ars-recovery-cards__hover-overlay::before,
  .ars-recovery-cards__hover-copy {transition: none !important;}
}

.ars-recovery-scope,
.ars-recovery-scope *,
.ars-recovery-scope *::before,
.ars-recovery-scope *::after {box-sizing: border-box;}

.ars-recovery-scope h2,
.ars-recovery-scope p {margin: 0;}

.ars-recovery-scope img {display: block;
    max-width: 100%;}

.ars-recovery-scope {--ars-dark: #132632;
    --ars-green: #cff3bd;
    --ars-green-strong: #65934f;
    --ars-white: #ffffff;
    --ars-light: #f8f8f8;
    --ars-text: #5f6d74;
    --ars-border: rgba(19, 38, 50, 0.12);

    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;

    color: var(--ars-dark);

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

.ars-recovery-scope__content {width: 100%;
    max-width: none;
    min-width: 0;
    margin-top: 38px;}

.ars-recovery-scope__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: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.07em;
    text-transform: uppercase;}

.ars-recovery-scope__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.66);}

.ars-recovery-scope__marker::after {width: 7px;
    height: 7px;

    border-radius: 50%;

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

    content: "";}

.ars-recovery-scope__heading {max-width: 900px;

    color: var(--ars-dark);

    font-family:
        var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: clamp(30px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.04em;}

.ars-recovery-scope__paragraphs {display: grid;
    gap: 18px;

    margin-top: 20px;}

.ars-recovery-scope__paragraph {width: 100%;
    max-width: none;

    color: var(--ars-text);

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

.ars-recovery-scope__paragraph strong {color: var(--ars-dark);

    font-weight: 600;}

.ars-recovery-scope__highlight {padding: 0 2px;

    color: var(--ars-dark);

    font-weight: 600;

    background:
        linear-gradient(
            to bottom,
            transparent 61%,
            var(--ars-green) 61%,
            var(--ars-green) 92%,
            transparent 92%
        );

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;}

.ars-recovery-scope__gallery {width: 100%;
    min-width: 0;
    margin-top: 0;}

.ars-recovery-scope__gallery-grid {display: grid;
    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);
    align-items: stretch;
    gap: 16px;

    width: 100%;
    min-width: 0;
    height: 400px;}

.ars-recovery-scope__gallery-left {display: grid;
    grid-template-rows:
        repeat(2, minmax(0, 1fr));
    gap: 16px;

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

.ars-recovery-scope__gallery-card {position: relative;

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

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

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

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

.ars-recovery-scope__gallery-card::after {position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(13, 30, 40, 0.12),
            transparent 42%
        );

    pointer-events: none;

    content: "";}

.ars-recovery-scope__gallery-card img {width: 100%;
    height: 100%;

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

    transition:
        transform 0.35s ease;}

.ars-recovery-scope__gallery-card:hover img {transform: scale(1.025);}

@media (max-width: 991px) {
.ars-recovery-scope__gallery-grid {grid-template-columns: 1fr;
        height: auto;}

.ars-recovery-scope__gallery-left {grid-template-columns:
            repeat(2, minmax(0, 1fr));
        grid-template-rows: none;

        height: 230px;}

.ars-recovery-scope__gallery-card--large {height: 300px;}
}

@media (max-width: 767px) {
.ars-recovery-scope__eyebrow {margin-bottom: 13px;

        font-size: 10px;}

.ars-recovery-scope__heading {font-size: clamp(29px, 8.5vw, 36px);
        line-height: 1.1;}

.ars-recovery-scope__paragraphs {gap: 16px;

        margin-top: 17px;}

.ars-recovery-scope__paragraph {font-size: 14px;
        line-height: 1.72;}

.ars-recovery-scope__content {margin-top: 30px;}

.ars-recovery-scope__gallery {margin-top: 0;}

.ars-recovery-scope__gallery-grid {grid-template-columns: 1fr;
        gap: 12px;
        height: auto;}

.ars-recovery-scope__gallery-left {grid-template-columns: 1fr;
        grid-template-rows:
            repeat(2, 190px);
        gap: 12px;

        height: auto;}

.ars-recovery-scope__gallery-card {height: 190px;

        border-radius: 4px;}

.ars-recovery-scope__gallery-card--large {height: 235px;}
}

@media (prefers-reduced-motion: reduce) {
.ars-recovery-scope__gallery-card img {transition: none !important;}
}

.ars-recovery-evaluation,
.ars-recovery-evaluation *,
.ars-recovery-evaluation *::before,
.ars-recovery-evaluation *::after {box-sizing: border-box;}

.ars-recovery-evaluation :where(
  h2,
  p,
  span,
  div,
  strong
) {margin: 0;
  padding: 0;}

.ars-recovery-evaluation {--ars-rev-dark: #132632;
  --ars-rev-green: #cff3bd;
  --ars-rev-green-strong: #65934f;
  --ars-rev-text: #5a686f;
  --ars-rev-border: rgba(19, 38, 50, 0.11);

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

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

  width: 100%;
  min-width: 0;

  background-color: #ffffff;
  color: var(--ars-rev-dark);
  color-scheme: light;

  font-family: var(--ars-rev-font-text);

  overflow-x: clip;}

.ars-recovery-evaluation__eyebrow {display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 15px;

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

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

.ars-recovery-evaluation__eyebrow::before {width: 8px;
  height: 8px;

  flex: 0 0 8px;

  border-radius: 50%;

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

  box-shadow:
    0 0 0 5px
    rgba(207, 243, 189, 0.45);

  content: "";}

.ars-recovery-evaluation__heading {max-width: 980px;

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

  font-family: var(--ars-rev-font-title);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.035em;

  overflow-wrap: anywhere;}

.ars-recovery-evaluation__content {max-width: 1040px;
  margin-top: 22px;
  padding-top: 24px;

  border-top: 1px solid var(--ars-rev-border);}

.ars-recovery-evaluation__paragraph {color: var(--ars-rev-text);

  font-family: var(--ars-rev-font-text);
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.85;

  overflow-wrap: anywhere;}

.ars-recovery-evaluation__paragraph +
.ars-recovery-evaluation__paragraph {margin-top: 19px;}

.ars-recovery-evaluation__paragraph strong {color: var(--ars-rev-dark);
  font-weight: 700;}

.ars-recovery-evaluation__highlight {padding: 0 2px;

  color: var(--ars-rev-dark);
  font-weight: 700;

  background:
    linear-gradient(
      to bottom,
      transparent 61%,
      var(--ars-rev-green) 61%,
      var(--ars-rev-green) 92%,
      transparent 92%
    );

  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;}

@media (max-width: 767px) {
.ars-recovery-evaluation,
  .ars-recovery-evaluation__heading,
  .ars-recovery-evaluation__content,
  .ars-recovery-evaluation__paragraph {min-width: 0;}

.ars-recovery-evaluation__eyebrow,
  .ars-recovery-evaluation__heading,
  .ars-recovery-evaluation__paragraph {text-align: left;}

.ars-recovery-evaluation__eyebrow {margin-bottom: 13px;

    font-size: 10px;}

.ars-recovery-evaluation__heading {font-size: 28px;}

.ars-recovery-evaluation__content {margin-top: 19px;
    padding-top: 20px;}

.ars-recovery-evaluation__paragraph {font-size: 15px;
    line-height: 1.75;}

.ars-recovery-evaluation__paragraph +
  .ars-recovery-evaluation__paragraph {margin-top: 17px;}
}

@media (max-width: 380px) {
.ars-recovery-evaluation__heading {font-size: 26px;}

.ars-recovery-evaluation__paragraph {font-size: 14.5px;}
}

.ars-recovery-short,
.ars-recovery-short *,
.ars-recovery-short *::before,
.ars-recovery-short *::after {box-sizing: border-box;}

.ars-recovery-short :where(h2, p, span) {margin: 0;
  padding: 0;}

.ars-recovery-short {--ars-rs-dark: #132632;
  --ars-rs-green: #cff3bd;
  --ars-rs-green-strong: #65934f;
  --ars-rs-text: #5a686f;

  width: 100%;
  min-width: 0;

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

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

  overflow-x: clip;}

.ars-recovery-short__eyebrow {display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 15px;

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

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

.ars-recovery-short__eyebrow::before {width: 8px;
  height: 8px;
  flex: 0 0 8px;

  border-radius: 50%;

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

  box-shadow:
    0 0 0 5px
    rgba(207, 243, 189, 0.45);

  content: "";}

.ars-recovery-short__heading {max-width: 980px;
  margin-bottom: 19px;

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

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(30px, 3.3vw, 42px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;

  overflow-wrap: anywhere;}

.ars-recovery-short__paragraph {max-width: 100%;

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

  font-size: 15.5px;
  line-height: 1.85;

  overflow-wrap: anywhere;}

.ars-recovery-short__paragraph strong {color: var(--ars-rs-dark);
  font-weight: 600;}

@media (max-width: 767px) {
.ars-recovery-short__eyebrow {margin-bottom: 13px;}

.ars-recovery-short__heading {margin-bottom: 16px;

    font-size: 29px;}

.ars-recovery-short__paragraph {font-size: 15px;
    line-height: 1.75;}
}

.mprev-diferencial,
.mprev-diferencial *,
.mprev-diferencial *::before,
.mprev-diferencial *::after {box-sizing: border-box;}

.mprev-diferencial :where(
  h2,
  p,
  span,
  blockquote,
  cite
) {margin: 0;
  padding: 0;}

.mprev-diferencial {--mprev-dark: #132632;
  --mprev-green: #cff3bd;
  --mprev-green-strong: #65934f;
  --mprev-light: #f8f8f8;
  --mprev-border: #e1e7e9;
  --mprev-white: #ffffff;

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

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

  width: 100%;
  min-width: 0;

  background-color: var(--mprev-white);
  color: var(--mprev-dark);
  color-scheme: light;

  font-family: var(--mprev-font-text);

  overflow-x: clip;}

.mprev-diferencial__eyebrow {display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 15px;

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

  font-family: var(--mprev-font-title);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;}

.mprev-diferencial__eyebrow::before {width: 8px;
  height: 8px;
  flex: 0 0 8px;

  border-radius: 50%;

  background-color: var(--mprev-green);

  box-shadow:
    0 0 0 5px
    rgba(207, 243, 189, 0.45);

  content: "";}

.mprev-diferencial__heading {max-width: 900px;
  margin-bottom: 22px;

  color: var(--mprev-dark);

  font-family: var(--mprev-font-title);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.035em;

  overflow-wrap: anywhere;}

.mprev-diferencial__card {position: relative;
  isolation: isolate;

  width: 100%;
  min-width: 0;
  padding: 42px 46px 40px;
  overflow: hidden;

  border: 1px solid var(--mprev-border);
  border-left: 5px solid var(--mprev-green);
  border-radius: 8px;

  background-color: var(--mprev-light);

  box-shadow:
    0 12px 32px
    rgba(19, 38, 50, 0.06);}

.mprev-diferencial__card::after {position: absolute;
  right: -60px;
  bottom: -80px;
  z-index: -1;

  width: 210px;
  height: 210px;

  border-radius: 50%;

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

  pointer-events: none;

  content: "";}

.mprev-diferencial__quote-icon {position: absolute;
  top: 18px;
  left: 28px;
  z-index: 1;

  color: rgba(19, 38, 50, 0.10);

  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size: clamp(92px, 10vw, 148px);
  font-weight: 700;
  line-height: 0.78;

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

.mprev-diferencial__quote {position: relative;
  z-index: 2;

  max-width: 1080px;
  padding-top: 38px;}

.mprev-diferencial__text {color: var(--mprev-dark);

  font-family: var(--mprev-font-title);
  font-size: clamp(22px, 2.3vw, 31px);
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -0.025em;

  overflow-wrap: anywhere;}

.mprev-diferencial__text strong {color: var(--mprev-green-strong);
  font-weight: 700;}

.mprev-diferencial__author {display: flex;
  align-items: center;
  gap: 10px;

  margin-top: 24px;

  color: rgba(19, 38, 50, 0.68);

  font-family: var(--mprev-font-text);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.035em;
  text-transform: uppercase;}

.mprev-diferencial__author::before {width: 34px;
  height: 2px;
  flex: 0 0 34px;

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

  content: "";}

@media (max-width: 767px) {
.mprev-diferencial,
  .mprev-diferencial__heading,
  .mprev-diferencial__card,
  .mprev-diferencial__quote,
  .mprev-diferencial__text,
  .mprev-diferencial__author {min-width: 0;}

.mprev-diferencial__eyebrow,
  .mprev-diferencial__heading,
  .mprev-diferencial__text,
  .mprev-diferencial__author {text-align: left;}

.mprev-diferencial__eyebrow {margin-bottom: 13px;}

.mprev-diferencial__heading {margin-bottom: 18px;

    font-size: 28px;}

.mprev-diferencial__card {padding: 34px 24px 30px;

    border-left-width: 4px;}

.mprev-diferencial__quote-icon {top: 16px;
    left: 18px;

    font-size: 88px;}

.mprev-diferencial__quote {padding-top: 34px;}

.mprev-diferencial__text {font-size: 21px;
    line-height: 1.5;}

.mprev-diferencial__author {margin-top: 20px;

    font-size: 12px;}

.mprev-diferencial__card::after {right: -80px;
    bottom: -100px;}
}

@media (max-width: 380px) {
.mprev-diferencial__card {padding-right: 20px;
    padding-left: 20px;}

.mprev-diferencial__text {font-size: 19px;}

.mprev-diferencial__author {font-size: 11px;}
}

.sr-resultados {width: 100%;
    background: #f8f8f8;
    padding: 64px 24px 72px;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    overflow: hidden;}

.sr-resultados * {box-sizing: border-box;}

.sr-resultados-container {max-width: 1280px; /* Ajustado para um bloco único centralizado */
    margin: 0 auto;}

.sr-comparacoes {width: 100%;
    margin: 0 auto;}

.sr-ad-compare {position: relative;
    width: 100%;
    height: 400px; /* Altura ajustada para um destaque maior */
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    background: #132632;
    box-shadow: 0 18px 40px rgba(19, 38, 50, .14);
    border: 2px solid rgba(255,255,255,.9);}

.sr-ad-side {position: relative;
    flex: 1; /* Inicia com 50% para cada lado da imagem */
    margin: 0; 
    overflow: hidden;
    transition: flex 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;}

@media (hover: hover) and (pointer: fine) {
.sr-ad-compare:hover .sr-ad-side {flex: 0.6; /* Encolhe quem não está com hover */}

.sr-ad-compare .sr-ad-side:hover {flex: 1.4; /* Expande quem está com hover */}
}

.sr-ad-side img {width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease, filter 0.6s ease;}

.sr-ad-compare:hover .sr-ad-side:hover img {transform: scale(1.05); /* Leve zoom ao expandir */}

.sr-ad-before img {filter: sepia(.25) saturate(.75) brightness(.76) contrast(1.12);}

.sr-ad-after img {filter: brightness(1.02) contrast(1.08);}

.sr-ad-side::after {content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,.24), rgba(0,0,0,.04));
    pointer-events: none;}

.sr-ad-before::before {content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 3px;
    background: #ffffff;
    z-index: 5;}

.sr-ad-label {position: absolute;
    top: 24px;
    z-index: 4;
    min-width: 92px;
    min-height: 38px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 4px;
    transition: background 0.3s ease;}

.sr-ad-before .sr-ad-label {left: 24px;
    background: rgba(6, 19, 27, .92);}

.sr-ad-after .sr-ad-label {right: 24px; 
    background: #76b947;}

.sr-ad-caption {position: absolute;
    left: 24px;
    bottom: 24px;
    z-index: 6;
    background: rgba(19, 38, 50, .9);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    padding: 12px 16px;
    border-radius: 6px;
    max-width: 80%;
    text-align: left;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);}

.sr-ad-instruction {position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.95);
    color: #132632;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    z-index: 10;
    pointer-events: none;
    transition: opacity 0.3s ease;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);}

.sr-ad-compare:hover .sr-ad-instruction {opacity: 0;}

@media (max-width: 1100px) {
.sr-ad-compare {height: 420px;}
}

@media (max-width: 760px) {
.sr-resultados {padding: 44px 20px 52px;}

.sr-ad-compare {height: auto;
        flex-direction: column;}

.sr-ad-side {height: 320px;
        flex: none !important;}

.sr-ad-before::before {top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 3px;}

.sr-ad-label {top: 16px;}

.sr-ad-before .sr-ad-label {left: 16px;}

.sr-ad-after .sr-ad-label {right: auto;
        left: 16px;}

.sr-ad-caption {bottom: 16px;
        left: 16px;
        max-width: calc(100% - 32px);}

.sr-ad-instruction {display: none; /* Oculta a instrução de hover no mobile */}
}

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

.ars-cta-suporte {--ars-dark: #132632;
  --ars-dark-hover: #1c3a4b;
  --ars-green: #cff3bd;
  --ars-white: #ffffff;

  width: 100%;
  padding-top: 46px; /* espaço para a personagem vazar acima do card */
  font-family: var(--ars-font-title);
  overflow: visible;}

.ars-cta-suporte__box {position: relative;
  display: grid;
  /* Texto na esquerda (1fr) e Imagem na direita (230px) */
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 32px;
  align-items: center;
  width: 100%;
  min-height: 165px;
  /* Padding ajustado para a imagem colar na borda direita */
  padding: 24px 0 24px 40px; 
  border-radius: 8px;
  background: var(--ars-green);
  overflow: visible;}

.ars-cta-suporte__content {position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;}

.ars-cta-suporte__title {margin: 0 0 6px;
  color: var(--ars-dark);
  font-family: var(--ars-font-title);
  font-size: clamp(22px, 2.5vw, 29px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.025em;}

.ars-cta-suporte__description {margin: 0 0 20px;
  color: rgba(19, 38, 50, 0.85);
  font-family: var(--ars-font-text);
  font-size: 16.5px;
  font-weight: 500;
  line-height: 1.45;}

.ars-cta-suporte__button {display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 240px;
  min-height: 58px;
  padding: 16px 28px;
  border: 1px solid var(--ars-dark);
  border-radius: 6px;
  background: var(--ars-dark);
  color: var(--ars-white) !important;
  font-family: var(--ars-font-title);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;}

.ars-cta-suporte__button:hover,
.ars-cta-suporte__button:focus-visible {border-color: var(--ars-white);
  background: var(--ars-white);
  box-shadow: 0 10px 22px rgba(19, 38, 50, 0.16);
  color: var(--ars-dark) !important;
  transform: translateY(-2px);}

.ars-cta-suporte__button:focus-visible {outline: 3px solid rgba(19, 38, 50, 0.18);
  outline-offset: 3px;}

.ars-cta-suporte__image-area {position: relative;
  align-self: stretch;
  width: 230px;
  min-height: 165px;
  overflow: visible;}

.ars-cta-suporte__image {position: absolute;
  bottom: -25px;
  right: -10px; /* Fixado à direita */
  left: auto;
  z-index: 5;
  display: block;
  width: 260px;
  max-width: none;
  height: auto;
  pointer-events: none;
  user-select: none;}

@media (max-width: 991px) {
.ars-cta-suporte {padding-top: 38px;}

.ars-cta-suporte__box {grid-template-columns: minmax(0, 1fr) 185px;
    gap: 24px;
    padding: 24px 0 24px 24px;}

.ars-cta-suporte__image-area {width: 185px;
    min-height: 150px;}

.ars-cta-suporte__image {bottom: -16px;
    right: -5px;
    width: 210px;}
}

@media (max-width: 767px) {
.ars-cta-suporte {padding-top: 34px;}

.ars-cta-suporte__box {grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
    padding: 0 20px 24px;
    text-align: center;
    overflow: visible;}

.ars-cta-suporte__content {order: 2; /* Joga o texto para baixo no celular */
    align-items: center; 
    padding-top: 10px;}

.ars-cta-suporte__image-area {order: 1; /* Mantém a imagem no topo no celular */
    width: 100%;
    min-height: 225px;
    overflow: visible;}

.ars-cta-suporte__image {right: 50%;
    bottom: -14px;
    left: auto;
    width: 225px;
    transform: translateX(50%);}

.ars-cta-suporte__title {font-size: 24px;}

.ars-cta-suporte__description {max-width: 360px;
    font-size: 15px;}

.ars-cta-suporte__button {width: 100%;
    min-width: 0;}
}

@media (max-width: 400px) {
.ars-cta-suporte__image-area {min-height: 205px;}

.ars-cta-suporte__image {width: 205px;}

.ars-cta-suporte__title {font-size: 22px;}
}

@media (prefers-reduced-motion: reduce) {
.ars-cta-suporte__button {transition: none !important;}
}


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

.ars-recovery-services {--ars-ms-green: #cff3bd;
  --ars-ms-dark: #132632;
  --ars-ms-border: #e5e8ea;

  width: 100%;

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

.ars-recovery-services a {color: inherit;
  text-decoration: none;}

.ars-recovery-services ul {margin: 0;
  padding: 0;
  list-style: none;}

.ars-recovery-services__card {padding: 28px 26px;

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

  background: #f7f9f8;}

.ars-recovery-services__title {position: relative;

  margin-bottom: 20px;
  padding-bottom: 14px;

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

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

.ars-recovery-services__title::after {position: absolute;
  bottom: 0;
  left: 0;

  width: 40px;
  height: 3px;

  border-radius: 2px;

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

  content: "";}

.ars-recovery-services__list,
.ars-recovery-services__other-list {display: flex;
  flex-direction: column;}

.ars-recovery-services__item {border-bottom: 1px solid rgba(19, 38, 50, 0.08);}

.ars-recovery-services__item:last-child {border-bottom: none;}

.ars-recovery-services__link {display: flex;
  align-items: center;
  gap: 12px;

  padding: 13px 0;

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

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

  transition:
    color 0.25s ease,
    transform 0.25s ease;}

.ars-recovery-services__icon {display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 22px;
  min-width: 22px;
  height: 22px;

  flex-shrink: 0;

  border-radius: 50%;

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

  transition:
    background-color 0.25s ease,
    color 0.25s ease;}

.ars-recovery-services__icon svg {width: 11px;
  height: 11px;

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

.ars-recovery-services__link:hover {color: var(--ars-ms-dark);
  transform: translateX(4px);}

.ars-recovery-services__link:hover
.ars-recovery-services__icon {background: var(--ars-ms-dark);
  color: var(--ars-ms-green);}

.ars-recovery-services__link.is-active {position: relative;

  padding-right: 12px;
  padding-left: 12px;

  border-radius: 4px;

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

  font-weight: 700;

  transform: none;

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

.ars-recovery-services__link.is-active
.ars-recovery-services__icon {background: var(--ars-ms-green);
  color: var(--ars-ms-dark);}

.ars-recovery-services__subtitle {position: relative;

  margin-top: 26px;
  margin-bottom: 14px;
  padding-top: 22px;

  border-top: 1px solid var(--ars-ms-border);

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

  font-family:
    var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;}

@media (max-width: 600px) {
.ars-recovery-services__card {padding: 24px 20px;}

.ars-recovery-services__title {font-size: 19px;}

.ars-recovery-services__link {font-size: 14px;}
}

.ars-service-regions,
.ars-service-regions *,
.ars-service-regions *::before,
.ars-service-regions *::after {box-sizing: border-box;}

.ars-service-regions h2,
.ars-service-regions p {margin: 0;}

.ars-service-regions a {color: inherit;
    text-decoration: none !important;}

.ars-service-regions {--ars-dark: #132632;
    --ars-dark-hover: #1b3544;
    --ars-green: #cff3bd;
    --ars-green-strong: #65934f;
    --ars-white: #ffffff;
    --ars-light: #f8f8f8;
    --ars-text: #5f6d74;
    --ars-border: rgba(19, 38, 50, 0.12);

    position: relative;

    width: 100%;
    margin: 0;
    padding: 72px 0 88px;
    overflow: hidden;

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

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

.ars-service-regions::before {position: absolute;
    top: -180px;
    right: -150px;

    width: 420px;
    height: 420px;

    border: 1px dashed rgba(19, 38, 50, 0.08);
    border-radius: 50%;

    box-shadow:
        inset 0 0 0 54px rgba(207, 243, 189, 0.08),
        inset 0 0 0 132px rgba(207, 243, 189, 0.04);

    pointer-events: none;

    content: "";}

.ars-service-regions__container {position: relative;
    z-index: 1;

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

.ars-service-regions__header {max-width: 760px;
    margin: 0 auto 38px;

    text-align: center;}

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

    margin-bottom: 15px;

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

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

.ars-service-regions__marker {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.66);}

.ars-service-regions__marker::after {width: 7px;
    height: 7px;

    border-radius: 50%;

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

    content: "";}

.ars-service-regions__title {color: var(--ars-dark);

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

.ars-service-regions__subtitle {max-width: 660px;
    margin: 14px auto 0 !important;

    color: var(--ars-text);

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

.ars-service-regions__grid {display: grid;
    grid-template-columns:
        repeat(5, minmax(0, 1fr));
    gap: 14px;

    width: 100%;}

.ars-service-regions__item {position: relative;
    isolation: isolate;

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

    min-width: 0;
    min-height: 58px;
    padding: 14px 12px;
    overflow: hidden;

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

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

    font-family:
        var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;

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

.ars-service-regions__item::before {width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

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

    box-shadow:
        0 0 0 4px
        rgba(207, 243, 189, 0.55);

    content: "";

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

.ars-service-regions__item::after {position: absolute;
    top: -55px;
    right: -55px;
    z-index: -1;

    width: 120px;
    height: 120px;

    border-radius: 50%;

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

    opacity: 0;
    transform: scale(0.7);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;

    content: "";}

.ars-service-regions__item:hover,
.ars-service-regions__item:focus-visible {border-color:
        rgba(207, 243, 189, 0.72);

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

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

    transform: translateY(-3px);}

.ars-service-regions__item:hover::before,
.ars-service-regions__item:focus-visible::before {background-color: var(--ars-green);

    box-shadow:
        0 0 0 4px
        rgba(207, 243, 189, 0.18);}

.ars-service-regions__item:hover::after,
.ars-service-regions__item:focus-visible::after {opacity: 1;
    transform: scale(1);}

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

@media (max-width: 1120px) {
.ars-service-regions__grid {grid-template-columns:
            repeat(4, minmax(0, 1fr));}
}

@media (max-width: 860px) {
.ars-service-regions {padding: 64px 0 76px;}

.ars-service-regions__grid {grid-template-columns:
            repeat(3, minmax(0, 1fr));}
}

@media (max-width: 600px) {
.ars-service-regions {padding: 54px 0 62px;}

.ars-service-regions::before {top: -145px;
        right: -185px;

        width: 340px;
        height: 340px;}

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

.ars-service-regions__header {margin-bottom: 28px;}

.ars-service-regions__eyebrow {margin-bottom: 13px;

        font-size: 10px;}

.ars-service-regions__title {font-size: clamp(29px, 8.7vw, 36px);
        line-height: 1.1;}

.ars-service-regions__subtitle {margin-top: 12px !important;

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

.ars-service-regions__grid {grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 10px;}

.ars-service-regions__item {min-height: 64px;
        padding: 12px 9px;

        font-size: 11.5px;}
}

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

.ars-service-regions__grid {grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 8px;}

.ars-service-regions__item {min-height: 58px;
        padding: 10px 7px;

        font-size: 10.5px;
        line-height: 1.25;}

.ars-service-regions__item::before {width: 6px;
        height: 6px;

        flex-basis: 6px;}
}

@media (prefers-reduced-motion: reduce) {
.ars-service-regions__item,
    .ars-service-regions__item::before,
    .ars-service-regions__item::after {transition: none !important;}
}

.ars-help-contact,
.ars-help-contact *,
.ars-help-contact *::before,
.ars-help-contact *::after {box-sizing: border-box;}

.ars-help-contact p,
.ars-help-contact strong {margin: 0;}

.ars-help-contact a {color: inherit;
    text-decoration: none !important;}

.ars-help-contact img {display: block;
    max-width: 100%;}

.ars-help-contact {--ars-dark: #132632;
    --ars-green: #cff3bd;
    --ars-green-strong: #65934f;
    --ars-white: #ffffff;
    --ars-light: #f8f8f8;
    --ars-border: rgba(19, 38, 50, 0.11);

    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;

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

.ars-help-contact__card {position: relative;
    isolation: isolate;

    display: grid;
    grid-template-rows:
        minmax(0, 1fr)
        minmax(0, 1fr);

    width: 100%;
    max-width: none;
    min-width: 0;
    height: 600px;
    overflow: hidden;

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

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

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

.ars-help-contact__media {position: relative;

    display: flex;
    align-items: flex-end; /* Garante que a foto fique colada embaixo */
    justify-content: center;

    min-width: 0;
    min-height: 0;
    overflow: hidden;

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

.ars-help-contact__media::before {position: absolute;
    top: -90px;
    right: -85px;

    width: 210px;
    height: 210px;

    border: 1px dashed rgba(19, 38, 50, 0.10);
    border-radius: 50%;

    box-shadow:
        inset 0 0 0 32px rgba(255, 255, 255, 0.08),
        inset 0 0 0 76px rgba(255, 255, 255, 0.04);

    pointer-events: none;

    content: "";}

.ars-help-contact__badge {position: absolute;
    top: 25%;
    left: 50%;
    z-index: 0;
    
    transform: translate(-50%, -50%);
    width: 90%;
    
    color: rgba(19, 38, 50, 0.12);
    font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: clamp(32px, 3.5vw, 46px);
    font-weight: 800;
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    pointer-events: none;}

.ars-help-contact__image {position: relative;
    z-index: 1;

    /* Controle o tamanho da imagem por aqui no DESKTOP */
    width: auto;
    height: auto;
    max-width: 90%; /* Limita a largura para não vazar nas laterais */
    max-height: 100%; /* Diminua este valor (ex: 80%, 75%) para encolher a foto */

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

.ars-help-contact__content {position: relative;

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

    min-width: 0;
    min-height: 0;
    padding: 48px 24px 28px;

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

    text-align: center;}

.ars-help-contact__icon {position: absolute;
    top: 0;
    left: 50%;
    z-index: 3;

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

    width: 62px;
    height: 62px;

    border: 5px solid var(--ars-light);
    border-radius: 50%;

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

    box-shadow:
        0 10px 24px
        rgba(19, 38, 50, 0.16);

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

.ars-help-contact__icon svg {width: 24px;
    height: 24px;

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

.ars-help-contact__phone {display: block;

    color: var(--ars-dark);

    font-family:
        var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: clamp(24px, 2.4vw, 31px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 0.01em;}

.ars-help-contact__text {margin-top: 13px !important;

    color: rgba(19, 38, 50, 0.74);

    font-family:
        var(--ars-font-title, "Outfit", Arial, sans-serif);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;}

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

    min-width: 230px;
    min-height: 50px;
    margin-top: 22px;
    padding: 14px 22px;

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

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

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

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

.ars-help-contact__button svg {width: 16px;
    height: 16px;

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

    transition:
        transform 0.25s ease;}

.ars-help-contact__button:hover,
.ars-help-contact__button:focus-visible {border-color: var(--ars-dark);

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

    transform: translateY(-2px);}

.ars-help-contact__button:hover svg,
.ars-help-contact__button:focus-visible svg {transform: translateX(3px);}

.ars-help-contact__button:focus-visible {outline: 3px solid rgba(19, 38, 50, 0.15);
    outline-offset: 3px;}

@media (max-width: 1024px) {
.ars-help-contact__card {height: 560px;}

.ars-help-contact__content {padding: 44px 22px 26px;}
}

@media (max-width: 767px) {
.ars-help-contact__card {grid-template-rows:
            52%
            48%;

        height: 560px;
        border-radius: 4px;}

.ars-help-contact__image {max-height: 75%; /* Diminua ou aumente este valor para o celular (ex: 70%, 80%) */}

.ars-help-contact__content {padding: 44px 20px 24px;}

.ars-help-contact__icon {width: 58px;
        height: 58px;}

.ars-help-contact__icon svg {width: 22px;
        height: 22px;}

.ars-help-contact__phone {font-size: 24px;}

.ars-help-contact__text {margin-top: 11px !important;
        font-size: 16px;}

.ars-help-contact__button {width: 100%;
        min-width: 0;
        min-height: 52px;
        margin-top: 20px;}
}

@media (max-width: 400px) {
.ars-help-contact__card {height: 530px;}

.ars-help-contact__image {max-height: 70%; /* Ajuste fino para celulares muito pequenos */}

.ars-help-contact__content {padding-right: 16px;
        padding-left: 16px;}

.ars-help-contact__phone {font-size: 22px;}
}

@media (prefers-reduced-motion: reduce) {
.ars-help-contact__button,
    .ars-help-contact__button svg {transition: none !important;}
}

.ars-recovery-page .ars-cta-suporte__box {grid-template-columns: minmax(0, 1fr) 245px;}

.ars-recovery-page .ars-cta-suporte__image-area {width: 245px;}

.ars-recovery-page .ars-cta-suporte__image {right: -12px;
  width: 282px;}

@media (max-width: 991px) {
.ars-recovery-page .ars-cta-suporte__box {grid-template-columns: minmax(0, 1fr) 200px;}

.ars-recovery-page .ars-cta-suporte__image-area {width: 200px;}

.ars-recovery-page .ars-cta-suporte__image {right: -7px;
    width: 228px;}
}

@media (max-width: 767px) {
.ars-recovery-page .ars-recovery-cards {padding: 24px 0 40px;
    overflow: visible;}

.ars-recovery-page .ars-recovery-cards__container {width: min(calc(100% - 32px), 540px);
    overflow: visible;}

.ars-recovery-page .ars-recovery-cards__grid {display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;

    width: 100%;
    overflow: visible;}

.ars-recovery-page .ars-recovery-cards__item {width: 100%;
    min-width: 0;}

.ars-recovery-page .ars-recovery-cards__card {width: 100%;
    height: clamp(190px, 50vw, 225px);

    border-radius: 5px;
    background-position: center;
    transform: none;}

.ars-recovery-page .ars-recovery-cards__card:hover,
  .ars-recovery-page .ars-recovery-cards__card:focus-visible,
  .ars-recovery-page .ars-recovery-cards__card:active {transform: none;}

.ars-recovery-page .ars-recovery-cards__hover-overlay {display: none;}

.ars-recovery-page .ars-recovery-cards__number {top: 12px;
    left: 12px;

    width: 38px;
    height: 38px;

    font-size: 14px;}

.ars-recovery-page .ars-recovery-cards__pill {right: 12px;
    bottom: 12px;
    left: 12px;

    /*
     * A altura externa do card é idêntica à página de manutenção.
     * A faixa fica alguns pixels mais alta porque esta página possui
     * título e descrição dentro do mesmo bloco.
     */
    min-height: 64px;
    padding: 9px 11px 9px 14px;}

.ars-recovery-page .ars-recovery-cards__content {gap: 3px;}

.ars-recovery-page .ars-recovery-cards__title {font-size: 16px;
    line-height: 1.14;}

.ars-recovery-page .ars-recovery-cards__description {font-size: 10.5px;
    line-height: 1.28;}

.ars-recovery-page .ars-recovery-cards__arrow {width: 30px;
    height: 30px;
    flex-basis: 30px;}

.ars-recovery-page .ars-recovery-cards__arrow svg {width: 15px;
    height: 15px;}

.ars-recovery-page .ars-recovery-cards__more {margin-top: 9px;
    padding-left: 3px;

    font-size: 12.5px;}

.ars-recovery-page .ars-help-contact__image {max-width: 100%;
    max-height: 88%;

    transform: scale(1.06);
    transform-origin: bottom center;}
}

@media (max-width: 400px) {
.ars-recovery-page .ars-help-contact__image {max-height: 84%;

    transform: scale(1.05);}
}

@media (max-width: 380px) {
.ars-recovery-page .ars-recovery-cards__container {width: calc(100% - 24px);}

.ars-recovery-page .ars-recovery-cards__grid {gap: 18px;}

.ars-recovery-page .ars-recovery-cards__card {height: 185px;}

.ars-recovery-page .ars-recovery-cards__pill {right: 10px;
    bottom: 10px;
    left: 10px;

    min-height: 60px;
    padding: 8px 10px 8px 13px;}

.ars-recovery-page .ars-recovery-cards__title {font-size: 15px;}

.ars-recovery-page .ars-recovery-cards__description {font-size: 10px;}
}

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

.ars-recovery-final-cta {width: 100%;
  padding: 0 0 100px;
  background: #ffffff;
  color: #ffffff;
  font-family: var(--ars-font-text, "Inter", Arial, sans-serif);}

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

.ars-recovery-final-cta__box {position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 42px;
  min-height: 250px;
  padding: 48px 52px;
  overflow: hidden;
  border-radius: 8px;
  background: #132632;
  box-shadow: 0 18px 42px rgba(19, 38, 50, 0.14);}

.ars-recovery-final-cta__box::before {position: absolute;
  top: -140px;
  right: -110px;
  z-index: -1;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(207, 243, 189, 0.16);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 54px rgba(207, 243, 189, 0.05),
    inset 0 0 0 126px rgba(207, 243, 189, 0.025);
  content: "";}

.ars-recovery-final-cta__content {min-width: 0;
  max-width: 790px;}

.ars-recovery-final-cta__eyebrow,
.ars-recovery-final-cta__title,
.ars-recovery-final-cta__description {margin: 0;}

.ars-recovery-final-cta__eyebrow {display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  color: #cff3bd;
  font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;}

.ars-recovery-final-cta__eyebrow::before {width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #cff3bd;
  box-shadow: 0 0 0 5px rgba(207, 243, 189, 0.13);
  content: "";}

.ars-recovery-final-cta__title {color: #ffffff;
  font-family: var(--ars-font-title, "Outfit", Arial, sans-serif);
  font-size: clamp(29px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.04em;}

.ars-recovery-final-cta__description {max-width: 720px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;}

.ars-recovery-final-cta__button {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 248px;
  min-height: 58px;
  padding: 16px 26px;
  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: 800;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;}

.ars-recovery-final-cta__button:hover,
.ars-recovery-final-cta__button:focus-visible {border-color: #ffffff;
  background: #ffffff;
  color: #132632 !important;
  transform: translateY(-2px);}

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

@media (max-width: 900px) {
.ars-recovery-final-cta__box {grid-template-columns: 1fr;
    gap: 28px;}

.ars-recovery-final-cta__button {justify-self: start;}
}

@media (max-width: 767px) {
.ars-recovery-final-cta {padding-bottom: 64px;}

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

.ars-recovery-final-cta__box {min-height: 0;
    padding: 34px 24px;
    border-radius: 6px;}

.ars-recovery-final-cta__title {font-size: clamp(28px, 8.5vw, 36px);}

.ars-recovery-final-cta__description {font-size: 14px;
    line-height: 1.65;}

.ars-recovery-final-cta__button {width: 100%;
    min-width: 0;}
}

@media (max-width: 380px) {
.ars-recovery-final-cta__container {width: calc(100% - 24px);}
}

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

/* =========================================================
   FUNDOS UNIFORMES — HERO E CTAS
========================================================= */

.ars-recovery-hero {
  background: #f8f8f8;
}

.ars-cta-suporte__box,
.ars-help-contact__media {
  background: #cff3bd;
}

.ars-recovery-final-cta__box {
  background: #132632;
}

.ars-recovery-final-cta__box::before,
.ars-help-contact__media::before {
  display: none;
  content: none;
}/* End custom CSS */