/* Campana de avisos (bloque notifications) */
.campana-env { position: relative; display: inline-flex; }
.campana { background: transparent; border-color: transparent; color: #CFE0DA; min-height: 36px; padding: .25rem .45rem; position: relative; }
.campana:hover { color: #fff; border-color: transparent; background: rgba(255, 255, 255, .08); }
.campana .burbuja { position: absolute; top: 0; right: 0; font-size: .68rem; min-width: 1.15rem; padding: 0 .3rem; line-height: 1.15rem; }
.avisos-caja {
  position: absolute; right: 0; top: calc(100% + 8px); width: min(360px, calc(100vw - 24px)); max-height: 70vh; overflow-y: auto;
  background: var(--superficie); color: var(--tinta); border: 1px solid var(--linea); border-radius: var(--radio-g); box-shadow: var(--sombra); z-index: 60;
}
.avisos-cab { display: flex; justify-content: space-between; align-items: center; padding: .6rem .8rem; border-bottom: 1px solid var(--linea-suave); }
.avisos-caja ul { list-style: none; margin: 0; padding: 0; }
.avisos-caja li a { display: block; padding: .6rem .8rem; color: var(--tinta); text-decoration: none; border-bottom: 1px solid var(--linea-suave); font-size: .92rem; }
.avisos-caja li a:hover { background: #F6FAF8; }
.avisos-caja li a small { display: block; margin-top: .15rem; }
.avisos-caja li.nuevo a { box-shadow: inset 3px 0 0 var(--cruz); font-weight: 650; }
@media (max-width: 760px) { .avisos-caja { position: fixed; right: 12px; top: calc(var(--barra) + 4px); } }