.elementor-166 .elementor-element.elementor-element-70664e1{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-bfccaf5 *//* ==== 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 */

/* ====== 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 */