/* ==========================================================================
   usuario.css · RedVivienda
   Menú de la cuenta en la cabecera de las páginas públicas.
   ========================================================================== */

.rv-usuario { position: relative; display: inline-flex; }

.rv-usuario > [data-dialog="login"] { cursor: pointer; }
.rv-usuario.es-abierto > [data-dialog="login"] { color: #0B4F82; }

.rv-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1200;   /* por encima de cabecera y velos de la plantilla */
  min-width: 15rem;
  padding: .35rem;
  background: #fff;
  border: 1px solid #DCE6EE;
  border-radius: 12px;
  box-shadow: 0 12px 28px -10px rgba(11, 79, 130, .28),
              0 2px 6px rgba(16, 42, 66, .06);
  animation: rv-menu-entra .14s ease-out;
}

@keyframes rv-menu-entra {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.rv-menu__cabecera {
  display: grid;
  gap: .1rem;
  padding: .55rem .65rem .6rem;
  border-bottom: 1px solid #EDF3F8;
  margin-bottom: .3rem;
}
.rv-menu__nombre {
  font-size: .95rem;
  color: #16202A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rv-menu__tipo { font-size: .78rem; color: #6C7A87; }

.rv-menu__opcion {
  display: block;
  padding: .5rem .65rem;
  border-radius: 8px;
  font-size: .9rem;
  color: #33424F;
  text-decoration: none;
  transition: background-color .12s ease, color .12s ease;
}
.rv-menu__opcion:hover,
.rv-menu__opcion:focus-visible { background: #F2F8FD; color: #0B4F82; }

.rv-menu__opcion--modo {
  margin-top: .3rem;
  border-top: 1px solid #EDF3F8;
  padding-top: .6rem;
  color: #14649D;
  font-weight: 600;
}
.rv-menu__opcion--modo:hover { background: #EAF3FA; }

.rv-menu__opcion--salir {
  margin-top: .3rem;
  border-top: 1px solid #EDF3F8;
  border-radius: 0 0 8px 8px;
  padding-top: .6rem;
  color: #8E1B1B;
}
.rv-menu__opcion--salir:hover { background: #FDF0F0; color: #8E1B1B; }

@media (max-width: 30rem) {
  .rv-menu { right: -.5rem; min-width: 13rem; }
}

@media (prefers-reduced-motion: reduce) {
  .rv-menu { animation: none; }
}