/* Difusor V149 · Material privado al click + desvanecimiento al salir
   La banda aparece al seleccionar una tarjeta privada y se desvanece
   suavemente cuando el puntero abandona la tarjeta. */
body.portfolio-page .portfolio-private-ribbon{
  top:32px!important;
  right:-68px!important;
  width:260px!important;
  min-width:260px!important;
  padding:12px 18px!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  line-height:1.05!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-indent:0!important;
  overflow:visible!important;
  background:rgba(250,252,253,.98)!important;
  color:#071821!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.36),0 0 0 1px rgba(7,24,33,.06)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:rotate(36deg) translateY(-12px) scale(1)!important;
  pointer-events:none!important;
  transition:
    opacity 1.15s cubic-bezier(.22,.61,.36,1),
    transform .42s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear 1.15s!important;
}
body.portfolio-page .portfolio-card.is-private-selected .portfolio-private-ribbon{
  opacity:1!important;
  visibility:visible!important;
  transform:rotate(36deg) translateY(0) scale(1.035)!important;
  transition:
    opacity .22s ease-out,
    transform .32s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear 0s!important;
}
body.portfolio-page .portfolio-private-mark{display:none!important}

@media (max-width:720px){
  body.portfolio-page .portfolio-private-ribbon{
    top:27px!important;
    right:-64px!important;
    width:238px!important;
    min-width:238px!important;
    padding:11px 16px!important;
    font-size:12px!important;
    letter-spacing:.085em!important;
  }
}