@charset "UTF-8";
body {
  margin:0;
	padding:0;
	color: #000000;
  scroll-behavior: smooth;
}

.hero-section {
  height: 500px;
  background: linear-gradient(to right, #0d6efd, #6610f2);
  color: white;
  background-image: url("../images/banner_fundo.png");
  background-size: cover;
  background-position: center;
}

.alert-box {
  position: relative;
}

.area-card {
  min-height: 200px;
  position: relative;
}

.coloradd-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  opacity: 0.8;
}

/****** BOOTSTRAP-LIKE UTILITY CLASSES ******/
/* Margin all */
.m-0   {margin: 0 !important;}
.m-1   {margin: .25rem !important;}
.m-2   {margin: .5rem !important;}
.m-3   {margin: 1rem !important;}
.m-4   {margin: 1.5rem !important;}
.m-5   {margin: 3rem !important;}

/* Margin Y (top & bottom) */
.my-0  {margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1  {margin-top: .25rem !important; margin-bottom: .25rem !important;}
.my-2  {margin-top: .5rem !important; margin-bottom: .5rem !important;}
.my-3  {margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4  {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
.my-5  {margin-top: 3rem !important; margin-bottom: 3rem !important;}

/* Margin X (left & right) */
.mx-0  {margin-left: 0 !important; margin-right: 0 !important;}
.mx-1  {margin-left: .25rem !important; margin-right: .25rem !important;}
.mx-2  {margin-left: .5rem !important; margin-right: .5rem !important;}
.mx-3  {margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-4  {margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.mx-5  {margin-left: 3rem !important; margin-right: 3rem !important;}

/* Margin top */
.mt-0  {margin-top: 0 !important;}
.mt-1  {margin-top: .25rem !important;}
.mt-2  {margin-top: .5rem !important;}
.mt-3  {margin-top: 1rem !important;}
.mt-4  {margin-top: 1.5rem !important;}
.mt-5  {margin-top: 3rem !important;}

/* Margin bottom */
.mb-0  {margin-bottom: 0 !important;}
.mb-1  {margin-bottom: .25rem !important;}
.mb-2  {margin-bottom: .5rem !important;}
.mb-3  {margin-bottom: 1rem !important;}
.mb-4  {margin-bottom: 1.5rem !important;}
.mb-5  {margin-bottom: 3rem !important;}

/* Margin start (left) */
.ms-0  {margin-left: 0 !important;}
.ms-1  {margin-left: .25rem !important;}
.ms-2  {margin-left: .5rem !important;}
.ms-3  {margin-left: 1rem !important;}
.ms-4  {margin-left: 1.5rem !important;}
.ms-5  {margin-left: 3rem !important;}

/* Margin end (right) */
.me-0  {margin-right: 0 !important;}
.me-1  {margin-right: .25rem !important;}
.me-2  {margin-right: .5rem !important;}
.me-3  {margin-right: 1rem !important;}
.me-4  {margin-right: 1.5rem !important;}
.me-5  {margin-right: 3rem !important;}

/* Padding all */
.p-0   {padding: 0 !important;}
.p-1   {padding: .25rem !important;}
.p-2   {padding: .5rem !important;}
.p-3   {padding: 1rem !important;}
.p-4   {padding: 1.5rem !important;}
.p-5   {padding: 3rem !important;}

/* Padding Y (top & bottom) */
.py-0  {padding-top: 0 !important; padding-bottom: 0 !important;}
.py-1  {padding-top: .25rem !important; padding-bottom: .25rem !important;}
.py-2  {padding-top: .5rem !important; padding-bottom: .5rem !important;}
.py-3  {padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4  {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.py-5  {padding-top: 3rem !important; padding-bottom: 3rem !important;}

/* Padding X (left & right) */
.px-0  {padding-left: 0 !important; padding-right: 0 !important;}
.px-1  {padding-left: .25rem !important; padding-right: .25rem !important;}
.px-2  {padding-left: .5rem !important; padding-right: .5rem !important;}
.px-3  {padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4  {padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.px-5  {padding-left: 3rem !important; padding-right: 3rem !important;}

/* Padding top */
.pt-0  {padding-top: 0 !important;}
.pt-1  {padding-top: .25rem !important;}
.pt-2  {padding-top: .5rem !important;}
.pt-3  {padding-top: 1rem !important;}
.pt-4  {padding-top: 1.5rem !important;}
.pt-5  {padding-top: 3rem !important;}

/* Padding bottom */
.pb-0  {padding-bottom: 0 !important;}
.pb-1  {padding-bottom: .25rem !important;}
.pb-2  {padding-bottom: .5rem !important;}
.pb-3  {padding-bottom: 1rem !important;}
.pb-4  {padding-bottom: 1.5rem !important;}
.pb-5  {padding-bottom: 3rem !important;}

/* Padding start (left) */
.ps-0  {padding-left: 0 !important;}
.ps-1  {padding-left: .25rem !important;}
.ps-2  {padding-left: .5rem !important;}
.ps-3  {padding-left: 1rem !important;}
.ps-4  {padding-left: 1.5rem !important;}
.ps-5  {padding-left: 3rem !important;}

/* Padding end (right) */
.pe-0  {padding-right: 0 !important;}
.pe-1  {padding-right: .25rem !important;}
.pe-2  {padding-right: .5rem !important;}
.pe-3  {padding-right: 1rem !important;}
.pe-4  {padding-right: 1.5rem !important;}
.pe-5  {padding-right: 3rem !important;}

/* Display & Flex */
.d-block {display: block !important;}
.d-inline {display: inline !important;}
.d-inline-block {display: inline-block !important;}
.d-flex {display: flex !important;}
.d-grid {display: grid !important;}

.flex-column {flex-direction: column !important;}
.flex-row {flex-direction: row !important;}
.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}

.align-items-start {align-items: flex-start !important;}
.align-items-center {align-items: center !important;}
.align-items-end {align-items: flex-end !important;}

.justify-content-start {justify-content: flex-start !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-end {justify-content: flex-end !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}

/* Gap helpers */
.gap-0 {gap: 0 !important;}
.gap-1 {gap: .25rem !important;}
.gap-2 {gap: .5rem !important;}
.gap-3 {gap: 1rem !important;}
.gap-4 {gap: 1.5rem !important;}
.gap-5 {gap: 3rem !important;}

/* Gap em eixo X (colunas) */
.gx-0 {column-gap: 0 !important;}
.gx-1 {column-gap: .25rem !important;}
.gx-2 {column-gap: .5rem !important;}
.gx-3 {column-gap: 1rem !important;}
.gx-4 {column-gap: 1.5rem !important;}
.gx-5 {column-gap: 3rem !important;}

/* Gap em eixo Y (linhas) */
.gy-0 {row-gap: 0 !important;}
.gy-1 {row-gap: .25rem !important;}
.gy-2 {row-gap: .5rem !important;}
.gy-3 {row-gap: 1rem !important;}
.gy-4 {row-gap: 1.5rem !important;}
.gy-5 {row-gap: 3rem !important;}


/* Position */
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}

.top-0 {top: 0 !important;}
.bottom-0 {bottom: 0 !important;}
.start-0 {left: 0 !important;}
.end-0 {right: 0 !important;}



/* MEDIA QUERIES */
@media (max-width: 320px) {
  
}

@media (min-width: 321px) 
  and (max-width: 480px) {

}
	
@media (min-width: 481px) 
  and (max-width: 768px) {

}

@media (min-width: 769px) 
  and (max-width: 1024px) {

}

@media (min-width: 1025px) 
  and (max-width: 1280px) {

}

@media (min-width: 1281px) 
  and (max-width: 1440px) {

}

@media (min-width: 1441px) 
  and (max-width: 1600px) {

}

@media (min-width: 1601px) 
  and (max-width: 1900px) {

}

@media (min-width: 1901px) {
	
}