/* ================= EL ENCABEZADO CON SESIÓN =================
   Usa los tokens de la página de inicio (--papel, --tinta, --naranja…). */

.ses{position:relative}
.ses-pildora{display:flex;align-items:center;gap:9px;padding:4px 12px 4px 4px;border-radius:999px;cursor:pointer;
  background:color-mix(in srgb,var(--tinta) 8%,transparent);border:1px solid color-mix(in srgb,var(--tinta) 16%,transparent);
  color:inherit;font:700 14px/1 var(--f-body);transition:background-color .25s,transform .35s var(--e-snap)}
.ses-pildora:hover{background:color-mix(in srgb,var(--tinta) 14%,transparent)}
.ses-pildora:active{transform:scale(.96)}
.sobre-oscuro .ses-pildora{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.ses-av{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:none;
  background:#111;color:#fff;font:italic 800 13px/1 var(--f-head);box-shadow:0 0 0 2px var(--naranja)}
.ses-av-g{width:44px;height:44px;font-size:18px}
.ses-flecha{width:16px;height:16px;transition:transform .35s var(--e-snap)}
.ses.abierta .ses-flecha{transform:rotate(180deg)}
@media (max-width:520px){ .ses-nombre{display:none} .ses-pildora{padding-right:8px} }

.ses-menu{position:absolute;right:0;top:calc(100% + 10px);width:290px;padding:8px;border-radius:22px;z-index:60;
  background:var(--papel);color:var(--tinta);border:1px solid var(--linea);box-shadow:0 30px 60px -28px rgba(0,0,0,.45);
  opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top right;pointer-events:none;
  transition:opacity .2s var(--e-out),transform .35s var(--e-rebote)}
.ses.abierta .ses-menu{opacity:1;transform:none;pointer-events:auto}
.ses-cab{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid var(--linea);margin-bottom:6px}
.ses-cab b{display:block;font-size:15px;line-height:1.2}
.ses-cab small{display:block;font-size:12px;color:var(--gris);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.ses-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:14px;text-align:left;
  color:inherit;text-decoration:none;background:none;border:0;cursor:pointer;font:inherit;
  transition:background-color .2s,transform .3s var(--e-snap)}
.ses-item:hover{background:var(--bloque)}
.ses-item:active{transform:scale(.98)}
.ses-item .ico{width:20px;height:20px;color:var(--naranja);flex:none}
.ses-item b{display:block;font-size:14.5px}
.ses-item small{display:block;font-size:12px;color:var(--gris);margin-top:1px}
.ses-salir{margin-top:4px;border-top:1px solid var(--linea);border-radius:0 0 14px 14px}
.ses-salir .ico{color:var(--gris)}
.saliendo{opacity:.5;pointer-events:none}

/* En el menú del teléfono */
.ses-lista{display:grid;gap:2px;margin-top:18px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--tinta) 14%,transparent)}
.ses-lista .ses-cab{border-bottom:0;padding-bottom:6px}