.elementor-114 .elementor-element.elementor-element-d88de11{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-70664e1{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-114 .elementor-element.elementor-element-a7a2e53{--display:flex;}@media(max-width:767px){.elementor-114 .elementor-element.elementor-element-d88de11{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-70664e1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-bfccaf5 *//* ====== ALIGN: botões sempre na mesma altura ====== */
.skypp__wrap{ align-items: stretch; }                 /* grid estica os cards */
.skypp-card{ display:flex; flex-direction:column; }   /* coluna flex */
.skypp-card__body{ flex:1; display:flex; flex-direction:column; }
.skypp-card__cta{
  margin: auto 16px 16px;                             /* empurra CTA p/ base */
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
@media (max-width:519.98px){ .skypp-card__cta{ grid-template-columns:1fr; } }

/* ====== HOVER FIX: manter contraste (sem texto “apagado”) ====== */
.skypp .skypp-btn{ color: var(--ink) !important; text-decoration:none; }
.skypp .skypp-btn *{ color: inherit; }

.skypp .skypp-btn--primary,
.skypp .skypp-btn--primary:hover,
.skypp .skypp-btn--primary:focus,
.skypp .skypp-btn--primary:active{
  background: var(--brand);
  border-color: var(--brand);
  color:#fff !important;
  box-shadow:0 10px 20px rgba(214,0,0,.25);
  transform: translateY(0);
}
.skypp .skypp-btn--primary:hover{ filter:saturate(1.05) brightness(1.03); transform:translateY(-1px); }

.skypp .skypp-btn--ghost,
.skypp .skypp-btn--ghost:hover,
.skypp .skypp-btn--ghost:focus,
.skypp .skypp-btn--ghost:active{
  background:#fff;
  border:1px solid var(--line);
  color: var(--ink) !important;
}
.skypp .skypp-btn--ghost:hover{ background:#f3f4f6; }

/* Acessibilidade */
.skypp .skypp-btn:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c649b50 *//* ==== Anti-estouro no FAQ ==== */
.skyfaq__q{
  /* já tem display:flex, mantemos */
  gap: 12px;                 /* espaço entre texto e ícone */
  white-space: normal;       /* libera quebra de linha no button */
}

.skyfaq__q span:first-child{
  flex: 1 1 auto;            /* o texto cresce/encolhe dentro do flex */
  min-width: 0;              /* permite encolher sem “vazar” */
  overflow-wrap: anywhere;   /* quebra palavras longas se preciso */
  word-break: normal;
}

.skyfaq__icon{
  flex: 0 0 24px;            /* ícone não deforma */
  margin-left: 4px;
}

/* se algum container externo causar barra horizontal, pode usar: */
.skyfaq{ overflow-x: clip; } /* ou hidden, se preferir */

/* ===== FIX HOVER/TEMA no FAQ ===== */
.skyfaq{ --brand:#D60000; } /* (opcional, só p/ referência) */

/* Força cor do texto e remove qualquer troca de cor do tema */
.skyfaq .skyfaq__q,
.skyfaq .skyfaq__q:hover,
.skyfaq .skyfaq__q:focus,
.skyfaq h3:hover,
.skyfaq h3:focus{
  color: var(--ink) !important;        /* texto sempre escuro/legível */
  text-decoration: none !important;
  opacity: 1 !important;
}

/* Estado hover/subtle (sem vermelho), só muda levemente o fundo */
.skyfaq .skyfaq__q:hover{
  background: #f3f4f6 !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

/* Quando aberto continua limpo/legível */
.skyfaq .skyfaq__q[aria-expanded="true"]{
  background: #ffffff !important;
  color: var(--ink) !important;
}

/* Garante que elementos internos herdarem a cor correta */
.skyfaq .skyfaq__q *{ color: inherit !important; }

/* Ícone “+” mantém cor escura (alguns temas pintam de vermelho) */
.skyfaq .skyfaq__icon{ border-color:#cbd5e1 !important; background:#fff !important; }
.skyfaq .skyfaq__icon::before,
.skyfaq .skyfaq__icon::after{ background:#0f172a !important; }

/* (Opcional) Foco acessível com a cor da marca */
.skyfaq .skyfaq__q:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}/* End custom CSS */