/* Variáveis globais de tema, cores, tipografia e espaçamento */
:root {
  --primary: #0a5cff;
  --primary-dark: #003bb5;
  --primary-soft: #dfe9ff;
  --accent: #071127;
  --accent-2: #ff6b00;
  --accent-2-dark: #d95400;
  --text: #0f1b36;
  --text-soft: #4b5e81;
  --white: #ffffff;
  --bg: #eef3ff;
  --bg-soft: #e4ecff;
  --bg-muted: #d8e4ff;
  --border: #c2d2f5;
  --success: #0f9d58;
  --danger: #dc2626;
  --shadow-sm: 0 10px 30px rgba(7, 17, 39, 0.11);
  --shadow-md: 0 20px 58px rgba(7, 17, 39, 0.16);
  --shadow-lg: 0 34px 84px rgba(7, 17, 39, 0.2);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --container: 1200px;
  --header-height: 84px;
  --transition: 240ms ease;
  --font-display: "Sora", "Montserrat", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
}

/* Estilos de apoio para links internos de serviço */

.service-linkline {
  margin-top: 12px;
  color: var(--text-soft);
}

.service-linkline a {
  color: var(--primary-dark);
  font-weight: 800;
  text-decoration: underline;
}

/* Estilos das páginas dedicadas para SEO */

.page-hero {
  padding: clamp(44px, 6vw, 84px) 0;
}

.page-hero-maintenance {
  background:
    linear-gradient(135deg, rgba(8, 18, 46, 0.92) 0%, rgba(10, 46, 124, 0.88) 58%, rgba(11, 92, 186, 0.82) 100%),
    radial-gradient(circle at 20% 20%, rgba(255, 185, 82, 0.18), transparent 28%);
}

.page-hero-supplies {
  background: linear-gradient(135deg, #09193d 0%, #12316c 42%, #1f5bd5 100%);
}

.page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: clamp(24px, 4vw, 42px);
  align-items: center;
}

.page-hero-copy {
  display: grid;
  gap: 18px;
  color: var(--white);
}

.page-hero-copy h1 {
  font-size: clamp(2.2rem, 1.65rem + 2.2vw, 4rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
  color: var(--white);
}

.page-lead {
  max-width: 58ch;
  font-size: clamp(1rem, 0.96rem + 0.25vw, 1.12rem);
  color: rgba(234, 242, 255, 0.92);
}

.page-hero-actions,
.page-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.page-stat-card {
  min-width: 220px;
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(189, 209, 255, 0.22);
  box-shadow: var(--shadow-sm);
}

.page-stat-card strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1rem;
  color: #fff2dd;
}

.page-stat-card span {
  color: rgba(229, 239, 255, 0.84);
}

.page-hero-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.page-hero-gallery img,
.supply-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  border: 1px solid rgba(191, 210, 251, 0.5);
  box-shadow: 0 18px 36px rgba(7, 17, 39, 0.22);
}

.compact-gallery img {
  min-height: 220px;
}

.page-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page-service-card {
  padding: 24px 22px;
  border-radius: 24px;
  border: 1px solid #c3d4fb;
  background: linear-gradient(160deg, #ffffff 0%, #eef4ff 100%);
  box-shadow: var(--shadow-sm);
}

.page-service-card h3 {
  margin-bottom: 10px;
  font-size: 1.08rem;
  line-height: 1.24;
  color: var(--accent);
}

.page-service-card p {
  color: var(--text-soft);
}

.page-highlight {
  padding: 26px;
  border-radius: 28px;
  border: 1px solid #bfd2fb;
  background: linear-gradient(135deg, #ffffff 0%, #ebf3ff 100%);
  box-shadow: var(--shadow-sm);
}

.page-highlight p {
  max-width: 72ch;
  color: var(--text);
}

.supply-visual-board {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(150px, 1fr));
  gap: 14px;
}

.supply-visual {
  overflow: hidden;
  border-radius: 28px;
}

.supply-a {
  grid-column: 1 / 4;
  grid-row: 1 / 3;
}

.supply-b {
  grid-column: 4 / 7;
  grid-row: 1 / 2;
}

.supply-c {
  grid-column: 4 / 6;
  grid-row: 2 / 3;
}

.supply-d {
  grid-column: 6 / 7;
  grid-row: 2 / 3;
}

.ink-spectrum {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ink-chip {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--white);
  box-shadow: var(--shadow-sm);
}

.ink-chip.cyan,
.color-card.cyan {
  background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
}

.ink-chip.magenta,
.color-card.magenta {
  background: linear-gradient(135deg, #ec4899 0%, #d946ef 100%);
}

.ink-chip.yellow,
.color-card.yellow {
  background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
}

.ink-chip.black {
  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
}

.colorful-grid .page-service-card {
  border: 0;
  color: var(--white);
}

.colorful-grid .page-service-card h3,
.colorful-grid .page-service-card p {
  color: var(--white);
}

@media (max-width: 1120px) {
  .page-hero-grid,
  .page-card-grid {
    grid-template-columns: 1fr;
  }

  .supply-visual-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(180px, 1fr));
  }

  .supply-a,
  .supply-b,
  .supply-c,
  .supply-d {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 860px) {
  .page-hero-copy h1 {
    font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
  }

  .page-hero-gallery,
  .page-card-grid,
  .compact-gallery {
    grid-template-columns: 1fr;
  }

  .page-stat-card {
    min-width: 0;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .page-hero {
    padding: 32px 0 52px;
  }

  .page-service-card,
  .page-highlight,
  .page-stat-card {
    border-radius: 20px;
  }

  .supply-visual-board {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

/* Ajustes extras para evitar rolagem horizontal causada pelos CTAs de WhatsApp */

body {

  overflow-x: clip;

}

.whatsapp-float {

  max-width: calc(100vw - 36px);

  transform-origin: right bottom;

}

@media (max-width: 860px) {

  .header-inner {

    flex-wrap: wrap;

    justify-content: center;

  }



  .brand {

    width: 100%;

    justify-content: center;

  }



  .site-header .btn-sm {

    flex: 1 1 0;

    min-width: 0;

    white-space: normal;

    text-align: center;

  }

}

@media (max-width: 420px) {

  .whatsapp-float {

    max-width: calc(100vw - 24px);

  }

}

*,
*::before,
/* Estilos do bloco '*::after' */
*::after {
  box-sizing: border-box;
}

/* Estilos do bloco 'html' */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

/* Estilos do bloco 'body' */
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--text);
  background:
    radial-gradient(circle at 5% -15%, rgba(10, 92, 255, 0.18), transparent 34%),
    radial-gradient(circle at 90% 8%, rgba(255, 107, 0, 0.14), transparent 30%),
    var(--bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
/* Estilos do bloco 'svg' */
svg {
  display: block;
  max-width: 100%;
}

/* Estilos do bloco 'a' */
a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition), opacity var(--transition), transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition);
}

button,
input,
textarea,
select,
/* Estilos do bloco 'summary' */
summary {
  font: inherit;
}

/* Estilos do bloco 'button' */
button {
  border: 0;
  background: transparent;
  cursor: pointer;
}

p,
h1,
h2,
h3,
/* Estilos do bloco 'h4' */
h4 {
  margin: 0;
}

h1,
h2,
h3,
/* Estilos do bloco 'h4' */
h4 {
  font-family: var(--font-display);
}

ul,
/* Estilos do bloco 'ol' */
ol {
  margin: 0;
  padding: 0;
}

section,
/* Estilos do bloco '.section' */
.section {
  position: relative;
}

/* Estilos do bloco '.skip-link' */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Estilos do bloco '.skip-link:focus' */
.skip-link:focus {
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--accent);
  color: var(--white);
  z-index: 100;
}

/* Estilos do bloco '.container' */
.container {
  width: min(calc(100% - 32px), var(--container));
  margin-inline: auto;
}

/* Estilos do bloco '.section' */
.section {
  padding: clamp(52px, 6vw, 84px) 0;
}

/* Estilos do bloco '.section-muted' */
.section-muted {
  background: linear-gradient(180deg, #e6eeff 0%, #f2f6ff 100%);
}

/* Estilos do bloco '.section-heading' */
.section-heading {
  display: grid;
  gap: 10px;
  max-width: 760px;
  margin-bottom: clamp(22px, 3vw, 34px);
}

.section-heading h2,
/* Estilos do bloco '.final-cta-box h2' */
.final-cta-box h2 {
  font-size: clamp(2rem, 1.45rem + 2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;
  color: var(--accent);
}

.section-heading p,
/* Estilos do bloco '.final-cta-box p' */
.final-cta-box p {
  font-size: clamp(1rem, 0.96rem + 0.25vw, 1.125rem);
  color: var(--text-soft);
  max-width: 62ch;
}

.section-kicker,
.eyebrow,
.tag,
/* Estilos do bloco '.section-kicker-light' */
.section-kicker-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.section-kicker,
.eyebrow,
/* Estilos do bloco '.tag' */
.tag {
  background: rgba(10, 92, 255, 0.14);
  color: var(--primary-dark);
}

/* Estilos do bloco '.eyebrow' */
.eyebrow {
  background: linear-gradient(135deg, #ffd86a 0%, #ff9f1c 100%);
  color: #4a2200;
  border: 1px solid rgba(255, 236, 182, 0.8);
  box-shadow: 0 10px 24px rgba(255, 159, 28, 0.34);
}

/* Estilos do bloco '.section-kicker-light' */
.section-kicker-light {
  background: rgba(255, 255, 255, 0.18);
  color: var(--white);
}

/* Estilos do bloco '.btn' */
.btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 14px;
  border: 1px solid transparent;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

/* Estilos do bloco '.btn:hover' */
.btn:hover {
  transform: translateY(-2px);
}

/* Estilos do bloco '.btn:focus-visible' */
.btn:focus-visible {
  outline: 3px solid rgba(13, 91, 215, 0.18);
  outline-offset: 3px;
}

/* Estilos do bloco '.btn-primary' */
.btn-primary {
  color: var(--white);
  background: linear-gradient(135deg, var(--accent-2) 0%, #ff8e12 100%);
  box-shadow: 0 16px 34px rgba(255, 107, 0, 0.32);
}

/* Estilos do bloco '.btn-primary:hover' */
.btn-primary:hover {
  background: linear-gradient(135deg, var(--accent-2-dark) 0%, #f07800 100%);
}

/* Estilos do bloco '.btn-whatsapp' */
.btn-whatsapp {
  color: var(--white);
  background: linear-gradient(135deg, #25d366 0%, #11a847 100%);
  box-shadow: 0 14px 28px rgba(17, 168, 71, 0.34);
}

/* Estilos do bloco '.btn-whatsapp:hover' */
.btn-whatsapp:hover {
  background: linear-gradient(135deg, #1fc05a 0%, #0f983f 100%);
}

/* Estilos do bloco '.btn-secondary' */
.btn-secondary {
  color: var(--white);
  background: linear-gradient(135deg, #14284f 0%, #0a1733 100%);
  border-color: rgba(144, 170, 230, 0.44);
  box-shadow: 0 14px 30px rgba(7, 17, 39, 0.3);
}

/* Estilos do bloco '.btn-secondary:hover' */
.btn-secondary:hover {
  background: linear-gradient(135deg, #1a3566 0%, #12254a 100%);
  border-color: rgba(144, 170, 230, 0.62);
}

/* Estilos do bloco '.btn-light' */
.btn-light {
  color: var(--primary);
  background: var(--white);
  box-shadow: var(--shadow-sm);
}

/* Estilos do bloco '.btn-light:hover' */
.btn-light:hover {
  background: #eef4ff;
}

/* Estilos do bloco '.btn-outline-light' */
.btn-outline-light {
  color: var(--white);
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
}

/* Estilos do bloco '.btn-outline-light:hover' */
.btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* Estilos do bloco '.btn-sm' */
.btn-sm {
  min-height: 44px;
  padding: 11px 16px;
  font-size: 0.92rem;
}

/* Estilos do bloco '.btn-block' */
.btn-block {
  width: 100%;
}

/* Estilos do bloco '.site-header' */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(7, 17, 39, 0.88);
  backdrop-filter: saturate(180%) blur(18px);
  border-bottom: 1px solid rgba(133, 158, 219, 0.34);
}

/* Estilos do bloco '.header-inner' */
.header-inner {
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* Estilos do bloco '.brand' */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

/* Estilos do bloco '.brand-logo' */
.brand-logo {
  width: auto;
  height: 46px;
  object-fit: contain;
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.24));
}

/* Estilos do bloco '.brand-text' */
.brand-text {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--white);
}

/* Estilos do bloco '.nav' */
.nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

/* Estilos do bloco '.nav a' */
.nav a {
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.86);
}

/* Estilos do bloco '.nav a:hover' */
.nav a:hover {
  color: #8eb6ff;
}

/* Estilos do bloco '.hero' */
.hero {
  min-height: calc(100vh - var(--header-height));
  display: flex;
  align-items: center;
  padding: clamp(40px, 6vw, 72px) 0;
  overflow: hidden;
  background:
    linear-gradient(120deg, rgba(6, 13, 30, 0.86) 0%, rgba(9, 34, 92, 0.82) 55%, rgba(10, 92, 255, 0.66) 100%),
    url("../img/l3250.jpg"),
    url("../img/suplemento3.webp");
  background-size: cover, cover, 46%;
  background-position: center, center, right 6% bottom 14%;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

/* Estilos do bloco '.hero-grid' */
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
  align-items: center;
  gap: clamp(20px, 4vw, 40px);
}

/* Estilos do bloco '.hero-copy' */
.hero-copy {
  display: grid;
  gap: 14px;
  max-width: 580px;
}

/* Estilos do bloco '.hero-copy h1' */
.hero-copy h1 {
  font-size: clamp(1.8rem, 1.22rem + 1.55vw, 2.85rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 900;
  color: var(--white);
  max-width: 11ch;
}

/* Estilos do bloco '.hero-copy h1 span' */
.hero-copy h1 span {
  color: #ffd285;
}

/* Estilos do bloco '.hero-subheadline' */
.hero-subheadline {
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.08rem);
  color: rgba(232, 241, 255, 0.9);
  max-width: 47ch;
}

/* Estilos do bloco '.hero-media-strip' */
.hero-media-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 510px;
}

/* Estilos do bloco '.hero-media-strip img' */
.hero-media-strip img {
  width: 100%;
  min-height: 122px;
  max-height: 148px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(188, 208, 255, 0.42);
  box-shadow: 0 12px 22px rgba(6, 14, 30, 0.34);
}

.hero-media-strip img:last-child {
  object-position: center 78%;
}

.hero-actions,
/* Estilos do bloco '.final-actions' */
.final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-start;
}

/* Estilos do bloco '.hero-proof' */
.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 2px;
}

/* Estilos do bloco '.proof-item' */
.proof-item {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(7, 17, 39, 0.5);
  border: 1px solid rgba(189, 209, 255, 0.25);
  box-shadow: var(--shadow-sm);
  min-width: 220px;
}

/* Estilos do bloco '.proof-item strong' */
.proof-item strong {
  font-size: 0.98rem;
  font-weight: 800;
  color: #fff2dd;
}

/* Estilos do bloco '.proof-item span' */
.proof-item span {
  font-size: 0.92rem;
  color: rgba(226, 238, 255, 0.84);
}

/* Estilos do bloco '.hero-visual' */
.hero-visual {
  position: relative;
  min-width: 0;
  min-height: 560px;
}

/* Estilos do bloco '.hero-logo-badge' */
.hero-logo-badge {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 3;
  width: 150px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Estilos do bloco '.hero-logo-badge img' */
.hero-logo-badge img {
  width: 100%;
  height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 10px 26px rgba(7, 17, 39, 0.45));
}

/* Estilos do bloco '.hero-topic-panel' */
.hero-topic-panel {
  position: relative;
  z-index: 2;
  min-height: 560px;
  border-radius: 30px;
  border: 1px solid rgba(182, 205, 255, 0.36);
  overflow: hidden;
  background:
    linear-gradient(130deg, rgba(7, 18, 44, 0.64) 0%, rgba(9, 35, 93, 0.42) 100%),
    url("../img/impressora4.webp");
  background-size: cover;
  background-position: center;
  box-shadow: 0 24px 48px rgba(7, 17, 39, 0.34);
  padding: 18px;
}

/* Estilos do bloco '.hero-topic-overlay' */
.hero-topic-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(circle at 88% 16%, rgba(255, 159, 28, 0.22), transparent 36%),
    radial-gradient(circle at 16% 88%, rgba(37, 211, 102, 0.18), transparent 34%);
}

/* Estilos do bloco '.hero-topic-grid' */
.hero-topic-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-top: 68px;
}

/* Estilos do bloco '.hero-topic-card' */
.hero-topic-card {
  min-height: 188px;
  padding: 18px 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid rgba(177, 197, 242, 0.64);
  box-shadow: 0 14px 30px rgba(7, 17, 39, 0.16);
}

/* Estilos do bloco '.hero-topic-card h3' */
.hero-topic-card h3 {
  font-size: 1.08rem;
  line-height: 1.22;
  color: #0b1b3a;
  margin-bottom: 8px;
}

/* Estilos do bloco '.hero-topic-card p' */
.hero-topic-card p {
  color: #3b4f74;
  font-size: 0.95rem;
}

.dashboard-card,
.printer-card,
.capture-box,
.solution-block,
.benefit-card,
.case-card,
.offer-box,
.faq-item,
.timeline-item,
.map-card,
/* Estilos do bloco '.final-cta-box' */
.final-cta-box {
  box-shadow: var(--shadow-sm);
}

/* Estilos do bloco '.floating-card' */
.floating-card {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(219, 228, 238, 0.95);
  border-radius: 28px;
  padding: 24px;
}

/* Estilos do bloco '.dashboard-card' */
.dashboard-card {
  max-width: 540px;
  margin-left: auto;
}

/* Estilos do bloco '.card-top' */
.card-top {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

/* Estilos do bloco '.dot' */
.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cbd5e1;
}

/* Estilos do bloco '.dashboard-metrics' */
.dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

/* Estilos do bloco '.metric-card' */
.metric-card {
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
  border: 1px solid #dbeafe;
}

/* Estilos do bloco '.metric-label' */
.metric-label {
  display: block;
  margin-bottom: 10px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--text-soft);
}

/* Estilos do bloco '.metric-value' */
.metric-value {
  font-size: 1.35rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
  font-weight: 800;
  color: var(--accent);
}

/* Estilos do bloco '.flow-box' */
.flow-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 16px;
  border-radius: 20px;
  background: var(--bg-soft);
  border: 1px solid var(--border);
}

/* Estilos do bloco '.flow-step' */
.flow-step {
  flex: 1 1 0;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--white);
  border: 1px solid var(--border);
  color: var(--accent);
  font-size: 0.92rem;
  font-weight: 700;
}

/* Estilos do bloco '.flow-arrow' */
.flow-arrow {
  width: 22px;
  height: 2px;
  background: linear-gradient(90deg, #93c5fd 0%, #dbeafe 100%);
  flex: 0 0 22px;
}

/* Estilos do bloco '.printer-card' */
.printer-card {
  position: absolute;
  right: 18px;
  bottom: 8px;
  width: 180px;
  height: 180px;
  border-radius: 28px;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
  border: 1px solid #dbeafe;
  box-shadow: var(--shadow-lg);
  z-index: 1;
}

/* Estilos do bloco '.printer-header' */
.printer-header {
  position: absolute;
  top: 26px;
  left: 28px;
  right: 28px;
  height: 24px;
  border-radius: 12px;
  background: #dbeafe;
}

/* Estilos do bloco '.printer-body' */
.printer-body {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 58px;
  bottom: 34px;
  border-radius: 20px;
  background: linear-gradient(180deg, #1e3a8a 0%, #0f172a 100%);
}

/* Estilos do bloco '.printer-output' */
.printer-output {
  position: absolute;
  left: 46px;
  right: 46px;
  bottom: 18px;
  height: 22px;
  border-radius: 8px;
  background: var(--white);
  border: 1px solid #cbd5e1;
}

/* Estilos do bloco '.problem' */
.problem {
  background: linear-gradient(145deg, #071127 0%, #0a1d45 52%, #0e326f 100%);
}

.problem .section-heading h2,
.problem .section-heading p,
/* Estilos do bloco '.problem .break-line' */
.problem .break-line {
  color: var(--white);
}

/* Estilos do bloco '.problem .section-kicker' */
.problem .section-kicker {
  background: rgba(255, 255, 255, 0.14);
  color: #d3e4ff;
}

/* Estilos do bloco '.pain-grid' */
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

/* Estilos do bloco '.problem-gallery' */
.problem-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

/* Estilos do bloco '.problem-gallery img' */
.problem-gallery img {
  width: 100%;
  min-height: 220px;
  max-height: 260px;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid rgba(186, 210, 255, 0.28);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

.problem-gallery img:last-child {

  object-position: center 68%;

}

/* Estilos do bloco '.pain-card' */
.pain-card {
  padding: 24px;
  border-radius: 24px;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(186, 210, 255, 0.24);
  transition: transform var(--transition), background var(--transition), border-color var(--transition);
}

/* Estilos do bloco '.pain-card:hover' */
.pain-card:hover {
  transform: translateY(-4px);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 100%);
  border-color: rgba(255, 180, 120, 0.52);
}

/* Estilos do bloco '.icon-box' */
.icon-box {
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255, 114, 36, 0.2);
  color: #ffd8b7;
  font-size: 0.95rem;
  font-weight: 800;
}

/* Estilos do bloco '.pain-card h3' */
.pain-card h3 {
  margin-bottom: 8px;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--white);
}

/* Estilos do bloco '.pain-card p' */
.pain-card p {
  color: rgba(255, 255, 255, 0.78);
}

/* Estilos do bloco '.break-line' */
.break-line {
  margin-top: clamp(28px, 4vw, 40px);
  padding: 22px 24px;
  border-left: 4px solid #ff8f3e;
  border-radius: 18px;
  background: rgba(255, 143, 62, 0.13);
  font-size: clamp(1.05rem, 0.98rem + 0.4vw, 1.2rem);
  font-weight: 700;
}

/* Estilos do bloco '.diagnostic' */
.diagnostic {
  background: linear-gradient(180deg, #edf3ff 0%, #e3ecff 100%);
}

/* Estilos do bloco '.capture-box' */
.capture-box {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.78fr);
  gap: 20px;
  align-items: center;
  padding: clamp(20px, 3vw, 30px);
  border-radius: 30px;
  background: linear-gradient(135deg, #0c4ecf 0%, #093690 58%, #ff6b00 100%);
  color: var(--white);
  box-shadow: var(--shadow-lg);
}

/* Estilos do bloco '.capture-copy' */
.capture-copy {
  display: grid;
  gap: 18px;
}

/* Estilos do bloco '.capture-copy h2' */
.capture-copy h2 {
  font-size: clamp(2rem, 1.45rem + 2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;
  color: var(--white);
}

.capture-copy p,
/* Estilos do bloco '.capture-copy li' */
.capture-copy li {
  color: rgba(255, 255, 255, 0.88);
}

/* Estilos do bloco '.capture-copy .section-kicker' */
.capture-copy .section-kicker {
  background: rgba(255, 255, 255, 0.14);
  color: var(--white);
}

/* Estilos do bloco '.bullet-list' */
.bullet-list {
  display: grid;
  gap: 14px;
  list-style: none;
}

/* Estilos do bloco '.bullet-list li' */
.bullet-list li {
  position: relative;
  padding-left: 30px;
}

/* Estilos do bloco '.bullet-list li::before' */
.bullet-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: var(--primary);
  box-shadow: 0 0 0 6px rgba(13, 91, 215, 0.12);
}

.capture-copy .bullet-list li::before,
/* Estilos do bloco '.local-copy .bullet-list li::before' */
.local-copy .bullet-list li::before {
  background: var(--white);
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
}

/* Estilos do bloco '.capture-cta' */
.capture-cta {
  display: grid;
  gap: 16px;
  padding: 24px;
  border-radius: 24px;
  background: rgba(7, 17, 39, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.24);
}

/* Estilos do bloco '.capture-cta p' */
.capture-cta p {
  color: rgba(255, 255, 255, 0.88);
}

/* Estilos do bloco '.capture-cta .btn-primary' */
.capture-cta .btn-primary {
  background: var(--white);
  color: var(--primary);
  box-shadow: none;
}

/* Estilos do bloco '.capture-cta .btn-primary:hover' */
.capture-cta .btn-primary:hover {
  background: #eef4ff;
}

/* Estilos do bloco '.solution' */
.solution {
  background: linear-gradient(180deg, #ecf2ff 0%, #f6f9ff 100%);
}

/* Estilos do bloco '.solution-block' */
.solution-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.88fr);
  gap: 18px;
  align-items: center;
  padding: clamp(18px, 3vw, 28px);
  border-radius: 30px;
  border: 1px solid #bdd0fb;
  background: linear-gradient(165deg, #ffffff 0%, #eaf1ff 100%);
  box-shadow: 0 18px 42px rgba(10, 39, 98, 0.1);
}

/* Estilos do bloco '.solution-block + .solution-block' */
.solution-block + .solution-block {
  margin-top: 14px;
}

/* Estilos do bloco '.solution-block.reverse' */
.solution-block.reverse {
  grid-template-columns: minmax(300px, 0.88fr) minmax(0, 1fr);
}

/* Estilos do bloco '.solution-block.reverse .solution-copy' */
.solution-block.reverse .solution-copy {
  order: 2;
}

/* Estilos do bloco '.solution-block.reverse .solution-visual' */
.solution-block.reverse .solution-visual {
  order: 1;
}

/* Estilos do bloco '.solution-copy' */
.solution-copy {
  display: grid;
  gap: 18px;
}

/* Estilos do bloco '.solution-copy h3' */
.solution-copy h3 {
  font-size: clamp(1.5rem, 1.26rem + 0.9vw, 2rem);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 800;
  color: var(--accent);
}

/* Estilos do bloco '.solution-copy p' */
.solution-copy p {
  color: var(--text-soft);
}

/* Estilos do bloco '.solution-visual' */
.solution-visual {
  padding: 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, #0f2c63 0%, #0f3d89 100%);
  border: 1px solid rgba(143, 174, 243, 0.56);
}

/* Estilos do bloco '.service-photo' */
.service-photo {
  display: grid;
  gap: 14px;
  margin: 0;
}

/* Estilos do bloco '.service-photo img' */
.service-photo img {
  width: 100%;
  min-height: 260px;
  max-height: 360px;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid rgba(209, 223, 255, 0.82);
  box-shadow: 0 16px 30px rgba(8, 21, 48, 0.22);
}

/* Estilos do bloco '.service-photo figcaption' */
.service-photo figcaption {
  padding: 10px 2px 0;
  color: rgba(235, 242, 255, 0.92);
  font-size: 0.96rem;
  font-weight: 600;
}

/* Estilos do bloco '.badge-highlight' */
.badge-highlight {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(10, 92, 255, 0.14);
  border: 1px solid #bdd2ff;
  color: #0a3fbd;
  font-size: 0.95rem;
  font-weight: 700;
}

/* Estilos do bloco '.service-detail' */
.service-detail {
  background: linear-gradient(180deg, #ebf2ff 0%, #f7faff 100%);
}

/* Estilos do bloco '.service-supplies' */
.service-supplies {
  background: linear-gradient(180deg, #e6efff 0%, #f5f9ff 100%);
}

/* Estilos do bloco '.service-rental' */
.service-rental {
  background: linear-gradient(180deg, #e3ecff 0%, #f2f7ff 100%);
}

/* Estilos do bloco '.service-layout' */
.service-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

/* Estilos do bloco '.service-layout.reverse .service-text' */
.service-layout.reverse .service-text {
  order: 2;
}

/* Estilos do bloco '.service-layout.reverse .service-images' */
.service-layout.reverse .service-images {
  order: 1;
}

/* Estilos do bloco '.service-text' */
.service-text {
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid #bfd2fb;
  background: linear-gradient(165deg, #ffffff 0%, #edf3ff 100%);
  box-shadow: 0 16px 34px rgba(11, 34, 79, 0.12);
}

/* Estilos do bloco '.service-tags' */
.service-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Estilos do bloco '.service-tags span' */
.service-tags span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(10, 92, 255, 0.14);
  color: #0a3fbd;
  font-size: 0.84rem;
  font-weight: 800;
}

/* Estilos do bloco '.service-images' */
.service-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

/* Estilos do bloco '.service-images img' */
.service-images img {
  width: 100%;
  min-height: 240px;
  max-height: 280px;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid #bfd2fb;
  background: #ffffff;
  box-shadow: 0 16px 32px rgba(8, 24, 57, 0.18);
}

/* Estilos do bloco '.premium-product' */
.premium-product {
  background: linear-gradient(145deg, #050e24 0%, #0b2d71 52%, #0a5cff 100%);
}

/* Estilos do bloco '.premium-product .section-heading h2,.premium-product .section-heading p' */
.premium-product .section-heading h2,
.premium-product .section-heading p {
  color: var(--white);
}

/* Estilos do bloco '.premium-product .section-kicker' */
.premium-product .section-kicker {
  background: rgba(255, 255, 255, 0.14);
  color: #e2ecff;
}

/* Estilos do bloco '.premium-box' */
.premium-box {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 18px;
  align-items: stretch;
}

/* Estilos do bloco '.premium-copy' */
.premium-copy {
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(195, 214, 255, 0.24);
  box-shadow: 0 18px 36px rgba(5, 12, 26, 0.36);
}

/* Estilos do bloco '.premium-logo' */
.premium-logo {
  width: min(100%, 220px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.28));
}

/* Estilos do bloco '.premium-points' */
.premium-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

/* Estilos do bloco '.premium-item' */
.premium-item {
  padding: 14px;
  border-radius: 16px;
  background: rgba(8, 20, 45, 0.62);
  border: 1px solid rgba(177, 201, 255, 0.26);
}

/* Estilos do bloco '.premium-item h3' */
.premium-item h3 {
  font-size: 1rem;
  line-height: 1.2;
  color: #fff4de;
  margin-bottom: 6px;
}

/* Estilos do bloco '.premium-item p' */
.premium-item p {
  color: rgba(228, 239, 255, 0.9);
  font-size: 0.94rem;
}

/* Estilos do bloco '.premium-gallery' */
.premium-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

/* Estilos do bloco '.premium-gallery img' */
.premium-gallery img {
  width: 100%;
  min-height: 180px;
  max-height: 220px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(184, 205, 255, 0.44);
  box-shadow: 0 16px 28px rgba(5, 14, 32, 0.34);
}

/* Estilos do bloco '.premium-gallery img:last-child' */
.premium-gallery img:last-child {
  grid-column: 1 / -1;
}

/* Estilos do bloco '.benefits-grid' */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

/* Estilos do bloco '.benefits-media' */
.benefits-media {
  margin-top: 14px;
}

/* Estilos do bloco '.benefits-media img' */
.benefits-media img {
  width: 100%;
  min-height: 220px;
  max-height: 280px;
  object-fit: cover;
  border-radius: 22px;
  border: 1px solid #bfd2fb;
  box-shadow: 0 14px 30px rgba(10, 35, 82, 0.18);
}

/* Estilos do bloco '.benefit-card' */
.benefit-card {
  padding: 22px 20px;
  border-radius: 24px;
  border: 1px solid #c0d2fb;
  background: linear-gradient(165deg, #ffffff 0%, #ebf2ff 100%);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

/* Estilos do bloco '.benefit-card:hover' */
.benefit-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: rgba(255, 107, 0, 0.44);
}

/* Estilos do bloco '.benefit-number' */
.benefit-number {
  display: block;
  font-size: clamp(2rem, 1.35rem + 1.8vw, 3rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-weight: 900;
  color: var(--primary);
}

/* Estilos do bloco '.benefit-card h3' */
.benefit-card h3 {
  margin-top: 16px;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--accent);
}

/* Estilos do bloco '.benefit-card p' */
.benefit-card p {
  margin-top: 8px;
  color: var(--text-soft);
}

/* Estilos do bloco '.case-list' */
.case-list {
  display: grid;
  gap: 12px;
}

/* Estilos do bloco '.proof-image' */
.proof-image {
  margin-top: 14px;
}

/* Estilos do bloco '.proof-image img' */
.proof-image img {
  width: 100%;
  min-height: 230px;
  max-height: 300px;
  object-fit: cover;
  border-radius: 24px;
  border: 1px solid #bfd2fb;
  box-shadow: 0 16px 34px rgba(9, 26, 61, 0.2);
}

/* Estilos do bloco '.case-card' */
.case-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid #bdd0fb;
  background: linear-gradient(165deg, #ffffff 0%, #edf3ff 100%);
}

/* Estilos do bloco '.case-content' */
.case-content {
  display: grid;
  gap: 12px;
}

/* Estilos do bloco '.case-content h3' */
.case-content h3 {
  font-size: 1.16rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--accent);
}

/* Estilos do bloco '.case-text' */
.case-text {
  color: var(--text-soft);
}

/* Estilos do bloco '.case-metrics' */
.case-metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  max-width: 320px;
}

/* Estilos do bloco '.metric-chip' */
.metric-chip {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(10, 92, 255, 0.14);
  color: #0c4bc0;
  font-size: 0.92rem;
  font-weight: 800;
}

.reviews {

  background: linear-gradient(180deg, #eef4ff 0%, #f9fbff 100%);

}



.review-summary {

  display: grid;

  grid-template-columns: minmax(180px, 0.38fr) minmax(0, 1fr);

  gap: 18px;

  align-items: center;

  padding: 24px;

  margin-bottom: 18px;

  border-radius: 28px;

  background: linear-gradient(135deg, #ffffff 0%, #edf3ff 100%);

  border: 1px solid #c5d5fb;

  box-shadow: var(--shadow-sm);

}



.review-score {

  display: grid;

  gap: 6px;

  justify-items: start;

}



.review-score strong {

  font-size: clamp(2.6rem, 2rem + 1.4vw, 4rem);

  line-height: 0.95;

  letter-spacing: -0.05em;

  color: var(--accent);

}



.review-score span,

.review-meta p {

  color: var(--text-soft);

}



.review-meta {

  display: grid;

  gap: 8px;

}



.review-meta p {

  font-size: 1rem;

}



.review-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 14px;

}



.review-card {

  padding: 22px 20px;

  border-radius: 24px;

  border: 1px solid #c0d2fb;

  background: linear-gradient(165deg, #ffffff 0%, #eef4ff 100%);

  box-shadow: var(--shadow-sm);

}



.review-card h3 {

  font-size: 1.05rem;

  line-height: 1.2;

  color: var(--accent);

  margin-bottom: 8px;

}



.review-stars {

  margin-bottom: 10px;

  color: #d97706;

  font-size: 0.92rem;

  font-weight: 800;

}



.review-card p:last-child {

  color: var(--text-soft);

}

/* Estilos do bloco '.offer' */
.offer {
  background: linear-gradient(145deg, #08112a 0%, #092665 52%, #ff6b00 100%);
}

/* Estilos do bloco '.offer-box' */
.offer-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.78fr);
  gap: 20px;
  align-items: center;
  padding: clamp(20px, 3vw, 30px);
  border-radius: 30px;
  background: rgba(7, 17, 39, 0.3);
  border: 1px solid rgba(182, 204, 255, 0.3);
  box-shadow: var(--shadow-lg);
}

/* Estilos do bloco '.offer-copy' */
.offer-copy {
  display: grid;
  gap: 14px;
}

/* Estilos do bloco '.offer-logo' */
.offer-logo {
  width: min(100%, 230px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.28));
}

/* Estilos do bloco '.offer-copy .section-kicker' */
.offer-copy .section-kicker {
  background: rgba(255, 255, 255, 0.14);
  color: #d7e7ff;
}

/* Estilos do bloco '.offer-copy h2' */
.offer-copy h2 {
  font-size: clamp(2rem, 1.45rem + 2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;
  color: var(--white);
}

.offer-copy p,
/* Estilos do bloco '.guarantee-list li' */
.guarantee-list li {
  color: rgba(255, 255, 255, 0.84);
}

/* Estilos do bloco '.guarantee-list' */
.guarantee-list {
  display: grid;
  gap: 14px;
  list-style: none;
}

/* Estilos do bloco '.guarantee-list li' */
.guarantee-list li {
  position: relative;
  padding-left: 30px;
}

/* Estilos do bloco '.guarantee-list li::before' */
.guarantee-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #93c5fd;
  box-shadow: 0 0 0 6px rgba(147, 197, 253, 0.12);
}

/* Estilos do bloco '.offer-action' */
.offer-action {
  display: grid;
  gap: 14px;
  padding: 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f0f5ff 100%);
}

/* Estilos do bloco '.faq' */
.faq {
  background: linear-gradient(180deg, #e8efff 0%, #f5f8ff 100%);
}

/* Estilos do bloco '.faq-list' */
.faq-list {
  display: grid;
  gap: 14px;
}

/* Estilos do bloco '.faq-item' */
.faq-item {
  border: 1px solid #bdd1fa;
  border-radius: 20px;
  background: linear-gradient(165deg, #ffffff 0%, #eef3ff 100%);
  overflow: hidden;
}

/* Estilos do bloco '.faq-item summary' */
.faq-item summary {
  list-style: none;
  position: relative;
  min-height: 72px;
  display: flex;
  align-items: center;
  padding: 18px 56px 18px 22px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--accent);
  cursor: pointer;
}

/* Estilos do bloco '.faq-item summary::-webkit-details-marker' */
.faq-item summary::-webkit-details-marker {
  display: none;
}

/* Estilos do bloco '.faq-item summary::after' */
.faq-item summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  line-height: 1;
  color: var(--primary);
  transition: transform var(--transition);
}

/* Estilos do bloco '.faq-item[open] summary::after' */
.faq-item[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
}

/* Estilos do bloco '.faq-item p' */
.faq-item p {
  padding: 0 22px 22px;
  color: var(--text-soft);
}

/* Estilos do bloco '.timeline' */
.timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

/* Estilos do bloco '.timeline-item' */
.timeline-item {
  position: relative;
  padding: 18px 16px;
  border-radius: 24px;
  border: 1px solid var(--border);
  background: var(--white);
}

/* Estilos do bloco '.timeline-item:not(:last-child)::after' */
.timeline-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 44px;
  left: calc(100% + 8px);
  width: calc(100% - 16px);
  height: 2px;
  background: linear-gradient(90deg, #bfdbfe 0%, #dbeafe 100%);
}

/* Estilos do bloco '.timeline-step' */
.timeline-step {
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 800;
}

/* Estilos do bloco '.timeline-item h3' */
.timeline-item h3 {
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--accent);
}

/* Estilos do bloco '.timeline-item p' */
.timeline-item p {
  font-size: 0.95rem;
  color: var(--text-soft);
}

/* Estilos do bloco '.local' */
.local {
  background: linear-gradient(180deg, #e2ebff 0%, #f0f5ff 100%);
}

/* Estilos do bloco '.local-grid' */
.local-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  gap: 28px;
  align-items: center;
}

/* Estilos do bloco '.local-copy' */
.local-copy {
  display: grid;
  gap: 18px;
}

/* Estilos do bloco '.local-copy h2' */
.local-copy h2 {
  font-size: clamp(2rem, 1.45rem + 2vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;
  color: var(--accent);
}

/* Estilos do bloco '.local-map' */
.local-map {
  min-height: 320px;
  padding: 22px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 30% 40%, rgba(13, 91, 215, 0.2), transparent 24%),
    linear-gradient(180deg, #ebf1ff 0%, #dae6ff 100%);
  border: 1px solid #bbcdf7;
  box-shadow: var(--shadow-sm);
  position: relative;
  overflow: hidden;
}

/* Estilos do bloco '.map-card' */
.map-card {
  position: absolute;
  inset: 22px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(13, 91, 215, 0.08) 0%, rgba(255, 255, 255, 0.88) 100%);
  border: 1px solid rgba(219, 228, 238, 0.95);
}

/* Estilos do bloco '.map-point' */
.map-point {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--primary);
  box-shadow: 0 0 0 8px rgba(13, 91, 215, 0.14);
}

/* Estilos do bloco '.point-1' */
.point-1 {
  top: 28%;
  left: 34%;
}

/* Estilos do bloco '.point-2' */
.point-2 {
  top: 50%;
  left: 58%;
}

/* Estilos do bloco '.point-3' */
.point-3 {
  top: 66%;
  left: 40%;
}

/* Estilos do bloco '.final-cta' */
.final-cta {
  padding: clamp(52px, 6vw, 80px) 0;
  background: linear-gradient(135deg, #0a3fbd 0%, #0a5cff 48%, #ff6b00 100%);
}

/* Estilos do bloco '.final-cta-box' */
.final-cta-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: clamp(20px, 3vw, 30px);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: rgba(7, 17, 39, 0.26);
  box-shadow: var(--shadow-lg);
}

.final-cta-box h2,
/* Estilos do bloco '.final-cta-box p' */
.final-cta-box p {
  color: var(--white);
}

/* Estilos do bloco '.final-cta-box p' */
.final-cta-box p {
  max-width: 60ch;
}

/* Estilos do bloco '.whatsapp-float' */
.whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 90;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #25d366 0%, #11a847 100%);
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  box-shadow: 0 18px 34px rgba(17, 168, 71, 0.42);
  gap: 10px;
  animation: whatsappPulse 1.9s ease-in-out infinite;
}

/* Estilos do bloco '.whatsapp-float img' */
.whatsapp-float img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  padding: 2px;
}

/* Animação declarada em @keyframes whatsappPulse */
@keyframes whatsappPulse {
  0%,
  /* Estilos do bloco '100%' */
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 18px 34px rgba(17, 168, 71, 0.42);
  }
  /* Estilos do bloco '50%' */
  50% {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 24px 40px rgba(17, 168, 71, 0.56);
  }
}

/* Bloco responsivo para adaptar o layout em @media (max-width: 1120px) */
@media (max-width: 1120px) {
  .hero-grid,
  .capture-box,
  .solution-block,
  .solution-block.reverse,
  .offer-box,
  .local-grid,
  /* Estilos do bloco '.final-cta-box' */
  .final-cta-box {
    grid-template-columns: 1fr;
  }

  .solution-block.reverse .solution-copy,
  /* Estilos do bloco '.solution-block.reverse .solution-visual' */
  .solution-block.reverse .solution-visual {
    order: initial;
  }

  .pain-grid,
  /* Estilos do bloco '.benefits-grid' */
  .benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .review-summary,
  .review-grid {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.premium-box,.premium-points' */
  .premium-box,
  .premium-points {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.service-layout,.service-images' */
  .service-layout,
  .service-images {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.timeline' */
  .timeline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Estilos do bloco '.timeline-item:not(:last-child)::after' */
  .timeline-item:not(:last-child)::after {
    display: none;
  }

  /* Estilos do bloco '.case-card' */
  .case-card {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.case-metrics' */
  .case-metrics {
    justify-content: flex-start;
    max-width: none;
  }

  .hero-copy,
  /* Estilos do bloco '.hero-copy h1' */
  .hero-copy h1 {
    max-width: none;
  }
}

/* Bloco responsivo para adaptar o layout em @media (max-width: 860px) */
@media (max-width: 860px) {
  /* Variáveis globais de tema, cores, tipografia e espaçamento */
  :root {
    --header-height: 72px;
  }

  /* Estilos do bloco '.container' */
  .container {
    width: min(calc(100% - 24px), var(--container));
  }

  /* Estilos do bloco '.section' */
  .section {
    padding: 72px 0;
  }

  /* Estilos do bloco '.nav' */
  .nav {
    display: none;
  }

  /* Estilos do bloco '.header-inner' */
  .header-inner {
    gap: 10px;
  }

  /* Estilos do bloco '.hero' */
  .hero {
    min-height: auto;
    padding: 32px 0 72px;
    background:
      linear-gradient(120deg, rgba(6, 13, 30, 0.9) 0%, rgba(10, 42, 112, 0.82) 100%),
      url("../img/l3250.jpg");
    background-size: cover, cover;
    background-position: center, center;
  }

  /* Estilos do bloco '.hero-grid' */
  .hero-grid {
    gap: 18px;
  }

  /* Estilos do bloco '.hero-visual' */
  .hero-visual {
    min-height: auto;
  }

  /* Estilos do bloco '.hero-topic-panel' */
  .hero-topic-panel {
    min-height: auto;
    padding: 14px;
  }

  /* Estilos do bloco '.dashboard-card' */
  .dashboard-card {
    margin-left: 0;
    max-width: 100%;
  }

  /* Estilos do bloco '.printer-card' */
  .printer-card {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 18px;
    width: 160px;
    height: 160px;
  }

  /* Estilos do bloco '.hero-topic-card' */
  .hero-topic-card {
    min-height: 164px;
  }

  /* Estilos do bloco '.hero-logo-badge' */
  .hero-logo-badge {
    top: 10px;
    right: 10px;
    width: 120px;
    margin-bottom: 0;
  }

  .pain-grid,
  .benefits-grid,

  .review-grid,
  /* Estilos do bloco '.timeline' */
  .timeline {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.problem-gallery' */
  .problem-gallery {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.dashboard-metrics' */
  .dashboard-metrics {
    grid-template-columns: 1fr;
  }

  .hero-actions,
  /* Estilos do bloco '.final-actions' */
  .final-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-actions .btn,
  /* Estilos do bloco '.final-actions .btn' */
  .final-actions .btn {
    width: 100%;
  }

  /* Estilos do bloco '.hero-media-strip' */
  .hero-media-strip {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.proof-item' */
  .proof-item {
    min-width: 0;
    width: 100%;
  }

  /* Estilos do bloco '.flow-box' */
  .flow-box {
    flex-direction: column;
  }

  /* Estilos do bloco '.flow-arrow' */
  .flow-arrow {
    width: 2px;
    height: 20px;
    background: linear-gradient(180deg, #93c5fd 0%, #dbeafe 100%);
  }

  /* Estilos do bloco '.premium-gallery' */
  .premium-gallery {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.service-layout.reverse .service-text,.service-layout.reverse .service-images' */
  .service-layout.reverse .service-text,
  .service-layout.reverse .service-images {
    order: initial;
  }
}

/* Bloco responsivo para adaptar o layout em @media (max-width: 640px) */
@media (max-width: 640px) {
  /* Estilos do bloco '.section' */
  .section {
    padding: 52px 0;
  }

  .floating-card,
  .capture-box,
  .solution-block,
  .benefit-card,
  .case-card,
  .offer-box,
  .offer-action,
  .timeline-item,
  /* Estilos do bloco '.final-cta-box' */
  .final-cta-box {
    border-radius: 20px;
  }

  .floating-card,
  .benefit-card,
  .case-card,
  .timeline-item,
  .offer-action,
  .faq-item summary,
  /* Estilos do bloco '.faq-item p' */
  .faq-item p {
    padding-left: 18px;
    padding-right: 18px;
  }

  .capture-box,
  .solution-block,
  .offer-box,
  /* Estilos do bloco '.final-cta-box' */
  .final-cta-box {
    padding: 18px 14px;
  }

  /* Estilos do bloco '.hero-topic-panel' */
  .hero-topic-panel {
    border-radius: 22px;
  }

  /* Estilos do bloco '.hero-topic-grid' */
  .hero-topic-grid {
    grid-template-columns: 1fr;
  }

  /* Estilos do bloco '.hero-topic-card' */
  .hero-topic-card {
    min-height: auto;
    padding: 14px 12px;
    border-radius: 16px;
  }

  /* Estilos do bloco '.hero-copy h1' */
  .hero-copy h1 {
    font-size: clamp(1.95rem, 6.2vw, 2.7rem);
  }

  .section-heading h2,
  .capture-copy h2,
  .offer-copy h2,
  .local-copy h2,
  /* Estilos do bloco '.final-cta-box h2' */
  .final-cta-box h2 {
    font-size: clamp(1.75rem, 6vw, 2.35rem);
  }

  /* Estilos do bloco '.faq-item summary' */
  .faq-item summary {
    min-height: 64px;
    padding: 16px 52px 16px 18px;
  }

  /* Estilos do bloco '.faq-item p' */
  .faq-item p {
    padding-bottom: 18px;
  }
}

/* Bloco responsivo para adaptar o layout em @media (max-width: 420px) */
@media (max-width: 420px) {
  /* Estilos do bloco '.btn' */
  .btn {
    min-height: 50px;
    padding: 14px 18px;
  }

  /* Estilos do bloco '.brand-logo' */
  .brand-logo {
    height: 38px;
  }

  /* Estilos do bloco '.whatsapp-float' */
  .whatsapp-float {
    right: 12px;
    bottom: 12px;
    min-height: 48px;
    padding: 10px 14px;
    font-size: 0.9rem;
  }

  /* Estilos do bloco '.whatsapp-float img' */
  .whatsapp-float img {
    width: 24px;
    height: 24px;
  }

  /* Estilos do bloco '.brand-text' */
  .brand-text {
    font-size: 0.92rem;
  }

  .metric-chip,
  .proof-item span,
  .pain-card p,
  .benefit-card p,
  .timeline-item p,
  /* Estilos do bloco '.case-text' */
  .case-text {
    font-size: 0.92rem;
  }
}
