body { background: #3B3756; } /* Define o tamanho da fonte raiz para o elemento */ html main { font-size: 16px; /* Defina o tamanho da fonte raiz para 1rem */ } /* Estilos para títulos h1 a h6 */ main h1, main h2, main h3, main h4, main h5, main h6 { font-weight: bold; line-height: 1; position: relative; } main h1, main h2 { font-size: 4rem; /* 2 vezes o tamanho da fonte raiz */ } main h1 span, main h2 span { display: block; font-size: 1.2rem; } main h3 { font-size: 3rem; /* 1.2 vezes o tamanho da fonte raiz */ } main h3 span { display: block; font-size: 1rem; } main p { font-size: 1.2rem; } main a { font-size: 1rem; } a.breadcrumbs-link, ul.menu-navegacao li, ul.menu-navegacao li a, .footer-bottom p, .footer-bottom a, .footer-rodape p, .footer-rodape span, li.footer-legal-links-item a { color: var(--bs-white) !important; } nav.breadcrumbs { padding-bottom: 1.3rem; } a.breadcrumbs-link { margin-right: 6px; } .displayN-992-menos { display: block; } .displayN-992-mais { display: none; } .bg-hero-trafego-pago::before { content: ""; background: #00000050; z-index: 3; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .tp-trafego-pago { z-index: 4; } .bg-img-trafego-pago { z-index: 1; } .bg-forefround-abs { z-index: 2; top: 0; left: 0; } .site-redesign .cup-menu-link { color: var(--bs-white); } .site-redesign .menu-fixo-active .cup-menu-link { color: var(--dpurple); } .link-logo { background: url(../../assets/img/logo-white.webp); display: block; background-position: center; height: 30px; width: 100px; background-size: cover; background-repeat: no-repeat; z-index: 9999999999999; position: relative; transition: all 400ms ease; } .nav-container.dark.menu-fixo-active .link-logo, .nav-container.dark.cup-menu-target .link-logo { background: url(../../assets/img/logo.webp); display: block; background-position: center; height: 30px; width: 100px; background-size: cover; background-repeat: no-repeat; z-index: 9999999999999; position: relative; transition: all 400ms ease; } .vm-img-texto-left { display: flex; align-items: center; gap: 15px; text-align: start; } .vm-img-texto-right { display: flex; align-items: center; gap: 15px; text-align: right; flex-direction: row-reverse; } .vm-img-texto-left img, .vm-img-texto-right img { height: auto; width: auto; max-height: 180px; } .btn-plus-popup-modal { position: absolute; width: 50px; height: 50px; border-radius: 50%; background: white; bottom: 20px; right: 20px; display: flex; align-items: center; z-index: 2; } .btn-plus-popup-modal img { height: 40px; width: 40px; display: flex; margin: 0 auto; } .modal-body-ver-mais button { position: absolute; right: 15px; bottom: 15px; border-radius: 50%; border: unset; background: white; width: 50px; height: 50px; cursor: pointer; } .modal-body-ver-mais button img { width: 40px; height: 40px; transform: rotate(45deg) !important; } img.tp-inovacao-e-extrategia-mini { height: auto; width: auto; margin-right: 10px; max-height: 100px; } img.inovacao-e-extrategia { max-width: 450px !important; } img.tp-certificado-mini { width: 120px; margin-right: 10px; } .carrousel-ads-pesquisas { margin: 20px 0px; } .carrousel-conteudo-ads-pesquisas { display: flex; flex-direction: column; height: 320px; text-align: center; justify-content: space-around; padding: 20px; } .carrousel-conteudo-ads-pesquisas p { font-size: 15px; } .carrousel-conteudo-ads-pesquisas img { height: auto; width: auto; max-width: 120px; margin: 0 auto; } .div-fantasma { height: 214px; } .box-preenchimento-black { position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; background: black; border-radius: 20px; } .preenchimento-video-motion { height: 224px; } img.video-motion-graphics { bottom: 10px !important; max-width: 100% !important; transform: scale(1.2) !important; } img.tp-img-landing-pages, img.tp-requisito-basico { max-width: 250px !important; } /* Carrousel todos os serviços */ .box-img-todos-servicos img, .box-img-todos-servicos video { max-height: 220px; margin: 0 auto; display: flex; } .box-texto-todos-servicos p { font-size: 15px; text-align: center; } .carrousel-conteudo-todos-servicos { padding: 30px; min-height: 550px; display: flex; } .carrousel-todos-servicos .slick-dots { bottom: -30px; } .bg-modernize-seu-site { background-image: url(../../assets/img/modernize-seu-site-bg.webp); background-size: cover; background-repeat: no-repeat; } .bg-jeans { background-image: url(../../assets/img/bg-jeans.webp); background-size: cover; background-repeat: no-repeat; } .sl-suporte-tecnico h3 { font-size: 2.2rem; } .sl-fusquinha-tunado img { position: relative; left: 90px; transform: scale(2) !important; bottom: 90px; } .sl-trafego-pago img, .sl-hospedagem img { transform: scale(1.5) !important; } .sl-redes-sociais img, .sl-branding img, .sl-suporte-tecnico img { transform: scale(1.4) !important; } .sl-diferencial-cupcode img, .sl-app-mobile img, .sl-lgpd img { transform: scale(1.3) !important; } .sl-dev-web-apps img, .sl-lojas-virtuais img { transform: scale(1.2) !important; } .sl-melhor-meu-site video { transform: scale(1.7); } .sl-emojis-img img, .sl-branding-img img, .sl-trafego-pago-img img { max-width: 30px; position: absolute; } .sl-emojis-img img:nth-child(1), .sl-branding-img img:nth-child(1), .sl-trafego-pago-img img:nth-child(1) { right: 20px; top: 25px; } .sl-emojis-img img:nth-child(2), .sl-branding-img img:nth-child(2), .sl-trafego-pago-img img:nth-child(2) { right: 90px; top: 85px; } .sl-emojis-img img:nth-child(3), .sl-branding-img img:nth-child(3), .sl-trafego-pago-img img:nth-child(3) { right: 160px; top: 170px; } .sl-emojis-img img:nth-child(4), .sl-branding-img img:nth-child(4), .sl-trafego-pago-img img:nth-child(4) { right: 55px; top: 190px; } .sl-emojis-img img:nth-child(5), .sl-branding-img img:nth-child(5), .sl-trafego-pago-img img:nth-child(5) { left: 55px; top: 190px; } .sl-emojis-img img:nth-child(6), .sl-branding-img img:nth-child(6), .sl-trafego-pago-img img:nth-child(6) { left: 25px; top: 100px; } .sl-emojis-img img:nth-child(7), .sl-branding-img img:nth-child(7), .sl-trafego-pago-img img:nth-child(7) { left: 255px; top: 120px; } .sl-emojis-img img:nth-child(8), .sl-branding-img img:nth-child(8), .sl-trafego-pago-img img:nth-child(8) { left: 335px; top: 20px; } .sl-emojis-img img:nth-child(9), .sl-branding-img img:nth-child(9), .sl-trafego-pago-img img:nth-child(9) { left: 15px; top: 300px; } .sl-hospedagem-img img, .sl-diferencial-cupcode-img img { position: absolute; } .sl-hospedagem-img img:nth-child(1) { right: -25px; top: -25px; } .sl-hospedagem-img img:nth-child(2) { right: 25px; top: 155px; width: 80px; } .sl-hospedagem-img img:nth-child(3) { right: 30px; top: 355px; width: 100px; } .sl-hospedagem-img img:nth-child(4) { left: 29px; top: 120px; width: 105px; } .sl-hospedagem-img img:nth-child(5) { left: 40px; top: 345px; width: 100px; } .sl-diferencial-cupcode-img img:nth-child(1) { width: 200px; bottom: 0; right: 0; opacity: 0.5 !important; } .sl-diferencial-cupcode-img img:nth-child(2) { width: 160px; top: 15px; right: 30px; opacity: 0.5 !important; } .sl-diferencial-cupcode-img img:nth-child(3) { width: 60px; top: 200px; right: 20px; opacity: 0.5 !important; } .sl-diferencial-cupcode-img img:nth-child(4) { width: 45px; top: 170px; left: 20px; opacity: 0.5 !important; } .sl-diferencial-cupcode-img img:nth-child(5) { width: 55px; top: 320px; left: 70px; opacity: 0.5 !important; } .sl-diferencial-cupcode-img img:nth-child(6) { width: 42px; top: 486px; left: 243px; opacity: 0.5 !important; } .sl-diferencial-cupcode-img img:nth-child(7) { width: 100px; top: 140px; left: 130px; opacity: 0.5 !important; } .wb-page-desenvolvimento .nav-container.menu-fixo-active+.menu2-mobile-fixed div#navbarMenu2 ul.navbar-nav a:not(.active), .wb-page-desenvolvimento .nav-container.menu-fixo-active+.menu2-mobile-fixed .navegacao-menu-2 a.navbar-brand span { color: #18013A !important; } .wb-page-desenvolvimento .nav-container.menu-fixo-active+.menu2-mobile-fixed div#navbarMenu2 ul.navbar-nav .active { color: #9f4bd3 !important; } /* responsivo slide serviços @media (max-width: 1250.85px) { .sl-fusquinha-tunado h3 { font-size: 45px; } } */ @media (min-width: 768.85px) { .display-md-none { display: none; } } .trafego-pago-video video { position: absolute; left: 0; top: 0; width: 100%; } @media (max-width: 1250.85px) { main h1, main h2 { font-size: 3rem; } main h3 { font-size: 2rem; } .fs-1 { font-size: 1.8rem !important; } img.tp-img-landing-pages { max-width: 200px !important; } .sl-fusquinha-tunado h3 { font-size: 45px; } } @media (max-width: 991.85px) { main h1, main h2 { font-size: 2.5rem; } main a { font-size: 0.8rem; } .sl-melhor-meu-site video, .sl-suporte-tecnico img { transform: scale(1.3) !important; } .sl-suporte-tecnico h3 { font-size: 1.8rem; } .box-texto-todos-servicos p { font-size: 14px; text-align: center; } .sl-fusquinha-tunado h3 { font-size: 40px; } .sl-lgpd img, .sl-redes-sociais img, .sl-branding img { transform: scale(1.2) !important; } .sl-diferencial-cupcode-img img:nth-child(2) { width: 60px; } .sl-diferencial-cupcode-img img:nth-child(4) { width: 35px; top: 135px; } .sl-diferencial-cupcode-img img:nth-child(3) { width: 40px; top: 100px; } .sl-diferencial-cupcode-img img:nth-child(6) { width: 42px; top: 459px; left: 10px; transform: rotate(45deg) !important; } .sl-diferencial-cupcode-img img:nth-child(5) { width: 40px; top: 335px; left: 20px; } .sl-diferencial-cupcode-img img:nth-child(7) { width: 75px; top: 140px; left: 85px; } .sl-diferencial-cupcode-img img:nth-child(1) { width: 120px; } .sl-hospedagem-img img:nth-child(1) { top: 5px; width: 100px; } .sl-hospedagem-img img:nth-child(2) { right: 20px; top: 90px; width: 55px; } .sl-hospedagem-img img:nth-child(4) { left: 29px; top: 100px; width: 60px; } .sl-hospedagem-img img:nth-child(3) { right: -30px; top: 410px; width: 100px; opacity: 0.8 !important; } .sl-hospedagem-img img:nth-child(5) { top: 450px; opacity: 0.8 !important; } .sl-emojis-img img:nth-child(3), .sl-branding-img img:nth-child(3), .sl-trafego-pago-img img:nth-child(3) { right: 160px; top: 100px; } .sl-emojis-img img:nth-child(4), .sl-branding-img img:nth-child(4), .sl-trafego-pago-img img:nth-child(4) { right: 20px; } .sl-emojis-img img:nth-child(5), .sl-branding-img img:nth-child(5), .sl-trafego-pago-img img:nth-child(5) { left: 10px; } .sl-emojis-img img:nth-child(8), .sl-branding-img img:nth-child(8), .sl-trafego-pago-img img:nth-child(8) { left: 215px; top: 10px; } .sl-emojis-img img:nth-child(9), .sl-branding-img img:nth-child(9), .sl-trafego-pago-img img:nth-child(9) { left: 15px; top: 360px; } .sl-fusquinha-tunado img { left: 121px; } main h3 { font-size: 1.8rem; } main p { font-size: 1rem; } .img-head-bg { position: unset; } } @media (max-width: 767.85px) { .tp-trafego-pago { max-width: 400px; margin: 0 auto; } img.tp-equipe-vestindo-camisa, img.tp-meteoros { max-width: 300px; margin: 0 auto; } img.tp-google-logo { transform: scale(1.4) !important; top: 35px; position: relative; max-width: 300px; margin: 0 auto; } .vm-img-texto-left, .vm-img-texto-right { flex-direction: column; text-align: center; } main a { font-size: 1rem; } .sl-fusquinha-tunado h3 { font-size: 60px; } .fs-1 { font-size: 2.5rem !important; } main h3 { font-size: 3rem; } .preenchimento-video-motion { height: 250px; } .fs-1 { font-size: 2.2rem !important; } main h3 { font-size: 2.2rem; } img.video-motion-graphics { bottom: 20px !important; transform: scale(1.2) !important; } .preenchimento-video-motion { height: 200px; } img.bolha-case-de-sucesso { opacity: 0.5 !important; } .trafego-pago-video video { width: auto; height: 100%; } } @media (max-width: 620.85px) { img.video-motion-graphics { bottom: 20px !important; transform: scale(1.3) !important; } .preenchimento-video-motion { height: 200px; } button#gooey-button p { font-size: 40px !important; } } @media (max-width: 620.85px) { .tp-trafego-pago { max-width: 320px; margin: 0 auto; } .fs-1 { font-size: 1.7rem !important; } main h1 span, main h2 span { font-size: 1rem; } .head-box-ver-mais, .box-com-img-left { display: flex; gap: 10px; align-items: center; flex-direction: column; text-align: center; margin-bottom: 20px; } img.inovacao-e-extrategia { max-width: 340px !important; } main h3 { font-size: 1.8rem; } .preenchimento-video-motion { height: 175px; } main h3 span { font-size: 0.9rem; } .sl-trafego-pago-img img, .sl-emojis-img img { opacity: 0.5 !important; width: 25px; } .sl-hospedagem img { transform: scale(1.2) !important; } .sl-app-mobile img { transform: scale(1.2) !important; } .sl-fusquinha-tunado h3 { font-size: 30px; } .sl-fusquinha-tunado img { left: 75px; } .sl-dev-web-apps img { transform: scale(1.1) !important; } .box-img-todos-servicos img, .box-img-todos-servicos video { max-height: 180px; margin: 0 auto; display: flex; } .carrousel-todos-servicos .slick-list { padding-bottom: 30px; } .sl-suporte-tecnico h3 { font-size: 1.7rem; } img.video-motion-graphics { transform: scale(1.2) !important; } } @media (max-width: 768px){ .carrousel-todos-servicos .slick-dots { bottom: 0px; } } @media (max-width: 420.85px) { .fs-1 { font-size: 1.6rem !important; } div#modalCampanhasinteligentes .border-radius, div#modalGooglePartnersMetaBlueprint .border-radius { padding: 20px !important; } .btn-plus-popup-modal, .modal-body-ver-mais button { width: 40px; height: 40px; } .btn-plus-popup-modal img, .modal-body-ver-mais button img { height: 30px; width: 30px; } } .box-buscas-google { position: absolute; z-index: 2; width: 80%; left: 50%; transform: translate(-50%, 0); top: 40%; border-radius: 20px; text-align: center; } /* Definindo a animação fadeInUp */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Adicionando a classe fadeInUp ao elemento desejado */ .busca-bottom { opacity: 0; padding: 15px; background: white; border-radius: 20px; transition: opacity 0.5s ease-in; /* Adicionando uma transição para melhorar a suavidade */ } .visible .busca-bottom { opacity: 1 !important; animation: fadeInUp 0.5s ease-in; /* Ajuste a duração conforme necessário */ } .box-buscas-google img { width: 100%; } .resultados-rapidos { top: -45%; position: absolute; background: white; width: 100%; left: 0; height: 40px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; } img.pesquisar-icon { width: 30px; } p#textoDigitadoMobile, p#textoDigitadoDesktop { font-size: 14px; margin: 0; line-height: 1; } /* Adicionando um efeito de brilho neon ao título */ .neon-title { position: relative; } @keyframes neon { 0% { text-shadow: 0 0 10px #24FF00, 0 0 20px #24FF00, 0 0 30px #24FF00, 0 0 40px #24FF00, 0 0 50px #24FF00; } 100% { text-shadow: 0 0 5px #24FF00, 0 0 10px #24FF00, 0 0 15px #24FF00, 0 0 20px #24FF00, 0 0 25px #24FF00; } } .tp-img-trafego-pago-pacotes { max-width: 550px !important; position: relative; bottom: 20px; right: 20px; } img.tp-img-trafego-pago-pacotes-mini { width: 150px; } .plano-head { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; border-radius: 20px; margin-bottom: 10px; position: relative; } .box-planos-trafego-pago { background: #330344; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; margin: 0px 15px 20px; height: 98%; margin-top: 0; } .lista-de-planos { display: flex; margin-top: 30px; flex-wrap: nowrap; justify-content: space-around; } .lista-de-planos swiper-slide { height: auto; } .plano-head-titulo { text-align: right; position: absolute; } .plano-head-titulo h3 { font-size: 3vw; animation: neon 1.5s linear infinite alternate-reverse; } .plano-head-titulo p { font-size: 20px; margin-bottom: 0; } .planos-footer { padding: 15px; text-align: center; display: flex; flex-direction: column; gap: 15px; } .planos-body ul { margin-bottom: 0; padding: 10px 30px; } .planos-body ul li { color: white; display: flex; align-items: center; gap: 5px; margin-bottom: 5px; } .planos-body img { width: 25px; } :root { --swiper-pagination-bottom: -5px; } .lista-de-planos .swiper-pagination { bottom: var(--swiper-pagination-bottom) ; } .box-planos-trafego-pago .planos-footer { font-size: 15px; } .plano-head-titulo { text-align: right; } .plano-head.bg-1 img.img-head-bg, .plano-head.bg-2 img.img-head-bg, .plano-head.bg-3 img.img-head-bg { scale: 1.02 !important; } @media (max-width: 1249px){ .planos-body ul { padding: 10px 15px; } } @media (max-width: 992px){ .box-planos-trafego-pago .planos-footer { font-size: 14px; } } @media (max-width: 860px){ .plano-head-titulo h3 { font-size: 7vw; animation: neon 1.5s linear infinite alternate-reverse; } .box-planos-trafego-pago { margin: 0px 0px 20px; } } @media (max-width: 567px){ .plano-head-titulo h3 { font-size: 6vw; } .planos-body p { font-size: 12px; } }