:root {
    --escuro: #0e4259;--medio: #086ab3;--azul-pastel: #e9f7ff;--degrade: linear-gradient(135deg, #26a7df 0%,#3a7fc1 50%,#2dc2e3 100%);--degrade-botao: linear-gradient(135deg, #0e4259 0%,#086ab3 25%,#e9f7ff 46%,#26a7df 54%,#3a7fc1 76%,#2dc2e3 100%);
}
html {overflow-x: hidden;}
html, body {scroll-behavior: initial!important;}
.transicao, a, button, .botao, input[type="submit"], ::before, ::after, .icone-galeria, .botoes-fixos-direita, #menu-principal {-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-ms-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;transition: all 350ms ease-in-out;}
body {font-family: "Encode Sans", arial, helvetica, sans-serif;font-size: 18px;color: #1c1c1c;overflow-x: hidden;}
p {color: #1c1c1c;}
h1, h2, h3, h4, h5, h6, .botao {font-family: "Montserrat", arial, helvetica, sans-serif;color: var(--principal);font-weight: 700;text-transform: uppercase;}
h1 {font-size: 48px;margin-bottom: 30px!important;margin-top: 45px;}
h2 {font-size: 40px;margin-bottom: 25px!important;margin-top: 45px;}
h3 {font-size: 20px;margin-bottom: 20px!important;margin-top: 45px;}
h4 {font-size: 18px;margin-bottom: 15px!important;margin-top: 45px;}
a {text-decoration: none;color: #1c1c1c;}
a > img {margin-right: 8px;}
::after, ::before {pointer-events: none;}
section {padding: 120px 0;}
:first-child {margin-top: 0;}
:last-child {margin-bottom: 0;}
img {height: auto;max-width: 100%;}
.logo-topo img {width: 290px;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.botao, button, input[type="submit"] {background: var(--degrade-botao);color: #fff;font-size: 18px;font-weight: 700;padding: 12px 33px;border-radius: 12px;margin-top: 30px;display: inline-block;text-transform: uppercase;border: 0;background-position-x: 100%;background-size: 250%;}
.botao:hover, button:hover, input[type="submit"]:hover {background-position-x: 0%;}
input, select, textarea {width: 100%;background-color: #fff;border: 1px solid #e1e1e1;padding: 8px 16px;border-radius: 9px;margin: 0 0 30px!important;display: block;font-size: 16px;}
textarea {height: 180px;min-width: 100%;max-width: 100%;min-height: 120px;max-height: 260px;}
input[type="submit"] {width: auto;margin: 0!important;display: block;padding-left: 60px;padding-right: 60px;}
.gap-30 {row-gap: 30px;}
header {background-color: var(--azul-pastel);padding: 90px 0 0;color: #fff;margin: 0 0 130px;}
header > .container > .row > :first-child::before {content: '';position: absolute;width: 100vw;height: 800px;background-color: var(--escuro);right: 0;top: -180px;transform: rotate(-9deg);border-radius: 200px;z-index: 1;}
header > .container > .row > :first-child {position: relative;padding-right: 40px;}
header > .container > .row > div * {position: relative;z-index: 2;}
h1, h2, h3, h4, h5, h6 {color: var(--escuro)}
:is(h1, h2, h3, h4, h5, h6) strong {color: var(--medio);font-weight: 700;}
.texto-branco :is(h1, h2, h3, h4, h5, h6, p, li, label) {color: #fff;}
.texto-branco :is(h1, h2, h3, h4, h5, h6) strong {color: #9fe2ff;}
.bloco-icone {background-color: var(--azul-pastel);border-radius: 22px;padding: 20px;display: flex;overflow: hidden;gap: 15px;height: 100%;position: relative;}
.icone {flex: 0 0 60px;position: relative;height: 60px;}
.icone::before {content: '';position: absolute;background: var(--degrade);width: 150px;height: 150px;border-radius: 22px;right: 0;bottom: 10px;transform: rotate(9deg);z-index: 1;}
.icone img {position: relative;z-index: 2;width: 37px;height: auto;}
.bloco-templates::before {content: '';position: absolute;width: 100vw;height: 100%;background-color: var(--escuro);right: -60px;top: 0;border-radius: 90px;transform: rotate(-5deg);}
.bloco-templates {position: relative;padding-top: 60px;padding-bottom: 60px;margin: 90px 0 0;}
.bloco-templates * {position: relative;}
.bloco-exclusivos {position: relative;padding-bottom: 60px;padding-top: 60px;margin-top: 90px;}
.bloco-exclusivos::before {content: '';background-color: var(--azul-pastel);width: 100vw;height: 100%;position: absolute;left: -190px;top: -30px;border-radius: 90px;transform: rotate(-5deg);z-index: -1;}
header p {font-size: 22px;}
header p {padding-right: 200px;}
.banner {max-width: calc(100% + 230px);margin: -70px 0 -160px -225px;}
.bloco-icone h3 {font-size: 21px;margin-bottom: 6px!important;}
.conteudo-bloco {font-size: 16px;}
.texto-direita {text-align: right;}
ul {list-style: none;padding: 0 0 0 20px;}
li img {margin: 0 10px 0 0;}
li {display: flex;align-items: flex-start;}
li + li {margin-top: 10px;}
.template {background-color: var(--escuro);display: block;padding: 20px;border-radius: 22px;width: 90%;margin: 30px auto 0;text-align: center;}
.template span {display: inline-block;background-color: #fff;text-transform: uppercase;padding: 4px 30px;border-radius: 50em;margin: 14px 0 0;font-size: 12px;}
.template img {width: 100%;margin: 0;border-radius: 6px;}
#processo > .container .row > :last-child {position: relative;}
#processo > .container > .area-processo > .row > :last-child::before {content: '';width: 100vw;height: calc(100% + 120px);left: -60px;top: -30px;position: absolute;background: var(--degrade);border-radius: 90px;transform: rotate(2deg);}
#processo > .container .row > :last-child * {position: relative;}
#processo > .container > .area-processo > .row > :first-child {padding-right: 120px;}
.area-processo::before {content: '';position: absolute;left: -50vw;background-color: var(--escuro);width: 100vw;z-index: -1;top: 50%;height: 70%;transform: translateY(-50%);}
.area-processo {position: relative;}
.bloco-processo::before {content: '';background-color: var(--azul-pastel);display: block;position: absolute;left: 0;top: 60px;right: 0;bottom: 0;border-radius: 22px;transform: rotate(-3deg);}
.bloco-processo {padding: 20px;text-align: center;height: 100%;}
.bloco-processo .icone::before {width: 100%;height: 100%;border-radius: 12px;background: #fff;bottom: 0;}
.bloco-processo .icone {width: 80px;height: 80px;margin: auto;display: flex;justify-content: center;align-items: center;}
.bloco-processo .conteudo {padding: 30px 0 0;font-size: 16px;line-height: 22px;}
.bloco-processo .icone img {position: relative;}
.bloco-processo .conteudo h3 {font-size: 18px;margin: 0 0 6px!important;}
.bloco-processo .conteudo span {font-size: 20px;text-transform: uppercase;font-weight: 700;margin: 20px 0 0;display: block;}
.bloco-processo img {width: auto;height: 38px;}
.escuro {position: relative;padding: 280px 0 0;margin: -300px 0 0;position: relative;}
.escuro::before {position: absolute;content: '';display: block;left: 0;top: 0;width: 100%;height: 100%;background-color: #072935;z-index: -2;}
.conteudo-valor {background-color: var(--azul-pastel);padding: 20px;border-radius: 30px;text-align: left;font-size: 16px;height: calc(100% - 134px);}
.bloco-valor > span {display: inline-block;color: #fff;padding: 16px 40px;position: relative;font-weight: 700;text-transform: uppercase;font-size: 14px;}
.bloco-valor {text-align: center;height: 100%;padding: 20px;}
.bloco-valor > span::before {background-color: #086ab3;content: '';position: absolute;left: 0;top: 0;transform: rotate(-3deg);width: 100%;height: 210%;z-index: -1;border-radius: 23px;}
.preco {background-color: var(--escuro);padding: 20px 20px 30px;text-align: center;color: #fff;margin: 0 -40px 20px;border-radius: 12px;font-weight: 500;font-size: 42px;line-height: 30px;}
.preco span {display: block;font-size: 12px;font-weight: 400;line-height: 14px;margin: 0 0 10px;}
.conteudo-valor li img {width: 20px;margin: 1px 7px 0 0;}
.bloco-valor a {margin: 0;padding: 14px 20px 20px;width: 74%;background: transparent!important;position: relative;font-size: 16px;}
.bloco-valor a::before {content: '';position: absolute;left: 0;top: -40px;width: 100%;height: 141%;background: var(--degrade-botao);background-size: 250%;background-position-x: 100%;z-index: -1;border-radius: 22px;transform: rotate(-3deg);}
.bloco-valor a:hover::before {background-position-x: 0;}
#tipos {padding-top: 20px;}
#tipos h3 {font-size: 32px;}
#sites-exclusivos {font-size: 22px;}
.accordion-item {border: 0;box-shadow: unset;background-color: var(--azul-pastel);border-radius: 14px!important;text-align: left;font-size: 16px;}
.accordion-button {background: transparent;background-color: transparent!important;box-shadow: unset!important;}
.accordion-item + .accordion-item {margin-top: 16px;}
.accordion-body {padding-top: 0;}
.box-contato {position: relative;padding: 90px;}
.box-contato::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--azul-pastel);z-index: -1;transform: rotate(-2deg);border-radius: 60px;}
#contato {position: relative;padding-top: 20px;}
#contato::before {content: '';display: block;width: 100%;height: 240px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-color: var(--escuro);z-index: -2;}
label {display: block;font-size: 16px;padding: 0 0 0 16px;margin: 0 0 6px;}
.logo-rodape {text-align: center;position: relative;display: inline-block;padding: 30px 30px 0;width: 190px;height: 160px;}
.logo-rodape::before {content: '';position: absolute;left: 50%;top: 40px;width: 400px;height: 400px;background-color: var(--azul-pastel);transform: translateX(-50%) rotate(45deg);border-radius: 50px;z-index: -1;}
footer {text-align: center;overflow: hidden;padding: 60px 0 0;}
#templates {padding-top: 40px;padding-bottom: 80px;}
#valores {padding: 0;}
.carregando {background-color: #e1e1e1;text-align: center;font-size: 14px;padding: 8px 12px;border-radius: 6px;margin-top: 15px;}
.sucesso {background-color: #12a18c;text-align: center;font-size: 14px;padding: 8px 12px;border-radius: 6px;color: #fff;margin-top: 15px;}
.erro {background-color: #a11212;text-align: center;font-size: 14px;padding: 8px 12px;border-radius: 6px;color: #fff;margin-top: 15px;}
.botoes-fixos-direita {position: fixed;right: -100px;bottom: 20px;z-index: 10;width: 50px;}
.botoes-fixos-direita.mostrar {right: 20px;}
.botoes-fixos-direita > * {margin-top: 15px;width: 40px;height: 40px;background: #072935;padding: 8px;display: flex;border-radius: 9px;box-shadow: 0 0 12px #086ab36e;}
.botoes-fixos-direita img {width: 100%;}
a.whatsapp {background: linear-gradient(135deg, #00c464 0%, #007150 100%);display: inline-block;font-size: 21px;color: #fff;display: inline-flex;flex-wrap: wrap;gap: 10px;padding: 10px 20px;border-radius: 50em;align-items: center;}
a.whatsapp img, a.email img {width: 40px;margin: 0;}
a.email {background-color: var(--escuro);display: inline-flex;padding: 10px 20px;border-radius: 50em;font-size: 20px;margin: 10px 0 0;color: #fff;align-items: center;gap: 10px;}
.email:hover, .whatsapp:hover, .botoes-fixos-direita > *:hover {opacity: 0.75;}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    h1 {font-size: 38px;}
    header p {font-size: 20px;}
    .botao, button, input[type="submit"] {font-size: 16px;}
    #sites-exclusivos {font-size: 20px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .logo-topo img {width: 230px;}
    h1 {font-size: 32px;}
    header p {font-size: 21px;padding: 0 90px 0 0;}
    h2 {font-size: 30px;}
    .bloco-icone h3 {font-size: 16px;}
    .icone {flex: 0 0 40px;height: 40px;}
    .icone img {width: 27px;margin: -13px 0 0 -6px;}
    .conteudo-bloco {font-size: 14px;}
    #tipos h3 {font-size: 26px;}
    body {font-size: 16px;}
    li img {width: 20px;}
    .botao, button, input[type="submit"] {font-size: 14px;padding: 10px 20px;}
    .template {padding: 10px;border-radius: 13px;}
    .bloco-processo .conteudo h3 {font-size: 15px;}
    .bloco-processo .conteudo {padding: 20px 0 0;font-size: 14px;line-height: 19px;}
    .bloco-processo .conteudo span {line-height: 25px;margin: 13px 0 0;}
    #sites-exclusivos {font-size: 20px;}
    a.email {font-size: 16px;}
    a.whatsapp img, a.email img {width: 27px;}
    #valor-site-exclusivo .conteudo-valor > :first-child {margin-bottom: 41px;}
    .bloco-valor a {width: 85%;font-size: 14px;}
}
@media screen and (max-width: 991px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    section {padding: 60px 0;}
    form {margin-top: 60px!important;}
    .container {padding-left: 30px;padding-right: 30px;}
    header {text-align: center;}
    h1 {font-size: 30px;}
    header p {padding: 0 10%;}
    .banner {max-width: 100%;margin: 0;}
    header > .container > .row > :first-child::before {display: none;}
    header::before {content: '';position: absolute;width: 100vw;height: calc(100% - 170px);background-color: var(--escuro);right: 0;top: 0;transform: rotate(-3deg);border-radius: 80px;z-index: 1;}
    header {position: relative;background-color: transparent;margin: 0;}
    h2 {font-size: 26px;}
    .bloco-templates {margin: 0;}
    .bloco-templates::before {right: unset;width: 110vw;left: -49px;}
    .bloco-exclusivos {margin: 0;padding-top: 90px;padding-bottom: 90px;}
    .bloco-exclusivos::before {width: 110vw;left: -40px;top: -60px;height: 106%;}
    .template {width: 100%;padding: 12px;border-radius: 16px;}
    .area-processo::before {top: -60px;transform: rotate(-3deg);left: 0;width: auto;right: 0;border-radius: 50px 90px 0 0;height: 370px;}
    .area-processo {text-align: center;}
    #processo > .container > .area-processo > .row > :first-child {padding-right: 50px;padding-left: 50px;padding-bottom: 70px;}
    #processo > .container > .area-processo > .row > :last-child::before {transform: unset;left: -20px;right: -20px;width: calc(100% + 40px);height: calc(100% + 100px);}
    .escuro {padding: 340px 0 0;}
    .texto-direita {text-align: center;}
    #valores {padding: 60px 0;}
    #faqs {padding-top: 0;}
    .box-contato {padding: 60px 30px;text-align: center;}
    a.whatsapp img, a.email img {width: 30px;}
    a.email {font-size: 16px;}
    .box-contato::before {transform: rotate(-0.8deg);}
    .logo-rodape {width: 160px;height: 130px;}
    input[type="submit"] {width: 100%;}
    .bloco-valor {width: 500px;margin: auto;}
    .bloco-valor a {padding-bottom: 32px;}
    .conteudo-valor {height: auto;}
}
@media screen and (max-width: 767px) {
    section {padding: 60px 0;}
    form {margin-top: 60px!important;}
    .container {padding-left: 30px;padding-right: 30px;}
    header {text-align: center;}
    h1 {font-size: 22px;}
    header p {padding: 0 8%;font-size: 18px;}
    .banner {max-width: 100%;margin: 0;}
    header > .container > .row > :first-child::before {display: none;}
    header::before {content: '';position: absolute;width: 100vw;height: calc(100% - 170px);background-color: var(--escuro);right: 0;top: 0;transform: rotate(-3deg);border-radius: 80px;z-index: 1;}
    header {position: relative;background-color: transparent;margin: 0;}
    h2 {font-size: 26px;}
    .bloco-templates {margin: 0;}
    .bloco-templates::before {right: unset;width: 110vw;left: -49px;}
    .bloco-exclusivos {margin: 0;padding-top: 90px;padding-bottom: 90px;}
    .bloco-exclusivos::before {width: 110vw;left: -40px;top: -60px;height: 106%;}
    .template {width: 100%;padding: 12px;border-radius: 16px;}
    .area-processo::before {top: -60px;transform: rotate(-3deg);left: 0;width: auto;right: 0;border-radius: 50px 90px 0 0;height: 370px;}
    .area-processo {text-align: center;}
    #processo > .container > .area-processo > .row > :first-child {padding-right: 50px;padding-left: 50px;padding-bottom: 70px;}
    #processo > .container > .area-processo > .row > :last-child::before {transform: unset;left: -20px;right: -20px;width: calc(100% + 40px);height: calc(100% + 100px);}
    .escuro {padding: 340px 0 0;}
    .texto-direita {text-align: center;}
    #valores {padding: 60px 0;}
    #faqs {padding-top: 0;}
    .box-contato {padding: 50px 14px;text-align: center;}
    a.whatsapp img, a.email img {width: 22px;}
    a.email {font-size: 11px;padding: 6px 12px;}
    .box-contato::before {transform: rotate(-0.6deg);border-radius: 30px;left: -12px;right: -12px;width: calc(100% + 24px);}
    .logo-rodape {width: 160px;height: 130px;}
    input[type="submit"] {width: 100%;}
}
@media screen and (max-width: 424px) {
    .botao, button, input[type="submit"] {font-size: 14px;padding: 10px 26px;border-radius: 8px;}
    header .botao {margin: 10px 0;}
    .icone {flex: 0 0 45px;height: 45px;}
    .icone img {width: 32px;margin: -10px 0 0 -6px;}
    .bloco-icone h3 {font-size: 16px;}
    .conteudo-bloco {font-size: 14px;}
    #tipos h3 {font-size: 22px;}
    body {font-size: 16px;}
    #tipos .botao {padding: 8px 13px;}
    #templates {padding-top: 20px;}
    #sites-exclusivos {font-size: 20px;}
    .conteudo-valor {padding: 14px;font-size: 14px;border-radius: 20px;height: auto;}
    .bloco-valor > span {font-size: 12px;padding: 13px 22px;}
    .bloco-valor > span::before {border-radius: 14px;}
    .bloco-valor ul {padding: 0;}
    .bloco-valor a {font-size: 12px;width: 82%;}
    .preco {font-size: 36px;}
    a.whatsapp {font-size: 18px;padding: 6px 16px;}
    a.email img {width: 16px;}
    label {padding: 0;}
    input, select, textarea {margin-bottom: 20px!important;}
}