@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



/* FONT */
.font-poppins{
  font-family: 'Poppins', sans-serif !important;
}

.font-montserrat{
  font-family: 'Montserrat', sans-serif !important;
}

/* HTML */
html{
  font-family: 'Montserrat', sans-serif !important;
  scroll-behavior: smooth;
}

/* COLORS */
.bg-blue-brand{
  background-color: #2281CB;
}

.text-blue-brand{
  color: #2281CB;
}


/* MAPS */
.map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}

.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/*VIDEO YOUTUBE*/
.youtube-embed{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.youtube-embed iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* GOOGLE FORMS */
.google-form-embed{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.google-form-embed iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ACCORDION */
/* Tab content - closed */
.tab-content {
  max-height: 0;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  }
  /* :checked - resize to full height */
  .tab input:checked ~ .tab-content {
  max-height: 100vh;
  }
  /* Label formatting when open */
  .tab input:checked + label{
  /*@apply text-xl p-5 border-l-2 border-indigo-500 bg-gray-100 text-indigo*/
  font-size: 1rem; /*.text-xl*/
  padding: 1.25rem; /*.p-5*/
  border-left-width: 2px; /*.border-l-2*/
  border-color: #2281CB; /*.border-indigo*/
  background-color: #f8fafc; /*.bg-gray-100 */
  color: #2281CB; /*.text-indigo*/
  }
  /* Icon */
  .tab label::after {
  float:right;
  right: 0;
  top: 0;
  display: block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  font-size: 1rem;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  }
  /* Icon formatting - closed */
  .tab input[type=checkbox] + label::after {
  content: "+";
  font-weight:bold; /*.font-bold*/
  border-width: 1px; /*.border*/
  border-radius: 9999px; /*.rounded-full */
  border-color: #b8c2cc; /*.border-grey*/
  }
  .tab input[type=radio] + label::after {
  content: "\25BE";
  font-weight:bold; /*.font-bold*/
  border-width: 1px; /*.border*/
  border-radius: 9999px; /*.rounded-full */
  border-color: #b8c2cc; /*.border-grey*/
  }
  /* Icon formatting - open */
  .tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
  background-color: #2281CB; /*.bg-indigo*/
  color: #f8fafc; /*.text-grey-lightest*/
  }
  .tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
  background-color: #2281CB; /*.bg-indigo*/
  color: #f8fafc; /*.text-grey-lightest*/
  }

/* FLOATING */
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.float{
  animation: float 2s ease-in-out infinite;
}

/* TYPE WRITER */
 /* Estilo para simular a animação de digitação */
 @keyframes typing {
  from { width: 0; }
}
@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: #000; }
}
#dynamic-text {
  overflow: hidden;
  white-space: nowrap;
  border-right: .1em solid #000;
  animation: typing 1s steps(30, end), blink-caret .45s step-end infinite;
}