/* =========================================================
   ÍCONES DISCRETOS
   ========================================================= */
.ico{
  width:17px;
  height:17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  vertical-align:-3px;
}

.ico svg{
  width:17px;
  height:17px;
  display:block;
}

.ico-sm,
.ico-sm svg{
  width:15px;
  height:15px;
}

.ico-lg,
.ico-lg svg{
  width:22px;
  height:22px;
}

.btn .ico{
  margin-left:-1px;
}

.icon-soft{
  width:38px;
  height:38px;
  border-radius:13px;
  background:#eff6ff;
  color:#2563eb;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}

.icon-soft.green{
  background:#ecfdf5;
  color:#047857;
}

.icon-soft.yellow{
  background:#fffbeb;
  color:#b45309;
}

.icon-soft.red{
  background:#fef2f2;
  color:#b91c1c;
}

.icon-soft.gray{
  background:#f1f5f9;
  color:#475569;
}

.google-icon{
  width:18px;
  height:18px;
  display:inline-block;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 42%, #fff 43% 100%),
    conic-gradient(from -40deg, #4285F4 0 25%, #34A853 25% 50%, #FBBC05 50% 75%, #EA4335 75% 100%);
  border-radius:50%;
  position:relative;
}

.google-icon:after{
  content:"";
  position:absolute;
  right:-1px;
  top:7px;
  width:9px;
  height:4px;
  background:#4285F4;
  border-radius:2px;
}

.mp-icon{
  width:20px;
  height:16px;
  border-radius:999px;
  background:#00b1ea;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:-.08em;
  line-height:1;
}

.mp-icon:before{
  content:"MP";
}

.menu-icon{
  opacity:.82;
  width:17px;
  text-align:center;
  display:inline-flex;
  justify-content:center;
}

.card-icon-title{
  display:flex;
  align-items:center;
  gap:9px;
}

.card-icon-title .icon-soft{
  margin:0;
  width:34px;
  height:34px;
  border-radius:12px;
}

.painel-menu a,
.nav-side a{
  gap:9px;
}

.evento-meta-row .menu-icon{
  color:#64748b;
}


/* Ícones antigos foram substituídos por SVG. */
.menu-icon{
  font-size:0;
}
.menu-icon svg{
  font-size:initial;
}