/* Landing pages comerciais de equipamentos - prototipo local */
.sales-page {
  --lp-navy: #061d35;
  --lp-blue: #075f91;
  --lp-cyan: #53c7e8;
  --lp-orange: #ff9f1c;
  --lp-paper: #f4f8fa;
  --lp-line: #cbdce4;
  color: var(--lp-navy);
  background: #fff;
}

.sales-page h1,
.sales-page h2,
.sales-page h3,
.sales-page p { letter-spacing: 0; }
.sales-page .btn { letter-spacing: 0; }

.sales-hero {
  position: relative;
  overflow: hidden;
  min-height: min(760px, calc(100svh - 72px));
  padding: 118px 0 72px;
  color: #fff;
  background:
    radial-gradient(circle at 76% 24%, rgba(83, 199, 232, .19), transparent 25%),
    linear-gradient(118deg, #031426 0%, #052d4a 55%, #08618e 100%);
}

.sales-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: rgba(255, 255, 255, .18);
}

.sales-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr);
  gap: clamp(38px, 6vw, 84px);
  align-items: center;
}

.sales-breadcrumb {
  margin-bottom: 28px;
  font-size: .82rem;
  color: #b7cfda;
}

.sales-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sales-breadcrumb a { color: #fff; }
.sales-breadcrumb li:not(:last-child)::after { content: "/"; margin-left: 8px; color: #6d94a8; }

.sales-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #aee9f9;
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.sales-kicker::before { content: ""; width: 26px; height: 2px; background: var(--lp-orange); }

.sales-hero h1 {
  max-width: 760px;
  margin: 0 0 20px;
  color: #fff;
  font-size: clamp(2.65rem, 4.6vw, 4.35rem);
  line-height: 1.02;
  font-weight: 800;
}

.sales-hero__promise {
  max-width: 650px;
  margin: 0 0 28px;
  color: #dbeaf0;
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  line-height: 1.62;
}

.sales-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.sales-actions .btn { min-height: 54px; }
.sales-actions .btn--outline { color: #fff; border-color: rgba(255,255,255,.52); }
.sales-actions .btn--outline:hover { color: var(--lp-navy); border-color: var(--lp-orange); background: var(--lp-orange); }

.sales-reassurance { display: flex; flex-wrap: wrap; gap: 18px; margin: 22px 0 0; color: #b9d0da; font-size: .82rem; }
.sales-reassurance span { display: inline-flex; gap: 7px; align-items: center; }
.sales-reassurance span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--lp-orange); }

.sales-machine {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
}

.sales-machine::before {
  display: none;
}

.sales-machine img {
  position: relative;
  z-index: 1;
  width: min(118%, 790px);
  max-width: none;
  max-height: 570px;
  object-fit: contain;
  transform: perspective(1100px) rotateY(-5deg) rotateX(1deg) translateZ(14px);
  transform-origin: center;
  filter: drop-shadow(0 42px 34px rgba(0,0,0,.42)) drop-shadow(0 10px 12px rgba(83,199,232,.16));
}
.sales-machine--portrait img { width: min(78%, 520px); max-height: 520px; transform: perspective(1100px) rotateY(-4deg) translateZ(10px); }

.sales-machine__label {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 24px;
  width: min(300px, 64%);
  padding: 16px 18px;
  color: var(--lp-navy);
  background: var(--lp-orange);
  box-shadow: 0 16px 34px rgba(0,0,0,.24);
}

.sales-machine__label strong { display: block; font-family: var(--font-head); font-size: 1rem; }
.sales-machine__label span { font-size: .78rem; }

.sales-proof {
  position: relative;
  z-index: 3;
  margin-top: -1px;
  color: #fff;
  background: var(--lp-navy);
}

.sales-proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sales-proof__item { padding: 24px 26px; border-right: 1px solid rgba(255,255,255,.12); }
.sales-proof__item:last-child { border-right: 0; }
.sales-proof__item strong { display: block; margin-bottom: 4px; color: var(--lp-orange); font-family: var(--font-head); font-size: 1.35rem; }
.sales-proof__item span { color: #c8dae2; font-size: .84rem; line-height: 1.4; }

.sales-subnav {
  position: static;
  z-index: 20;
  overflow: hidden;
  border-bottom: 1px solid var(--lp-line);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(12px);
}

.sales-subnav__inner { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.sales-subnav__inner::-webkit-scrollbar { display: none; }
.sales-subnav a { flex: 0 0 auto; padding: 17px 18px 15px; border-bottom: 2px solid transparent; color: #496675; font-family: var(--font-head); font-size: .82rem; font-weight: 700; }
.sales-subnav a:hover,
.sales-subnav a:focus-visible { color: var(--lp-navy); border-bottom-color: var(--lp-orange); }

.sales-section { padding: clamp(68px, 8vw, 112px) 0; scroll-margin-top: 132px; }
.sales-section--paper { background: var(--lp-paper); }
.sales-section--dark { color: #fff; background: var(--lp-navy); }
.sales-section__head {
  position: static !important;
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  max-width: 760px;
  margin-bottom: 42px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.sales-section__head--center { margin-inline: auto; text-align: center; }
.sales-section__head span { color: var(--lp-blue); font-family: var(--font-head); font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.sales-section--dark .sales-section__head span { color: var(--lp-orange); }
.sales-section__head h2 { margin: 10px 0 14px; color: inherit; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.08; }
.sales-section__head p { margin: 0; color: #587180; font-size: 1.05rem; line-height: 1.72; }
.sales-section--dark .sales-section__head p { color: #bcd0d9; }

.fit-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-top: 1px solid var(--lp-line); }
.fit-item { padding: 30px 28px 8px 0; border-right: 1px solid var(--lp-line); }
.fit-item + .fit-item { padding-left: 28px; }
.fit-item:last-child { border-right: 0; }
.fit-item__number { display: block; margin-bottom: 22px; color: #9b4300; font-family: var(--font-head); font-size: .8rem; font-weight: 800; }
.fit-item h3 { margin: 0 0 10px; font-size: 1.18rem; }
.fit-item p { margin: 0; color: #587180; line-height: 1.65; }

.sales-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(38px, 7vw, 90px); align-items: center; }
.sales-split__media { min-height: 450px; display: grid; place-items: center; padding: 36px; border: 1px solid var(--lp-line); background: #fff; }
.sales-split__media img { max-height: 430px; object-fit: contain; filter: drop-shadow(0 22px 30px rgba(6,29,53,.18)); }
.sales-split__copy h2 { margin: 8px 0 18px; font-size: clamp(2rem, 3.8vw, 3.15rem); line-height: 1.08; }
.sales-split__copy .sales-kicker { color: #0b617d; }
.sales-split__copy > p { color: #587180; font-size: 1.04rem; line-height: 1.72; }
.sales-checks { display: grid; gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; }
.sales-checks li { position: relative; padding-left: 28px; color: #284756; line-height: 1.5; }
.sales-checks li::before { content: ""; position: absolute; left: 0; top: .36em; width: 14px; height: 14px; border: 4px solid var(--lp-orange); border-radius: 50%; }

.application-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 920px; margin: 0 auto; }
.application-list span { padding: 11px 16px; border: 1px solid #b7ccd6; color: #173b4d; background: #fff; font-family: var(--font-head); font-size: .86rem; font-weight: 700; }

.spec-table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--lp-line);
  border-left: 1px solid var(--lp-line);
  background: #fff;
}
.spec-table__item { min-width: 0; padding: 24px 26px; border-right: 1px solid var(--lp-line); border-bottom: 1px solid var(--lp-line); }
.spec-table__item dt { margin-bottom: 7px; color: #587180; font-family: var(--font-head); font-size: .76rem; font-weight: 700; text-transform: uppercase; }
.spec-table__item dd { margin: 0; color: var(--lp-navy); font-size: 1rem; line-height: 1.55; }
.spec-confirmation { margin: 18px 0 0; color: #647b87; font-size: .84rem; line-height: 1.6; }

.sales-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.sales-video { min-width: 0; }
.sales-video h3 { margin: 0 0 12px; color: #fff; font-size: 1rem; }
.sales-video video,
.sales-video .video-facade { display: block; width: 100%; max-width: none; aspect-ratio: 16/10; border: 1px solid rgba(255,255,255,.16); border-radius: 4px; object-fit: cover; background: #02080e; }
.sales-video--vertical { display: grid; justify-items: center; }
.sales-video--vertical h3 { justify-self: stretch; }
.sales-video--vertical video { width: min(100%, 360px); aspect-ratio: 9/16; max-height: 680px; object-fit: contain; }
.sales-video__caption { max-width: 520px; margin: 12px auto 0; color: #b8ced8; font-size: .8rem; line-height: 1.55; }
.sales-video-grid--gallery { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); align-items: start; }
.sales-video-grid--gallery .sales-video--vertical video { width: min(100%, 290px); max-height: 600px; }

.line-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.line-item { display: flex; min-width: 0; flex-direction: column; border: 1px solid var(--lp-line); color: inherit; background: #fff; }
.line-item__media { position: relative; flex: 0 0 auto; width: 100%; min-height: 0; aspect-ratio: 4/3; overflow: hidden; background: #edf4f7; }
.line-item img { position: absolute; inset: 20px; width: calc(100% - 40px); height: calc(100% - 40px); max-width: none; max-height: none; object-fit: contain; object-position: center; }
.line-item__copy { flex: 1 1 auto; padding: 20px; }
.line-item h3 { margin: 0 0 7px; font-size: 1rem; }
.line-item p { margin: 0; color: #607683; font-size: .86rem; line-height: 1.5; }
.line-item:hover { border-color: var(--lp-orange); transform: translateY(-3px); box-shadow: 0 14px 34px rgba(6,29,53,.12); }
.related-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

.tomaz-role { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(34px, 7vw, 90px); align-items: center; }
.tomaz-role__brand { padding-right: clamp(0px, 4vw, 48px); border-right: 1px solid var(--lp-line); }
.tomaz-role__brand img { width: 112px; height: auto; margin-bottom: 22px; }
.tomaz-role__brand h2 { margin: 0; font-size: clamp(2rem, 3.8vw, 3.15rem); line-height: 1.08; }
.tomaz-role__copy p { margin: 0; color: #506b79; font-size: 1.03rem; line-height: 1.75; }
.tomaz-role__copy p + p { margin-top: 14px; }

.sales-faq { max-width: 920px; margin: 0 auto; border-top: 1px solid var(--lp-line); }
.sales-faq details { border-bottom: 1px solid var(--lp-line); }
.sales-faq summary { position: relative; padding: 22px 46px 22px 0; cursor: pointer; list-style: none; color: var(--lp-navy); font-family: var(--font-head); font-size: 1rem; font-weight: 700; }
.sales-faq summary::-webkit-details-marker { display: none; }
.sales-faq summary::after { content: "+"; position: absolute; right: 8px; top: 16px; color: var(--lp-orange); font-size: 1.65rem; font-weight: 500; }
.sales-faq details[open] summary::after { content: "−"; }
.sales-faq details p { max-width: 760px; margin: -4px 0 22px; color: #587180; line-height: 1.68; }

.diagnosis { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(40px,7vw,90px); align-items: start; }
.diagnosis__copy h2 { margin: 10px 0 18px; color: #fff; font-size: clamp(2.15rem,4vw,3.35rem); line-height: 1.08; }
.diagnosis__copy p { color: #c5d8e0; line-height: 1.72; }
.diagnosis__steps { display: grid; gap: 12px; margin-top: 28px; }
.diagnosis__step { display: flex; gap: 14px; align-items: flex-start; color: #d9e6eb; }
.diagnosis__step b { flex: 0 0 auto; color: var(--lp-orange); font-family: var(--font-head); }

.diagnosis-form { padding: clamp(24px,4vw,42px); color: var(--lp-navy); background: #fff; box-shadow: 0 28px 70px rgba(0,0,0,.26); }
.diagnosis-form h3 { margin: 0 0 6px; font-size: 1.35rem; }
.diagnosis-form > p { margin: 0 0 24px; color: #607683; font-size: .9rem; }
.diagnosis-form label { display: block; margin-bottom: 14px; color: #244554; font-family: var(--font-head); font-size: .8rem; font-weight: 700; }
.diagnosis-form input,
.diagnosis-form select {
  width: 100%;
  min-height: 48px;
  margin-top: 7px;
  padding: 10px 12px;
  border: 1px solid #b9cdd6;
  border-radius: 3px;
  color: var(--lp-navy);
  background: #fff;
  font: inherit;
}
.diagnosis-form input:focus,
.diagnosis-form select:focus { outline: 3px solid rgba(255,159,28,.28); border-color: var(--lp-orange); }
.diagnosis-form .btn { width: 100%; justify-content: center; margin-top: 8px; }
.diagnosis-form__note { margin: 12px 0 0 !important; text-align: center; font-size: .74rem !important; }

.sales-source { padding: 26px 0 38px; color: #536b76; background: #fff; font-size: .76rem; line-height: 1.6; }
.sales-source strong { display: block; margin-bottom: 7px; color: var(--lp-navy); font-family: var(--font-head); font-size: .8rem; }
.sales-source a { display: inline-block; margin: 0 16px 5px 0; color: var(--lp-blue); text-decoration: underline; text-underline-offset: 2px; }
.sales-source span { display: block; margin-top: 2px; }

@media (max-width: 1024px) {
  .sales-hero { min-height: 0; }
  .sales-hero__grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .sales-machine { min-height: 410px; }
  .sales-proof__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sales-proof__item:nth-child(2) { border-right: 0; }
  .sales-proof__item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
  .line-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .sales-hero { padding: 96px 0 46px; }
  .sales-hero__grid,
  .sales-split,
  .diagnosis,
  .tomaz-role { grid-template-columns: minmax(0, 1fr); }
  .diagnosis__copy,
  .diagnosis-form { min-width: 0; width: 100%; }
  .diagnosis-form input,
  .diagnosis-form select { min-width: 0; }
  .sales-machine { min-height: 330px; }
  .sales-machine img { width: 112%; transform: none; }
  .sales-machine--portrait img { width: min(86%, 420px); }
  .sales-machine__label { right: 0; bottom: 10px; }
  .fit-grid { grid-template-columns: 1fr; }
  .fit-item,
  .fit-item + .fit-item { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--lp-line); }
  .fit-item:last-child { border-bottom: 0; }
  .sales-video-grid { grid-template-columns: 1fr; }
  .sales-split__media { min-height: 330px; padding: 22px; }
  .tomaz-role__brand { padding-right: 0; padding-bottom: 30px; border-right: 0; border-bottom: 1px solid var(--lp-line); }
}

@media (max-width: 520px) {
  .sales-hero h1 { font-size: 2.55rem; }
  .sales-breadcrumb,
  .sales-actions .btn--outline,
  .sales-reassurance { display: none; }
  .sales-machine { min-height: 270px; }
  .sales-actions { align-items: stretch; }
  .sales-actions .btn { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 76px; justify-content: center; padding: 14px 18px; white-space: normal; line-height: 1.25; text-align: center; }
  .tomaz-role__copy .btn { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 76px; justify-content: center; padding: 14px 18px; white-space: normal; line-height: 1.25; text-align: center; }
  .sales-proof__grid,
  .line-grid,
  .spec-table { grid-template-columns: 1fr; }
  .sales-proof__item { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .sales-proof__item:nth-child(3) { border-bottom: 1px solid rgba(255,255,255,.12); }
  .sales-proof__item:last-child { border-bottom: 0; }
  .sales-subnav a { padding-inline: 14px; }
}