/* Página Soluções — medidas da Wix a 1440px (conteúdo de 1285px). */
.hp-p-solucoes .hp-sol-hero { position: relative; height: 343px; background: #000; isolation: isolate; overflow: hidden; }
/* foto a 10% sobre o preto, como na Wix */
.hp-p-solucoes .hp-sol-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../../img/solucoes-fundo.jpg) center 47%/cover no-repeat; opacity: .1; }
.hp-p-solucoes .hp-sol-hero__inner { padding-top: 62px; padding-left: 1px; }
.hp-p-solucoes .hp-sol-hero__title { width: 760px; font-size: 60px; line-height: 72px; font-weight: 600; color: #fff; }
.hp-p-solucoes .hp-sol-hero__sub { margin-top: 51px !important; font-size: 30px; line-height: 42px; font-weight: 400; color: #fff; }

.hp-p-solucoes .hp-planos { background: linear-gradient(180deg, #01060C 0%, #000 100%); padding: 47px 0 52px; }
.hp-p-solucoes .hp-plano { display: grid; grid-template-columns: 513px 1fr; gap: 1px; padding: 1px; background: #8A8A8B; }
.hp-p-solucoes .hp-plano + .hp-plano { margin-top: 67px !important; position: relative; }
.hp-p-solucoes .hp-plano + .hp-plano::before { content: ""; position: absolute; left: 10%; right: 10%; top: -34px; border-top: 1px solid rgba(138, 138, 139, .6); }
.hp-p-solucoes .hp-plano__left { box-sizing: border-box; padding: 47px 60px 40px 90px; background:
  radial-gradient(circle at 100% 100%, #000 0%, 20%, rgba(0, 0, 0, 0) 40%),
  radial-gradient(circle at 0% 100%, #8F005D 0%, 17.1%, rgba(143, 0, 93, 0) 57%),
  radial-gradient(circle at 0% 0%, #000 0%, 42%, rgba(0, 0, 0, 0) 70%),
  radial-gradient(circle at 100% 0%, #008AFC 0%, 21%, rgba(0, 138, 252, 0) 70%), #000; }
.hp-p-solucoes .hp-plano--b .hp-plano__left { background:
  radial-gradient(circle at 100% 100%, #000 0%, 20%, rgba(0, 0, 0, 0) 40%),
  radial-gradient(circle at 100% 0%, #8F005D 0%, 17.1%, rgba(143, 0, 93, 0) 57%),
  radial-gradient(circle at 0% 0%, #000 0%, 42%, rgba(0, 0, 0, 0) 70%),
  radial-gradient(circle at 0% 100%, #008AFC 0%, 21%, rgba(0, 138, 252, 0) 70%), #000; }
.hp-p-solucoes .hp-plano__name { font-size: 33px; line-height: 46.2px; font-weight: 600; color: #fff; }
.hp-p-solucoes .hp-plano__model { font-size: 33px; line-height: 46.2px; font-weight: 200; color: var(--blue); }
.hp-p-solucoes .hp-plano__desc { width: 328px; margin-top: 28px !important; padding-left: 1px; font-size: 15px; line-height: 22.5px; font-weight: 400; color: #fff; }
.hp-p-solucoes .hp-plano__right { background: var(--dark); box-sizing: border-box; padding: 41px 60px 40px 63px; }
.hp-p-solucoes .hp-plano__list { margin: 0; padding: 0 0 0 18px; color: #fff; }
.hp-p-solucoes .hp-plano__list li { width: 470px; max-width: 100%; font-size: 18px; line-height: 25.2px; font-weight: 400; }
.hp-p-solucoes .hp-plano__list li + li { margin-top: 26px; }
.hp-p-solucoes .hp-plano--c .hp-plano__right { padding-top: 30px; }
.hp-p-solucoes .hp-plano--c .hp-plano__list li { font-size: 17px; line-height: 23.8px; width: 479px; }
.hp-p-solucoes .hp-plano--c .hp-plano__list li + li { margin-top: 25px; }

@media (max-width: 960px) {
  .hp-p-solucoes .hp-sol-hero { height: auto; padding: 48px 0 40px; }
  .hp-p-solucoes .hp-sol-hero__inner { padding: 0; }
  .hp-p-solucoes .hp-sol-hero__title { width: auto; font-size: 36px; line-height: 44px; }
  .hp-p-solucoes .hp-sol-hero__sub { margin-top: 24px !important; font-size: 22px; }
  .hp-p-solucoes .hp-planos { padding: 32px 0 40px; }
  .hp-p-solucoes .hp-plano { grid-template-columns: 1fr; }
  .hp-p-solucoes .hp-plano + .hp-plano { margin-top: 32px !important; }
  .hp-p-solucoes .hp-plano + .hp-plano::before { display: none; }
  .hp-p-solucoes .hp-plano__left { padding: 32px 20px; }
  .hp-p-solucoes .hp-plano__name, .hp-p-solucoes .hp-plano__model { font-size: 26px; line-height: 36px; }
  .hp-p-solucoes .hp-plano__desc { width: auto; margin-top: 16px !important; }
  .hp-p-solucoes .hp-plano__right, .hp-p-solucoes .hp-plano--c .hp-plano__right { padding: 28px 20px; }
  .hp-p-solucoes .hp-plano__list li, .hp-p-solucoes .hp-plano--c .hp-plano__list li { width: auto; font-size: 16px; line-height: 23px; }
  .hp-p-solucoes .hp-plano__list li + li { margin-top: 16px; }
}