/* Start custom CSS for html, class: .elementor-element-900d188 *//* =========================================
   DEPOIMENTOS IONE CECCON
========================================= */

.ione-depoimentos{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:100px 24px 110px;

  background:
    radial-gradient(circle at 92% 8%, rgba(93,138,125,.09), transparent 28%),
    radial-gradient(circle at 6% 88%, rgba(129,62,85,.07), transparent 29%),
    linear-gradient(135deg,#fbf7ef 0%,#f8f3ed 52%,#f4eee7 100%);
}


.ione-depoimentos::before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:-230px;
  top:-250px;
  border:1px solid rgba(194,163,107,.20);
  border-radius:50%;
}


.ione-depoimentos::after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  left:-190px;
  bottom:-230px;
  border-radius:48% 52% 58% 42% / 44% 50% 50% 56%;
  background:rgba(255,255,255,.38);
}


.ione-depoimentos-in{
  position:relative;
  z-index:2;
  max-width:1040px;
  margin:0 auto;
}


/* =========================================
   CABEÇALHO
========================================= */

.ione-depoimentos-head{
  max-width:760px;
  margin:0 auto 68px;
  text-align:center;
}


.ione-depoimentos-head h1{
  margin:0 0 22px;
  font-family:'Cormorant Garamond',serif;
  font-size:4rem;
  font-weight:500;
  line-height:1.02;
  color:#403c4e;
}


.ione-depoimentos-head h1 em{
  display:block;
  margin-top:5px;
  font-weight:400;
  color:#813e55;
}


.ione-depoimentos-head p{
  max-width:680px;
  margin:0 auto;
  font-family:'Manrope',sans-serif;
  font-size:1rem;
  line-height:1.8;
  color:#625c67;
}


/* =========================================
   DEPOIMENTO
========================================= */

.ione-depoimento{
  position:relative;
  margin-bottom:44px;
  overflow:hidden;

  border:1px solid #e8ddd2;
  border-radius:30px;

  background:
    linear-gradient(
      145deg,
      rgba(255,254,251,.97),
      rgba(255,252,247,.93)
    );

  box-shadow:
    0 30px 65px -52px rgba(64,60,78,.44);
}


.ione-depoimento-alternativo{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.97),
      rgba(247,243,237,.95)
    );
}


.ione-depoimento-conteudo{
  position:relative;
  padding:62px 72px 55px;
}


/* detalhe delicado no topo */

.ione-depoimento-conteudo::before{
  content:"";
  position:absolute;

  width:115px;
  height:4px;

  left:72px;
  top:0;

  border-radius:0 0 10px 10px;

  background:
    linear-gradient(
      90deg,
      #813e55,
      #c2a36b
    );
}


/* =========================================
   ASPAS
========================================= */

.ione-depoimento-aspas-abre{
  position:absolute;
  top:25px;
  right:53px;

  font-family:'Cormorant Garamond',serif;
  font-size:8rem;
  font-weight:400;
  line-height:1;

  color:rgba(129,62,85,.10);

  pointer-events:none;
}


.ione-depoimento-aspas-fecha{
  position:absolute;
  right:42px;
  bottom:-30px;

  font-family:'Cormorant Garamond',serif;
  font-size:9rem;
  line-height:1;

  color:rgba(93,138,125,.07);

  pointer-events:none;
}


/* =========================================
   FRASE PRINCIPAL
========================================= */

.ione-depoimento blockquote{
  position:relative;
  z-index:2;

  max-width:760px;

  margin:0 0 23px;

  padding-left:31px;

  border-left:2px solid rgba(194,163,107,.55);

  font-family:'Cormorant Garamond',serif;
  font-size:2.65rem;
  font-weight:500;
  line-height:1.13;

  color:#403c4e;
}


/* =========================================
   AUTOR
========================================= */

.ione-depoimento-autor{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:9px 17px;

  margin:0 0 34px;
  padding-left:33px;
}


.ione-depoimento-autor strong{
  font-family:'Cormorant Garamond',serif;
  font-size:1.42rem;
  font-weight:600;
  color:#813e55;
}


.ione-depoimento-autor span{
  position:relative;
  padding-left:17px;

  font-family:'Manrope',sans-serif;
  font-size:.7rem;

  letter-spacing:.02em;

  color:#807780;
}


.ione-depoimento-autor span::before{
  content:"";

  position:absolute;
  left:0;
  top:50%;

  width:5px;
  height:5px;

  transform:translateY(-50%);

  border-radius:50%;

  background:#c2a36b;
}


/* =========================================
   TEXTO
========================================= */

.ione-depoimento-resumo,
.ione-depoimento-texto{
  max-width:820px;
}


.ione-depoimento-resumo p,
.ione-depoimento-texto p{
  margin:0 0 18px;

  font-family:'Manrope',sans-serif;
  font-size:.96rem;
  font-weight:400;

  line-height:1.82;

  color:#625c67;
}


.ione-depoimento-resumo p:last-child,
.ione-depoimento-texto p:last-child{
  margin-bottom:0;
}


/* =========================================
   ABRIR DEPOIMENTO
========================================= */

.ione-depoimento-completo{
  margin-top:30px;
}


.ione-depoimento-completo summary{
  position:relative;

  display:inline-flex;
  align-items:center;

  min-height:46px;

  padding:13px 48px 13px 23px;

  cursor:pointer;

  list-style:none;

  border:1px solid rgba(129,62,85,.23);
  border-radius:999px;

  background:transparent;

  font-family:'Manrope',sans-serif;

  font-size:.68rem;
  font-weight:700;

  letter-spacing:.055em;
  text-transform:uppercase;

  color:#813e55;

  transition:.3s ease;
}


.ione-depoimento-completo summary::-webkit-details-marker{
  display:none;
}


.ione-depoimento-completo summary::before,
.ione-depoimento-completo summary::after{
  content:"";

  position:absolute;

  right:21px;
  top:50%;

  width:12px;
  height:1.5px;

  border-radius:999px;

  background:#813e55;

  transition:.28s ease;
}


.ione-depoimento-completo summary::before{
  transform:translateY(-50%) rotate(90deg);
}


.ione-depoimento-completo summary::after{
  transform:translateY(-50%);
}


.ione-depoimento-completo[open] summary::before{
  transform:translateY(-50%) rotate(0);
}


.ione-depoimento-completo summary:hover{
  background:#813e55;
  border-color:#813e55;
  color:#ffffff;
}


.ione-depoimento-completo summary:hover::before,
.ione-depoimento-completo summary:hover::after{
  background:#ffffff;
}


.ione-depoimento-texto{
  margin-top:29px;
  padding-top:29px;
  border-top:1px solid #ece2d9;
}


/* =========================================
   FRASE DA IONE
========================================= */

.ione-depoimentos-frase{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;

  gap:26px;

  max-width:900px;

  margin:10px auto 52px;
}


.ione-depoimentos-frase > span{
  height:1px;

  background:
    linear-gradient(
      to right,
      transparent,
      #dac6b3
    );
}


.ione-depoimentos-frase > span:last-child{
  background:
    linear-gradient(
      to left,
      transparent,
      #dac6b3
    );
}


.ione-depoimentos-frase > div{
  max-width:590px;
  text-align:center;
}


.ione-depoimentos-frase p{
  margin:0 0 8px;

  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.35;

  color:#403c4e;
}


.ione-depoimentos-frase strong{
  font-family:'Cormorant Garamond',serif;
  font-size:1.02rem;
  font-style:italic;
  font-weight:500;

  color:#813e55;
}


/* =========================================
   FINAL
========================================= */

.ione-depoimentos-final{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:55px;

  margin-top:65px;

  padding:48px 52px;

  overflow:hidden;

  border:1px solid #e5d9cd;
  border-radius:30px;

  background:
    linear-gradient(
      135deg,
      #f8f3ed,
      #f3ece5
    );
}


.ione-depoimentos-final::after{
  content:"";

  position:absolute;

  width:220px;
  height:220px;

  right:-120px;
  bottom:-140px;

  border-radius:50%;

  background:rgba(93,138,125,.07);
}


.ione-depoimentos-final-texto{
  position:relative;
  z-index:2;
  max-width:640px;
}


.ione-depoimentos-final h2{
  margin:0 0 15px;

  font-family:'Cormorant Garamond',serif;

  font-size:2.7rem;
  font-weight:500;
  line-height:1.08;

  color:#403c4e;
}


.ione-depoimentos-final h2 em{
  color:#813e55;
  font-weight:400;
}


.ione-depoimentos-final p{
  margin:0;

  font-family:'Manrope',sans-serif;

  font-size:.95rem;
  line-height:1.78;

  color:#625c67;
}


.ione-depoimentos-btn{
  position:relative;
  z-index:2;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  flex-shrink:0;

  min-height:52px;

  padding:15px 31px;

  border:1px solid #813e55;
  border-radius:999px;

  background:#813e55;

  color:#ffffff;

  font-family:'Manrope',sans-serif;

  font-size:.71rem;
  font-weight:700;

  letter-spacing:.06em;
  text-transform:uppercase;

  text-decoration:none;

  transition:.3s ease;
}


.ione-depoimentos-btn:hover{
  background:#403c4e;
  border-color:#403c4e;
  transform:translateY(-2px);
}


/* =========================================
   TABLET
========================================= */

@media(max-width:900px){

  .ione-depoimentos{
    padding:82px 20px 92px;
  }

  .ione-depoimentos-head h1{
    font-size:3.3rem;
  }

  .ione-depoimento-conteudo{
    padding:55px 46px 48px;
  }

  .ione-depoimento-conteudo::before{
    left:46px;
  }

  .ione-depoimento blockquote{
    font-size:2.25rem;
  }

  .ione-depoimentos-final{
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:620px){

  .ione-depoimentos{
    padding:64px 18px 75px;
  }

  .ione-depoimentos-head{
    margin-bottom:45px;
  }

  .ione-depoimentos-head h1{
    font-size:2.55rem;
    line-height:1.05;
  }

  .ione-depoimentos-head p{
    font-size:.93rem;
    line-height:1.72;
  }

  .ione-depoimento{
    border-radius:23px;
  }

  .ione-depoimento-conteudo{
    padding:46px 25px 32px;
  }

  .ione-depoimento-conteudo::before{
    width:80px;
    left:25px;
  }

  .ione-depoimento-aspas-abre{
    top:16px;
    right:21px;
    font-size:5.6rem;
  }

  .ione-depoimento-aspas-fecha{
    right:17px;
    bottom:-18px;
    font-size:6.4rem;
  }

  .ione-depoimento blockquote{
    padding-left:19px;

    font-size:1.82rem;

    line-height:1.16;
  }

  .ione-depoimento-autor{
    display:block;
    padding-left:21px;
  }

  .ione-depoimento-autor strong{
    display:block;
    margin-bottom:4px;
  }

  .ione-depoimento-autor span{
    display:block;
    padding-left:0;
  }

  .ione-depoimento-autor span::before{
    display:none;
  }

  .ione-depoimento-resumo p,
  .ione-depoimento-texto p{
    font-size:.9rem;
    line-height:1.74;
  }

  .ione-depoimento-completo summary{
    width:100%;
    font-size:.63rem;
  }

  .ione-depoimentos-frase{
    display:block;

    margin:2px auto 40px;

    padding:0 10px;
  }

  .ione-depoimentos-frase > span{
    display:none;
  }

  .ione-depoimentos-frase p{
    font-size:1.23rem;
  }

  .ione-depoimentos-final{
    margin-top:48px;

    padding:32px 25px;

    border-radius:23px;
  }

  .ione-depoimentos-final h2{
    font-size:2.08rem;
  }

  .ione-depoimentos-final p{
    font-size:.91rem;
  }

  .ione-depoimentos-btn{
    width:100%;
  }

}/* End custom CSS */