.elementor-711 .elementor-element.elementor-element-8141bcf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-711 .elementor-element.elementor-element-b1a3022{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-b1a3022 *//* ===== HOTFIX SKY • HERO + CARDS ===== */

/* 1) CTA do HERO: nunca esticar */
.sp__hero .sp__cta,
.sp__hero .sp__cta:link,
.sp__hero .sp__cta:visited{
  display:inline-flex !important;
  width:auto !important;
  min-width:260px;
  align-self:flex-start;
  white-space:nowrap;
}

/* 2) GRID dos CARDS: usa gap e impede colar um no outro */
.sp__planos .wrap{ max-width:1160px; margin:0 auto; padding:24px }
.sp__planos .sp__container{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(240px,1fr));
  gap:18px !important;               /* espaçamento entre cards */
  align-items:stretch;
}
@media (max-width:1080px){
  .sp__planos .sp__container{ grid-template-columns:repeat(2,1fr) }
}
@media (max-width:640px){
  .sp__planos .sp__container{ grid-template-columns:1fr }
}

/* 3) CARD: estrutura e botão interno fixo (não estica) */
.sp__planos .sp__card{
  position:relative;
  display:flex; flex-direction:column;
  background:#fff;
  border:1.5px solid var(--sky-red);
  border-radius:14px;
  overflow:hidden;
  padding-bottom:92px;                /* espaço pro botão */
  box-sizing:border-box;
}
.sp__planos .sp__top{ height:120px; background:#991010; overflow:hidden }
.sp__planos .sp__topimg{ width:100%; height:100%; object-fit:cover; display:block }
.sp__planos .sp__cta-card,
.sp__planos .sp__cta-card:link,
.sp__planos .sp__cta-card:visited{
  position:absolute; left:16px; right:16px; bottom:16px;
  display:inline-flex !important;    /* garante largura do conteúdo */
  width:auto !important;             /* previne 100% herdado */
  justify-content:center; align-items:center;
  background:#d60000; color:#fff !important;
  text-decoration:none; font-weight:900; padding:12px; border-radius:999px;
  transition:background .2s;
}
.sp__planos .sp__cta-card:hover{ background:#b80000 }

/* 4) Zera possíveis margens coladas dos elementos internos do card */
.sp__planos .sp__title{ margin:14px 16px 4px }
.sp__planos .sp__divider{ height:1px; background:#e9e9e9; margin:8px 16px }
.sp__planos .sp__list{ list-style:none; margin:8px 16px 12px; padding:0; display:flex; gap:10px; flex-direction:column }
.sp__planos .sp__price{ margin:8px 16px 12px }/* End custom CSS */