body {
    font-family: "Roboto", sans-serif !important;	
font-size: .9rem ;

  }


  .btn-rounded {
    position: relative;
    padding: 0.9375rem 4.375rem 0.9375rem 1.25rem;
    font-weight: 500;
    margin: 0;
    border: 0.1rem solid rgba(255, 255, 255, 0.6);
    background-color: #fff;
  }
  @media (max-width: 575.98px) {
    .btn-rounded {
      display: none;
    }
	}

	
  .btn-rounded span {
    position: absolute;
    background-color: #5BB896;
    width: 2.5rem;
    font-weight: 2.5rem;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    border-radius: 50%;
  }
  .btn-rounded span i {
    color: #fff;
    font-size: 1rem;
    line-height: 2.5rem;
  }
  .btn-rounded:hover {
    background-color: #2B966C;
    color: #fff;
  }
  .btn-rounded:hover span {
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  .display-2 {
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
  }
  .display-2--intro {
    display: inline-block;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
  }
  .display-2--description {
    font-size: 1.5rem;
    display: block;
    margin-top: 1.2rem;
    text-transform: none;
  }
  
 
.rodape {
    font-family: "Roboto", sans-serif !important;
    color: #fff;
}
  
.menu {
    font-family: "Roboto", sans-serif !important;
}
  
.menu li {
    padding: 0 0.3rem;
  }
.menu li a {
    color: #fff !important;
    text-transform: capitalize !important;
	font-size: .9rem !important;
  }
  
.menu li a:hover {
        color: #000 !important;
		background: #ccc5d4 !important;
		border-radius: 15px;
  }
 
.btn-rounded:hover {
    background-color: #2B966C;
    color: #fff;
  }
.intro-section {
    padding: 10rem 0 0 0;
    width: 100%;
    height: 100%;
  }
  
 

  
.navbarra {
    padding: 1rem;
    font-family: "Roboto", sans-serif !important;	
  }
.navbarra .menu-itembarra {
    margin-right: 2rem;
  }
.navbarra .menu-itembarra a {
    text-decoration: none;
    color: #ffffff;
  }
  
.navbarra .menu-itembarra a:hover {
    color: #f9fd04;
  }
  
.container-footer {
    font-family: "Roboto", sans-serif !important;	
	color: #fff !important;
  }
  

.container-box150 {
   margin-top: 150px; 
  }  
  
.container-box80 {
	margin-top: 80px; 
  }  
  
.container-box50 {
   margin-top: 50px; 
  }  



/* Botões — definidos em bootstrap-custom.css */


.alert-danger {
	color: var(--bs-white);
	background-color:  var(--bs-indigo);
	border :var(--bs-indigo);
}

.alert-dark {
	color: var(--bs-white);
	--bs-alert-bg: #996ea9 !important;
	border :var(--bs-dark-border-subtle);
}


.alert-light {
	color: var(--bs-white);
	--bs-alert-bg: #8836ab !important;
	border :var(--bs-dark-border-subtle);
}
  


.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #1F7A56 !important;
}



.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-);
}



.text-primary {
  color: rgba(124, 27, 158, 0.85) !important;
}

.text-secondary {
  color: rgba(243, 14, 31, 0.8) !important;
}


/* retira as setas nos campos numericos Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
}


/* inputs — ver bootstrap-custom.css (.input-destaque) */


.img-contain {
    width: 100%;
    height: 200px; /* ajusta como quiseres */
    object-fit: contain;
    background: #f8f9fa; /* opcional, fundo neutro */
}