@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////

/ ACCORDION
////////////////////////////////////////////////////////////////////////*/


/*ACCORDION AREA*/
.accordion {
  background-color: transparent;
  --padding-left: .5rem; /*Usado em várias partes do accordion*/
  box-shadow: var(--box-shadow);
}

/*ACCORDION PANNEL*/
.accordion-panel {
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

/*ACCORDION HEADER*/
.accordion .accordion-panel h2 {
  font-family: var(--font-title);
  font-size: clamp(1.1rem, 1vw + 1rem, 1.9rem);
  padding: 0;
  margin: 0;
}
.accordion .accordion-panel button{
  border-width: 0;
}
.accordion .accordion-panel button.accordion-trigger {
  cursor: pointer;
  position: relative;
  color: inherit;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
  padding: 0.8rem 0.6rem;
  padding-left: var(--padding-left);
  /* color: #202A44; */
  background-color: hsl(70, 100%, 70%);
  /* background-color: #F0F0F0; */
  border-radius: 3px;
  box-shadow: rgba(129, 132, 140, 0.1) 0px 0px 4px 0px;
  padding: 1.2rem;
}
/*Alternative shit*/
.accordion .accordion-panel button.accordion-trigger {
  background-color: hsl(70.1, 100%, 79%);
  background-color: rgb(255, 255, 255);
  /* border: 1px solid #b5ee38;
  border: 0px solid #898c76; */
  border-radius: 1px;
  box-shadow: rgba(129, 132, 140, 0.2) 0px 0px 3px 0px;
}
.accordion .accordion-panel button.accordion-trigger:hover {
  background-color: hsl(68, 88%, 65%);
  background-color: rgb(250, 251, 251);
  /* color: #73a473; */
}
.accordion .accordion-panel button.accordion-trigger[aria-expanded="true"]{
  /* background-color: hsl(70, 100%, 70%); */
  /* color: #669966; */
}
.accordion .accordion-panel button.accordion-trigger:hover[aria-expanded="true"]{
  /* background-color: hsl(68, 88%, 65%); */
  /* color: #669966; */
}
.accordion .accordion-panel button.accordion-trigger > * {
  pointer-events: none;
}
.accordion .accordion-panel button.accordion-trigger .stage-tab {
  display: flex;
  justify-content: space-between;
}
button.accordion-trigger .accordion-tab {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding-right: 15px;
}

/*ACCORDION CHEVRON*/
button.accordion-trigger .accordion-tab .icon-chevron-down {
  position: relative;
  transition: 0.1s ease;
}
.accordion .accordion-panel button.accordion-trigger[aria-expanded="true"] .accordion-tab .icon-chevron-down {
  transform: rotate(-180deg);
  padding-top: 0px;
}
.accordion .accordion-tab .icon-chevron-down::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
/*ACCORDION CHEVRON NEW*/
.uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uk-open > .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/*ACCORDION CONTENT*/
.accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms; /*Tempo da transição*/
  padding: 0rem ;
  /* background-color: #FFF; */
}
.accordion-content[aria-hidden="false"] {
  grid-template-rows: 1fr;
}
.accordion-content > div {
  overflow: hidden;
}
.accordion-content .accordion-content-wrapper {
  padding: 0 15px;
  background-color: #FFF;
  box-shadow: rgba(129, 132, 140, 0.3) 0px 0px 4px 0px;
}
.accordion-content .accordion-content-wrapper .documents-text {
  padding: 25px 10px 25px;
  font-size: 1rem;
}
