/* CSS Document */
@keyframes brilho {
    0% { background-position: 0% 50%;}
    50% { background-position: 100% 50%;}
    100% { background-position: 0% 50%; }
}

body.product.ia .secao.content{ font-family: termina, sans-serif; font-weight: normal; background: none; color:#FFF; }
.secao.content .capa{ min-height: 600px; background-image: url("capa.jpg"); background-position: right top; background-repeat: no-repeat; background-size: contain; }
.product.ia h1{ font-size: 40px; font-weight: 600; line-height: 1.2; }
.product.ia h3{ margin: 30px 0; font-size: 20px; font-weight: 500; }
.product.ia h4{ margin: 20px 0; font-size: 17px; font-weight: 500; }
.risk{ text-decoration: line-through; }
.hat{ margin: 30px 0 20px; }
.hat span{ color: #FC0; font-size: 0.8em; }
.video{ width: 80%; height: 300px;  background-color: rgba(156,156,156,0.39); margin: 0 auto; }
.video iframe{ width: 100%; }
.o-que-contem{ background: linear-gradient(to bottom left, #000000, #1F1F1F, #000000) }
.porque-precisa{ background: linear-gradient(to bottom left, #000000, #1F1F1F, #000000) }
.porque-precisa p{ font-size: 14px; }
.porque-precisa .ico{ margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; background-color: rgba(156,156,156,0.39); }
.porque-precisa .ico img{ width: 100px; height: 100px; border-radius: 50%; }
.porque-precisa .cell{ margin-bottom: 20px;}
.conteudo-guia{ background: linear-gradient(to bottom left, #000000, #1F1F1F, #000000) }
.conteudo-guia .image{ margin: 10px auto; width: 300px; height: 250px; border-radius: 20px; background-color: rgba(156,156,156,0.39); }
.conteudo-guia .image img{ width: 300px; height: 250px; border-radius: 20px; box-shadow: 0 0 10px 1px #9eb7f9; transition: all 0.3s ease-in-out;  }
.conteudo-guia .image img:hover{ transform: scale(1.3); }
.conteudo-guia ul li{ margin-bottom: 10px; }
.conteudo-guia ul.sumario li span{ font-size: 13px; line-height: 1.3; display: block; padding: 3px 0; }
.conteudo-guia .ferramentas-uteis .print{ margin: 0 auto; width: 70%; }
.conteudo-guia .ferramentas-uteis .print img{ box-shadow: 0 0 15px 5px #9eb7f9; transition: all 0.3s ease-in-out; }
.conteudo-guia .ferramentas-uteis .print img:hover{ transform: scale(1.3) }
.conteudo-guia .ferramentas-uteis .cell{ margin: 20px 0 40px; }
.conteudo-guia .ferramentas-uteis .lista{ font-size: 12px; }
.conteudo-guia .ferramentas-uteis .lista p.color-purple{ margin-top: 40px; }
.conteudo-guia .ferramentas-uteis .lista p{ margin: 20px 40px 0; }
.conteudo-guia .ferramentas-uteis ul{ padding-left: 40px; font-size: 14px; }
.conteudo-guia .influenciadores-digitais .print{ margin: 0 auto; width: 70%; }
.conteudo-guia .influenciadores-digitais img{ box-shadow: 0 0 15px 5px #9eb7f9; transition: all 0.3s ease-in-out;  }
.conteudo-guia .influenciadores-digitais img:hover{ transform: scale(1.3) }
.conteudo-guia .influenciadores-digitais .cell{ margin: 20px 0 40px; }
.conteudo-guia .influenciadores-digitais ul{ padding-left: 40px; font-size: 14px; }
.depoimentos{ padding: 0 40px; }
.depoimentos .depoimento{ min-height: 100px; border-radius: 10px; margin: 20px 0; width: 100%; font-size: 14px; background: linear-gradient(to bottom left, #000000, #1F1F1F, #000000); }
.depoimentos .depoimento .left{ text-align: center; }
.depoimentos .depoimento .left p{ margin: 5px 0 0 0; }
.depoimentos .depoimento .left .cargo{ font-size: 12px; }
.depoimentos .depoimento .left .photo{ margin: 10px auto; width: 100px; height: 100px; border-radius: 50%; background-color: rgba(156,156,156,0.39); }
.depoimentos .depoimento .left .photo img{ width: 100px; height: 100px; border-radius: 50%; }
.depoimentos .depoimento .right p{ margin: 40px 20px 40px 0; }
.preco{ background: linear-gradient(to bottom left, #030133, #4e024c, #030133);  }
.preco .oferta{ margin: 50px auto; width: 520px; padding: 40px; text-align: center; background-color: rgba(0,0,0,0.50); border-radius: 20px; border-width: 1px 0px 0px 0px; border-style: solid; border-image: linear-gradient(to left, #EC2D3000, #9eb7f9, #EC2D3000) 1 }

.preco .oferta{ transform-style: preserve-3d; transition: transform 0.6s; position: relative; min-height: 520px; padding: 0; }
.preco .oferta.flipped{ transform: rotateY(180deg); }
.preco .oferta .front{ backface-visibility: hidden; position: absolute; width: 100%; height: 100%; padding: 90px 40px 40px 40px;}
.preco .oferta .back{ transform: rotateY(180deg); backface-visibility: hidden; position: absolute; width: 100%; height: 100%; padding: 40px; }
.preco .oferta .back .form{ text-align: left; padding-top: 20px; font-size: 14px; }
.preco .oferta .back .form .field-label span{ display: block; float: right; color: #fc0; }
.preco .oferta .back .form .input{ margin-bottom: 15px; }
.preco .oferta .back .form .input input{ border-radius: 5px; }
.preco .oferta .back .form .btnSend { background-color: #4e024c; color: #FFF; border-radius: 10px; text-align: center; padding: 10px; display: block; font-size: 16px; font-weight: 600; transition: all 0.6s ease-in-out; animation: brilho 3.4s infinite; background-image: linear-gradient(45deg, #05811A, #08D23E, #05811A, #08D23E); background-size: 400% 200%; cursor: pointer; margin-top: 40px; } 
.preco .oferta .back .form .btnSend:hover { transform: scale(1.1); box-shadow: 0 0 20px 4px #05811A; background-color: #4e024c; color:#FFF; }


.btnCompra { background-color: #4e024c; color: #FFF; border-radius: 10px; text-align: center; padding: 10px; display: inline-block; font-size: 16px; font-weight: 600; transition: all 0.6s ease-in-out; animation: brilho 3.4s infinite; background-image: linear-gradient(45deg, #05811A, #08D23E, #05811A, #08D23E); background-size: 400% 200%; cursor: pointer; } 
.btnCompra:hover { transform: scale(1.1); box-shadow: 0 0 20px 4px #05811A; background-color: #4e024c; color:#FFF; }
.preco .oferta p{ margin: 0; }
.preco .oferta .investimento{ margin: 30px 0; }
.preco .oferta .investimento .parcela{ width: 390px; margin: 0 auto; }
.preco .oferta .investimento .parcela .left{ float: left; font-weight: 600; height: 95px; }
.preco .oferta .investimento .parcela .right{ float: left; font-weight: 600; font-size: 60px; height: 95px; }

.product.ia.demo .capa input{ border-radius: 5px; }
.product.ia.demo .capa input#btnSend{ padding: 10px; border: none; background-color: #d1b1f3; cursor: pointer; }
.product.ia.demo .capa span#fieldNameAlert,
.product.ia.demo .capa span#fieldPhoneAlert,
.product.ia.demo .capa span#fieldEmailAlert{ color: #F8FF00; display: none; }
.product.ia.demo .capa .loading{ float: right; display: none; }
.product.ia.demo .capa .msg{ display: none; }
.product.ia.demo .capa .msg span{ color:#F8FF00; }

.o-que-contem .icon{ margin-bottom: 20px; }
.o-que-contem .icon img{ height: 80px; }
.o-que-contem .title{ font-weight: bold; margin-bottom: 10px; }
.o-que-contem .description{ font-size: 0.8em; }
.o-que-contem .features { position: relative; }
.o-que-contem .feature { text-align: center; padding: 25px; position: relative; }
.o-que-contem .feature::after { content: "+"; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); font-size: 40px; color: #FFF; font-weight: bold; }

.feature:last-child::after { display: none; }

.corner-ribbon { position: fixed; top: 70px; right: -70px; z-index: 9999; display: inline-block; padding: 15px 80px; background: #d1b1f3; color: #222; font-weight: 700; font-size: 14px; text-transform: none; letter-spacing: .2px; text-decoration: none; line-height: 1; transform: rotate(45deg); transform-origin: center; box-shadow: 0 6px 18px rgba(0,0,0,.25); border: 1px solid rgba(0,0,0,.05); }

@media only screen and (max-width: 780px){
	body{ padding-top: 30px; }
	.capa .text{ padding-top: 40px; }
	.product.ia h1{ font-size: 30px;; margin-bottom: 10px; }
	.conteudo-guia .left{ margin-bottom: 30px; }
	.conteudo-guia .ferramentas-uteis .print,
	.conteudo-guia .influenciadores-digitais .print{ margin: 0 auto; width: 100%; }
	.preco .oferta{ width: 100%; min-height: 620px; }
	.preco .oferta .investimento .parcela{ width: 255px; }
	.preco .oferta .investimento .parcela .left{ height: 60px; padding-right: 5px; font-size: 12px; line-height: 1.1; }
	.preco .oferta .investimento .parcela .right{ font-size: 35px; height: 60px; }
	.preco .oferta .back .form .field-label span { font-size: 12px; text-align: center; width: 100%; }
	.video{ height: auto; }
	.video iframe{ width: 100%; height: 250px; }
	.corner-ribbon { top: 18px; right: -70px; padding: 8px 70px; font-size: 12px; flex-direction: column; align-items: center; gap: 2px; transform:none; display: block; top: 0; left: 0; width: 100%; text-align: center; }
	.o-que-contem .description{ margin-bottom: 30px;  }	
	.o-que-contem .feature{ padding-bottom: 0; }
    .o-que-contem .feature::after { display: none; }
    .o-que-contem .feature:not(:last-child)::after { content: "+"; display: block; position: static; margin: 15px auto 0 auto; font-size: 26px; color: #bbb; transform: none; }
}