@charset "utf-8";
/* CSS Document */

.topo{border-radius: 0px 0px 20px 20px; padding: 20px;}
.box0{padding: 0px;}
.p160{padding-top:160px;}
.p160i{padding-top:160px; padding-bottom: 30px;}
.btn-topo {color: #ff00ff !important;  background-color: #e7e7e7;  border-color: #e7e7e7;}
.btn-topo:hover {color: #fff !important;  background-color: #ff00ff;  border-color: #ff00ff;}

.navbar-nav .nav-item {margin-right: 20px; }
.navbar-nav .nav-item:last-child {margin-right: 0;}
.bgpink{background-color: #ff00ff; background-image: url('../images/bg-topo.png'); background-size: cover; background-position: center;}
.video-container {position: relative; width: 100%; max-width: 800px; height: 450px; background-image: url('../images/capa-video.png'); background-size: cover; background-position: center; cursor: pointer; border-radius: 10px; margin:auto;}
.titulo-branco {font-size: 1.5rem; font-weight: 700; line-height: 1.2; color: #fff;  margin: 30px 0px;}
.space-50{height:50px;}

.section-title-s {font-size: 2rem; font-weight: bold; color: #ff00ff; text-transform: uppercase;} 
.bg-ponts{background-image: url('../images/bg-pont1.png'); background-repeat: no-repeat; background-position: top right; padding-top: 130px !important;}
.rounded {border-radius: 15px !important; /* Cantos arredondados */}
.img-fluid.rounded {border-radius: 15px; /* Arredonda a imagem */}
.bg-linha{background-image: url('../images/linha-esquesda.png'); background-repeat: no-repeat; background-position: -250px center;}
.bg-linha-b{background-image: url('../images/linha-direita.png'); background-repeat: no-repeat; background-position: right center; height: 40px;  margin-top: 30px;}
.pink{background-color: #ff00ff;}
.pink p, .pink li{color: #fff;}
.pink ul{padding: 0px 20px;}
.titulo-branco-h3{font-size: 1.5rem; font-weight: 700; line-height: 1.2; color: #fff; text-transform: uppercase;}
.btnper .btn{padding: 10px 35px;}

.container-segmentos {position: relative;}
.box-seg{width: 90%; max-width: 780px; height: 220px; border-radius: 20px; margin:auto; align-content: space-evenly; margin-bottom: 20px; padding: 35px;}
.supermercado {background-image: url('../images/supermercado.jpg'); background-size: cover; background-position: center;}
.eventos {background-image: url('../images/eventos.jpg'); background-size: cover; background-position: center;}
.restaurante {background-image: url('../images/restaurante.jpg'); background-size: cover; background-position: center;}
.igreja {background-image: url('../images/igreja.jpg'); background-size: cover; background-position: center;}
.roupa {background-image: url('../images/loja-roupas.jpg'); background-size: cover; background-position: center;}
.sapatos {background-image: url('../images/loja-sapatos.jpg'); background-size: cover; background-position: center;}
.joias {background-image: url('../images/joias.jpg'); background-size: cover; background-position: center;}
.brinquedos {background-image: url('../images/brinquedo.jpg'); background-size: cover; background-position: center;}
.perfume {background-image: url('../images/cosmeticos.jpg'); background-size: cover; background-position: center;}
.otica {background-image: url('../images/otica.jpg'); background-size: cover; background-position: center;}
.lar {background-image: url('../images/lar.jpg'); background-size: cover; background-position: center;}
.drogaria {background-image: url('../images/drogaria.jpg'); background-size: cover; background-position: center;}
.rh {background-image: url('../images/rh.jpg'); background-size: cover; background-position: center;}
.academia {background-image: url('../images/academia.jpg'); background-size: cover; background-position: center;}
.hoteis {background-image: url('../images/hoteis.jpg'); background-size: cover; background-position: center;}
.btn-p{padding: 10px 30px; color: #fff; font-weight: 700; font-size: 1.3em; text-transform: uppercase; border-radius: 20px; background-color: #ff00ff; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -ms-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease;}
.btn-p:hover{background-color: #343a40; color: #fff; text-decoration: none;}
.pad-50{padding:50px;}

/* Background com degradê */
.gradient-section {background-image: url('../images/bg-a.png');  background-size: cover; background-position: center top; background: linear-gradient(90deg, #100116, #ff01ff);     padding-top: 100px; padding-bottom: 60px; color: #fff; position: relative;}
.overlay-image {max-width: 100%; height: auto; position: absolute; top: 40px; right: 0px;}
.overlay-image-a {max-width: 100%; height: auto; position: absolute; bottom: 40px; left: 0px;}
.eco .section-title {font-size: 2.2rem; font-weight: bold; Color: #fff; text-transform: math-auto;}
.custom-divider {border-top: 5px solid #ff00ff; width: 100%; margin: 15px 0;}
.text-box {padding: 20px;}
.img-fluid { border-radius: 10px;}
.eco p{font-size: 1.4em; font-family: 'Montserrat', sans-serif;}

/* Estilizando a Seção */
.custom-section {background-color: #fe01fe; padding-top: 150px; padding-bottom: 150px; position: relative;}
.section-title {font-size: 2rem; font-weight: bold; color: white;}
.form-box {background-color: white; padding: 20px; border-radius: 15px; color: #666; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.btn-submit { width: 100%; background-color: #fe01fe; color: white; border: none; padding: 10px; font-size: 1rem; border-radius: 5px; cursor: pointer;}
.btn-submit:hover {background-color: #d001d0;}
.form-check-label {font-size: 0.8em;}
.btn-submit {border-radius: 20px;}
.form-text a{color:#fe01fe;}
.img-mao{position:relative; height: 255px;}
.mao{position:absolute; left: -179px; height: 315px; top: -55px;}
.pontos-top{position:absolute; top: 0; right: 0px;}
.linha-top{position:absolute; top: 0; left: 200px;}
.pontos-base{position: absolute; bottom: 0; left: 0px;}
.linha-base{position: absolute; bottom: 0; right: 200px;}

/* Footer */
.custon-footer{padding-top: 80px; padding-bottom: 40px;}
.rounded-circle {width: 40px; height: 40px; padding: 8px; margin: 0 9px;}
.btn-pink{color: #fff; background-color: #fe01fe; border-color: #fe01fe;}
.btn-pink:hover{color: #fff; background-color: #000; border-color: #000;}
.cor-pink{color: #fe01fe;}
.contato li{margin-bottom: 1.0em;}
.menu-foo li a {color: #000; padding: 15px 0; display: block;}
.menu-foo li a:hover {color: #fe01fe;}

/* Bg Segmentos */
.super{background: url('../images/bg-serpercado.jpg') no-repeat center center/cover;}
.event{background: url('../images/bg-eventos.jpg') no-repeat center center/cover;}
.hoteis{background: url('../images/bg-hoteis.jpg') no-repeat center center/cover;}
.bg-segmento{background: url('../images/bg-segmento.jpg') no-repeat center center/cover;}

.bg-academia{background: url('../images/capa-academia.jpg') no-repeat center center/cover;}
.bg-igreja{background: url('../images/capa-igreja.jpg') no-repeat center center/cover;}
.bg-cosmetico{background: url('../images/capa-perfumes.jpg') no-repeat center center/cover;}
.bg-drogaria{background: url('../images/capa-drogarias.jpg') no-repeat center center/cover;}
.bg-relogios{background: url('../images/capa-relogios-e-joais.jpg') no-repeat center center/cover;}
.bg-roupas{background: url('../images/capa-lojas-de-roupas.jpg') no-repeat center center/cover;}
.bg-brinquedos{background: url('../images/capa-brinquedos.jpg') no-repeat center center/cover;}
.bg-sapato{background: url('../images/capa-sapato.jpg') no-repeat center center/cover;}
.bg-ultilidade{background: url('../images/capa-utilidades.jpg') no-repeat center center/cover;}
.bg-otica{background: url('../images/capa-oticas.jpg') no-repeat center center/cover;}
.bg-rh{background: url('../images/capa-rh.jpg') no-repeat center center/cover;}
.bg-restaurante{background: url('../images/capa-restaurante.jpg') no-repeat center center/cover;}


/* Sec 01 */
.sec01{width: 100%; padding: 250px 0;}
.sec01-c{display:none;}
.bg-p{background: url('../images/pontos-pretos-seg.png') no-repeat right top; background-size: contain; height: 300px;}
.titulo-branco-h2{font-size: 2.2rem; font-weight: 700; line-height: 1.2; color: #fff; text-transform: uppercase;}
.fw-bold{text-transform: uppercase;}

/* Sec 02 */
.sec02{padding:5rem 0;}
.border-pink-img {border:solid 5px #ff00ff !important; border-radius: 50%; width: 300px; height: 300px;}
.border-pink{border:solid 1px #ff00ff !important;}
.negativo1{margin-right:-170px; z-index: 2;}
.negativo2{margin-left:-170px; z-index: 2;}
.pad-seg{padding: 2rem 2rem 2rem 9rem;}
.pad-seg2{padding: 2rem 9rem 2rem 2rem;}
.marg-left{margin-left:45px;}
.space-20{margin-bottom: 25px;}

/* Sec 03 */
.titulo-ia{font-size: 3rem; text-transform: uppercase; font-weight: 600; letter-spacing: 5px;}
.titulo-ia span{color:#ff00ff;}
.btpink{width: 100%; background-color: #ff00ff; color: #fff; border: none; padding: 0.5rem; letter-spacing: 2px; font-size: 1.2rem; font-weight: 600;}
.btpink:hover{background-color: #AC07A6; color: #fff;}

/* Sec 04 */
.bg-pink{background-color: #ff00ff; border-bottom:solid 20px #000;}
.mocap{margin-top:-165px;}
.btbranco{width: 100%; background-color: #fff; color: #000; border: none; padding: 0.5rem; letter-spacing: 1px; font-size: 1.2rem;}
.btbranco:hover{background-color: #DCDCDC; color:#000;}
.bg-ponto-r{position:absolute; right: 0; bottom: 0;}

/* Quem Somos */
.bg-quem{background: url('../images/bg-quem.jpg') right center no-repeat; background-size: contain;}
.degrad{background: linear-gradient(90deg,  rgba(255,0,255,1) 0%,rgba(255,0,255,1) 70%,rgba(255,0,255,0) 90%,rgba(255,0,255,0) 100%);}
.quem{padding: 150px 10px 80px 10px;}

.pad-70{padding:60px 15px;}
.border-pink2{border: 2px solid #ff00ff;}
.marg-b2{margin-bottom:20px;}
.tam{width:50%;}

/* BLOG */
.bg-top-blog{background-color: #ff00ff; padding: 200px 10px 0px 10px;}
.bt-news{width: 60%}
.for-news{background-color: #ff00ff; border: solid 2px #fff; color:#fff;}
.fornews input::placeholder {color: #fff; opacity: 1;}
.titulo-blog{font-size: 4rem;}
.teclado{border-radius:0px;}

.custom-img {width: 100%; height: 500px; object-fit: cover; border-radius: 30px; margin-top: -100px; }

 .blog-img {width: 100%; height: 250px; object-fit: cover;  border-radius: 15px;}
        .blog-card {display: flex; flex-direction: column; padding-bottom: 40px;}
        .blog-title {color: #333; padding: 15px 0 0 0;}
        .blog-link {color: #ff00ff; font-weight: bold; text-decoration: none;}
        .blog-link:hover {text-decoration: underline; color: #000;}
		.borda-blog{border-bottom: solid 25px #ff00ff; padding-top: 80px; padding-bottom: 80px;}

/* IA */
.box-i{border: 1px solid #ff00ff; border-radius: 30px; padding: 25px; display: flex; align-items: center; justify-content: center;}
.bt-playi{top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; padding: 1px; border-radius: 50%;}
.box-id{border: 2px solid #ff00ff; color: #ff00ff; max-width: 300px; border-radius: 20px 20px 40px 8px; text-align: left;}
.pad-50{padding: 50px 0;}
.box-t1{border: 2px solid #ff00ff; padding: 20px; margin: 0 auto; color: #fff; border-radius: 20px; margin-bottom: 20px;}
.box-t1 h2{font-size: 2.7rem; font-weight: 600;}
.box-t1 p{font-size: 1.3rem; letter-spacing: 4px;}
.caixa-text{color: #fff; padding: 50px 10px 10px 10px; font-size: 1.2em;}
.lgpd h2{color: #fff;}
.box-shad{  align-items: anchor-center; margin: 10px;}
.titulo-ico{font-weight: 700;}
.custom-box {border-radius: 25px; color: #fff; border: solid 1px #ff00ff; -webkit-box-shadow: 0 0 20px 1px #ff00ff; box-shadow: 0 0 20px 1px #ff00ff; padding: 25px; display: flex;     align-items: center; margin: 10px; background-color: #000;}
.p140{padding:50px 10px 30px 10px;}
.custom-box2 {background: #ff00ff; border-radius: 25px; padding: 20px; text-align: center; color: white; margin: 10px;}
.custom-box2 img{width: 50%;}
.custom-box2 .mt-2{text-transform: uppercase; line-height: 1.2em; font-weight: 600;}
.pont-left{position:absolute; left: 0; top: 50%;}
.pont-right{position:absolute; right: 0; top: 50%;}
.img-mock{margin-bottom: -215px;}
.sec-ai{position: relative; border-bottom: solid 13px #ff00ff; margin-bottom: 140px;}
.titulo-iab{color: #fff; text-transform: uppercase; font-size: 2.4em; font-weight: 600;}
.titulo-iab span{color: #ff00ff;}
.titulo-result{color:#fff; margin-bottom: 20px;}

@media (min-width: 1200px) {
    .container2 {max-width: 950px !important;}
}

@media (max-width: 1280px) {
	.degrad{background: linear-gradient(90deg,  rgba(255,0,255,1) 0%,rgba(255,0,255,1) 55%,rgba(255,0,255,0) 80%,rgba(255,0,255,0) 100%);}
	.linha-top {left: 28px;}
	.pontos-base{left: -155px;}
	.bg-linha-b{background-position: 880px center;}
	.overlay-image-a {left: -115px;}
}

@media (max-width: 767.98px) {
    .tcel{font-size:1.5rem;}
    .custom-img {height: 300px; }
	.btn-p {font-size: 0.8em;}
	.pont-right, .pont-left{display: none;}
	.custom-box {display: block; text-align: center; padding: 20px;}
	.custom-box img{margin-bottom: 20px;}
	.lgpd h2 {font-size: 1.5em;}
	.box-t1 p {letter-spacing: 1px;}
	.box-t1 h2 {font-size: 1.5rem;}
	.box-i{display: block;}
	.teclado{display: none;}
	.marg-bi{margin-bottom:20px;}
	.bg-quem{background: none;}
	.degrad{background-color: #ff00ff;}
	.bg-ponto-r{display: none;}
	.mocap {margin-top: -100px;}
	.marg-left{margin-left:0px;}
	.pad-seg, .pad-seg2 {padding: 1rem; padding-top: 4rem;}
	.negativo2, .negativo1{margin: 0; margin-bottom: -50px;}
	.sec01-c{display:block;}
	.sec01{display:none;}
	.btn-p {padding: 5px 20px;}
	.marg-b {padding-bottom: 0px; margin-bottom: 15px; border-bottom: solid 1px #dfdfdf;}
	.menu-foo li a {padding: 5px 0;}
	.pontos-top, .linha-top, .linha-base, .pontos-base{display: none;}
	.custom-section {padding-top: 60px; padding-bottom: 60px;}
	.img-mao {height: 145px;}
	.mao {position: absolute; width: 100%; height: auto; left: 0; top: -34px;}
	.box0{padding: 0px 10px;}
	.topo{padding: 10px 20px !important;}
	.video-container {width: 95%; height: 250px; /* Altura da div */ margin: 0px 10px;}
	.bg-ponts {background-position: 240px 0px;}
	.bg-linha {background-position: -560px center;}
	.space-30{padding:30px 20px;}
	.bg-linha-b {background-position: 180px center;}
	.overlay-image, .overlay-image-a {display: none;}

}