body { background:#000 url('../img/bg.jpg') no-repeat center top; background-size: cover; font-family: 'Inter', sans-serif !important; }





.online { color:#fff; font-size:15px;font-weight:200; display:inline-block; }
.whatsapp  { font-size:20px; color:#fff !important; padding-top:0 !important }

.header-topo { padding:40px 0; }

.desktop { display:none; }







.button-lets { background: linear-gradient(180deg, #EB2F93, #590BD8); /* Gradiente para a borda */
  border: none; /* Remove bordas padrão */
  padding: 15px 35px;
  border-radius: 50px; /* Cantos arredondados */
  color: white; /* Cor do texto */
  font-size: 18px;
  font-weight: bold;
  position: relative; /* Necessário para o pseudo-elemento */
  cursor: pointer;
  z-index: 1;
  font-weight:200 !important }

.button-lets::before {
  content: '';
  position: absolute;
  top: 1.5px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #000; /* Cor de fundo interna do botão */
  border-radius: 46px; /* Ajusta os cantos internos */
  z-index: -1; /* Fica atrás do conteúdo do botão */
}

.button-lets:active, .button-lets:focus { outline:none !important; box-shadow:none; }

.estrela { margin-bottom:50px !important; }

h1 { font-size:48px; font-weight:300; color:#fff; padding-bottom: 30px; }
p.welcome { font-size:18px; text-transform:uppercase; color:#fff; font-weight:100; padding-right:60px; line-height:20px; }

.clientes { margin-top:100px; }
.opacidade { background-color: rgba(0, 0, 0, 0.08); border-radius:30px; padding:30px 0; }
.opacidade img { margin:0 20px; width: 110px !Important; }

.bandeiras { background-color: rgba(0, 0, 0, 0.2); float:right; width:50px; border-radius:50px; margin-top:-90px}
.bandeiras .espanha { width:30px; margin:10px; opacity:0.5 }
.bandeiras .espanha:hover { opacity:1 }
.bandeiras .inglaterra { width:30px; margin:0 10px 10px; opacity:0.5 }
.bandeiras .inglaterra:hover { opacity:1 }
.bandeiras .brasil { width:50px; }

.bandeiras .brasil-es { width:30px; margin:10px; opacity:0.5 }
.bandeiras .brasil-es:hover { opacity:1 }
.bandeiras .inglaterra-es { width:30px; margin:0 10px 10px; opacity:0.5 }
.bandeiras .inglaterra-es:hover { opacity:1 }
.bandeiras .espanha-es { width:50px; }

.bandeiras .brasil-en { width:30px; margin:10px; opacity:0.5 }
.bandeiras .brasil-en:hover { opacity:1 }
.bandeiras .espanha-en { width:30px; margin:0 10px 10px; opacity:0.5 }
.bandeiras .espanha-en:hover { opacity:1 }
.bandeiras .inglaterra-en { width:50px; }

.about { margin-top:100px; }
.about h2 { color:#fff; font-weight:200; font-size:42px; }
.about p { color:#fff; font-size:18px; font-weight:100; padding-top: 30px; }

.works { padding-top:150px; }
.works span { border:2px solid #fff; border-radius:50px; padding:12px 20px; font-size:14px; font-weight:300; color:#fff; float:right; margin-left: 10px;}
.work img { display:inline-block; margin-top:-8px; }
.work h2 { font-size:24px; font-weight:200; color:#fff; display: inline-block; padding-left: 5px; }


p.silver { font-size:24px; font-weight:300; color:#666; padding-top:20px; }
h3 { font-size:48px; font-weight:200; color:#fff; }
p.description { font-size:20px; font-weight:100; color:#fff; padding-top:25px; background:url('../img/arrow-up.png') no-repeat 0 32px; padding-left: 25px; }
.top-service { padding-bottom:50px; }
.service { border-bottom:1px solid #666; padding: 20px 0 10px 0; }


footer { padding:200px 0; background:url('../img/estrela-lines.png') no-repeat center bottom; }
footer h2 { font-size:92px; color:#fff; text-transform:uppercase; font-weight:400; letter-spacing:-1px; line-height: 94px; }
footer .highlight { background: linear-gradient(90deg, #590BD8, #EB2F93); font-size:24px; font-weight:400; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
footer p, #navbarHeader p { font-size:22px; font-weight:300; color:#fff; padding-bottom:0; margin-bottom:-1px; }
footer .img, #navbarHeader img { margin-bottom:20px; }
footer strong, #navbarHeader strong { font-size:16px; font-weight:400; color:#666; margin-top:20px; display:inline-block; }
#navbarHeader h2 { font-size:82px; color:#fff; text-transform:uppercase; line-height:76px; }
footer a { padding-top:15px; margin-right: 10px; display: inline-block; background: linear-gradient(90deg, #590BD8, #EB2F93); font-size:14px; font-weight:400; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.modal-content { color:#000; text-align:center; }
.modal-content h1 { color:#000 !important; padding-top:20px; margin-bottom:0; padding-bottom:0; }
.modal-content p { padding-bottom:20px; background: linear-gradient(90deg, #590BD8, #EB2F93); font-size:20px; font-weight:400; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.modal-content .fechar { text-align:center; width:100%; border:none; background:none; color:#666; font-size:14px; margin:20px 0; }
.button-lets { text-decoration:none; }
#navbarHeader { background: url('../img/estrela-lines.png') no-repeat right bottom; padding: 100px 0; border-bottom:1px solid #EB2F93; }
.form-control { margin-bottom:10px; border: none; border-bottom: 1px solid #ccc; border-radius: 0; outline: none; }
.enviar { background: linear-gradient(90deg, #590BD8, #EB2F93); font-size:20px; width:100%; color:#fff; border:none !Important;}
.enviar:hover, .enviar:active, .enviar:focus { background: linear-gradient(90deg, #590BD8, #EB2F93); font-size:20px; width:100%; color:#fff;  }
#navbarHeader h3 { font-size:32px; color:#fff; font-style:italic; font-weight:300; text-align:center; margin-top:280px; }

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}



/* Estilo padrão para o desktop */
.swiper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.swiper-slide {
  flex: 0 1 16.5%; /* Cada logotipo ocupa 20% no desktop */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  
}



img.pais { margin-top:-3px; }
.brazil { margin-top:20px; }
.brazil span, .england span, .austria span { font-size:12px; font-weight:200; }
.idiomas { background:none; border:none; padding:0; }


.dropdown-toggle::after { display:none !important; }
.dropdown-menu button:hover, .dropdown-menu button:active, .dropdown-menu button:focus { background:#e1e1e1; color:#333; }


.online-indicator {
            width: 10px;
            height: 10px;
            background-color: #b3fa12; /* Cor verde */
            border-radius: 50%;
            position: relative;
             animation: resize 1.5s infinite;
            box-shadow: 0 0 10px rgba(40, 167, 69, 0.5);
            display: inline-block;
            margin-right: 10px;
        }

        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.2);
                opacity: 0.6;
            }
        }


        @keyframes resize {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
}
.online-indicator {
    animation: resize 1.5s infinite;
}











/* No mobile, o Swiper ativa o slider automaticamente */
@media (max-width: 768px) {
	body { background:#000 url('../img/bg-mobile.jpg') no-repeat center top; background-size: cover; font-family: 'Inter', sans-serif !important; }
  .swiper {
    display: block; /* Exibição normal para slider */
  }

  .swiper-slide {
    flex: unset; /* Reseta o layout flex do desktop */
  }
  .swiper-slide img {
  height: 70px;
}
.dropdown-toggle::after { display:none !important; }
.estrela { width:80%; }
    p.welcome { text-align:center; padding:0; }


 .work { text-align:center; }
 .mobile { display:none; }
 p.silver { margin-bottom:0; }
 p.description { padding-top:20px; background: url(../img/arrow-up.png) no-repeat center top; margin-top:10px; padding-left:0 !important }
 .service { padding: 5px 0 10px 0; text-align: center; }
 footer { text-align:center; background-size:240px; }
 footer .img, #navbarHeader .img { margin-top:50px; }
 footer h2 { font-size:66px; line-height:68px; }
 .button-lets { padding:15px 20px; font-size:14px; margin-top:2px; }
 #navbarHeader h2 { font-size:42px; line-height:40px; text-align:center; }
 #navbarHeader p { text-align:center; margin-bottom:20px; }
 .close { display:block !Important; text-align:center; margin-top:30px; font-size:14px; color:#fff; }
 .desktop { display:block !Important; margin-bottom:40px; }

}