/* Tags compactas e interativas do catálogo — release 1.4.1. */
.abep-ia-case-card{overflow:visible}
.abep-ia-case-card:hover,
.abep-ia-case-card:focus-within{z-index:5}
.abep-ia-case-tags{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
  flex:0 0 34px;
  min-height:34px;
  padding-top:2px;
  overflow:visible;
  max-height:34px;
}
.abep-ia-case-tag{
  position:relative;
  box-sizing:border-box;
  display:block;
  min-width:0;
  height:32px;
  margin:0;
  padding:0 12px;
  overflow:visible;
  border:1px solid #c8d9e8;
  border-radius:8px;
  background:#f1f6fa;
  color:#075a9d;
  font:600 13px/30px Inter,Arial,sans-serif;
  text-align:left;
  cursor:pointer;
  transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;
}
.abep-ia-case-tag--technology{flex:1 1 auto}
.abep-ia-case-tag--area{flex:0 0 190px;width:190px;max-width:190px}
.abep-ia-case-tag span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abep-ia-case-tag:hover,
.abep-ia-case-tag:focus-visible{border-color:#075a9d;background:#fff;box-shadow:0 0 0 2px rgba(7,90,157,.14);outline:0}
.abep-ia-case-tag.is-active{border-color:#075a9d;background:#075a9d;color:#fff}
.abep-ia-case-tag::before,
.abep-ia-case-tag::after{position:absolute;z-index:20;left:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s,transform .14s,visibility .14s}
.abep-ia-case-tag::after{
  content:attr(data-tooltip);
  bottom:calc(100% + 10px);
  width:max-content;
  max-width:320px;
  padding:8px 11px;
  border-radius:8px;
  background:#071f43;
  color:#fff;
  font:600 12px/1.35 Inter,Arial,sans-serif;
  text-align:center;
  white-space:normal;
  box-shadow:0 8px 22px rgba(7,31,67,.24);
  transform:translate(-50%,4px);
}
.abep-ia-case-tag::before{
  content:"";
  bottom:calc(100% + 4px);
  width:0;
  height:0;
  border:6px solid transparent;
  border-top-color:#071f43;
  transform:translate(-50%,4px);
}
.abep-ia-case-tag:hover::before,
.abep-ia-case-tag:hover::after,
.abep-ia-case-tag:focus-visible::before,
.abep-ia-case-tag:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px) and (min-width:721px){
  .abep-ia-case-tag--area{flex-basis:170px;width:170px;max-width:170px}
}
@media(max-width:720px){
  .abep-ia-case-card{height:320px}
  .abep-ia-case-tags{flex:0 0 72px;flex-wrap:wrap;min-height:72px;max-height:72px;padding-top:2px}
  .abep-ia-case-tag--technology,
  .abep-ia-case-tag--area{flex:1 1 100%;width:100%;max-width:none}
  .abep-ia-case-tag::after{max-width:min(280px,calc(100vw - 48px))}
}