/* Show it is fixed to the top */

  @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap');




* {
	font-family: 'Barlow',sans-serif;
	font-weight:500;
	line-height:normal;
	}
:root {
--azul:#0031a2;
--laranja: #ef711d;
}

.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-destino {width: 100px;margin-right:10px }
.badge-destino-long {width: 300px;margin-right:10px }
.bd-navbar {
	padding: .75rem 0;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0.15);
}

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 {
  padding:20px;
}
.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%;
    /*background: linear-gradient(-45deg, #110156, #301082, #bb2727);*/
    /*background:var(--sempre-azul);*/
    /*animation: flashing 1.5s linear infinite;*/
}

/* __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: 3.5rem;
	}
	.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: text-bottom;
  fill: currentColor;
  margin:7px;
}

.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 2s 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;}
}