/* ==========================================================================
   Acciones de la cabecera — lo que el original no tiene
   --------------------------------------------------------------------------
   La lupa abre la barra greb (igual que Cmd/Ctrl+G) y el círculo es la
   cuenta: entrar, o con sesión las iniciales y el panel. Separadas de las
   redes por una raya, para que no se lean como una red social más.
   ========================================================================== */
.cid-acciones {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px 0 16px;
  border-left: 1px solid var(--borde);
}

.cid-accion {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--borde);
  border-radius: 50%;
  background: var(--blanco);
  color: var(--azul);
  font-family: var(--titular);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  transition: color .3s, border-color .3s, background .3s;
}

.cid-accion svg { width: 16px; height: 16px; fill: none; }

.cid-accion:hover { color: var(--rojo); border-color: var(--rojo); }

.cid-accion.es-cuenta { background: var(--azul); border-color: var(--azul); color: var(--blanco); }

.cid-accion.es-cuenta:hover { background: var(--rojo); border-color: var(--rojo); color: var(--blanco); }

@media (max-width: 767px) {
  .cid-acciones { padding: 0 0 0 10px; border-left: 0; margin-left: auto; }

  .cid-nav-abrir { margin-left: 12px; }
}

/* Iconos del menú: finos y del color del texto, delante de cada sección. */
.cid-nav a { display: inline-flex; align-items: center; gap: 7px; }

.cid-nav-icono { display: inline-grid; line-height: 0; opacity: .75; transition: opacity .3s; }

.cid-nav-icono svg { width: 16px; height: 16px; fill: none; stroke-width: 1.75; }

.cid-nav a:hover .cid-nav-icono,
.cid-nav a.es-actual .cid-nav-icono { opacity: 1; }

/* El menú no se parte en dos líneas: con iconos solo si cabe holgado. */
@media (min-width: 768px) {
  .cid-nav ul { flex-wrap: nowrap; }

  .cid-nav a { padding: 8px 12px; white-space: nowrap; }
}

@media (max-width: 1380px) and (min-width: 768px) {
  .cid-nav-icono { display: none; }
}

@media (max-width: 1100px) and (min-width: 768px) {
  .cid-nav a { padding: 8px 8px; font-size: 14px; }

  .cid-redes.es-cabecera { display: none; }
}