/*reset*/
*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

:root{
   --color-gray: #efefef;
   --color-green-one:#45c745;
   --color-green-two:#26b23d;
   --color-white: #fff;
}

html{
   font-family: "Heebo", sans-serif;
   /* font-size: 100%; */
}
.main{
	font-size: 86%;
}

/* ===== GRID SYSTEM ===== */
.container-custom {
  width: 100%;
  max-width: 1920px; /* define um limite se quiser */
  margin: 0 auto;
  padding: 0 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

[class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
  flex: 1 0 100%; /* padrão mobile: ocupa 100% */
}

/* Coluna metade da tela no desktop */
.col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

/* ===== DISPLAY HELPERS ===== */
.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

/* ===== ALINHAMENTO ===== */
.align-items-center {
  align-items: center !important;
}

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

/*class*/
.text-white{
   color: var(--color-white);
}
.text-gray{
   color: var(--color-gray);
}
.font-regular{
   font-weight: 400;
}
.font-medium{
   font-weight: 500;
}
.font-bold{
   font-weight: 700;
}
.font-extra-bold{
   font-weight: 800;
}
.text-decoration-none{
   text-decoration: none;
}

.cta__links-mobile, .btn__mobile{
   display: none;
}

/*main*/
.main{
   background: url('./banner-sigma-desktop.webp') no-repeat top center;
   background-size: cover;
/*    min-height: 100vh; */
	padding-bottom: 3em;
}

/*info*/
.info{
   /* margin-left: 1.25em; */
   padding: 3.75em 0 0 3.75em;
}
.info__header{
   width: 100%;
   max-width: 32em;
}
.info__h1{
   font-size: 3.2em;
   line-height: 1.2;
   margin-top: 0.4em;
   margin-left: 1em;
   margin-bottom: 0.6em;
   /* margin-left: 1.5625em; */
   text-align: left;
}
.info__logo{
   width: 100%;
   max-width: 35.8em!important;
}
.info__span-date{
   font-size: 2.6575em;
   text-align: right;
   display: block;
   margin-top: -1.2em;
}
.info__p{
   font-size: 1.5em;
   line-height: 1.2;
   margin: 0.8em 0 0.8em 0;
}
.info__p img{
   /* width: 3.375em; */
   height: 1.75em!important;
   margin-right: 0.9375em!important;
}

/*cta*/
.cta__links{
   width: 100%;
  max-width: 29.5em;
/*    margin: 1em 3.75em 0 0; */
   text-align: text-center!important;
}
.cta__link{
   font-size: 1.3em!important;
   display: inline-block;
   width: 100%;
   max-width: 350px;
   text-align: end;
   padding-right: 0.2em;
}

/*cta buttons*/
.cta__buttons{
   width: 100%;
   max-width: 25.5em;
   margin-right: 3.75em;
   margin-top: 2.0em;
}
.cta__span{
   font-size: 2.4487em;
}
.cta__h2{
   font-size: 3.1631em;
   line-height: 98%;
   margin-top: 0.4em;
}
.cta__date{
   font-size: 1.3em;
   line-height: 90%;
}
.cta__h3{
   font-size: 2.5956em;
   line-height: 1.2;
   margin: 0.5em 0 0.8em 0;
   text-align: center;
}
.cta__button{
   font-size: 1.5em;
   min-height: 3.2em;
   background-image: linear-gradient(to right, var(--color-green-one)  , var(--color-green-two) );
   width: 100%;
   display: inline-block;
   margin-bottom: 0.9375em;
   text-align: center;
   line-height: 3.2em;
}
.line__custom{
   height: 2px;
   width: 86%;
   margin: 0.8em 0;
   background-image: linear-gradient(to right, var(--color-green-one)  , var(--color-green-two) );
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 991px) {
  .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }
	.info__h1{
		text-align: right;
	}
}


@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

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


/* Media Queries */
@media screen and (max-width: 1680px) {
   /* html{
      font-size: 95%;
   } */
    .main{
      font-size: 85%;
    }
}

@media screen and (max-width: 1600px) {
   /* html{
      font-size: 80%;
   } */

   .main{
      background: url('./banner-sigma-desktop.webp') no-repeat top center;
      background-size: cover;
/*       min-height: 100vh; */
	  font-size: 70%;
   }
}

@media screen and (max-width: 1440px) {
   .main{
      font-size: 70%;
   }
	.cta__links{
	  max-width: 35.5em;
	}

@media screen and (max-width: 1366px) {
   .main{
      font-size: 55%;
   }
	.main{
	 background-position-y: top;
	}
	.container-custom {
	  width: 100%;
	  max-width: 1200px; /* define um limite se quiser */
	  margin: 0 auto;
	  padding: 0 15px;
	}
	.cta__button {
		font-size: 1.8em;
		min-height: 2.5em;
		background-image: linear-gradient(to right, var(--color-green-one), var(--color-green-two));
		width: 100%;
		display: inline-block;
		margin-bottom: 0.9375em;
		text-align: center;
		line-height: 2.5em;
	}
	.cta__link {
		font-size: 1.5em !important;
    	margin: 0 3.5em 0 0!important;
	}
	.cta__links {
        max-width: 43.5em;
    }
	.info__p {
		font-size: 1.8em;
		line-height: 1.2;
		margin: 0.5em 0 0.5em 0;
	}
}

@media screen and (max-width: 1280px) {
   .main{
      font-size: 55%;
	   
   }
}

@media screen and (max-width: 920px) {
   .main{
      background: #ededed;
	    font-size: 60%;
   }
	.container-custom{
		padding: 0;
	}
   .line__custom{
      display: none;
   }
   .img-check{
      display: none!important;
   }
   .cta{
      display: none!important;
   }
   .btn__mobile__links{
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: end;
   }
   .btn__mobile__links a{
      margin-left: 0.9375em;
   }
   .btn__mobile__links .btn__mobile__title{
      width: 100%;
   }
   .info {
      padding: 5.75em 4% 6.875em 3.75em !important;
      background: url('./banner-sigma-topo-mobile.webp') no-repeat bottom center;
      background-size: cover;
	  filter: brightness(90%);
   }
	.info__logo{
		margin-left: auto;
	}
   .info__header {
      max-width: 100%;
      text-align: end;
   }
   .cta__span {
      font-size: 2.2em;
   }
	.info__span-date{
			margin-top: 0;
	}
   .btn__mobile{
      width: 100%;
      margin-left: auto;
      display: flex;
      gap: 0.5em;
      text-align: end;
      max-width: 760px;
      flex-direction: column;
   }
   .btn__mobile a{
      width: 40%;
   }
   .btn__mobile__title{
      width: 100%;
   }
   .info__p {
      font-size: 2.4487em;
      line-height: 1.2;
      margin: 0.5em 0 0.5em 0.5em;
      justify-content: end;
   }
   .cta__h2{
      text-align: end;
   }

   .cta{
      background-color: #ededed;
   }
   .cta__h3{
      color: #ededed;
      text-align: center;
      margin: 0;
      font-size: 6em;
      font-weight: normal!important;
      margin-left: 3.125em;
   }
   .cta__buttons {
      margin-right: 0;
      margin-top: 3.125em;
      margin-bottom: 1em;
      max-width: 38em;
   }
   .cta__button{
      background-image: linear-gradient(to right, #5dd64c , #029934);
      min-height: 3em;
      line-height: 3em;
      font-size: 2.7em;
   }
   .cta__links {
      width: 100%;
      max-width: 35.625em;
      margin: 0;
      order: 2;
      display: flex;
      justify-content: start;
   }
   .cta__link {
     font-size: 2.5em !important;
      width: 100%;
      max-width: 13.9375em;
      min-height: 4.125em;
      line-height: 4.125em;
      text-align: center;
   }
}

@media screen and (max-width: 767px) {
   .main{
      font-size: 30%;
   }

   .info {
      padding: 5.75em 2% 6.875em 1.75em;
   }
   .cta__button {
      font-size: 2.2em;
    }
}

@media screen and (max-width: 380px) {
   .main{
      font-size: 30%;
   }

}