.elementor-379 .elementor-element.elementor-element-c5623df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-379 .elementor-element.elementor-element-8086b58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-d4efa45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-38dd7bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-3b9118a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-611087b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-ea07d9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-379 .elementor-element.elementor-element-8086b58{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-45f361f *//* ============================================
   Page Hero — Base todas as páginas internas
   ============================================ */

.page-hero {
  position: relative;
  overflow: hidden;
  background: var(--red-primary);
  padding: clamp(72px, 12vw, 120px) 0 clamp(64px, 10vw, 104px);
  text-align: center;
}

/* Grade sutil */
.page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,0,0,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.08) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

/* Profundidade */
.page-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.06) 0%, transparent 60%),
    radial-gradient(ellipse at 0% 100%, rgba(115,1,15,.60) 0%, transparent 50%),
    radial-gradient(ellipse at 100% 0%, rgba(115,1,15,.60) 0%, transparent 50%);
  pointer-events: none;
}

.page-hero-wrap {
  position: relative;
  z-index: 2;
  width: min(1200px, calc(100% - 32px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.page-hero .t-eyebrow {
  color: rgba(255,255,255,.75);
  margin: 0;
}

.page-hero .t-eyebrow::before {
  background: rgba(255,255,255,.5);
}

.page-hero-title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 6vw, 5rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--white);
  margin: 0;
  text-shadow: 0 2px 20px rgba(0,0,0,.25), 0 1px 4px rgba(0,0,0,.15);
}

.page-hero-sub {
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  font-weight: 400;
  line-height: 1.65;
  color: rgba(255,255,255,.85);
  max-width: 540px;
  margin: 0;
  text-shadow: 0 1px 8px rgba(0,0,0,.20);
}

.page-hero .btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* --- Variante: Nossa História --- */
.historia-hero .btn--orange {
  background: var(--orange);
  border-color: var(--orange);
  color: var(--white);
}

.historia-hero .btn--orange:hover {
  background: var(--orange-dark);
  border-color: var(--orange-dark);
  color: var(--white);
}

/* --- Variante: Fale Conosco --- */
.contact-hero {
  padding-bottom: clamp(64px, 10vw, 104px);
}

.contact-hero .btn--orange {
  background: var(--white);
  border-color: var(--white);
  color: var(--red-primary);
}

.contact-hero .btn--orange:hover {
  background: var(--ink-02);
  border-color: var(--ink-02);
  color: var(--red-wine);
}

/* --- Variante: Nossas Soluções --- */
.solucoes-hero {
  padding: clamp(72px, 12vw, 120px) 0 clamp(64px, 10vw, 104px) !important;
}

.solucoes-hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

/* --- Mobile ≤ 767px --- */
@media (max-width: 767px) {
  .page-hero-wrap {
    width: min(100%, calc(100% - 24px));
    gap: 16px;
  }

  .page-hero .btn {
    width: 100%;
    justify-content: center;
  }

  .solucoes-hero__ctas {
    flex-direction: column;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06ae0f2 *//* ============================================
   Bloco 2 — Soluções Completas para sua Empresa
   Tokens do design system global
   Container: 1200px — min(1200px, calc(100% - 48px))
   ============================================ */

.s-solucoes__wrap {
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5vw, 60px);
}

/* --- Header --- */
.s-solucoes__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.s-solucoes__title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--night);
  margin: 0;
}

.s-solucoes__sub {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--ink-40);
  max-width: 600px;
  margin: 0;
}

/* --- Grid --- */
.s-solucoes__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}

/* --- Card base --- */
.s-solucoes__card {
  position: relative;
  background: var(--white);
  border: 1px solid var(--ink-05);
  border-radius: 16px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
  height: 100%;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.s-solucoes__card:hover {
  box-shadow: 0 12px 40px color-mix(in srgb, var(--night) 12%, transparent);
  transform: translateY(-4px);
}

/* Barra superior colorida */
.s-solucoes__card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 16px 16px 0 0;
}

.s-solucoes__card--red::before   { background: var(--red-primary); }
.s-solucoes__card--orange::before { background: var(--orange); }
.s-solucoes__card--wine::before   { background: var(--red-wine); }

/* --- Topo do card --- */
.s-solucoes__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

/* --- Ícone --- */
.s-solucoes__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.s-solucoes__card:hover .s-solucoes__icon {
  transform: rotate(-6deg) scale(1.05);
}

.s-solucoes__card--red .s-solucoes__icon {
  background: color-mix(in srgb, var(--red-primary) 10%, transparent);
}

.s-solucoes__card--orange .s-solucoes__icon {
  background: color-mix(in srgb, var(--orange) 10%, transparent);
}

.s-solucoes__card--wine .s-solucoes__icon {
  background: color-mix(in srgb, var(--red-wine) 10%, transparent);
}

.s-solucoes__icon svg {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.s-solucoes__card--red .s-solucoes__icon svg   { stroke: var(--red-primary); }
.s-solucoes__card--orange .s-solucoes__icon svg { stroke: var(--orange); }
.s-solucoes__card--wine .s-solucoes__icon svg   { stroke: var(--red-wine); }

/* --- Badge --- */
.s-solucoes__badge {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 5px 12px;
  border-radius: 100px;
  background: var(--red-primary);
  color: var(--white);
  white-space: nowrap;
}

.s-solucoes__badge--wine {
  background: var(--red-wine);
}

/* --- Título --- */
.s-solucoes__card-title {
  font-family: var(--font-display);
  font-size: clamp(1.1rem, 1.8vw, 1.35rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--night);
  margin: 0;
}

/* --- Texto --- */
.s-solucoes__card-text {
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 400;
  line-height: 1.65;
  color: var(--ink-60);
  margin: 0;
}

/* --- Lista de features --- */
.s-solucoes__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.s-solucoes__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--ink-60);
  line-height: 1.4;
}

.s-solucoes__list li svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.s-solucoes__card--red .s-solucoes__list li svg   { stroke: var(--red-primary); }
.s-solucoes__card--orange .s-solucoes__list li svg { stroke: var(--orange); }
.s-solucoes__card--wine .s-solucoes__list li svg   { stroke: var(--red-wine); }

/* --- Botão --- */
.s-solucoes__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--night);
  background: var(--white);
  border: 1.5px solid var(--ink-10);
  border-radius: 8px;
  padding: 14px 20px;
  text-decoration: none;
  transition: all 0.25s ease;
  margin-top: auto;
}

.s-solucoes__btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.s-solucoes__btn:hover {
  border-color: var(--red-primary);
  color: var(--red-primary);
}

.s-solucoes__btn:hover svg {
  transform: translateX(4px);
}

/* --- Tablet --- */
@media (max-width: 900px) {
  .s-solucoes__grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin-inline: auto;
  }
}

/* --- Mobile --- */
@media (max-width: 520px) {
  .s-solucoes__wrap {
    width: min(100%, calc(100% - 24px));
  }

  .s-solucoes__card {
    padding: 24px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d65886a *//* ============================================
   Bloco 3 — Por que Escolher o ISBET?
   Tokens do design system global
   Container: 1200px — min(1200px, calc(100% - 48px))
   ============================================ */

.s-porque__wrap {
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5vw, 60px);
}

/* --- Header --- */
.s-porque__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.s-porque__title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--night);
  margin: 0;
}

.s-porque__sub {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--ink-40);
  max-width: 580px;
  margin: 0;
}

/* --- Grid --- */
.s-porque__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* --- Card base --- */
.s-porque__card {
  position: relative;
  border-radius: 16px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.s-porque__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 48px color-mix(in srgb, var(--night) 16%, transparent);
}

/* Fundo colorido suave por variante */
.s-porque__card--red {
  background: color-mix(in srgb, var(--red-primary) 5%, var(--white));
  border: 1px solid color-mix(in srgb, var(--red-primary) 15%, transparent);
}

.s-porque__card--orange {
  background: color-mix(in srgb, var(--orange) 5%, var(--white));
  border: 1px solid color-mix(in srgb, var(--orange) 15%, transparent);
}

.s-porque__card--wine {
  background: color-mix(in srgb, var(--red-wine) 5%, var(--white));
  border: 1px solid color-mix(in srgb, var(--red-wine) 15%, transparent);
}

.s-porque__card--night {
  background: color-mix(in srgb, var(--night) 4%, var(--white));
  border: 1px solid color-mix(in srgb, var(--night) 12%, transparent);
}

/* Borda superior colorida */
.s-porque__card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 16px 16px 0 0;
}

.s-porque__card--red::before   { background: var(--red-primary); }
.s-porque__card--orange::before { background: var(--orange); }
.s-porque__card--wine::before   { background: var(--red-wine); }
.s-porque__card--night::before  { background: var(--night); }

/* --- Topo: ícone + número --- */
.s-porque__card-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* --- Ícone --- */
.s-porque__icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.s-porque__card:hover .s-porque__icon {
  transform: rotate(-8deg) scale(1.08);
}

.s-porque__card--red .s-porque__icon {
  background: color-mix(in srgb, var(--red-primary) 12%, transparent);
}

.s-porque__card--orange .s-porque__icon {
  background: color-mix(in srgb, var(--orange) 12%, transparent);
}

.s-porque__card--wine .s-porque__icon {
  background: color-mix(in srgb, var(--red-wine) 12%, transparent);
}

.s-porque__card--night .s-porque__icon {
  background: color-mix(in srgb, var(--night) 10%, transparent);
}

.s-porque__icon svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.s-porque__card--red .s-porque__icon svg   { stroke: var(--red-primary); }
.s-porque__card--orange .s-porque__icon svg { stroke: var(--orange); }
.s-porque__card--wine .s-porque__icon svg   { stroke: var(--red-wine); }
.s-porque__card--night .s-porque__icon svg  { stroke: var(--night); }

/* --- Número --- */
.s-porque__stat-number {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
}

.s-porque__card--red .s-porque__stat-number   { color: var(--red-primary); }
.s-porque__card--orange .s-porque__stat-number { color: var(--orange); }
.s-porque__card--wine .s-porque__stat-number   { color: var(--red-wine); }
.s-porque__card--night .s-porque__stat-number  { color: var(--night); }

/* --- Label do stat --- */
.s-porque__stat-label {
  font-family: var(--font-primary);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-40);
}

/* --- Título --- */
.s-porque__card-title {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--night);
  margin: 0;
}

/* --- Texto --- */
.s-porque__card-text {
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 400;
  line-height: 1.65;
  color: var(--ink-60);
  margin: 0;
}

/* --- Tablet --- */
@media (max-width: 900px) {
  .s-porque__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --- Mobile --- */
@media (max-width: 520px) {
  .s-porque__wrap {
    width: min(100%, calc(100% - 24px));
  }

  .s-porque__grid {
    grid-template-columns: 1fr;
  }

  .s-porque__card {
    padding: 22px 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37c2d12 *//* ============================================
   Bloco 4 — Como Funciona a Parceria
   Tokens do design system global
   Container: 1200px — min(1200px, calc(100% - 48px))
   ============================================ */

.s-como__wrap {
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5vw, 60px);
  align-items: center;
}

/* --- Header --- */
.s-como__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.s-como__title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--night);
  margin: 0;
}

.s-como__sub {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--ink-40);
  max-width: 560px;
  margin: 0;
}

/* --- Steps --- */
.s-como__steps {
  display: flex;
  align-items: flex-start;
  gap: 0;
  width: 100%;
}

/* --- Step --- */
.s-como__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}

/* --- Conector --- */
.s-como__connector {
  flex-shrink: 0;
  width: clamp(32px, 5vw, 60px);
  height: 2px;
  background: var(--ink-10);
  margin-top: 44px;
  position: relative;
}

.s-como__connector::after {
  content: '';
  position: absolute;
  right: -6px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--ink-10);
  border-right: 2px solid var(--ink-10);
  transform: rotate(45deg);
}

/* --- Ícone do step --- */
.s-como__step-icon {
  position: relative;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.s-como__step:hover .s-como__step-icon {
  transform: scale(1.08);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--night) 20%, transparent);
}

/* Variantes de cor */
.s-como__step-icon--red   { background: var(--red-primary); }
.s-como__step-icon--orange { background: var(--orange); }
.s-como__step-icon--wine  { background: var(--red-wine); }
.s-como__step-icon--night { background: var(--night); }

.s-como__step-icon svg {
  width: 28px;
  height: 28px;
  stroke: rgba(255,255,255,.85);
  flex-shrink: 0;
}

/* Número sobreposto */
.s-como__step-num {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid var(--ink-05);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: var(--text-xs);
  font-weight: 800;
  color: var(--night);
  line-height: 1;
}

/* --- Título do step --- */
.s-como__step-title {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--night);
  margin: 0;
}

/* --- Texto do step --- */
.s-como__step-text {
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 400;
  line-height: 1.65;
  color: var(--ink-60);
  margin: 0;
  max-width: 200px;
}

/* --- CTA --- */
.s-como__cta {
  display: flex;
  justify-content: center;
}

/* --- Tablet --- */
@media (max-width: 768px) {
  .s-como__steps {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .s-como__connector {
    width: 2px;
    height: 40px;
    margin-top: 0;
  }

  .s-como__connector::after {
    right: -4px;
    top: auto;
    bottom: -6px;
    transform: rotate(135deg);
  }

  .s-como__step-text {
    max-width: 320px;
  }
}

/* --- Mobile --- */
@media (max-width: 520px) {
  .s-como__wrap {
    width: min(100%, calc(100% - 24px));
  }

  .s-como__step-icon {
    width: 72px;
    height: 72px;
  }

  .s-como__step-icon svg {
    width: 22px;
    height: 22px;
  }

  .s-como__cta .btn {
    width: 100%;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c03bd0d *//* ============================================
   Bloco 5 — O que nos Torna Únicos
   Tokens do design system global
   Container: 1200px — min(1200px, calc(100% - 48px))
   ============================================ */

.s-unicos {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, #0c1320 0%, #121b2c 55%, #301117 100%);
}

/* Radial de profundidade */
.s-unicos::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 14% 50%, rgba(223,9,23,.18) 0%, transparent 52%),
    radial-gradient(ellipse at 86% 50%, rgba(217,77,73,.10) 0%, transparent 48%);
  pointer-events: none;
}

/* Grade sutil */
.s-unicos::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 56px 56px;
  pointer-events: none;
}

.s-unicos__wrap {
  position: relative;
  z-index: 2;
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5vw, 60px);
}

/* --- Header --- */
.s-unicos__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.s-unicos__title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--white);
  margin: 0;
}

.s-unicos__sub {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.65;
  color: rgba(255,255,255,.55);
  max-width: 540px;
  margin: 0;
}

/* --- Grid --- */
.s-unicos__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* --- Card --- */
.s-unicos__card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.s-unicos__card:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.16);
  transform: translateY(-4px);
}

/* --- Ícone --- */
.s-unicos__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.25s ease, transform 0.25s ease;
}

.s-unicos__card:hover .s-unicos__icon {
  background: var(--red-primary);
  transform: scale(1.08);
}

.s-unicos__icon svg {
  width: 26px;
  height: 26px;
  stroke: rgba(255,255,255,.85);
  flex-shrink: 0;
}

/* --- Título --- */
.s-unicos__card-title {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--white);
  margin: 0;
}

/* --- Texto --- */
.s-unicos__card-text {
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 400;
  line-height: 1.65;
  color: rgba(255,255,255,.50);
  margin: 0;
}

/* --- Tablet --- */
@media (max-width: 900px) {
  .s-unicos__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --- Mobile --- */
@media (max-width: 520px) {
  .s-unicos__wrap {
    width: min(100%, calc(100% - 24px));
  }

  .s-unicos__grid {
    grid-template-columns: 1fr;
  }

  .s-unicos__card {
    padding: 24px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-426da8c *//* ============================================
   Bloco 6 — O que Dizem Nossos Parceiros
   Tokens do design system global
   Container: 1200px — min(1200px, calc(100% - 48px))
   ============================================ */

.s-depoimentos__wrap {
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5vw, 60px);
}

/* --- Header --- */
.s-depoimentos__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.s-depoimentos__title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--night);
  margin: 0;
}

.s-depoimentos__sub {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--ink-40);
  max-width: 560px;
  margin: 0;
}

/* --- Grid --- */
.s-depoimentos__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}

/* --- Card --- */
.s-depoimentos__card {
  background: var(--white);
  border: 1px solid var(--ink-05);
  border-radius: 16px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.s-depoimentos__card:hover {
  box-shadow: 0 8px 32px color-mix(in srgb, var(--night) 10%, transparent);
  transform: translateY(-4px);
}

/* --- Estrelas --- */
.s-depoimentos__stars {
  display: flex;
  gap: 4px;
}

.s-depoimentos__stars svg {
  width: 20px;
  height: 20px;
  color: #F59E0B;
  flex-shrink: 0;
}

/* --- Quote --- */
.s-depoimentos__quote {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  font-style: italic;
  line-height: 1.75;
  color: var(--ink-60);
  margin: 0;
  flex: 1;
}

/* --- Author --- */
.s-depoimentos__author {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 20px;
  border-top: 1px solid var(--ink-05);
}

/* --- Avatar --- */
.s-depoimentos__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--white);
  flex-shrink: 0;
}

.s-depoimentos__avatar--red   { background: var(--red-primary); }
.s-depoimentos__avatar--orange { background: var(--orange); }
.s-depoimentos__avatar--wine  { background: var(--red-wine); }

/* --- Author info --- */
.s-depoimentos__author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.s-depoimentos__author-name {
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--night);
  line-height: 1.3;
}

.s-depoimentos__author-role {
  font-family: var(--font-primary);
  font-size: var(--text-xs);
  font-weight: 400;
  color: var(--ink-40);
  line-height: 1.3;
}

.s-depoimentos__author-company {
  font-family: var(--font-primary);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink-60);
  line-height: 1.3;
}

/* --- Tablet --- */
@media (max-width: 900px) {
  .s-depoimentos__grid {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin-inline: auto;
  }
}

/* --- Mobile --- */
@media (max-width: 520px) {
  .s-depoimentos__wrap {
    width: min(100%, calc(100% - 24px));
  }

  .s-depoimentos__card {
    padding: 24px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08a820c *//* ============================================
   Bloco 7 — CTA Final
   Tokens do design system global
   Container: 760px — min(760px, calc(100% - 48px))
   ============================================ */

.s-cta-final {
  background: var(--ink-02);
}

.s-cta-final__wrap {
  width: min(760px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}

/* --- Título --- */
.s-cta-final__title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--night);
  margin: 0;
}

/* --- Sub --- */
.s-cta-final__sub {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.7;
  color: var(--ink-40);
  max-width: 600px;
  margin: 0;
}

/* --- CTAs --- */
.s-cta-final__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

/* --- Trust badges --- */
.s-cta-final__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

.s-cta-final__trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--ink-60);
}

.s-cta-final__trust-item svg {
  width: 18px;
  height: 18px;
  stroke: #10B981;
  flex-shrink: 0;
}

/* --- Mobile --- */
@media (max-width: 520px) {
  .s-cta-final__wrap {
    width: min(100%, calc(100% - 24px));
    gap: 20px;
  }

  .s-cta-final__ctas {
    flex-direction: column;
    width: 100%;
  }

  .s-cta-final__ctas .btn {
    width: 100%;
    justify-content: center;
  }

  .s-cta-final__trust {
    flex-direction: column;
    gap: 12px;
  }
}/* End custom CSS */