/* Planos — mesmo layout da página planos.html (home + planos) */
.plans-sec{
  padding:40px 0 48px!important;
  background:#fff!important;
  text-align:center!important;
  width:100%!important;
  box-sizing:border-box!important
}
.plans-sec .container,
.plans-grid-wrap .container{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:0 28px!important;
  box-sizing:border-box!important
}
.plans-sec .sec-head{
  width:100%!important;
  max-width:640px!important;
  margin:0 auto 24px!important;
  text-align:center!important;
  padding:0!important
}
.plans-sec .sec-head h2{margin-bottom:8px!important}
.plans-sec .sec-head p{margin:0!important}

.plans-grid-wrap{padding:40px 0 56px!important;width:100%!important;box-sizing:border-box!important}

.plans-sec .plans-grid,
.plans-grid-wrap .plans-grid,
.plans-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:stretch!important;
  box-sizing:border-box!important
}

.plan-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #E5EBF2!important;
  border-radius:18px!important;
  box-shadow:0 8px 28px rgba(7,31,61,.06)!important;
  display:flex!important;
  flex-direction:column!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  height:100%!important
}
.plan-card.hot{
  border:2px solid #72D900!important;
  box-shadow:0 10px 32px rgba(114,217,0,.16)!important
}
.plan-card .pc-top{
  padding:16px 18px 12px!important;
  background:#F5F7FA!important;
  border-bottom:1px solid #E5EBF2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  box-sizing:border-box!important
}
.plan-card.hot .pc-top{background:linear-gradient(135deg,#f0fce4,#e8f8d0)!important}
.plan-card .pc-body{
  padding:14px 18px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  flex:1 1 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  gap:0!important
}
.plan-card .pc-apps{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  justify-content:center!important;
  margin:0 0 10px!important;
  min-height:0!important;
  width:100%!important
}
.plan-card .pc-feats{
  list-style:none!important;
  margin:0 0 10px!important;
  padding:0!important;
  width:100%!important;
  flex:0 0 auto!important
}
.plan-card .pc-feats li{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:4px 0!important;
  font-size:.82rem!important
}
.plan-card .pc-price{margin:0 0 8px!important;text-align:center!important}
.plan-card .pc-install{margin:0 0 12px!important;text-align:center!important}
.plan-card .pc-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  margin-top:auto!important;
  padding:12px 14px!important;
  border-radius:99px!important;
  box-sizing:border-box!important
}
.carousel-nav,.plans-carousel{display:none!important}

@media (max-width:1000px){
  .plans-sec .plans-grid,
  .plans-grid-wrap .plans-grid,
  .plans-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important
  }
}
@media (max-width:900px){
  .plans-sec{padding:28px 0 32px!important}
  .plans-grid-wrap{padding:28px 0 36px!important}
  .plans-sec .container,
  .plans-grid-wrap .container{
    padding-left:20px!important;
    padding-right:20px!important
  }
  .plans-sec .sec-head{margin-bottom:16px!important}
  .plans-sec .plans-grid,
  .plans-grid-wrap .plans-grid,
  .plans-grid{
    grid-template-columns:1fr!important;
    gap:12px!important
  }
  .plan-card .pc-top{padding:14px 16px 10px!important}
  .plan-card .pc-body{padding:12px 16px 14px!important}
  .plan-card .pc-apps{margin-bottom:8px!important}
  .plan-card .pc-feats{margin-bottom:8px!important}
  .plan-card .pc-price{margin-bottom:6px!important}
  .plan-card .pc-install{margin-bottom:10px!important}
  .plan-card .pc-cta{padding:11px 14px!important}
}
@media (max-width:620px){
  .plans-sec{padding:24px 0 28px!important}
  .plans-sec .container,
  .plans-grid-wrap .container{
    padding-left:18px!important;
    padding-right:18px!important
  }
  .plans-sec .plans-grid,
  .plans-grid{gap:10px!important}
}


/* Espaço vazio de apps (planos sem streaming) — some no mobile */
.plan-card .pc-apps:empty{
  display:none!important;
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  height:0!important
}
/* Se só tiver whitespace / sem filhos visíveis */
.plan-card .pc-apps:not(:has(.brand)){
  display:none!important;
  margin:0!important;
  min-height:0!important;
  height:0!important;
  padding:0!important
}
@media (max-width:900px){
  .plan-card .pc-apps{
    min-height:0!important
  }
  .plan-card .pc-apps:empty,
  .plan-card .pc-apps:not(:has(img)):not(:has(.brand)){
    display:none!important;
    margin:0!important;
    height:0!important;
    padding:0!important
  }
}