/* KIP Core — estilos dos widgets Elementor customizados */

/* ===== Slider Antes / Depois ===== */
.kip-ba {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  touch-action: none;
  user-select: none;
  --kip-ba-pos: 50%;
  --kip-ba-handle: #D6CD46;
}
.kip-ba > div { position: absolute; inset: 0; }
.kip-ba img { display: block; width: 100%; height: 100%; object-fit: cover; }

.kip-ba[data-orientation="horizontal"] .kip-ba__before { clip-path: inset(0 calc(100% - var(--kip-ba-pos)) 0 0); }
.kip-ba[data-orientation="vertical"]   .kip-ba__before { clip-path: inset(0 0 calc(100% - var(--kip-ba-pos)) 0); }

.kip-ba__label {
  position: absolute;
  bottom: 16px;
  z-index: 5;
  padding: 4px 10px;
  font: 600 12px/1 'Montserrat', sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.kip-ba__label--before { left: 16px; }
.kip-ba__label--after  { right: 16px; }

.kip-ba__divider { position: absolute; z-index: 3; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); pointer-events: none; }
.kip-ba[data-orientation="horizontal"] .kip-ba__divider { top: 0; bottom: 0; left: var(--kip-ba-pos); width: 3px; transform: translateX(-50%); }
.kip-ba[data-orientation="vertical"]   .kip-ba__divider { left: 0; right: 0; top: var(--kip-ba-pos); height: 3px; transform: translateY(-50%); }

.kip-ba__handle {
  position: absolute;
  z-index: 4;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  color: #EAB308;
  font-size: 16px;
  line-height: 40px;
}
.kip-ba[data-orientation="horizontal"] .kip-ba__handle { top: 50%; left: var(--kip-ba-pos); transform: translate(-50%, -50%); cursor: ew-resize; }
.kip-ba[data-orientation="vertical"]   .kip-ba__handle { left: 50%; top: var(--kip-ba-pos); transform: translate(-50%, -50%); cursor: ns-resize; }
.kip-ba__handle::before {
  content: "\2039\2009\203A";
  display: block;
  text-align: center;
  color: #EAB308;
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
}

/* ===== Teste / Kip-Scan ===== */
.kip-teste { max-width: 760px; margin: 0 auto; font-family: 'Nunito', sans-serif; color: #3A3A3A; }
.kip-teste__title { font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 1.3; margin: 0 0 24px; }
.kip-teste__field { display: block; margin-bottom: 18px; }
.kip-teste__field > span { display: block; font-weight: 600; margin-bottom: 6px; font-size: 15px; }
.kip-teste__field > span em { color: #85733B; font-style: normal; font-weight: 700; }
.kip-teste__field input,
.kip-teste__field select {
  width: 100%; padding: 12px 14px; border: 1px solid #E5E5EC; border-radius: 8px;
  font-size: 16px; background: #fff; color: #3A3A3A;
}
.kip-teste__field input:focus,
.kip-teste__field select:focus { outline: none; border-color: #444581; box-shadow: 0 0 0 3px rgba(68,69,129,.15); }
.kip-teste__hint { display: block; margin-top: 4px; color: #6B6B7E; font-size: 13px; }
.kip-teste__calc { width: 100%; margin-top: 8px; padding: 14px; font-size: 18px; }
.kip-teste__footnote { margin-top: 14px; font-size: 13px; color: #6B6B7E; text-align: center; }

.kip-teste__edit { background: none; border: 0; color: #444581; font-weight: 600; cursor: pointer; padding: 4px 0; margin-bottom: 12px; }
.kip-teste__highlights { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 20px; }
.kip-teste__hl { background: linear-gradient(90deg,#85733B 0%,#D6CD46 100%); color: #fff; border-radius: 12px; padding: 16px; text-align: center; }
.kip-teste__hl strong { display: block; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 1.1; }
.kip-teste__hl span { display: block; font-size: 13px; margin-top: 4px; opacity: .95; }
.kip-teste__rows { border: 1px solid #E5E5EC; border-radius: 12px; overflow: hidden; }
.kip-teste__row { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #EEE; font-size: 15px; }
.kip-teste__row:last-child { border-bottom: 0; }
.kip-teste__row:nth-child(even) { background: #F7F7F7; }
.kip-teste__row b { color: #0B0B2E; white-space: nowrap; }
.kip-teste__wa { display: block; text-align: center; margin-top: 20px; padding: 14px; font-size: 18px; }
@media (min-width: 768px) { .kip-teste__highlights { grid-template-columns: repeat(4, 1fr); } }

/* ===== Calculadora Barra/Barra ===== */
.kip-calc { font-family: 'Nunito', sans-serif; color: #3A3A3A; }

/* --- Formulário --- */
.kip-calc__form { max-width: 1000px; margin: 0 auto; }
.kip-calc__title {
  font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center;
  color: #020202; font-weight: 600; font-size: 24px; line-height: 1.2; margin: 0 0 32px;
}
.kip-calc__block {
  padding: 20px; background: #fff; border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  margin-bottom: 32px;
}
.kip-calc__block-title {
  color: #020202; font-weight: 500; font-size: 22px; margin: 0 0 24px;
}
.kip-calc__field { margin-bottom: 18px; }
.kip-calc__field > label { display: block; font-weight: 500; font-size: 18px; margin-bottom: 8px; }
.kip-calc__field input,
.kip-calc__field select {
  width: 100%; padding: 14px; border: 1px solid #D1D5DB; border-radius: 8px;
  background: #F9FAFB; color: #111827; font-size: 16px;
}
.kip-calc__grid2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.kip-calc__grid2 .kip-calc__field { width: 100%; }

/* Linha rótulo / unidade / valores */
.kip-calc__row { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-bottom: 24px; }
.kip-calc__row-label { width: 100%; font-weight: 700; font-size: 18px; margin: 0; }
.kip-calc__unit { width: 100%; }
.kip-calc__unit-label,
.kip-calc__value-label { display: block; text-transform: uppercase; margin-bottom: 10px; font-size: 14px; }
.kip-calc__unit-box {
  padding: 14px; border: 1px solid #D1D5DB; border-radius: 8px; background: #F9FAFB; color: #111827; font-size: 16px;
}
.kip-calc__values { width: 100%; display: flex; flex-wrap: wrap; gap: 12px; }
.kip-calc__value { flex: 1 1 calc(50% - 6px); min-width: 120px; }
.kip-calc__values--single .kip-calc__value { flex: 1 1 100%; }
.kip-calc__row input {
  width: 100%; padding: 14px; border: 1px solid #D1D5DB; border-radius: 8px;
  background: #F9FAFB; color: #111827; font-size: 16px;
}
.kip-calc__field input:focus,
.kip-calc__field select:focus,
.kip-calc__row input:focus { outline: none; border-color: #3B82F6; box-shadow: 0 0 0 2px rgba(59,130,246,.4); }

.kip-calc__submit {
  margin-bottom: 32px; padding: 10px 20px; font-size: 20px; border-radius: 8px;
  transition: transform .15s ease;
}
.kip-calc__submit:hover { transform: scale(1.05); }
.kip-calc__alert {
  background: #FEE2E2; border: 1px solid #F87171; color: #B91C1C;
  padding: 12px 16px; border-radius: 6px;
}

/* --- Resultado --- */
.kip-calc__result { max-width: 1200px; margin: 0 auto; padding-top: 40px; }
.kip-calc__result-title {
  font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center;
  color: #020202; font-weight: 700; font-size: 24px; margin: 0 0 14px;
}
.kip-calc__table-wrap { overflow-x: auto; margin-bottom: 24px; }
.kip-calc__table {
  width: 100%; border-collapse: collapse; text-align: center;
  border: 1px solid #E5E7EB; border-radius: 8px; overflow: hidden; font-size: 16px;
}
.kip-calc__table thead th {
  background: rgba(1,81,90,.1); color: #111827; text-transform: uppercase;
  font-size: 20px; padding: 12px 24px; border-right: 1px solid #E5E7EB;
}
.kip-calc__table thead th:last-child { border-right: 0; }
.kip-calc__table tbody th,
.kip-calc__table tbody td { padding: 16px 24px; border-right: 1px solid #E5E7EB; border-bottom: 1px solid #E5E7EB; color: #111827; }
.kip-calc__table tbody th { font-weight: 500; text-align: left; }
.kip-calc__table tbody td:last-child { border-right: 0; }
.kip-calc__table tbody tr:nth-child(even) { background: rgba(1,81,90,.1); }
.kip-calc__kip { color: #020202; font-weight: 700; }
.kip-calc__lucro-label { width: 50%; font-weight: 500; text-align: left; }

/* --- CTA / botões --- */
.kip-calc__cta { margin-bottom: 32px; }
.kip-calc__wa {
  display: inline-flex; align-items: center; gap: 20px;
  background: linear-gradient(90deg, #85733B 0%, #D6CD46 100%);
  color: #fff; font-weight: 700; font-size: 20px;
  padding: 10px 30px; border-radius: 9999px; transition: transform .5s ease;
}
.kip-calc__wa:hover { transform: scale(1.05); }
.kip-calc__buttons { display: flex; gap: 20px; margin-bottom: 20px; }
.kip-calc__edit,
.kip-calc__print {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(90deg, #85733B 0%, #D6CD46 100%); color: #fff;
  font-weight: 500; font-size: 20px; padding: 8px 16px; border: 0; border-radius: 4px; cursor: pointer;
}

@media (min-width: 768px) {
  .kip-calc__grid2 .kip-calc__field { width: 48%; }
  .kip-calc__row-label { width: 25%; }
  .kip-calc__unit { width: 30%; }
  .kip-calc__values { width: 38%; flex-wrap: nowrap; }
}

/* Impressão: oculta formulário e botões, mostra só as tabelas */
@media print {
  .kip-calc__buttons, .kip-calc__cta { display: none !important; }
}

/* ============================================================
   Produto — Benefícios (kip_beneficios) — equivale a benefits.tsx
   ============================================================ */
.kip-benefits {
  background-color: #85733B;
  min-height: 65vh;
  padding: 40px 0;
}
.kip-benefits__inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.kip-benefits__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  background: #FFFFFF;
  border-radius: 1rem;
  color: #000000;
}
.kip-benefits__title {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
  margin: 0 0 20px;
  color: #000000;
}
.kip-benefits__desc {
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  color: #000000;
}
@media (min-width: 768px) {
  .kip-benefits__desc { font-size: 18px; }
}
@media (min-width: 1024px) {
  .kip-benefits { padding: 60px 0; }
  .kip-benefits__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
  }
  .kip-benefits__card {
    min-height: 293px;
    margin-top: var(--kip-benefit-offset, 0);
  }
  .kip-benefits[data-count="3"] .kip-benefits__card { width: 30%; }
  .kip-benefits[data-count="4"] .kip-benefits__card { width: 23%; }
  .kip-benefits__title { font-size: 30px; line-height: 30px; }
}

/* ============================================================
   Produto — Diferenciais (kip_diferenciais) — equivale a cardImg.tsx
   ============================================================ */
.kip-diff { padding: 40px 0; }
.kip-diff__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.kip-diff__card {
  position: relative;
  width: 100%;
  min-height: 60vh;
  max-height: 800px;
  padding: 70px 30px 30px;
  margin: 10px auto;
  overflow: hidden;
  border-radius: 0.75rem;
  background: #F4F4F2;
}
.kip-diff__title {
  position: relative;
  z-index: 10;
  max-width: 400px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 70px;
}
.kip-diff__img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
}
.kip-diff__img--center { object-position: center; }
.kip-diff__img--top { object-position: top; }
.kip-diff__img--bottom { object-position: bottom; }
.kip-diff__img--right-top { object-position: right top; }
.kip-diff__img--left-top { object-position: left top; }
.kip-diff__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  .kip-diff { padding: 60px 0; }
  .kip-diff__inner { flex-direction: row; align-items: center; gap: 30px; }
  .kip-diff__card { width: 49%; margin: 10px 0; }
  .kip-diff__title { font-size: 24px; line-height: 30px; }
}

/* Bullets do "O que é" (kip_oque_bullets) — equivale ao <ul> de whatIs.tsx */
.kip-oque-bullets {
  list-style: disc;
  padding-left: 20px;
  margin: 8px 0 0;
  color: #85733B;
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 768px) { .kip-oque-bullets { font-size: 20px; } }
.kip-oque-bullets li { margin: 0 0 4px; }

/* ============================================================
   Produto — Redirects (kip_redirects) — equivale a redirects.tsx
   ============================================================ */
.kip-redirects { background: #FFFFFF; padding: 40px 0; }
.kip-redirects__inner {
  max-width: 1300px; margin: 0 auto; padding: 0 30px;
}
.kip-redirects__row {
  display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px;
}
.kip-redirects__card {
  position: relative; overflow: hidden; border-radius: 0.75rem;
  min-height: 250px; padding: 30px;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  text-align: center;
}
.kip-redirects__img {
  position: absolute; inset: 0;
  width: 100% !important; height: 100% !important; max-width: none !important;
  object-fit: cover; object-position: center;
}
.kip-redirects__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4); }
.kip-redirects__content {
  position: relative; z-index: 10; color: #FFFFFF;
  display: flex; flex-direction: column; align-items: center;
}
.kip-redirects__title {
  font-family: 'Montserrat', sans-serif; font-weight: 700; color: #FFFFFF;
  font-size: 25px; line-height: 25px; margin: 0 0 20px;
}
.kip-redirects__btn {
  display: inline-block; background-image: linear-gradient(90deg, #85733B 0%, #D6CD46 100%);
  color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px;
  padding: 8px 16px; border-radius: 6px; transition: transform .3s ease; text-decoration: none;
}
.kip-redirects__btn:hover { transform: scale(1.03); }
.kip-redirects__card--wide { min-height: 350px; }
@media (min-width: 768px) {
  .kip-redirects { padding: 60px 0; }
  .kip-redirects__row { flex-direction: row; justify-content: space-between; margin-bottom: 40px; }
  .kip-redirects__card { min-height: 300px; width: 48%; align-items: flex-start; text-align: left; }
  .kip-redirects__content { align-items: flex-start; }
  .kip-redirects__title { font-size: 30px; line-height: 30px; }
  .kip-redirects__card--wide { width: 100%; min-height: 500px; align-items: center; text-align: center; }
  .kip-redirects__card--wide .kip-redirects__content { align-items: center; }
}

/* ============================================================
   Produto — Adornos do hero (kip_hero_badges)
   ============================================================ */
/* O container do produto (coluna direita do hero) ancora o overlay dos adornos.
   O próprio widget (vazio, 0x0) é relative e seria o offsetParent — então o fazemos
   preencher a coluna (absolute inset:0) para o selo ir ao topo-direito do produto. */
.e-con:has(> .elementor-widget-kip_hero_badges) { position: relative !important; }
.elementor-widget-kip_hero_badges { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; pointer-events: none; margin: 0 !important; }
.elementor-widget-kip_hero_badges > .elementor-widget-container { position: absolute; inset: 0; }
.kip-hero-badges { position: absolute; inset: 0; pointer-events: none; z-index: 20; }
.kip-hero-badges__pills {
  position: absolute; bottom: 0; left: 0;
  display: flex; flex-direction: column; gap: 12px; font-weight: 700;
}
.kip-hero-badges__pill {
  display: inline-block; padding: 12px 20px; border-radius: 9999px;
  color: #85733B; background: rgba(255,255,255,0.8); backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
  font-family: 'Nunito', sans-serif; font-size: 16px; width: max-content;
}
.kip-hero-badges__seal {
  position: absolute; top: 0; right: 0;
  width: 200px; height: 200px; transform: rotate(-15deg);
  background-size: contain; background-position: center; background-repeat: no-repeat;
  display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center;
  text-align: center;
}
.kip-hero-badges__seal-icon { color: #85733B; font-size: 28px; animation: kip-spin-slow 6s linear infinite; }
.kip-hero-badges__seal-text { color: #85733B; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; width: 60%; }
@keyframes kip-spin-slow { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@media (min-width: 1024px) {
  .kip-hero-badges__seal { width: 250px; height: 250px; }
}

/* ============================================================
   Produto — Especificações (kip_especificacoes)
   ============================================================ */
.kip-spec { background: #F4F4F2; padding: 40px 0; }
.kip-spec__inner {
  position: relative; max-width: 1300px; margin: 0 auto; padding: 0 30px;
  display: flex; flex-direction: column; gap: 24px;
}
.kip-spec__lines { display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 10; }
.kip-spec__line {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  border-bottom: 2px solid #444581; padding-bottom: 8px; max-width: 560px;
}
.kip-spec__text {
  font-family: 'Montserrat', sans-serif; font-weight: 600; color: #3A3A3A;
  font-size: 20px; line-height: 24px; margin: 0; max-width: 400px;
}
.kip-spec__num {
  flex: none; width: 50px; height: 50px; border-radius: 9999px;
  background: var(--kip-spec-circle, #020202); color: #FFFFFF;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 25px;
}
.kip-spec__image { text-align: center; }
.kip-spec__image img { max-width: 100%; height: auto; max-height: 420px; object-fit: contain; }
@media (min-width: 768px) {
  .kip-spec { padding: 60px 0; }
  .kip-spec__inner { flex-direction: row; align-items: center; min-height: 60vh; }
  .kip-spec__lines { width: 55%; gap: 60px; }
  .kip-spec__text { font-size: 24px; line-height: 30px; }
  .kip-spec__num { width: 70px; height: 70px; font-size: 30px; }
  .kip-spec__image { width: 45%; }
  .kip-spec__image img { max-height: none; }
}

/* ============================================================
   Produto — Vídeo "Como usar" (kip_video_use)
   ============================================================ */
.kip-videouse { background: #85733B; color: #FFFFFF; padding: 30px 0; }
.kip-videouse__content { order: -1; }
.kip-videouse__inner {
  max-width: 1300px; margin: 0 auto; padding: 0 30px;
  display: flex; flex-direction: column; gap: 24px; align-items: center;
}
.kip-videouse__media {
  position: relative; width: 100%; max-width: 500px; min-height: 400px;
  border-radius: 8px; overflow: hidden; cursor: pointer;
  display: flex; align-items: center; justify-content: center; background: #000;
}
.kip-videouse__cover { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.kip-videouse__play {
  position: relative; z-index: 3; width: 60px; height: 60px; border-radius: 9999px;
  background: rgba(0,0,0,0.85); color: #FFFFFF; border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center; font-size: 24px;
  animation: kip-pulse 2s ease-in-out infinite;
}
@keyframes kip-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.kip-videouse__player { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; z-index: 5; border: 0; }
.kip-videouse__media.is-playing .kip-videouse__play { display: none; }
.kip-videouse__title { color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 30px; line-height: 30px; margin: 0 0 12px; max-width: 500px; }
.kip-videouse__step { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.kip-videouse__bar { flex: none; width: 4px; height: 50px; background: #FFFFFF; }
.kip-videouse__step p { margin: 0; font-family: 'Nunito', sans-serif; }
.kip-videouse__btn {
  display: inline-block; margin-top: 8px; background: linear-gradient(90deg, #85733B 0%, #D6CD46 100%); color: #FFFFFF;
  font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px;
  padding: 8px 16px; border-radius: 6px; text-decoration: none; transition: transform .3s ease;
}
.kip-videouse__btn:hover { transform: scale(1.03); }
@media (min-width: 1024px) {
  .kip-videouse { padding: 60px 0; }
  .kip-videouse__inner { flex-direction: row; justify-content: space-between; align-items: center; gap: 24px; }
  .kip-videouse__media { width: 45%; min-height: 0; height: 70vh; max-height: 800px; }
  .kip-videouse__content { width: 45%; order: 0; }
}

/* ============================================================
   Produto — Destaque (kip_destaque) — KipAgi / Preparation
   ============================================================ */
.kip-destaque { background: #F3F3F6; color: #020202; padding: 40px 0; }
.kip-destaque__inner { max-width: 1300px; margin: 0 auto; padding: 0 30px; text-align: center; }
.kip-destaque__title {
  font-family: 'Montserrat', sans-serif; font-weight: 600; color: #020202;
  font-size: 30px; line-height: 30px; max-width: 800px; margin: 0 auto 12px;
}
.kip-destaque__sub { font-family: 'Nunito', sans-serif; font-size: 18px; max-width: 700px; margin: 0 auto 24px; }
.kip-destaque__btn {
  display: inline-block; background: linear-gradient(90deg, #85733B 0%, #D6CD46 100%); color: #FFFFFF;
  font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px;
  padding: 10px 24px; border-radius: 6px; text-decoration: none; transition: transform .3s ease;
}
.kip-destaque__btn:hover { transform: scale(1.03); }
.kip-destaque__image {
  position: relative; width: 100%; max-width: 800px; margin: 30px auto 0;
  height: 30vh; border-radius: 1rem; overflow: hidden;
}
.kip-destaque__image img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; }
@media (min-width: 768px) {
  .kip-destaque { padding: 60px 0; }
  .kip-destaque__title { font-size: 50px; line-height: 50px; }
  .kip-destaque__sub { font-size: 20px; }
  .kip-destaque__image { min-height: 60vh; height: auto; }
}

/* Vídeo "Como usar" — tema branco (suporte/vento): bg branco, cian */
.kip-videouse--white { background: #FFFFFF; color: #000000; }
.kip-videouse--white .kip-videouse__title { color: #020202; }
.kip-videouse--white .kip-videouse__bar { background: #020202; }
.kip-videouse--white .kip-videouse__step p { color: #3A3A3A; }
.kip-videouse--white .kip-videouse__btn { background: linear-gradient(90deg, #85733B 0%, #D6CD46 100%); color: #FFFFFF; }