details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

html {
  scroll-behavior: smooth;
}

.banner {
  width: 100%;
  height: 390px;
}

.banner > .imagem-banner {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner > .flex {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.banner > .imagem-banner > .banner-textfield {
  width: 1040px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 8px;
}

.banner > .imagem-banner > .banner-textfield > .banner-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 70px;
  margin: 6px 0;
}

.banner > .imagem-banner > .banner-textfield > .banner-paragraph {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.504px;
  line-height: 125%;
  margin: -16px 0 0 0;
}

.imagem-banner.mapa {
  width: 100%;
  height: 800px;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

/* FRAME */
.frame-assistcard {
  width: 1040px;
  margin: 0 auto;
  display: flex;
  position: relative;
}
.frame-assistcard > .comp_frame_v2 {
  width: 85%;
  background-color: #33794a;
  border-radius: 5px;
  margin: -62px 0 48px 0;
}

.frame-assistcard > .comp_frame_v2 > .component {
  padding: 20px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .text-frametop {
  font-size: 16px;
  line-height: 125%;
  color: #ffffff;
  margin-bottom: 16px;
}

.frame-assistcard > .comp_frame_v2 > .component > .form_contents > .form_v1 {
  display: flex;
  flex-flow: column nowrap;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01,
.line02 {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01
  > .input_container {
  width: 100%;
  max-width: 270px;
  height: 52px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: relative;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01
  > .input_container {
  width: 100%;
  max-width: 270px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line02
  > .input_container {
  width: 100%;
  max-width: 270px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01
  > .input_container
  > input {
  width: 100%;
  padding: 0 36px;
  border: none;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line02
  > .input_container
  > input {
  width: 100%;
  padding: 0 16px;
  border: none;
}

.input_container.partida,
.input_container.email {
  margin: 0 10px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line02
  > .input_container {
  width: 100%;
  max-width: 270px;
  height: 52px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  background-color: #fff;
  position: relative;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01
  > .input_container.location
  > .location-signal {
  position: absolute;
  left: 10px;
}
.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01
  > .input_container.partida
  > .icon-calendar {
  position: absolute;
  left: 10px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01
  > .input_container.retorno
  > .icon-calendar {
  position: absolute;
  left: 10px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line01
  > .input_container.location
  > .arrowmenu {
  position: absolute;
  right: 15px;
}

.danger-signal {
  position: absolute;
  right: 15px;
  z-index: 1;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .line02
  > .input_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .seach-form__submit-area {
  margin: 0 0 0 -3px;
}
.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .seach-form__submit-area
  > .selo_frame_container {
  width: 530px;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .seach-form__submit-area
  > .seach-form__submit-area-button {
  width: 271px;
  height: 52px;
  margin: 0;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .seach-form__submit-area
  > .selo_frame_container
  > .selo_frame
  > .selo_texts {
  display: flex;
  gap: 3px;
}
.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .seach-form__submit-area
  > .selo_frame_container
  > .selo_frame
  > .selo_texts
  > span {
  color: #fff;
}

.frame-assistcard
  > .comp_frame_v2
  > .component
  > .form_contents
  > .form_v1
  > .sp-search-form
  > .seach-form__submit-area
  > .selo_frame_container
  > .selo_frame
  > .selo_texts
  > strong
  > .bs_selo {
  color: #fff;
}

/*  */

/* MAIN */
.container-article-assistcard {
  width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-article-assistcard > .title-article {
  align-self: start;
  margin: 0 0 24px 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #435162;
}

.container-article-assistcard > .article-link-button {
  width: 100%;
  max-width: 557px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #fff;
  text-decoration: none;
  background: #33794a;
  border-radius: 10px;
  filter: drop-shadow(0px 6px 12px rgba(23, 39, 28, 0.15));
  cursor: pointer;
  margin: 47px 0;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start
  > .article-link-button {
  width: 100%;
  max-width: 557px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #fff;
  text-decoration: none;
  background: #33794a;
  border-radius: 10px;
  filter: drop-shadow(0px 6px 12px rgba(23, 39, 28, 0.15));
  cursor: pointer;
}

.container-article-assistcard > .article-content-flex {
  width: 100%;
  display: flex;
  gap: 72px;
}

.container-article-assistcard > .article-content-flex > .article-content-text {
  width: 100%;
  max-width: 453px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text
  > .article-paragraph {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #435162;
  margin-top: 0;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start {
  justify-content: flex-start;
  align-items: normal;
  gap: 24px;
}
.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start
  > .article-paragraph.mobile {
  align-self: start;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start
  > .article-text-with-icon {
  width: 100%;
  max-width: 396px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 36px;
  font-weight: 700;
  font-size: 18px;
  line-height: 110%;
  color: #435162;
  background-color: #f4f4f4;
  border-radius: 5px;
}

.container-article-assistcard
  > .article-content-flex
  > .article-container-image.app {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start {
  max-width: 550px;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start
  > .article-text-with-icon-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start
  > .article-text-with-icon-container
  > .article-text-with-icon {
  display: flex;
  gap: 8px;
  font-size: 20px;
  line-height: 140%;
  color: #435162;
}

.container-article-assistcard
  > .article-content-flex
  > .article-content-text.start
  > .article-text-with-icon-container
  > .article-text-with-icon
  p {
  margin: 0;
}

.section-benefits {
  width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 60px 0 0 0;
}

.section-benefits > .section-benefits-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  color: #435162;
}

.section-benefits > .section-benefits-title > br {
  display: none;
}

.section-benefits > .section-benefits-details {
  border-bottom: 1px solid #ccd1d6;
}

.section-benefits > .section-benefits-details > .section-benefits-summary {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3em;
  color: #3b454f;
  margin: 0;
  padding: 16px 0;
  position: relative;
}
.section-benefits > .section-benefits-details > .section-benefits-summary > br {
  display: none;
}

.section-benefits
  > .section-benefits-details
  > .section-benefits-summary::after {
  content: url("/images/assistcard/icons/arrow.svg" title="arrow");
  display: block;
  position: absolute;
  right: 0;
  width: fit-content;
  height: 1px;
}

.section-benefits
  > .section-benefits-details[open]
  > .section-benefits-summary::after {
  content: url("/images/assistcard/icons/arrow-up.svg");
}

.section-benefits > .section-benefits-details > .section-beneftis-text {
  font-size: 16px;
  line-height: 140%;
  color: #3b454f;
  margin: 0 0 16px 0;
}

.section-benefits > .section-benefits-link-button {
  align-self: center;
  width: 100%;
  max-width: 557px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #fff;
  text-decoration: none;
  background: #33794a;
  border-radius: 10px;
  box-shadow: 0px 6px 12px rgba(23, 39, 28, 0.15);
  cursor: pointer;
  margin: 47px 0 87px 0;
}

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
  /* Frame */
  .frame-assistcard {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
  }

  .frame-assistcard > .comp_frame_v2 {
    width: 95%;
  }

  .frame-assistcard > .comp_frame_v2 > .component > .form_contents {
    display: flex;
    flex-flow: column nowrap;
    align-content: center;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form {
    gap: 5px;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .line01,
  .line02 {
    flex-direction: column;
  }
  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .seach-form__submit-area
    > .selo_frame_container
    > .selo_frame
    > .selo_texts {
    display: flex;
    flex-direction: column;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .seach-form__submit-area
    > .selo_frame_container
    > .selo_frame
    > .selo_texts
    > strong
    > .bs_selo {
    display: none;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .seach-form__submit-area
    > .selo_frame_container
    > .selo_frame
    > .selo_texts
    > br {
    display: none;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .line01 {
    flex-flow: row wrap;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .line01
    > .input_container {
    max-width: unset;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .line02
    > .input_container {
    max-width: unset;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .line01
    > .input_container.partida {
    width: 49%;
    margin: 5px 5px 0 0;
    margin-right: 1.5%;
    margin-top: 5px;
  }

  .frame-assistcard
    > .comp_frame_v2
    > .component
    > .form_contents
    > .form_v1
    > .sp-search-form
    > .line01
    > .input_container.retorno {
    width: 49%;
    margin: 5px 0 0 0px;
  }

  .line02 {
    gap: 5px;
  }

  .sfsb--mobile {
    background: #ffd012;
    font-size: 16px;
  }

  /*  */

  .banner > .imagem-banner > .banner-textfield {
    padding: 0 15px;
  }
  .banner > .imagem-banner > .banner-textfield > .banner-title {
    font-size: 24px;
  }
  .banner > .imagem-banner > .banner-textfield > .banner-paragraph {
    width: 300px;
    font-size: 16px;
    margin: -24px 0 0 0;
  }

  .imagem-banner.mapa {
    background-size: auto;
    margin: 0;
  }

  /* MAIN MOBILE */
  .container-article-assistcard {
    width: 100%;
    padding: 0 15px;
  }

  .container-article-assistcard > .title-article.hide-mobile {
    display: none;
  }

  .article-container-image {
    width: 100%;
    height: 100%;
  }

  .article-container-image > .article-image {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin-top: 24px;
  }

  .container-article-assistcard > .article-content-flex {
    flex-direction: column;
    gap: 8px;
  }

  .container-article-assistcard
    > .article-content-flex
    > .article-content-text
    > .article-paragraph {
    font-size: 18px;
    margin: 20px 0 0 0;
  }

  .container-article-assistcard
    > .article-content-flex
    > .article-content-text
    > .article-paragraph.mobile {
    margin: 0 0 24px 0;
  }

  .container-article-assistcard > .article-link-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    padding: 14px 37px;
    background: #33794a;
    box-shadow: 0px 6px 12px rgba(23, 39, 28, 0.15);
    border-radius: 5px;
    margin: 24px 0 12px 0;
  }

  .container-article-assistcard
    > .article-content-flex
    > .article-content-text.start
    > .article-link-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    padding: 14px 37px;
    background: #33794a;
    box-shadow: 0px 6px 12px rgba(23, 39, 28, 0.15);
    border-radius: 5px;
    margin: 24px 0;
  }

  .container-article-assistcard
    > .article-content-flex
    > .article-container-image.app {
    display: none;
  }

  .section-benefits {
    width: 100%;
    padding: 0 15px;
  }

  .section-benefits > .section-benefits-title {
    font-size: 24px;
  }
  .section-benefits
    > .section-benefits-details
    > .section-benefits-summary
    > br {
    display: block;
  }
  .section-benefits > .section-benefits-title > br {
    display: block;
  }

  .section-benefits > .section-benefits-details > .section-benefits-summary {
    font-size: 18px;
  }

  .section-benefits > .section-benefits-link-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    padding: 14px 37px;
    background: #33794a;
    box-shadow: 0px 6px 12px rgba(23, 39, 28, 0.15);
    border-radius: 5px;
  }
}