/* Título da página de cada projeto. */
.bonsa-tt {
  --tt-gold:#9f8368;
  --tt-text:#141d1f;
  --tt-size:clamp(24px,3vw,32px);
  --tt-space:24px;
  --tt-gap:clamp(9px,1.1vw,14px);
  --tt-bracket-w:clamp(13px,1.6vw,20px);
  --tt-bracket-h:clamp(26px,3.4vw,40px);
  background:transparent !important;
  font-family:"Borna","Bona","Poppins",Arial,sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:var(--tt-space) 20px;
  position:relative;
  z-index:1;
}
html.bonsa-dark .bonsa-tt, body.bonsa-dark .bonsa-tt {
  --tt-text:#eeece8;
}
.bonsa-tt * {
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent !important;
}
.bonsa-tt *:focus, .bonsa-tt *:active {
  outline:none !important;
  box-shadow:none !important;
}
.bonsa-tt ::selection {
  background:rgba(159,131,104,.28);
}
.bonsa-tt-title {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--tt-gap);
  margin:0;
  text-align:center;
  font-size:var(--tt-size);
  font-weight:600;
  line-height:1.25;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--tt-text);
  white-space:nowrap;
  opacity:1;
  transition:color .9s ease, opacity .9s cubic-bezier(.4,0,.2,1), transform .9s cubic-bezier(.4,0,.2,1), filter .9s ease;
}
.bonsa-tt-txt {
  display:inline-block;
  position:relative;
}
.bonsa-tt-bracket {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--tt-bracket-w);
  height:var(--tt-bracket-h);
  flex:none;
}
.bonsa-tt-bracket svg {
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.bonsa-tt [data-lang-pt], .bonsa-tt [data-lang-en] {
  transition:opacity .35s ease;
}
.bonsa-tt-title.tt-armed {
  opacity:0;
  transform:translateY(8px);
  filter:blur(3px);
}
.bonsa-tt-title.tt-in {
  opacity:1;
  transform:none;
  filter:blur(0);
}
.bonsa-tt-title.tt-out {
  opacity:0;
  transform:translateY(8px);
  filter:blur(3px);
  transition:opacity .5s ease,transform .5s ease,filter .5s ease;
}
@media (max-width:768px) {
  .bonsa-tt {
    --tt-size:clamp(20px,5.4vw,26px);
    --tt-gap:10px;
    --tt-bracket-w:14px;
    --tt-bracket-h:28px;
  }
}
@media (max-width:560px) {
  .bonsa-tt {
    --tt-size:clamp(18px,5.2vw,23px);
    --tt-gap:8px;
    --tt-bracket-w:12px;
    --tt-bracket-h:24px;
  }
}
@media (max-width:380px) {
  .bonsa-tt {
    --tt-size:17px;
    --tt-gap:7px;
    --tt-bracket-w:11px;
    --tt-bracket-h:22px;
  }
  .bonsa-tt-title {
    letter-spacing:1px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .bonsa-tt * {
    animation:none !important;
    transition:none !important;
  }
  .bonsa-tt-title {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}