/* =====================================================================
   MiesApp — NOVEDADES in-app (avisos de features nuevas)  [feature aislada]
   Estilo Mies, sin shadow, color de marca del tenant (var(--mies)).
   Piezas: mini-tooltip "Nuevo" en la entrada + badge "Nuevo" en el ítem +
   globo (coachmark) explicativo.
   ===================================================================== */

/* Mini-tooltip "Nuevo" que sale del punto de entrada (ej. el + de Caja) */
.nov-hint { position: fixed; z-index: 1400; background: var(--mies); color: #fff;
  font-size: 12px; font-weight: 600; letter-spacing: .01em; padding: 5px 11px; border-radius: 999px;
  pointer-events: none; }
.nov-hint::after { content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent;
  border-top: 7px solid var(--mies); }

/* Badge "Nuevo" pegado al nombre del ítem */
.nov-badge { display: inline-block; margin-left: 8px; font-size: 11px; font-weight: 700; color: #fff;
  background: var(--mies); padding: 2px 9px; border-radius: 999px; vertical-align: middle; letter-spacing: .02em; }

/* Globo explicativo (coachmark) */
.nov-tip { position: fixed; z-index: 3000; max-width: 260px; background: var(--mies); color: #fff;
  border-radius: 14px; padding: 13px 15px 12px; font-size: 13.5px; line-height: 1.4; }
.nov-tip h4 { margin: 0 0 4px; font-size: 14.5px; font-weight: 700; }
.nov-tip p { margin: 0 0 8px; opacity: .92; }
.nov-tip .nov-row { display: flex; justify-content: flex-end; }
.nov-tip button { background: #fff; color: var(--mies); border: none; border-radius: 9px;
  padding: 7px 14px; font-weight: 500; font-size: 13px; font-family: inherit; cursor: pointer; }
/* Flecha en triángulo (apunta hacia abajo al ítem; se invierte si el globo va debajo) */
.nov-tip .nov-arrow { position: absolute; bottom: -9px; width: 0; height: 0;
  border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid var(--mies); }
.nov-tip.nov-below .nov-arrow { bottom: auto; top: -9px; border-top: none; border-bottom: 10px solid var(--mies); }