/* Start custom CSS for html, class: .elementor-element-900d188 *//* PÁGINA DE FAQ */

.ione-contato-page{
  width:100%;
  overflow:hidden;
}

.ione-contato-page *,
.ione-contato-page *::before,
.ione-contato-page *::after{
  box-sizing:border-box;
}

/* SEÇÃO PRINCIPAL */

.ione-faq{
  position:relative;
  width:100%;
  min-height:calc(100vh - 80px);
  overflow:hidden;
  padding:110px 24px 115px;
  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(93,138,125,.10),
      transparent 27%
    ),
    radial-gradient(
      circle at 6% 92%,
      rgba(129,62,85,.08),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #fbf7ef 0%,
      #f9f5f0 48%,
      #ffffff 100%
    );
}

/* ELEMENTOS DECORATIVOS */

.ione-faq::before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  top:-250px;
  right:-220px;
  border:1px solid rgba(194,163,107,.22);
  border-radius:50%;
  pointer-events:none;
}

.ione-faq::after{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  left:-190px;
  bottom:-220px;
  border-radius:48% 52% 58% 42% / 44% 50% 50% 56%;
  background:rgba(255,255,255,.42);
  pointer-events:none;
}

.ione-faq-in{
  position:relative;
  z-index:2;
  width:100%;
  max-width:980px;
  margin:0 auto;
}

/* CABEÇALHO */

.ione-faq-head{
  width:100%;
  max-width:760px;
  margin:0 auto 52px;
  text-align:center;
}

.ione-faq-sub{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:18px;
  font-family:'Manrope',sans-serif;
  font-size:.67rem;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#813e55;
}

.ione-faq-sub::before,
.ione-faq-sub::after{
  content:"";
  flex:0 0 28px;
  width:28px;
  height:1px;
  background:#d6bea4;
}

.ione-faq-head h1{
  max-width:760px;
  margin:0 auto 18px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem, 5vw, 3.65rem);
  font-weight:500;
  line-height:1.06;
  color:#403c4e;
}

.ione-faq-head p{
  max-width:650px;
  margin:0 auto;
  font-family:'Manrope',sans-serif;
  font-size:1rem;
  font-weight:400;
  line-height:1.78;
  color:#625c67;
}

/* LISTA DO FAQ */

.ione-faq-list{
  display:flex;
  flex-direction:column;
  width:100%;
  gap:13px;
}

.ione-faq-item{
  width:100%;
  overflow:hidden;
  border:1px solid #e9ded2;
  border-radius:22px;
  background:rgba(255,253,250,.88);
  box-shadow:0 14px 35px -38px rgba(64,60,78,.30);
  transition:
    border-color .3s ease,
    background-color .3s ease,
    box-shadow .3s ease;
}

.ione-faq-item:hover{
  border-color:rgba(129,62,85,.20);
  background:#ffffff;
}

.ione-faq-item[open]{
  border-color:rgba(129,62,85,.27);
  background:#ffffff;
  box-shadow:0 24px 52px -42px rgba(64,60,78,.40);
}

/* PERGUNTA */

.ione-faq-item summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:78px;
  gap:24px;
  padding:23px 68px 23px 28px;
  cursor:pointer;
  list-style:none;
  font-family:'Cormorant Garamond',serif;
  font-size:1.38rem;
  font-weight:600;
  line-height:1.3;
  color:#403c4e;
  text-align:left;
}

.ione-faq-item summary::-webkit-details-marker{
  display:none;
}

.ione-faq-item summary::marker{
  display:none;
  content:"";
}

/* ÍCONE DE ABRIR E FECHAR */

.ione-faq-item summary::before,
.ione-faq-item summary::after{
  content:"";
  position:absolute;
  top:50%;
  right:28px;
  width:16px;
  height:2px;
  border-radius:999px;
  background:#813e55;
  transform:translateY(-50%);
  transition:transform .28s ease;
}

.ione-faq-item summary::after{
  transform:translateY(-50%) rotate(90deg);
}

.ione-faq-item[open] summary::after{
  transform:translateY(-50%) rotate(0deg);
}

/* RESPOSTA */

.ione-faq-answer{
  padding:0 28px 26px;
}

.ione-faq-answer p{
  max-width:830px;
  margin:0;
  padding-top:19px;
  border-top:1px solid #eee5dc;
  font-family:'Manrope',sans-serif;
  font-size:.95rem;
  font-weight:400;
  line-height:1.8;
  color:#625c67;
}

/* CHAMADA FINAL */

.ione-faq-final{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  width:100%;
  margin-top:40px;
  padding:27px 29px;
  overflow:hidden;
  border:1px solid #e9ded2;
  border-radius:25px;
  background:
    radial-gradient(
      circle at 95% 10%,
      rgba(93,138,125,.10),
      transparent 35%
    ),
    #f8f3ed;
}

.ione-faq-final-content{
  min-width:0;
}

.ione-faq-final-content span{
  display:block;
  margin-bottom:6px;
  font-family:'Manrope',sans-serif;
  font-size:.63rem;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#813e55;
}

.ione-faq-final p{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:1.65rem;
  font-weight:600;
  line-height:1.2;
  color:#403c4e;
}

.ione-faq-final a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  min-height:50px;
  padding:15px 29px;
  border:1px solid #5d8a7d;
  border-radius:999px;
  background:#5d8a7d;
  color:#ffffff;
  font-family:'Manrope',sans-serif;
  font-size:.75rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.05em;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:0 16px 28px -22px rgba(93,138,125,.80);
  transition:
    background-color .3s ease,
    border-color .3s ease,
    transform .3s ease;
}

.ione-faq-final a:hover{
  border-color:#403c4e;
  background:#403c4e;
  color:#ffffff;
  transform:translateY(-2px);
}

/* TABLETS */

@media(max-width:900px){

  .ione-faq{
    min-height:auto;
    padding:88px 22px 94px;
  }

  .ione-faq-head{
    margin-bottom:44px;
  }

  .ione-faq-final{
    gap:24px;
  }

}

/* CELULARES */

@media(max-width:620px){

  .ione-faq{
    padding:68px 18px 76px;
    background:
      radial-gradient(
        circle at 100% 8%,
        rgba(93,138,125,.09),
        transparent 30%
      ),
      radial-gradient(
        circle at 0% 95%,
        rgba(129,62,85,.07),
        transparent 30%
      ),
      linear-gradient(
        150deg,
        #fbf7ef 0%,
        #ffffff 100%
      );
  }

  .ione-faq::before{
    width:280px;
    height:280px;
    top:-170px;
    right:-170px;
  }

  .ione-faq::after{
    width:230px;
    height:230px;
    left:-145px;
    bottom:-155px;
  }

  .ione-faq-head{
    margin-bottom:36px;
  }

  .ione-faq-sub{
    gap:9px;
    margin-bottom:15px;
    font-size:.59rem;
    letter-spacing:.11em;
  }

  .ione-faq-sub::before,
  .ione-faq-sub::after{
    flex-basis:20px;
    width:20px;
  }

  .ione-faq-head h1{
    font-size:2.48rem;
    margin-bottom:15px;
  }

  .ione-faq-head p{
    font-size:.95rem;
    line-height:1.7;
  }

  .ione-faq-list{
    gap:10px;
  }

  .ione-faq-item{
    border-radius:18px;
  }

  .ione-faq-item summary{
    min-height:72px;
    padding:20px 55px 20px 20px;
    font-size:1.22rem;
    line-height:1.28;
  }

  .ione-faq-item summary::before,
  .ione-faq-item summary::after{
    right:21px;
    width:14px;
  }

  .ione-faq-answer{
    padding:0 20px 22px;
  }

  .ione-faq-answer p{
    padding-top:17px;
    font-size:.92rem;
    line-height:1.74;
  }

  .ione-faq-final{
    flex-direction:column;
    align-items:stretch;
    gap:20px;
    margin-top:30px;
    padding:24px 21px;
    border-radius:20px;
    text-align:center;
  }

  .ione-faq-final p{
    font-size:1.5rem;
  }

  .ione-faq-final a{
    width:100%;
    min-height:50px;
    padding:14px 20px;
  }

}

/* CELULARES PEQUENOS */

@media(max-width:380px){

  .ione-faq{
    padding-right:15px;
    padding-left:15px;
  }

  .ione-faq-sub::before,
  .ione-faq-sub::after{
    display:none;
  }

  .ione-faq-head h1{
    font-size:2.2rem;
  }

  .ione-faq-head p{
    font-size:.92rem;
  }

  .ione-faq-item summary{
    padding-right:50px;
    padding-left:18px;
    font-size:1.14rem;
  }

  .ione-faq-item summary::before,
  .ione-faq-item summary::after{
    right:19px;
  }

  .ione-faq-answer{
    padding-right:18px;
    padding-left:18px;
  }

  .ione-faq-final{
    padding-right:18px;
    padding-left:18px;
  }

  .ione-faq-final p{
    font-size:1.4rem;
  }

  .ione-faq-final a{
    font-size:.7rem;
  }

}/* End custom CSS */