/* @import url('https://fonts.googleapis.com/css2?family=Share+Tech&display=swap'); */

/* Font Goldman */
/* vietnamese */
@font-face {
  font-family: 'Goldman';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/css/fonts/goldman-vietnamese-400.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Goldman';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/css/fonts/goldman-latin-ext-400.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Goldman';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/css/fonts/goldman-latin-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Goldman';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/css/fonts/goldman-vietnamese-700.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Goldman';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/css/fonts/goldman-latin-ext-700.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Goldman';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/css/fonts/goldman-latin-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Font Share Tech */
/* latin */
@font-face {
  font-family: 'Share Tech';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/css/fonts/ShareTech.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Font Syncopate */
/* latin-ext */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/css/fonts/Syncopate400_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/css/fonts/Syncopate400_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/css/fonts/Syncopate700_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/css/fonts/Syncopate700_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	font-family: "Share Tech", sans-serif;
	font-weight:400;
	line-height:normal;
  font-size: 17px;
	}

body {
    padding-top: calc(60px + 0.8rem);
    padding-bottom: calc(100px + 1.25rem);
    box-sizing: border-box;

}


:root {
  --azul:#0031a2;
  --laranja: #ef711d;
  --roxo: #7F00FF;
  --azul-claro: #00FFFF;
  --aura-primary: #333549;
  --aura-primary-t: #33354950;
  --bg-aura-primary: #23253d;
}

.font-goldman {
  font-family: "Goldman", sans-serif;
}

.bg-aura-primary {
  background-color: var(--bg-aura-primary);
}
.bg-input {
  background-color: var(--aura-primary-t)!important;
}

.form-check-input {
  margin-top: 0;
}
h1 {
  font-family: "Goldman", sans-serif;
  text-transform: uppercase;

  /* Tipografia fluida para responsividade automática */
  font-size: clamp(0.8rem, 4vw, 2rem);
  line-height: 1.1;
  
  /* Comportamento de quebra */
  white-space: normal;
  overflow-wrap: break-word; /* Quebra a palavra sem hífen apenas se necessário */
  word-break: normal;        /* Mantém palavras inteiras sempre que possível */
  hyphens: none;             /* Desativa hifenização explicitamente */
  
  width: 100%;
  display: block;
  margin-top: 20px;
  margin-bottom: 40px;
}
.azul {color:var(--azul);}
.laranja {color:var(--laranja);}
.bg-laranja {background-color:var(--laranja);}
.bg-black {background-color:#212529;}
.bg-red {background-color:#e00000;}
.white {color:#ffffff;}
.black {color:#212529;}

.form-control{border-left:6px solid var(--bs-primary);word-wrap:break-word;}
.form-control.border-danger {border-left:6px solid var(--bs-danger);}
.badge {vertical-align:middle;}
.badge-destino {width: 100px;margin-right:10px }
.badge-destino-long {width: 300px;margin-right:10px }
.bd-navbar {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0.15);
    padding: .5rem 0;
    background: linear-gradient(135deg, var(--roxo), var(--azul-claro), var(--roxo));
    background-size: 600% 400%;
    animation: gradientAnimation 60s ease infinite; 
}
/* Chaves de Animação */
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%; /* Posição inicial do gradiente */
    }
    50% {
        background-position: 100% 50%; /* Posição intermediária (movimenta) */
    }
    100% {
        background-position: 0% 50%; /* Retorna à posição inicial */
    }
}

td[data-load], .header-cell {
text-align:center;
}

/*
.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
	vertical-align: 0!important;
}
*/
header,navbar {
	width:100%;
	margin-top:0px;
}
.prodserv-icon {
	height:46px;
	width:46px;
	margin:4px;
	padding:2px;
	border:2px solid #d5d5d5;
	border-radius:10px;
	background-color:#fff;
}
.prodserv-logo {
	max-width:240px;
	max-height:60px;
}
.card {
  background: #191e23;
  border-color: #505a69;
  border-radius: 8px;
}
.card-img-top {
  padding:40px
}
.modal-title {
	line-height:normal;
}
/*faixa promo*/
.faixa {
    width: 220px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
}
.faixa-text {
    position: absolute;
    display: block;
    top: 20px;
    right:-70px;
    overflow:hidden;
    width: 220px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    padding:7px 5px;
    color: white!important;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:1px;
    font-weight: bold;
	  background-size: 300% 300%;
}

/* __nav-fixed */
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 769px) {
	.bd-placeholder-img-lg {
		font-size: 3rem;
	}
	.carousel-item {
		height: 450px;
	}
}
@media (max-width: 768px) {
	.carousel-item {
		height: 910px;
	}
}

/* Adicione outras propriedades de estilo conforme necessário */
.carousel-item img {
	width: 100%; /* Garante que a imagem ocupe toda a largura do slide */
	height: 100%; /* Garante que a imagem ocupe toda a altura do slide */
	object-fit: scale-down; /* Mantém a proporção da imagem e a corta para preencher o espaço disponível */
}  

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: middle;
  fill: currentColor;
  margin:5px;
}

.btn {
    max-width: 300px;
    margin: 5px;
}


.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}
/* nav-fixed__ */

/* __features */
.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}


/* features__ */

/* carousel */

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
bottom: 3rem;
z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
height: 25rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 1.5rem;
text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
margin-right: .75rem;
margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */





/*custom*/
.svg-pulse-whatsapp {
  animation: svg-pulse-whatsapp 2.1s infinite;
}
@keyframes svg-pulse-whatsapp {
      0% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);}
      70% {transform: scale(1);box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);}
    100% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);}
}
@-moz-keyframes svg-pulse-whatsapp { 
    0% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);}
      70% {transform: scale(1);box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);}
    100% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);}
}
@-webkit-keyframes svg-pulse-whatsapp { 
    0% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);}
      70% {transform: scale(1);box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);}
    100% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);}
}

.pulse, 
.bi-star-fill {
  animation: pulse 1s infinite;
}
@keyframes pulse {
    0% {transform: scale(1);opacity:1;}
    100% {transform: scale(1);opacity:0;}
}
@-moz-keyframes pulse { 
    0% {transform: scale(1);opacity:1;}
    100% {transform: scale(1);opacity:0;}
}
@-webkit-keyframes pulse { 
    0% {transform: scale(1);opacity:1;}
    100% {transform: scale(1);opacity:0;}
}


#termos-de-uso h3 {
  margin-top: 1.5em;
}

button.navbar-toggler {
  border: 4px solid;
}

#service-select-filter,
#group-select-filter,
#service-search-input {
  border: 3px solid var(--bs-primary);
  font-size:1.3rem;
}



i.bi.bi-list {
    font-size: xxx-large;
}

.fs-2 {
  font-size: 1.9rem !important;
  margin: 0;
}

/* begin tamanho de fonte do placeholder global */
::placeholder {
    font-size: 1rem;
}

/* Firefox */
::-moz-placeholder {
    font-size: 1rem;
    opacity: 1;
}

/* Chrome, Safari, Edge (Blink) */
::-webkit-input-placeholder {
    font-size: 1rem;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
    font-size: 1rem;
}

/* Microsoft Edge (Legacy) */
::-ms-input-placeholder {
    font-size: 1rem;
}
/* end tamanho de fonte do placeholder global */



/* Buttons Modernos */
.btn-modern {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
}

.btn-modern::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.btn-modern:hover::before {
    width: 300px;
    height: 300px;
}

.btn-primary-modern {
    background: linear-gradient(135deg, var(--roxo), var(--azul));
    color: white;
    box-shadow: 0 4px 15px rgba(127, 0, 255, 0.3);
}

.btn-primary-modern:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(127, 0, 255, 0.5);
    color: white;
}

.btn-outline-modern {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
}

.btn-outline-modern:hover {
    background: var(--azul);
    color: var(--bg-primary);
    box-shadow: 0 0 20px var(--glow-color);
    transform: translateY(-2px);
}

/* Container do Card com posicionamento relativo para o efeito */
.aura-neon-card {
    position: relative;
    background: #191e23; /* Cor de fundo do seu sistema */
    border-radius: 12px; /* Ajuste conforme seu padrão */
    overflow: hidden;
    z-index: 1;
}

/* O "Fio" Neon Animado */
.aura-neon-card::before {
    content: '';
    position: absolute;
    top: -40%;
    left: -40%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        transparent, 
        #002e30, /* Neon Aura */
        #002e30, 
        transparent 30%
    );
    animation: rotate-neon 12s linear infinite;
    z-index: -2;
}

/* Máscara interna para manter o gradiente apenas na borda (2px de espessura) */
.aura-neon-card::after {
    content: '';
    position: absolute;
    inset: 2px; /* Espessura do fio neon */
    background: inherit; /* Mantém o fundo original do card */
    border-radius: 10px; /* Um pouco menor que o card para acompanhar a curvatura */
    z-index: -1;
}

/* Keyframes para a rotação */
@keyframes rotate-neon {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.card-blocked {
    pointer-events: none;
    opacity: 0.4;
}
/*
.card-blocked {
    position: relative;
}

.card-blocked::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.5);
    z-index: 10;
}
*/