/* Tudo Comunica 2.0 - ajustes 2026-09-05 */
.tc-ico{
  width:34px;height:34px;display:block;margin:0 0 16px;
  color:#DFB176;overflow:visible;
}
.tc-ico path,.tc-ico circle,.tc-ico line,.tc-ico rect,.tc-ico polyline{
  fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:var(--len,120);stroke-dashoffset:var(--len,120);
  opacity:.35;
}
/* desenha quando o card entra em cena (usa o data-revealed do proprio site) */
[data-revealed] .tc-ico path,[data-revealed] .tc-ico circle,
[data-revealed] .tc-ico line,[data-revealed] .tc-ico rect,
[data-revealed] .tc-ico polyline{
  animation:tcDraw 1.1s cubic-bezier(.22,.61,.36,1) forwards;
  animation-delay:var(--d,0s);
}
@keyframes tcDraw{
  0%{stroke-dashoffset:var(--len,120);opacity:.25}
  60%{opacity:1}
  100%{stroke-dashoffset:0;opacity:1}
}

/* ---- POP no hover: SOMENTE nos cards 01-04 do "O DIAGNOSTICO" ---- */
.tc-pop{
  transition:transform .55s cubic-bezier(.22,.61,.36,1),
             border-color .45s ease,background-color .45s ease,box-shadow .55s ease;
  will-change:transform;
}
.tc-pop:hover{
  transform:translateY(-3px) scale(1.012);
  border-color:rgba(223,177,118,.38)!important;
  background-color:rgba(223,177,118,.035)!important;
  box-shadow:0 14px 34px -20px rgba(0,0,0,.7),0 0 0 1px rgba(223,177,118,.1);
}
.tc-ico{
  transform-origin:50% 60%;
  transition:transform .5s cubic-bezier(.22,.61,.36,1),filter .5s ease;
}
.tc-pop:hover .tc-ico{
  transform:scale(1.07);
  filter:drop-shadow(0 0 8px rgba(223,177,118,.35));
}

/* ---- Linha dourada que acompanha o hover ("Um evento desenhado") ---- */
.tc-line{position:relative}
.tc-line::after{
  content:'';position:absolute;top:-2px;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#C08B45,#DFB176);
  transform:scaleX(0);transform-origin:left center;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}
.tc-line-on::after{transform:scaleX(1)}
.tc-lines:hover .tc-line-on::after{transform:scaleX(0);transform-origin:right center}
.tc-lines .tc-line:hover::after{transform:scaleX(1);transform-origin:left center}
.tc-lines .tc-line:hover .tc-ico{
  transform:scale(1.07);filter:drop-shadow(0 0 8px rgba(223,177,118,.35));
}

@media (prefers-reduced-motion:reduce){
  .tc-ico path,.tc-ico circle,.tc-ico line,.tc-ico rect,.tc-ico polyline{
    stroke-dashoffset:0!important;opacity:1!important;animation:none!important}
  .tc-pop:hover{transform:none}
  .tc-pop:hover .tc-ico{transform:none}
  .tc-line::after{transition:none}
}