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

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

.ars-of-hero {
--ars-of-dark: #132632;
--ars-of-dark-deep: #0c1d27;
--ars-of-green: #cff3bd;
--ars-of-green-strong: #79ad5f;
--ars-of-white: #ffffff;
--ars-of-title: var(--ars-font-title, "Outfit", Arial, sans-serif);
--ars-of-text: var(--ars-font-text, "Inter", Arial, sans-serif);

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

/*
* Hero sem imagem, mantendo a mesma estrutura visual,
* altura e hierarquia de respiros da Série EG.
*/
background:
linear-gradient(
  112deg,
  var(--ars-of-dark-deep) 0%,
  var(--ars-of-dark) 72%,
  #18313f 100%
);

color: var(--ars-of-white);
font-family: var(--ars-of-title);
isolation: isolate;
}





.ars-of-hero a {
color: inherit;
text-decoration: none;
}

/* =========================================================
CONTAINER PRINCIPAL (ESPAÇAMENTO SIMÉTRICO RIGOROSO)
========================================================= */

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

width: 100%;
max-width: 1280px;
margin: 0 auto;
/* Garante rigorosamente 40px no topo e 40px na base */
padding: 60px 24px;
}

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

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

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

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

margin-top: 0; /* Zera margem superior acumulada */
margin-bottom: 20px;

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

font-family: var(--ars-of-text);
font-size: 12px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.035em;
text-transform: uppercase;
}

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

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

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

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

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

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

.ars-of-hero__title {
max-width: 980px;

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

font-size: clamp(32px, 3.25vw, 50px);
font-weight: 700;
line-height: 1.04;
letter-spacing: -0.045em;
}

.ars-of-hero__subtitle {
max-width: 840px;
margin-top: 10px;

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

font-size: clamp(20px, 2.1vw, 31px);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.025em;
}

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

/* =========================================================
DIFERENCIAIS EM FORMATO DE SETAS (ALINHAMENTO CORRIGIDO)
========================================================= */

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

margin-top: 30px;
margin-bottom: 0; /* Finaliza o bloco de texto sem margens extras */
}

.ars-of-hero__feature {
position: relative;

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

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

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

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

color: #ffffff;

font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.045em;
text-transform: uppercase;
white-space: nowrap;

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

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

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

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

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

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

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

.ars-of-hero__feature:hover {
transform: translateY(-2px);
}

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

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

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

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

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

/* =========================================================
MOBILE (ALINHAMENTO SIMÉTRICO E RESPONSIVO)
========================================================= */

@media (max-width: 767px) {
.ars-of-hero__container {
/* Mantém 36px rigorosamente no topo e na base no mobile */
padding: 36px 20px;
}

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

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

.ars-of-hero__title {
max-width: 100%;
font-size: clamp(27px, 7.8vw, 36px);
line-height: 1.06;
}

.ars-of-hero__subtitle {
max-width: 95%;
margin-top: 12px;
font-size: clamp(19px, 5.5vw, 25px);
}

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

.ars-of-hero__feature {
min-height: 36px;
padding: 8px 20px 8px 16px;
font-size: 9.5px;
}


}

@media (max-width: 520px) {
/*
* No mobile, os três diferenciais ficam em uma única linha.
* Os textos podem quebrar em até duas linhas sem aumentar
* excessivamente a altura da Hero.
*/
.ars-of-hero__features {
display: grid;
grid-template-columns:
  minmax(78px, 0.82fr)
  minmax(78px, 0.82fr)
  minmax(0, 1.48fr);
align-items: stretch;
gap: 5px;

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

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

justify-content: center;

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

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

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

.ars-of-hero__feature:first-child {
padding-right: 13px;

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

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

@media (max-width: 420px) {
.ars-of-hero__container {
/* Garante 32px no topo e 32px na base em telas pequenas */
padding: 32px 16px;
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  width: 110px;
  height: 8px;

  border-radius: 0 16px 0 8px;

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

  content: "";
}

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

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

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

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

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

  display: block;

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

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

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

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

  opacity: 1;
  transform: scale(1);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ars-of-overview__thumb-image {
  display: block;

  width: 100% !important;
  height: 100% !important;

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

  background-color: transparent !important;
  background-image: none !important;
}

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

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

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

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

.ars-of-overview__eyebrow {
  display: block;

  margin-bottom: 9px;

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

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

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

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

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

  white-space: nowrap;
}

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

  margin-top: 17px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  flex: 1 1 220px;

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

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

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

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

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

  content: "→";
}

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

  flex: 0 0 19px;

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

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

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

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

  transform: translateY(-2px);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ars-of-overview__option {
  position: relative;

  padding: 18px 20px 18px 54px;

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

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

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

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

  width: 20px;
  height: 20px;

  border-radius: 50%;

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

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

  content: "✓";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    border-radius: 12px;
  }

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

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

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

    margin-top: 15px;
  }

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

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

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

    white-space: normal;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  color: #718087;

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

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

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

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

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

/*
 * A correção começa no tablet. A galeria deixa de ser sticky,
 * ocupa uma linha própria e não invade a coluna de conteúdo.
 */
@media (max-width: 1024px) {
  .ars-of-overview {
    padding: 56px 24px;
    overflow: hidden;
  }

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

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

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

    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  position: relative;

  display: flex;
  align-items: center;

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

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

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

/* Grade técnica decorativa */



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

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

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

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

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

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

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

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

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

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

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

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

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

  height: 6px;

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

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

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

  content: "";
}

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

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

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

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

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

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

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

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

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

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

/* Estado visível acionado pelo JavaScript */

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

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

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

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

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

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

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

    border-left-width: 4px;
  }

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

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

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

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

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

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

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

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

.ars-of-stage-section,
.ars-of-stage-section *,
.ars-of-stage-section *::before,
.ars-of-stage-section *::after {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

.ars-of-stage-section__content {
  min-width: 0;
}

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

  margin-bottom: 11px;

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

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

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

.ars-of-stage-section__title {
  max-width: 590px;

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

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

.ars-of-stage-section__description {
  max-width: 620px;
  margin-top: 12px;

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

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

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

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

  padding: 10px 12px;

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

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

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

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

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

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

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

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

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

.ars-of-stage-section__note {
  max-width: 620px;
  margin-top: 12px;

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

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

.ars-of-stage-section__visual-wrap {
  position: relative;
  min-width: 0;
}

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

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

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

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

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

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

.ars-of-stage-section__product-area {
  position: relative;
  z-index: 2;

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

  min-height: 340px;
}

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

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

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

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

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

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

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

  text-align: center;
}

.ars-of-stage-section__badge-circle small {
  display: block;

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

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

.ars-of-stage-section__badge-circle strong {
  margin-top: 4px;

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

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

.ars-of-stage-section__badge-circle span {
  margin-top: 5px;

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

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

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

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

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

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

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

.ars-of-stage-section__badge-pill strong {
  display: block;

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

.ars-of-stage-section__badge-pill span {
  display: block;
  margin-top: 4px;

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

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

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

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

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

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

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

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

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

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

  .ars-of-stage-section__visual-card {
    min-height: 360px;
  }

  .ars-of-stage-section__product-area {
    min-height: 305px;
  }

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

  .ars-of-stage-section__list {
    gap: 6px;
    margin-top: 13px;
  }

  .ars-of-stage-section__item {
    padding: 8px 11px;
  }
}

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

  .ars-of-stage-section__content {
    max-width: none;
  }

  .ars-of-stage-section__title,
  .ars-of-stage-section__description,
  .ars-of-stage-section__note {
    max-width: none;
  }
}

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

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

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

  .ars-of-stage-section__product-area {
    min-height: 315px;
  }

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

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

  .ars-of-stage-section__badge-circle strong {
    font-size: 22px;
  }

  .ars-of-stage-section__badge-circle span {
    font-size: 8.5px;
  }

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

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

  .ars-of-stage-section__badge-pill strong {
    font-size: 20px;
  }

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

  .ars-of-stage-section__description {
    font-size: 14.5px;
    line-height: 1.72;
  }

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

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

  .ars-of-stage-section__item-text {
    font-size: 14px;
  }
}

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

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

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

.ars-of-cooling-section,
.ars-of-cooling-section *,
.ars-of-cooling-section *::before,
.ars-of-cooling-section *::after {
  box-sizing: border-box;
}

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

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

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

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

  display: flex;
  align-items: center;

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

  background: #ffffff;

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

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

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

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

.ars-of-cooling-section__content {
  min-width: 0;
}

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

  margin-bottom: 14px;

  color: var(--ars-of-cooling-green-main);

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

.ars-of-cooling-section__eyebrow::before {
  width: 32px;
  height: 2px;
  flex: 0 0 32px;

  background: var(--ars-of-cooling-green-main);

  content: "";
}

.ars-of-cooling-section__title {
  max-width: 610px;

  color: var(--ars-of-cooling-dark);

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

.ars-of-cooling-section__description {
  max-width: 620px;
  margin-top: 18px;

  color: var(--ars-of-cooling-text);

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

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

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

.ars-of-cooling-section__list {
  display: grid;
  gap: 12px;

  margin-top: 24px;

  list-style: none;
}

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

  padding: 2px 0;
}

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

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

  border-radius: 50%;

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

.ars-of-cooling-section__item-icon svg {
  width: 16px;
  height: 16px;

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

.ars-of-cooling-section__item-text {
  color: var(--ars-of-cooling-text);

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

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

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

.ars-of-cooling-section__visual {
  position: relative;

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

.ars-of-cooling-section__visual-card {
  position: relative;

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

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

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

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

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

.ars-of-cooling-section__visual-card::before {
  position: absolute;
  inset: 0;

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

  opacity: 0.75;
  pointer-events: none;

  content: "";
}

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

  width: 300px;
  height: 300px;

  border-radius: 50%;

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

  pointer-events: none;

  content: "";
}

.ars-of-cooling-section__image {
  position: relative;
  z-index: 2;

  display: block;

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

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

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

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

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

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

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

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

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

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

  text-align: center;
}

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

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

.ars-of-cooling-section__machine-top span {
  color: var(--ars-of-cooling-green);

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

  transform: rotate(-90deg);
}

.ars-of-cooling-section__machine-top strong {
  color: #ffffff;

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

.ars-of-cooling-section__machine-caption {
  margin-top: 2px;

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

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

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

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

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

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

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

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

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

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

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

  width: 28px;
  height: 28px;

  border-radius: 7px;

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

.ars-of-cooling-section__touch-icon svg {
  width: 17px;
  height: 17px;

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

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

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

  .ars-of-cooling-section__grid {
    gap: 34px;
  }

  .ars-of-cooling-section__description {
    margin-top: 13px;
  }

  .ars-of-cooling-section__list {
    gap: 8px;
    margin-top: 17px;
  }

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

  .ars-of-cooling-section__image {
    max-height: 305px;
  }

  .ars-of-cooling-section__machine-badge {
    width: 124px;
    height: 124px;
  }

  .ars-of-cooling-section__machine-top strong {
    font-size: 50px;
  }
}

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

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

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

  .ars-of-cooling-section__content {
    max-width: 760px;
  }

  .ars-of-cooling-section__title,
  .ars-of-cooling-section__description {
    max-width: none;
  }

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

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

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

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

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

  .ars-of-cooling-section__description {
    font-size: 14.5px;
    line-height: 1.72;
  }

  .ars-of-cooling-section__item-text {
    font-size: 14px;
  }

  .ars-of-cooling-section__visual {
    padding: 20px 8px 24px;
  }

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

    border-radius: 16px;
  }

  .ars-of-cooling-section__image {
    max-width: 100%;
    max-height: 265px;
  }

  .ars-of-cooling-section__machine-badge {
    top: 0;
    right: 0;

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

  .ars-of-cooling-section__machine-top span {
    font-size: 10px;
  }

  .ars-of-cooling-section__machine-top strong {
    font-size: 42px;
  }

  .ars-of-cooling-section__machine-caption {
    font-size: 8.5px;
  }

  .ars-of-cooling-section__touch-badge {
    right: 8px;
    bottom: 0;
    left: 8px;

    justify-content: center;

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

    font-size: 14px;
  }
}

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

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

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

.ars-of-airpath-section,
.ars-of-airpath-section *,
.ars-of-airpath-section *::before,
.ars-of-airpath-section *::after {
  box-sizing: border-box;
}

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

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

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

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

  display: flex;
  align-items: center;

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

  background: #ffffff;

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

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

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

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

.ars-of-airpath-section__content {
  min-width: 0;
}

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

  margin-bottom: 14px;

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

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

.ars-of-airpath-section__eyebrow::before {
  width: 32px;
  height: 2px;
  flex: 0 0 32px;

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

  content: "";
}

.ars-of-airpath-section__title {
  max-width: 610px;

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

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

.ars-of-airpath-section__description {
  max-width: 620px;
  margin-top: 18px;

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

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

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

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

.ars-of-airpath-section__list {
  display: grid;
  gap: 12px;

  margin-top: 24px;

  list-style: none;
}

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

  padding: 2px 0;
}

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

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

  border-radius: 50%;

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

.ars-of-airpath-section__item-icon svg {
  width: 16px;
  height: 16px;

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

.ars-of-airpath-section__item-text {
  color: var(--ars-feature-text);

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

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

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

.ars-of-airpath-section__visual {
  position: relative;

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

.ars-of-airpath-section__visual-card {
  position: relative;

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

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

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

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

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

.ars-of-airpath-section__visual-card::before {
  position: absolute;
  inset: 0;

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

  opacity: 0.75;
  pointer-events: none;

  content: "";
}

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

  width: 300px;
  height: 300px;

  border-radius: 50%;

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

  pointer-events: none;

  content: "";
}

.ars-of-airpath-section__image {
  position: relative;
  z-index: 2;

  display: block;

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

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

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

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

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

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

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

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

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

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

  text-align: center;
}

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

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

.ars-of-airpath-section__machine-top span {
  color: var(--ars-feature-green);

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

  transform: rotate(-90deg);
}

.ars-of-airpath-section__machine-top strong {
  color: #ffffff;

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

.ars-of-airpath-section__machine-caption {
  margin-top: 2px;

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

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

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

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

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

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

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

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

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

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

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

  width: 28px;
  height: 28px;

  border-radius: 7px;

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

.ars-of-airpath-section__touch-icon svg {
  width: 17px;
  height: 17px;

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

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

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

  .ars-of-airpath-section__grid {
    gap: 34px;
  }

  .ars-of-airpath-section__description {
    margin-top: 13px;
  }

  .ars-of-airpath-section__list {
    gap: 8px;
    margin-top: 17px;
  }

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

  .ars-of-airpath-section__image {
    max-height: 305px;
  }

  .ars-of-airpath-section__machine-badge {
    width: 124px;
    height: 124px;
  }

  .ars-of-airpath-section__machine-top strong {
    font-size: 29px;
  }
}

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

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

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

  .ars-of-airpath-section__content {
    max-width: 760px;
  }

  .ars-of-airpath-section__title,
  .ars-of-airpath-section__description {
    max-width: none;
  }

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

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

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

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

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

  .ars-of-airpath-section__description {
    font-size: 14.5px;
    line-height: 1.72;
  }

  .ars-of-airpath-section__item-text {
    font-size: 14px;
  }

  .ars-of-airpath-section__visual {
    padding: 20px 8px 24px;
  }

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

    border-radius: 16px;
  }

  .ars-of-airpath-section__image {
    max-width: 100%;
    max-height: 265px;
  }

  .ars-of-airpath-section__machine-badge {
    top: 0;
    right: 0;

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

  .ars-of-airpath-section__machine-top span {
    font-size: 9px;
  }

  .ars-of-airpath-section__machine-top strong {
    font-size: 24px;
  }

  .ars-of-airpath-section__machine-caption {
    font-size: 8px;
  }

  .ars-of-airpath-section__touch-badge {
    right: 8px;
    bottom: 0;
    left: 8px;

    justify-content: center;

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

    font-size: 14px;
  }
}

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

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

/* =========================================================
     ARSYSTEM COMPRESSORES | SÉRIE OF 45–450 kW | SEIS SISTEMAS TÉCNICOS
     Foco: compressão isenta de óleo, caminho do ar e Classe 0
     ID Blindado | Elementor-safe | CSS ESCOPADO
     ========================================================= */

  #raiox-tecnico-serie-of-45-450-kw,
  #raiox-tecnico-serie-of-45-450-kw * { 
    box-sizing: border-box; 
    -webkit-font-smoothing: antialiased;
  }

  #raiox-tecnico-serie-of-45-450-kw {
    --ars-primary: #248b35;     /* Azul Primário ARSYSTEM (Títulos) */
    --ars-dark: #132632;        /* Azul Marinho Profundo (Ativos) */
    --ars-yellow: #cff3bd;      /* Amarelo ARSYSTEM (Destaques) */
    --ars-slate: #263840;       /* Texto base escuro */
    --ars-bg: #FFFFFF;          /* Fundo base */
    --ars-border: #dce7d7;      /* Bordas no Azul Claro ARSYSTEM */
    --ars-muted: #64747b;       /* Texto de apoio */
    
    font-family: var(--ars-font-text, 'Inter', Arial, sans-serif);
    width: 100%;
    position: relative;
    min-height: 850px;
    padding: 80px 24px 60px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--ars-bg);
    background-image:
      radial-gradient(circle at 50% 20%, rgba(36, 139, 53, 0.04) 0%, transparent 50%),
      radial-gradient(circle at 20% 80%, rgba(19, 38, 50, 0.03) 0%, transparent 50%);
  }

  /* Conteúdo principal 3 colunas */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-boxed-content {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: center;
    z-index: 10;
  }

  @media (min-width: 1025px) {
    #raiox-tecnico-serie-of-45-450-kw .ars-of-boxed-content {
      grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
    }
  }

  /* Colunas laterais */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-col-left,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-col-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  /* Coluna central */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 30;
    min-width: 0;
    padding-top: 16px;
  }

  /* Título central */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-center-title-wrap {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 40;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-solid-title {
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif);
    font-weight: 800;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1.2;
    margin: 0 0 12px 0;
    color: var(--ars-primary);
    letter-spacing: -0.02em;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-sub-text {
    font-size: 1.05rem;
    color: var(--ars-muted);
    font-weight: 500;
    margin: 0 auto;
    max-width: 850px;
    line-height: 1.6;
  }

  /* Imagem compressor */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-fixed-compressor-wrap {
    position: relative;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    transition: all 0.3s ease;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-compressor-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
  }

  /* Slots/cards desktop */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-card-slot {
    position: relative;
    height: 70px;
    z-index: 10;
    transition: z-index 0.1s ease;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-card-slot:hover,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-card-slot.ars-of-has-lock-item {
    z-index: 1000 !important;
  }

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

  #raiox-tecnico-serie-of-45-450-kw .ars-of-card-slot.ars-of-expand-up .ars-of-feature-card {
    top: auto;
    bottom: 0;
  }

  /* Cabeçalho card */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-item-number {
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif);
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--ars-primary);
    transition: all 0.3s ease;
    flex: 0 0 auto;
    line-height: 1;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-card-title {
    color: var(--ars-dark);
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif);
    font-size: 0.85rem;
    font-weight: 700;
    margin: 2px 0 0 0;
    transition: color 0.3s ease;
    line-height: 1.2;
    min-width: 0;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-chevron-indicator {
    margin-left: auto;
    color: #829198;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    transition: transform 0.4s ease, color 0.3s ease;
  }

  /* Translate lateral desktop */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-left-side:hover,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-left-side.ars-of-active,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-left-side.ars-of-is-locked {
    transform: translateX(12px);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-right-side:hover,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-right-side.ars-of-active,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-right-side.ars-of-is-locked {
    transform: translateX(-12px);
  }

  /* Conteúdo interno */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-standard-info {
    max-height: 0; opacity: 0; margin: 0;
    transition: all 0.4s ease; font-size: 0.85rem; line-height: 1.5;
    color: var(--ars-muted);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-exclusive-info {
    max-height: 0; opacity: 0; overflow: hidden; margin: 0;
    transition: all 0.5s ease; color: rgba(255,255,255,0.9);
    font-size: 0.9rem; line-height: 1.6; border-top: 1px solid rgba(255,255,255,0.15);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-read-more-trigger {
    display: inline-flex; align-items: center; gap: 5px; margin-top: 8px;
    font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
    color: var(--ars-primary); opacity: 0; transform: translateY(10px); transition: all 0.3s ease;
  }

  /* Ativo / locked */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-active,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-is-locked {
    background-color: var(--ars-dark) !important;
    border-color: var(--ars-dark);
    box-shadow: 0 30px 60px -12px rgba(19, 38, 50, 0.5);
    z-index: 1100;
    max-height: 520px;
    overflow-y: auto;
    padding: 1.5rem;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card::-webkit-scrollbar { width: 4px; }
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card::-webkit-scrollbar-thumb { background: var(--ars-yellow); border-radius: 10px; }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-active .ars-of-card-title,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-is-locked .ars-of-card-title { color: #fff; font-size: 1.1rem; }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-active .ars-of-item-number,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-is-locked .ars-of-item-number { color: var(--ars-yellow); }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-active .ars-of-chevron-indicator,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-is-locked .ars-of-chevron-indicator { transform: rotate(180deg); color: var(--ars-yellow); }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-active .ars-of-standard-info,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-is-locked .ars-of-standard-info { max-height: 300px; opacity: 1; margin-top: 0.75rem; color: #fff; }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-active .ars-of-read-more-trigger { opacity: 1; transform: translateY(0); color: var(--ars-yellow); }
  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-is-locked .ars-of-read-more-trigger { display: none; }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card.ars-of-is-locked .ars-of-exclusive-info { max-height: 600px; opacity: 1; margin-top: 1rem; padding-top: 1rem; }

  /* Blur/low nos demais quando lockado no desktop */
  #raiox-tecnico-serie-of-45-450-kw.ars-of-has-lock .ars-of-card-slot:not(.ars-of-has-lock-item) .ars-of-feature-card {
    opacity: 0.3; filter: blur(2px); background-color: var(--ars-bg); border-color: transparent; box-shadow: none;
  }

  /* Hotspots base desktop */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot {
    position: absolute;
    width: 14px;
    height: 14px;
    background: rgba(36, 139, 53, 0.4);
    border: 1.5px solid var(--ars-primary);
    border-radius: 50%;
    z-index: 50;
    transition: all 0.4s ease;
    cursor: pointer;
    opacity: 0.4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot span {
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif);
    font-weight: 800;
    font-size: 9px;
    color: var(--ars-yellow);
    opacity: 0;
    position: absolute;
    line-height: 1;
    pointer-events: none;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot:hover,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot.ars-of-active,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot.ars-of-is-locked {
    opacity: 1 !important;
    transform: scale(2.4);
    background: var(--ars-primary);
    border-color: #fff;
    box-shadow: 0 0 20px rgba(36, 139, 53, 0.5);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot:hover span,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot.ars-of-active span,
  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot.ars-of-is-locked span {
    opacity: 1 !important;
    transform: scale(0.8);
  }

  /* Blink (onboarding) */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot.ars-of-blink {
    animation: ars-of-pulse-flash 1.2s ease-in-out;
    opacity: 1;
  }

  @keyframes ars-of-pulse-flash {
    0% { transform: scale(1); }
    40% { transform: scale(3.5); background: var(--ars-primary); border-color: #fff; }
    100% { transform: scale(1); }
  }

  /* Beam line */
  #ars-of-beam-container {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
    z-index: 20;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-beam-line {
    stroke: var(--ars-primary);
    stroke-width: 2.5;
    filter: drop-shadow(0 0 6px rgba(36, 139, 53, 0.4));
    opacity: 0;
    transition: opacity 0.4s ease;
    stroke-linecap: round;
    stroke-dasharray: 8 8;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-beam-active {
    opacity: 0.85;
    animation: ars-of-beam-flow 3s linear infinite;
  }

  @keyframes ars-of-beam-flow {
    from { stroke-dashoffset: 32; }
    to   { stroke-dashoffset: 0; }
  }

  /* =========================
     MOBILE COMPACTO - SCROLL HORIZONTAL
     ========================= */
  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-quick { display: none; }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-quick-top { margin-top: 18px; }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-tip {
    display: block; margin: 0 0 10px; text-align: center;
    font-size: 0.8rem; color: var(--ars-muted); font-weight: 600;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-index {
    display: flex; 
    gap: 8px; 
    margin-bottom: 12px;
    overflow-x: auto; 
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px; 
    scrollbar-width: none; 
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-index::-webkit-scrollbar { 
    height: 6px; 
  }
  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-index::-webkit-scrollbar-track { background: rgba(36, 139, 53, 0.1); border-radius: 10px; }
  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-index::-webkit-scrollbar-thumb { background: var(--ars-primary); border-radius: 10px; }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-num-btn {
    appearance: none; border: 1px solid var(--ars-border);
    background: #fff; color: var(--ars-dark); border-radius: 12px;
    min-height: 42px; min-width: 48px; 
    padding: 8px 12px; cursor: pointer;
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif); font-weight: 800; font-size: 0.95rem;
    line-height: 1; transition: all 0.22s ease; 
    flex: 0 0 auto; box-shadow: 0 3px 10px rgba(0,0,0,0.04);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-num-btn.ars-is-active {
    background: var(--ars-dark); color: var(--ars-yellow);
    border-color: var(--ars-dark); box-shadow: 0 8px 18px rgba(19, 38, 50, 0.22);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel {
    background: #FFFFFF; 
    border: 1px solid #dce7d7;
    border-radius: 16px; box-shadow: 0 8px 18px rgba(0,0,0,0.06); overflow: hidden;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel-head {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 14px 10px; border-bottom: 1px solid rgba(36, 139, 53, 0.1);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel-num {
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif); font-weight: 800; font-size: 0.95rem;
    color: var(--ars-dark); min-width: 38px; text-align: center;
    background: var(--ars-yellow);
    border-radius: 10px; padding: 7px 0; line-height: 1;
    border: none;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel-title {
    margin: 0; font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif); font-weight: 800;
    color: var(--ars-dark); font-size: 0.95rem; line-height: 1.15;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel-body {
    padding: 12px 14px 14px; color: var(--ars-slate); font-size: 0.9rem; line-height: 1.48;
  }
  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel-body p { margin: 0; }
  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel-body p + p { margin-top: 8px; }
  #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-panel-mini { color: var(--ars-muted); font-size: 0.85rem; }

  /* Responsividade */
  @media (max-width: 1024px) {
    #raiox-tecnico-serie-of-45-450-kw { min-height: auto; padding: 40px 20px 20px; }
    #raiox-tecnico-serie-of-45-450-kw .ars-of-fixed-compressor-wrap { max-width: 520px; }
  }

  @media (max-width: 768px) {
    #ars-of-beam-container,
    #raiox-tecnico-serie-of-45-450-kw .ars-of-col-left,
    #raiox-tecnico-serie-of-45-450-kw .ars-of-col-right { display: none !important; }
    
    #raiox-tecnico-serie-of-45-450-kw .ars-of-boxed-content { display: block !important; }
    #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-quick { display: block; margin-top: 20px; }

    /* Hotspots visíveis no celular */
    #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot {
      display: flex !important; opacity: 0.4 !important; transform: scale(1.4) !important;
      background: rgba(36, 139, 53, 0.8) !important; border-color: #fff !important;
    }
    #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot span { opacity: 1 !important; color: #fff !important; }

    #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot.ars-of-active-mobile {
      opacity: 1 !important; transform: scale(2) !important;
      background: var(--ars-yellow) !important; box-shadow: 0 0 15px var(--ars-yellow) !important;
      border-color: var(--ars-dark) !important;
      z-index: 200 !important;
    }
    #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot.ars-of-active-mobile span { color: var(--ars-dark) !important;}
  }

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

  @media (prefers-reduced-motion: reduce) {
    #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card,
    #raiox-tecnico-serie-of-45-450-kw .ars-of-hotspot,
    #raiox-tecnico-serie-of-45-450-kw .ars-of-mobile-num-btn { transition: none !important; animation: none !important; }
  }


  #raiox-tecnico-serie-of-45-450-kw .ars-of-center-title-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    color: var(--ars-primary);
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    margin-right: 11px;
    border-radius: 10px;
    background: var(--ars-primary);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-range {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    padding: 7px 14px;
    border: 1px solid var(--ars-border);
    border-radius: 999px;
    background: rgba(255,255,255,0.9);
    color: var(--ars-dark);
    font-family: var(--ars-font-title, 'Outfit', Arial, sans-serif);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 24px rgba(19,38,50,0.07);
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-support-note {
    max-width: 820px;
    margin: 14px auto 0;
    padding: 10px 14px;
    border-left: 3px solid var(--ars-primary);
    border-radius: 0 10px 10px 0;
    background: rgba(207,243,189,0.24);
    color: var(--ars-muted);
    font-size: 0.78rem;
    line-height: 1.55;
    text-align: left;
  }

  #raiox-tecnico-serie-of-45-450-kw .ars-of-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  @media (min-width: 1025px) {
    #raiox-tecnico-serie-of-45-450-kw .ars-of-col-left,
    #raiox-tecnico-serie-of-45-450-kw .ars-of-col-right {
      min-height: 430px;
      justify-content: space-between;
    }

    #raiox-tecnico-serie-of-45-450-kw .ars-of-card-slot {
      height: 86px;
    }

    #raiox-tecnico-serie-of-45-450-kw .ars-of-feature-card {
      min-height: 78px;
      max-height: 78px;
    }
  }

  @media (max-width: 600px) {
    #raiox-tecnico-serie-of-45-450-kw .ars-of-range {
      max-width: 320px;
      border-radius: 15px;
      line-height: 1.45;
    }
  }

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

/* =========================================================
       ARSYSTEM COMPRESSORES | ESPECIFICAÇÕES TÉCNICAS | SÉRIE OF
       Elementor-safe | Tabela Desktop Sticky + Cards Mobile
       ID BLINDADO: #ars-bloco-specs-of
       ========================================================= */

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

    #ars-bloco-specs-of {
        --ars-primary: #248B35;       /* Verde principal Arsystem */
        --ars-dark: #132632;       /* Azul Marinho Profundo */
        --ars-light: #DCE7D7;      /* Azul Claro */
        --ars-text: #263840;       /* Texto escuro */
        --ars-bg-gray: #F8F8F8;    /* Fundo leve (linhas pares) */
        --ars-border: rgba(36, 139, 53, 0.15); /* Bordas suaves */
        --ars-of-font-title: var(--ars-font-title, 'Outfit', Arial, sans-serif);
        --ars-of-font-text: var(--ars-font-text, 'Inter', Arial, sans-serif);
        
        width: 100%;
        background-color: #ffffff;
        padding: 80px 20px;
        font-family: var(--ars-of-font-text);
        -webkit-font-smoothing: antialiased;
    }

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

    #ars-bloco-specs-of .ars-table-header { 
        text-align: center; 
        margin-bottom: 40px; 
    }

    #ars-bloco-specs-of .ars-table-title {
        font-family: var(--ars-of-font-title); 
        font-weight: 800;
        color: var(--ars-primary); 
        font-size: clamp(1.6rem, 3vw, 2.2rem); 
        text-transform: none;
        letter-spacing: -0.02em;
        margin: 0 0 10px 0;
    }

    #ars-bloco-specs-of .ars-table-subtitle {
        font-size: 1rem; 
        color: #5E6D73;
        margin: 0;
    }

    /* --- VISÃO DESKTOP: TABELA STICKY --- */
    #ars-bloco-specs-of .ars-desktop-table-wrapper {
        width: 100%;
        overflow-x: auto;
        border-radius: 15px;
        border: 1px solid var(--ars-border);
        box-shadow: 0 10px 30px rgba(36, 139, 53, 0.05);
        background: #ffffff;
    }

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

    /* Coluna Congelada Desktop */
    #ars-bloco-specs-of th:first-child,
    #ars-bloco-specs-of td:first-child {
        position: sticky;
        left: 0;
        z-index: 20;
        width: 180px;
        min-width: 180px;
        border-right: 2px solid var(--ars-border);
    }

    /* CORREÇÃO DO BUG DO SCROLL NA COLUNA EXPANDIDA */
    #ars-bloco-specs-of .ars-child-row td:first-child {
        background-color: #ffffff; 
        z-index: 20;
    }
    #ars-bloco-specs-of .ars-model-group.is-expanded .ars-child-row:hover td:first-child {
        background-color: #F4FBED; 
    }

    #ars-bloco-specs-of thead th {
        background-color: var(--ars-primary);
        color: #ffffff;
        font-family: var(--ars-of-font-title);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.75rem;
        padding: 18px 10px;
        text-align: center;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        letter-spacing: 0.05em;
    }

    #ars-bloco-specs-of td {
        padding: 16px 12px;
        text-align: center;
        border-bottom: 1px solid var(--ars-border);
        font-size: 0.85rem;
        color: var(--ars-text);
        background-color: #ffffff;
    }

    #ars-bloco-specs-of .ars-parent-row { background-color: var(--ars-bg-gray); cursor: pointer; transition: background 0.3s;}
    #ars-bloco-specs-of .ars-parent-row td:first-child { background-color: var(--ars-bg-gray); transition: background 0.3s;}
    #ars-bloco-specs-of .ars-parent-row:hover td { background-color: #F4FBED; }

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

    #ars-bloco-specs-of .ars-expand-text {
        font-size: 0.65rem;
        font-weight: 800;
        color: var(--ars-primary);
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: var(--ars-light);
        padding: 4px 12px;
        border-radius: 4px;
        transition: 0.3s;
    }

    /* SUB-CABEÇALHO AZUL CLARO */
    #ars-bloco-specs-of .ars-child-header th {
        background-color: var(--ars-light) !important;
        color: var(--ars-primary) !important;
        font-size: 0.7rem;
        border-bottom: 1px solid rgba(36, 139, 53, 0.1);
    }

    /* Estilo das Linhas Filhas */
    #ars-bloco-specs-of .ars-child-row td {
        color: #5E6D73;
    }
    #ars-bloco-specs-of .ars-child-row .ars-child-model {
        font-family: var(--ars-of-font-title);
        font-weight: 700;
        text-align: left;
        padding-left: 40px !important;
        color: var(--ars-dark);
    }

    /* Lógica de Expansão */
    #ars-bloco-specs-of .ars-model-group .ars-child-row, 
    #ars-bloco-specs-of .ars-model-group .ars-child-header { display: none; }
    
    #ars-bloco-specs-of .ars-model-group.is-expanded .ars-child-row, 
    #ars-bloco-specs-of .ars-model-group.is-expanded .ars-child-header { display: table-row; }
    
    #ars-bloco-specs-of .ars-model-group.is-expanded .ars-parent-row td { background-color: var(--ars-primary); color: white; }
    #ars-bloco-specs-of .ars-model-group.is-expanded .ars-parent-row td:first-child { background-color: var(--ars-primary); color: white;}
    #ars-bloco-specs-of .ars-model-group.is-expanded .ars-expand-text { background: #ffffff; color: var(--ars-primary); }

    /* Efeito de Blur nos outros */
    #ars-bloco-specs-of .ars-desktop-table-wrapper.has-expanded-row .ars-model-group:not(.is-expanded) .ars-parent-row td:not(.ars-parent-model) {
        opacity: 0.3;
        filter: blur(2px);
    }

    #ars-bloco-specs-of .unit-sub { display: block; font-size: 0.6rem; opacity: 0.8; margin-top: 2px; text-transform: lowercase; }

    /* --- VISÃO MOBILE: CARDS ACORDEÃO --- */
    #ars-bloco-specs-of .ars-mobile-specs-wrapper {
        display: none;
        flex-direction: column;
        gap: 15px;
    }

    #ars-bloco-specs-of .ars-mob-acc-btn {
        width: 100%;
        background: var(--ars-primary);
        color: white;
        padding: 20px;
        border: none;
        border-radius: 15px;
        font-family: var(--ars-of-font-title);
        font-weight: 800;
        font-size: 1.1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        text-align: left;
        box-shadow: 0 4px 10px rgba(36, 139, 53, 0.1);
        transition: 0.3s;
    }

    #ars-bloco-specs-of .ars-mob-acc-btn.is-active {
        background: var(--ars-dark);
        border-radius: 15px 15px 0 0;
        box-shadow: none;
    }

    #ars-bloco-specs-of .ars-mob-acc-btn i {
        transition: transform 0.3s;
    }

    #ars-bloco-specs-of .ars-mob-acc-btn.is-active i {
        transform: rotate(180deg);
    }

    #ars-bloco-specs-of .ars-mob-acc-content {
        display: none;
        background: var(--ars-bg-gray);
        border: 1px solid var(--ars-border);
        border-top: none;
        border-radius: 0 0 15px 15px;
        padding: 15px;
    }

    #ars-bloco-specs-of .ars-mob-acc-btn.is-active + .ars-mob-acc-content { 
        display: flex; 
        flex-direction: column; 
        gap: 15px; 
    }

    #ars-bloco-specs-of .ars-mob-card {
        background: white;
        border: 1px solid var(--ars-border);
        border-radius: 15px;
        padding: 18px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    }

    #ars-bloco-specs-of .ars-mob-card-title {
        font-family: var(--ars-of-font-title);
        font-weight: 800;
        font-size: 1.05rem;
        color: var(--ars-primary);
        margin: 0 0 12px 0;
        border-bottom: 2px solid var(--ars-light);
        padding-bottom: 8px;
    }

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

    #ars-bloco-specs-of .ars-mob-label { 
        font-size: 0.65rem; 
        text-transform: uppercase; 
        color: #64747B; 
        font-weight: 700; 
        display: block; 
    }
    
    #ars-bloco-specs-of .ars-mob-val { 
        font-size: 0.85rem; 
        color: var(--ars-text); 
        font-weight: 600; 
        line-height: 1.2; 
    }

    @media (max-width: 1023px) {
        #ars-bloco-specs-of .ars-desktop-table-wrapper { display: none; }
        #ars-bloco-specs-of .ars-mobile-specs-wrapper { display: flex; }
        #ars-bloco-specs-of { padding: 40px 15px; }
        #ars-bloco-specs-of .ars-table-title { font-size: clamp(1.4rem, 6vw, 1.8rem); }
    }

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

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

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

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

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

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

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

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

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

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

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

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



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

  max-width: 850px;
}

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

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

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

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

  color: #ffffff;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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