/* Faixa editorial Torres: uma assinatura de marca em movimento. */
.torres-signature .signature-ribbon{
  position:relative;
  z-index:3;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  color:#f3ead5;
  background:
    linear-gradient(90deg,#121a13 0%,#202b1e 46%,#151e16 100%);
  border-top:1px solid #d8b56c66;
  border-bottom:1px solid #0e140f;
  box-shadow:0 22px 42px #1720181f;
}
.torres-signature .signature-ribbon::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    repeating-linear-gradient(112deg,transparent 0 96px,#d8b56c0b 97px 98px),
    radial-gradient(circle at 67% 50%,#d8b56c19,transparent 28%);
}
.torres-signature .signature-ribbon::after{
  content:'';
  position:absolute;
  z-index:-1;
  top:-80%;
  bottom:-80%;
  left:-22%;
  width:18%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,#f0d6951a,transparent);
  animation:ribbon-light 11s ease-in-out infinite;
}
.torres-signature .ribbon-meta{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  min-height:34px;
  padding:0 max(24px,calc((100vw - 1240px)/2));
  color:#d9c895a8;
  border-bottom:1px solid #d8b56c28;
  font-size:7px;
  font-weight:600;
  letter-spacing:.19em;
  line-height:1;
}
.torres-signature .ribbon-meta span:nth-child(2){color:#ead59f;text-align:center}
.torres-signature .ribbon-meta span:last-child{text-align:right}
.torres-signature .ribbon-track{
  display:flex;
  width:max-content;
  padding:22px 0 23px;
  animation:ribbon-walk 42s linear infinite;
  will-change:transform;
}
.torres-signature .ribbon-track>div{
  display:flex;
  flex-shrink:0;
  align-items:center;
  gap:38px;
  padding-right:38px;
}
.torres-signature .ribbon-word{
  font:500 clamp(29px,3.3vw,52px)/.92 Inter,system-ui,sans-serif;
  letter-spacing:-.065em;
  text-transform:uppercase;
  white-space:nowrap;
}
.torres-signature .ribbon-word--method{
  color:#dcb970;
  font-family:Georgia,serif;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.055em;
  text-transform:none;
}
.torres-signature .ribbon-word--presence{
  color:#f5efe1;
  font-weight:400;
}
.torres-signature .ribbon-seal{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border:1px solid #d8b56c66;
  border-radius:50%;
  box-shadow:0 0 0 7px #d8b56c0a;
}
.torres-signature .ribbon-seal img{display:block;width:28px;height:28px}
.torres-signature .ribbon-cut{
  width:38px;
  height:1px;
  flex:0 0 38px;
  background:#d8b56c88;
  transform:rotate(-58deg);
  box-shadow:9px 0 0 #d8b56c28;
}
.torres-signature .ribbon-coordinate{
  display:grid;
  width:43px;
  height:24px;
  place-items:center;
  flex:0 0 43px;
  color:#d8b56c;
  border:1px solid #d8b56c55;
  border-radius:50%;
  font:600 7px/1 Inter,system-ui,sans-serif;
  font-style:normal;
  letter-spacing:.13em;
}
.torres-signature .ribbon-progress{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:2px;
  background:#ffffff08;
}
.torres-signature .ribbon-progress i{
  display:block;
  width:18%;
  height:100%;
  background:linear-gradient(90deg,transparent,#e4c77f,transparent);
  animation:ribbon-progress 8s ease-in-out infinite;
}
.torres-signature .signature-ribbon:hover .ribbon-track{animation-play-state:paused}
body.motion-paused .ribbon-track,
body.motion-paused .signature-ribbon::after,
body.motion-paused .ribbon-progress i{animation-play-state:paused!important}
@keyframes ribbon-light{0%{transform:translateX(0) skewX(-18deg);opacity:0}20%{opacity:1}70%,100%{transform:translateX(760%) skewX(-18deg);opacity:0}}
@keyframes ribbon-progress{0%{transform:translateX(-110%)}50%,100%{transform:translateX(565%)}}
@media(max-width:800px){
  .torres-signature .ribbon-meta{grid-template-columns:1fr auto;min-height:31px;padding-inline:18px}
  .torres-signature .ribbon-meta span:nth-child(2){display:none}
  .torres-signature .ribbon-track{padding:19px 0 21px;animation-duration:36s}
  .torres-signature .ribbon-track>div{gap:27px;padding-right:27px}
  .torres-signature .ribbon-word{font-size:32px}
  .torres-signature .ribbon-seal{width:32px;height:32px;flex-basis:32px}
  .torres-signature .ribbon-seal img{width:24px;height:24px}
  .torres-signature .ribbon-cut{width:27px;flex-basis:27px}
}
@media(max-width:420px){
  .torres-signature .ribbon-meta{font-size:6px;letter-spacing:.13em}
  .torres-signature .ribbon-track{padding-block:17px 19px}
  .torres-signature .ribbon-track>div{gap:23px;padding-right:23px}
  .torres-signature .ribbon-word{font-size:29px}
  .torres-signature .ribbon-coordinate{width:38px;flex-basis:38px}
}
@media(prefers-reduced-motion:reduce){
  .torres-signature .ribbon-track,
  .torres-signature .signature-ribbon::after,
  .torres-signature .ribbon-progress i{animation:none!important;transform:none!important}
}